@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,200&display=swap');@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');.main-font{font-family:'Montserrat',sans-serif}
.alt-font{font-family:'Roboto',sans-serif}
/* ===================================
    General
====================================== */

body{font-family:'Roboto',sans-serif;font-size:18px;color:#111d44;font-weight:300;line-height:25px;width:100%;overflow-x:hidden}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{line-height:1.2;font-weight:bold;font-family:'Roboto',sans-serif,sans-serif}
.h1,h1{font-size:72px}
.h2,h2{font-size:48px}
.h3,h3{font-size:36px}
.h4,h4{font-size:24px}
a,input,button,.navbar,.fixedmenu,.tp-bullet,.owl-dot,.owl-prev,.owl-next{transition:ease-in-out 0.2s;-webkit-transition:ease-in-out 0.2s;-moz-transition:ease-in-out 0.2s;-ms-transition:ease-in-out 0.2s;-o-transition:ease-in-out 0.2s}
section,.section-padding{position:relative;overflow:hidden}
a{color:inherit;text-decoration:none}
.rev_slider_wrapper{width:100% !important}
.btn.focus,.btn:focus{-webkit-box-shadow:none;box-shadow:none}
p:last-child{margin-bottom:0 !important;font-family:'Roboto',sans-serif}
.fa,.far,.fas{display:inline}
a:active,a:hover{color:#152354}
li{list-style:none;text-decoration:none}
blockquote{border-left:2px solid;padding:10px 15px 10px 35px;margin:25px 0;font-size:18px;line-height:28px}
blockquote > cite{font-weight:400;font-size:14px;display:block}
.hidden{display:none}
section{padding:0}
.padding-bottom{padding-bottom:7.5rem}
.padding-top{padding-top:7.5rem}
.no-transition *{transition-timing-function:initial;-moz-transition-timing-function:initial;-webkit-transition-timing-function:initial;-o-transition-timing-function:initial;-ms-transition-timing-function:initial;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;-ms-transition-duration:0s}
.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
.opacity-full{opacity:1}
.opacity-1{opacity:.1}
.opacity-2{opacity:.2}
.opacity-3{opacity:.3}
.opacity-4{opacity:.4}
.opacity-5{opacity:.5}
.opacity-6{opacity:.6}
.opacity-7{opacity:.7}
.opacity-8{opacity:.8}
.opacity-9{opacity:.9}
.font-weight-100{font-weight:100}
.font-weight-200{font-weight:200}
.font-weight-300{font-weight:300}
.font-weight-500{font-weight:500}
.font-weight-600{font-weight:600}
.font-weight-700{font-weight:700}
.btn{-webkit-appearance:initial;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;display:inline-block;font-size:16px;border:2px solid transparent;letter-spacing:.5px;line-height:inherit;border-radius:0;text-transform:capitalize;width:auto;font-family:'Roboto',sans-serif;font-weight:bold;-webkit-transition:all .5s ease;-o-transition:all .5s ease !important;transition:all .5s ease !important}
.btn.btn-red{background:transparent;border-color:#152354;color:#152354}
.btn.btn-red:hover{background:#152354!important;border-color:#152354;color:#ffffff!important}
.btn.btn-trans{background:#152354 !important;border-color:#152354;color:#ffffff !important}
.btn.btn-trans:hover{background:#ffffff !important;border-color:#111d44;color:#111d44 !important}
.btn.btn-small{font-size:12px;padding:4px 1.8em}
.btn.btn-medium{font-size:16px;padding:10px 48px;line-height:1.8em}
.btn.btn-large{font-size:16px;padding:14px 30px;line-height:1.8em}
.btn.btn-rounded{border-radius:50px}
.main-color{color:#48DDF3}
.text-grey{color:#111d44}
.text-white{color:#ffffff}
.text-black{color:#000000}
.bg-red{background:#152354}
.bg-black{background:#000000}
.bg-transparent{background:transparent}
.margin-top{margin-top:30px}
.margin-bottom{margin-bottom:30px}
/* ===================================
   Banner
====================================== */

.slider-area{background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:cover;width:95%;margin-left:0}
@media (min-width:992px){.slider-area{height:100vh;margin-left:5%}
}.slider-image{position:relative;margin:0 auto -80px auto;top:100px}
.slider-image img{top:-90px;width:100%;position:relative}
.slider-text{background-color:#ffffff;color:#2b3033}
.slider-area h1{font-size:48px;line-height:1.1}
.slider-area p{font-size:18px;font-weight:normal}
.slider-area{align-items:center;display:flex;position:relative}
.slider-copyright{font-family:'Roboto',sans-serif;font-weight:normal;font-size:18px;position:absolute;bottom:15px;right:15px;z-index:1111}
.slider-bottom .slider-social{position:absolute;top:15px;right:15px;z-index:1111}
.slider-bottom .slider-social a{color:#111d44}
.fixed{position:fixed}
.side-nav-menu .slider-social{position:absolute;right:50px;top:auto;z-index:111;opacity:0;transition:opacity .5s}
.side_nav.expand_nav .side-nav-menu .slider-social{opacity:1;transition:opacity .5s}
.side-nav-menu .slider-social{right:auto;bottom:80px}
.slider-social ul>li{float:left}
.slider-social a{justify-content:center;height:40px;line-height:38px;width:40px;position:relative;overflow:hidden;align-items:center;display:flex;text-align:center;border-radius:50px;background:#fff;font-size:16px;margin:2px;border:1px solid transparent;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.circle-one{position:absolute;top:26%;left:50%}
.circle-two{top:14%;left:68%;position:absolute}
.circle-three{top:30%;left:88%;position:absolute}
.circle-four{top:80%;left:80%;position:absolute}
.circle-five{top:86%;left:55%;position:absolute}
.animated-circle{background-color:transparent;border:none;height:40px;width:40px;cursor:pointer;position:absolute}
.animated-circle:after{content:"";height:25px;width:25px;background-color:#48ddf3;border-radius:50%;position:absolute;top:5px;left:10px;-webkit-box-shadow:0 0 0 0 rgb(72 221 243 / 40%);box-shadow:0 0 0 0 rgb(72 221 243 / 40%);-webkit-animation:ripple 2s infinite;animation:ripple 2s infinite}
.fixed{position:fixed}
@-webkit-keyframes ripple{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}
70%{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-box-shadow:0 0 0 20px rgba(0,159,153,0);box-shadow:0 0 0 20px rgba(0,159,153,0)}
to{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-box-shadow:0 0 0 0 rgba(0,159,153,0);box-shadow:0 0 0 0 rgba(0,159,153,0)}
}@keyframes ripple{0%{-webkit-transform:scale(0.8);transform:scale(0.7)}
70%{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-box-shadow:0 0 0 20px rgba(0,159,153,0);box-shadow:0 0 0 20px rgba(0,159,153,0)}
to{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-box-shadow:0 0 0 0 rgba(0,159,153,0);box-shadow:0 0 0 0 rgba(0,159,153,0)}
}/* ===================================
   Contact
====================================== */

.contact-sec .form-check{display:flex;align-items:center;gap:10px;user-select:none}
.contact-sec .form-check-input[type="checkbox"] {appearance:none;width:25px;height:20px;border:2px solid #111d44;border-radius:4px;background-color:#fff;cursor:pointer;position:relative;transition:all 0.2s ease}
.contact-sec .form-check-input[type="checkbox"]::before {content:"";position:absolute;left:4px;top:2px;width:8px;height:8px;border:solid #111d44;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform 0.2s ease}
.contact-sec .form-check-input[type="checkbox"]:checked::before {transform:rotate(45deg) scale(1)}
.contact-sec .form-check a {text-decoration:underline;transition:color 0.2s ease}
.contact-sec .form-check a:hover {text-decoration:underline}

.contact-sec .slider-social a{color:#111d44}
.contact-sec .heading{color:#111d44;font-size:48px;margin-bottom:40px;font-weight:bold}
.contact-sec .contact-form input{color:#111d44;font-size:16px;height:40px;background:transparent}
.contact-sec .contact-form .form-control{border:none;border-radius:0;padding-left:0;border-bottom:1px solid rgba(0,0,0,0.2)}
.contact-sec .contact-form .form-control:focus{box-shadow:none;border-bottom:1px solid #111d44}
.contact-sec .contact-form input::placeholder,.contact-sec .contact-form textarea::placeholder{color:#111d44;font-size:16px}
.contact-sec .contact-form textarea{padding-top:20px;height:150px;color:#111d44;font-size:16px;resize:none;background:transparent;margin-bottom:40px}
.contact-sec .contact-form .purple-btn{margin-top:15px}
.contact_btn{font-size:16px;font-weight:600;text-transform:uppercase}
.contact-form{padding-top:10px;width:100%}
.contact-sec .contact-background{position:absolute;right:0;top:-35px;z-index:-1}
.contact-sec .contact-details{font-family:Roboto,sans-serif;width:90%}
.contact-sec .contact-details .heading{margin-bottom:35px;font-size:30px;font-weight:normal}
.contact-sec .contact-details .text{color:#111d44;font-size:17px;font-weight:normal}
.contact-sec .contact-details ul{padding-left:0;margin-bottom:0;margin-top:50px}
.contact-sec .contact-details ul li{color:#111d44;list-style:none;margin-bottom:30px;font-size:16px;display:flex;align-items:center;font-weight:normal;font-family:'Roboto',sans-serif}
.contact-sec .contact-details ul li:first-child{width:60%}
.contact-sec .contact-details ul li span{display:inline-block;padding-right:30px}
.contact-sec .contact-details ul li span:last-child{padding-right:0}
.contact-sec .contact-details ul li i{font-size:30px;margin-right:20px;margin-bottom:8px;color:#111d44}
/* ===================================
   Media Queries
====================================== */

@media (min-width:1800px){.expand-container{max-width:1300px}
#pp-nav.left{left:26px}
.sticky-logo{right:2px}
.my_tog{margin-right:18px}
.side-nav-menu .nav-menu{padding-top:280px}
.contact-sec .contact-form textarea{margin-bottom:60px}
}@media (max-width:1280px) and (min-width:1210px){.my_tog{margin-right:0}
.sticky-logo{right:-15px}
}@media (max-width:1200px) and (min-width:992px){.h1,h1{font-size:60px}
section{padding:10rem 0}
html{scroll-behavior:smooth}
.section-heading{margin-bottom:3.5rem}
.all-products,.reviews,.contact-sec{height:auto}
.my_tog{padding:20px 5px}
.sticky-logo{display:none !important}
.side-nav-menu .nav-menu{padding-left:35px;padding-top:350px}
.slider-area h1{font-size:54px}
.circle-one{top:35%;left:50%}
.circle-two{top:26%;left:72%}
.circle-three{top:30%;left:90%}
.circle-four{top:70%;left:88%}
.circle-five{top:74%;left:64%}
.all-products h2{font-size:42px}
.contact-sec .heading{font-size:42px}
.btn.btn-medium{padding:10px 42px}
}@media screen and (max-width:991px) and (min-width:768px){.h1,h1{font-size:58px}
.h3,h3{font-size:32px}
section{padding:7.5rem 0}
p{font-size:14px}
html{scroll-behavior:smooth}
.all-products,.reviews,.contact-sec{height:auto}
.section-heading{margin-bottom:3rem}
.my_tog{padding:20px 0;margin-right:8px}
.sticky-logo{display:none !important}
.side-nav-menu .nav-menu{padding-left:35px;padding-top:220px}
.slider-area h1{font-size:42px}
.slider-area p{font-size:16px}
.circle-one{top:36%;left:50%}
.circle-two{top:25%;left:68%}
.circle-three{top:30%;left:88%}
.circle-four{top:66%;left:82%}
.circle-five{top:72%;left:55%}
.all-products h2{font-size:38px}
.contact-sec .heading{font-size:42px}
.contact-sec .contact-details .text{text-align:left}
.contact-form{padding-top:10%}
}@media screen and (max-width:767px){body{padding:12% 0;html{scroll-behavior:smooth}
section{padding:6rem 0}
.h1,h1{font-size:32px}
.h2,h2{font-size:32px}
.h3,h3{font-size:24px}
p{font-size:14px;line-height:20px}
.all-products,.reviews,.contact-sec{height:auto;width:100%;margin-left:0}
.slider-area{width:100%;margin-left:0}
.side_nav{display:none}
.navbar-brand{margin-right:0}
.navbar{padding:6px 10px}
.fix-top{animation-name:unset;-webkit-animation-duration:unset;-o-animation-duration:unset;animation-duration:unset;-webkit-animation-fill-mode:unset;-o-animation-fill-mode:unset;animation-fill-mode:unset}
.slider-bottom .slider-social,.slider-copyright{display:none}
.slider-area h1{font-size:32px}
.slider-area p{font-size:14px}
.circle-one{top:57%;left:2%}
.circle-two{top:54%;left:45%}
.circle-three{top:52%;left:82%}
.circle-four{top:86%;left:80%}
.circle-five{top:92%;left:8%}
.all-products h2{font-size:34px}
.all-products .circle i{display:none}
.contact-sec .heading{font-size:26px}
.contact-sec .contact-details{margin:40px auto 0 auto}
.contact-sec .contact-details .text{font-size:14px}
.contact-sec .contact-form{width:100%;margin-left:0}
.contact-sec .contact-details{width:100%;margin-left:0;margin-top:80px}
.contact-sec .contact-details ul li:first-child{width:100%}
.contact-sec .contact-details ul li{display:block;margin-bottom:30px}
.contact-sec .contact-details ul li i{margin-right:0;margin-bottom:15px;display:block}
.contact-social ul{justify-content:center}
.shoes-list{padding:50px 0}
.morphic-title p{margin-top:30px;margin-bottom:30px}
.modal-btn .btn.btn-medium{font-size:12px}
.morphic-title h3,.price-modal h1{font-size:36px}
.morphic-title p{font-size:14px}
.carousel-indicators{margin-bottom:10% !important}
.slider-area{background-position-x:-37%}
.all-products{background-position-x:-12%}
.reviews{background-position-x:-23%}
.contact-sec{background-position-x:-6%}
}@media (max-width:575.98px){.h1,h1{font-size:30px}
p{font-size:12px;line-height:18px}
.btn.btn-medium{font-size:12px}
.slider-area h1{font-size:32px}
.slider-area p{font-size:12px}
}