/* Generated from desktop and mobile home viewport. Keep in sync with head.php. */
:root{--blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
*{box-sizing: border-box;}
html{font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
 header, nav{display: block;}
body{margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255);}
[tabindex="-1"]:focus{outline: 0px !important;}
 h2, h4, h6{margin-top: 0px; margin-bottom: 0.5rem;}
p{margin-top: 0px; margin-bottom: 1rem;}
 ul{margin-top: 0px; margin-bottom: 1rem;}
 ul ul{margin-bottom: 0px;}
b, strong{font-weight: bolder;}
a{color: rgb(0, 123, 255); text-decoration: none; background-color: transparent;}
a:hover{color: rgb(0, 86, 179); text-decoration: underline;}
img{vertical-align: middle; border-style: none;}
button{border-radius: 0px;}
button:focus{outline: -webkit-focus-ring-color auto 5px;}
button, input, select{margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit;}
button, input{overflow: visible;}
button, select{text-transform: none;}
 [type="submit"], button, html [type="button"]{appearance: button;}
[type="search"]{outline-offset: -2px; appearance: none;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration{appearance: none;}
 h2, h4, h6{margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit;}
 h2{font-size: 2rem;}
 h4{font-size: 1.5rem;}
 h6{font-size: 1rem;}
.container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
 .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-9{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.form-control{display: block; width: 100%; height: calc(2px + 2.25rem); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control:focus{color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;}
.form-control::-webkit-input-placeholder{color: rgb(108, 117, 125); opacity: 1;}
.form-control::placeholder{color: rgb(108, 117, 125); opacity: 1;}
.form-control:disabled{background-color: rgb(233, 236, 239); opacity: 1;}
.btn{display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn:focus, .btn:hover{text-decoration: none;}
 .btn:focus{outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;}
 .btn:disabled{opacity: 0.65;}
.fade{transition: opacity 0.15s linear;}
.fade:not(.show){opacity: 0;}
.collapse:not(.show){display: none;}
.dropdown{position: relative;}
.dropdown-toggle::after{display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-style: solid solid none; border-color: currentcolor transparent;}
.dropdown-menu{position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem;}
.modal{position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px;}
.modal-dialog{position: relative; width: auto; margin: 0.5rem; pointer-events: none;}
.modal.fade .modal-dialog{transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; transform: translate(0px, -25%);}
.modal-content{position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px;}
.modal-header{display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem;}
.modal-title{margin-bottom: 0px; line-height: 1.5;}
.modal-body{position: relative; flex: 1 1 auto; padding: 1rem;}
.modal-footer{display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgb(233, 236, 239);}
.bg-primary{background-color: rgb(0, 123, 255) !important;}
.bg-transparent{background-color: transparent !important;}
.d-none{display: none !important;}
.d-block{display: block !important;}
.d-flex{display: flex !important;}
.align-items-center{align-items: center !important;}
.w-100{width: 100% !important;}
.w-auto{width: auto !important;}
.mb-0{margin-bottom: 0px !important;}
.ml-0{margin-left: 0px !important;}
.mt-1{margin-top: 0.25rem !important;}
.mt-2{margin-top: 0.5rem !important;}
.mr-2{margin-right: 0.5rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mt-3{margin-top: 1rem !important;}
.mr-3{margin-right: 1rem !important;}
.mr-5{margin-right: 3rem !important;}
.ml-5{margin-left: 3rem !important;}
.p-0{padding: 0px !important;}
.pl-0{padding-left: 0px !important;}
.pt-1{padding-top: 0.25rem !important;}
.pl-2{padding-left: 0.5rem !important;}
.text-right{text-align: right !important;}
.text-uppercase{text-transform: uppercase !important;}
.text-white{color: rgb(255, 255, 255) !important;}
.text-dark{color: rgb(52, 58, 64) !important;}
a.text-dark:focus, a.text-dark:hover{color: rgb(29, 33, 36) !important;}
.text-body{color: rgb(33, 37, 41) !important;}
.pt-1{padding-top: 1rem !important;}
.mt-1{margin-top: 1rem !important;}
.mt-2{margin-top: 2rem !important;}
.mt-3{margin-top: 3rem !important;}
.mb-2{margin-bottom: 2rem !important;}
.ls-10{letter-spacing: 0.01em !important;}
.ls-n-25{letter-spacing: -0.025em !important;}
.bg-gray{background-color: rgb(244, 244, 244) !important;}
.bg-primary{background-color: rgb(0, 136, 204) !important;}
.text-dark{color: rgb(34, 37, 41) !important;}
.text-red{color: red !important;}
.text-yellow{color: yellow !important;}
.text-body{color: rgb(119, 119, 119) !important;}
.text-bold{font-weight: bold !important;}
.font16{font-size: 16px !important;}
.line-height-1{line-height: 1 !important;}
.owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); position: relative; z-index: 1;}
.owl-carousel .owl-stage{position: relative; touch-action: manipulation;}
.owl-carousel .owl-stage::after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px;}
.owl-carousel .owl-stage-outer{position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{backface-visibility: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.owl-carousel .owl-item img{display: block; width: 100%;}
 .owl-carousel .owl-nav.disabled{display: none;}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor: pointer; user-select: none;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background: none; color: inherit; border: 0px; font: inherit; padding: 0px !important;}
.owl-carousel.owl-loaded{display: block;}
.owl-carousel.owl-drag .owl-item{touch-action: pan-y; user-select: none;}
.owl-theme .owl-nav{margin: 0px; text-align: center; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); color: rgb(34, 37, 41); font-size: 3rem;}
.owl-theme .owl-nav [class*="owl-"]{position: absolute; top: 50%; transform: translateY(-50%); color: rgb(34, 37, 41); margin: 0px; font-size: 3rem; padding: 4px 7px; background: rgba(255, 255, 255, 0); display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"] i::before{margin: 0px; width: auto;}
.owl-theme .owl-nav [class*="owl-"]:not(.disabled):hover{background: rgba(255, 255, 255, 0); color: rgb(34, 37, 41); text-decoration: none;}
.owl-theme .owl-nav .owl-prev{left: 0px;}
.owl-theme .owl-nav .owl-next{right: 0px;}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 2.5rem;}
.owl-theme .owl-dots{line-height: 1; text-align: center; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.owl-theme .owl-dots .owl-dot{display: inline-block; zoom: 1;}
.owl-theme .owl-dots .owl-dot span{position: relative; width: 15px; height: 15px; margin: 2px; background: rgba(255, 255, 255, 0); display: block; backface-visibility: visible; transition: 0.3s; border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 50%;}
.owl-theme .owl-dots .owl-dot span::before{content: ""; display: block; width: 0.7rem; height: 0.7rem; position: absolute; left: 50%; top: 50%; margin-top: -0.35rem; margin-left: -0.35rem; background-color: rgb(0, 136, 204); opacity: 0; visibility: hidden; transform: scale(0); transition: 0.3s; border-radius: 50%;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{border-color: rgb(0, 136, 204); background: rgba(255, 255, 255, 0);}
.owl-theme .owl-dots .owl-dot.active span::before{opacity: 1; visibility: visible; transform: scale(1);}
.mfp-hide{display: none !important;}
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin{left: auto; right: 0px;}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{right: -0.55rem; left: auto;}
.banner{position: relative; font-size: 1.6rem;}
.banner img{width: 100%; object-fit: cover;}
.btn{transition: 0.3s; text-transform: uppercase; padding: 1em 1.6em; border-radius: 0px; font-size: 1.4rem; font-weight: 700; font-family: "Open Sans", sans-serif; line-height: 1.429;}
.btn:focus{box-shadow: none;}
.btn-default:hover{background-color: rgb(222, 222, 222); border-color: rgb(222, 222, 222);}
.owl-dots .owl-dot, .owl-nav .owl-next, .owl-nav .owl-prev{outline: none;}
a:focus{outline: none;}
.card.card-accordion p{margin-bottom: 0.4rem; padding: 1.3rem 0px; letter-spacing: 0px;}
.card-accordion.accordion-boxed p{padding: 1.5rem;}
.card-accordion.accordion-boxed i{margin-right: 1rem;}
[class*=" icon-"]::before, [class^="icon-"]::before{font-family: porto; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
.icon-map-location::before{content: "";}
.icon-search::before{content: "";}
.icon-angle-double-right::before{content: "";}
.icon-right-open-big::before{content: "";}
.icon-left-open-big::before{content: "";}
.icon-money::before{content: "";}
.icon-shipping::before{content: "";}
.icon-support::before{content: "";}
.icon-home::before{content: "";}
.icon-magnifier::before{content: "";}
.icon-search-3::before{content: "";}
.icon-twitter::before{content: "";}
.icon-facebook::before{content: "";}
.icon-phone-2::before{content: "";}
form{margin-bottom: 3.5rem;}
.form-control{padding-left: 1.2rem; height: 46px; margin-bottom: 1rem; transition: 0.3s; border: 1px solid rgb(223, 223, 223); border-radius: 0px; background-color: rgb(255, 255, 255); color: rgb(119, 119, 119); font-family: "Open Sans", sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.5;}
.form-control:focus{border-color: rgb(223, 223, 223); background-color: rgb(255, 255, 255); color: rgb(119, 119, 119); box-shadow: none;}
.select-custom{position: relative; margin-bottom: 1rem; background: rgb(255, 255, 255);}
.select-custom select{appearance: none; position: relative; z-index: 1; background: rgba(255, 255, 255, 0);}
.select-custom select:focus{background: rgba(255, 255, 255, 0);}
.select-custom::after{display: inline-block; position: absolute; top: 50%; right: 1.9rem; transform: translateY(-50%); font-family: porto; font-size: 1.6rem; content: ""; padding-bottom: 2px; font-weight: 400;}
.info-box{display: flex; align-items: center; width: 100%; color: rgb(34, 37, 41);}
.info-box i{color: inherit; font-size: 3.7rem; text-align: center;}
.info-box i::before{width: auto; margin: 0px 0.1em;}
.info-box h4{color: inherit; margin-bottom: 0px; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1.1;}
.info-box p{margin-bottom: 0px; font-size: 1.3rem; line-height: 1.6;}
.info-box-icon-left{justify-content: center;}
.info-box-icon-left i{line-height: 0; margin-right: 1.5rem;}
.modal-body{padding: 1.5rem;}
.modal-content{border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px 2px;}
.modal-footer, .modal-header{display: flex; align-items: center; height: 80px; padding-right: 1.5rem; padding-left: 1.5rem;}
.modal-title{font-weight: 400;}
.minipopup-area{position: fixed; right: 20px; bottom: 20px; font-size: 1.1em; text-align: center; z-index: 20002;}
.wishlist-popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-width: 4px 0px 0px; font-weight: 600; line-height: 1.5; padding: 15px 20px; width: 250px; border-radius: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s; z-index: 100;}
.wishlist-popup .wishlist-popup-msg{font-weight: 600; line-height: 1.6; text-align: center;}
.social-icon{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: rgb(255, 255, 255); background-color: rgb(0, 136, 204); font-size: 14px; line-height: 3.2rem; text-align: center; text-decoration: none; opacity: 1;}
.social-icon + .social-icon{margin-left: 0.6rem;}
.social-icons .social-icon:focus, .social-icons .social-icon:hover{color: rgb(255, 255, 255); text-decoration: none; opacity: 0.85;}
.social-icon.social-facebook{background-color: rgb(59, 90, 154);}
.social-icon.social-twitter{background-color: rgb(26, 169, 225);}
.social-icon.social-gplus{background-color: rgb(221, 75, 57);}
html{overflow-x: hidden; font-size: 62.5%; text-size-adjust: 100%;}
body{color: rgb(119, 119, 119); background: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 1.4; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-family: Roboto, sans-serif !important;}
body:not(.loaded) > :not(.loading-overlay){visibility: hidden !important; transition: none !important;}
body:not(.loaded) > :not(.loading-overlay) *{visibility: hidden !important; transition: none !important;}
p{margin-bottom: 1.5rem;}
 ul{margin: 0px 0px 2.25rem; padding: 0px; list-style: none;}
b, strong{font-weight: 600;}
 i{font-style: italic;}
img{display: block; max-width: 100%; height: auto;}
button:focus{outline: none;}
body.modal-open{padding-right: 0px !important;}
.custom-scrollbar, .mobile-cart > div{}
.custom-scrollbar::-webkit-scrollbar, .mobile-cart > div::-webkit-scrollbar{height: 10px; width: 6px;}
.custom-scrollbar::-webkit-scrollbar-thumb, .mobile-cart > div::-webkit-scrollbar-thumb{background: rgb(229, 229, 229); border-radius: 10px; position: absolute;}
.custom-scrollbar::-webkit-scrollbar-track, .mobile-cart > div::-webkit-scrollbar-track{background: rgb(255, 255, 255); border-radius: 10px; margin: 8px; width: 100%;}
 h2, h4, h6{margin-bottom: 1.3rem; color: rgb(34, 37, 41); font-weight: 600; line-height: 1.1; font-family: "Open Sans", sans-serif;}
 h2{font-size: 3rem; line-height: 1.5;}
 h4{font-size: 2rem; line-height: 1.35;}
 h6{font-size: 1.3rem; line-height: 1.385; font-weight: 600;}
a{transition: 0.3s; color: rgb(0, 136, 204); text-decoration: none;}
a:focus, a:hover{color: rgb(0, 136, 204); text-decoration: none;}
.page-wrapper{position: relative; left: 0px; transition: 0.25s;}
.main{flex: 1 1 auto;}
.row{margin-left: -10px; margin-right: -10px;}
[class*="col-"]{padding-left: 10px; padding-right: 10px;}
.row-joined{margin-left: 0px; margin-right: 0px;}
.row-joined > [class*="col-"]{padding-left: 0px; padding-right: 0px;}
.owl-carousel .owl-dots .owl-dot span{width: 16px; height: 16px; border-width: 2px;}
.owl-carousel .owl-dots .owl-dot span::before{margin: 0px; width: 8px; height: 8px; transform: translate(-50%, -50%);}
.owl-carousel .owl-dots .owl-dot.active span::before, .owl-carousel .owl-dots .owl-dot:hover span::before{transform: translate(-50%, -50%);}
.owl-carousel .owl-nav .owl-prev{left: 1vw;}
.owl-carousel .owl-nav .owl-next{right: 1vw;}
 .home-slide{width: 100%;}
img.slide-bg{object-fit: cover; object-position: center top;}
.sticky-header{transition: left 0.25s;}
header{position: relative; border-bottom: 1px solid rgb(244, 244, 244);}
header .container{display: flex; align-items: center; justify-content: space-between; position: relative;}
header p{margin-bottom: 0px;}
header a{color: inherit;}
.header-top{padding-top: 7px; padding-bottom: 7px; color: rgb(255, 255, 255); font-size: 1.2rem; font-weight: 700; letter-spacing: 0.017em;}
.header-middle{padding-top: 2.7rem; padding-bottom: 2.7rem;}
.header-bottom{background: rgb(255, 255, 255);}
 .header-left, .header-right{display: flex; align-items: center;}
 .header-right{margin-left: auto;}
.logo{max-width: 250px;}
.header-contact{align-items: center; text-transform: uppercase;}
.header-contact span{display: none; position: absolute; right: 100px; margin-top: 10px;}
.header-contact i{margin-right: 1.1rem; font-size: 2.9rem;}
.header-contact h6{font-size: 1.1rem; line-height: 1.3; color: rgb(119, 119, 119); margin-top: 0px !important;}
.header-contact a{display: block; font-size: 1.8rem; font-weight: 700; white-space: nowrap;}
.mobile-menu-toggler{border: 0px; background: rgba(255, 255, 255, 0); color: rgb(34, 37, 41); padding: 1rem 0.5rem; margin-right: 0.5rem; font-size: 20px; line-height: 0; cursor: pointer;}
.badge-circle{position: absolute; top: 1px; right: 0px; width: 1.6rem; border-radius: 50%; color: rgb(255, 255, 255); background: rgb(255, 91, 91); font-weight: 600; font-size: 1.1rem; line-height: 1.6rem; font-family: "Open Sans", sans-serif; text-align: center;}
header .social-icon{border-radius: 50%; font-size: 13px; width: 2.6rem; height: 2.6rem; line-height: 2.6rem;}
header .social-icon + .social-icon{margin-left: 2px;}
header .separator{height: 20px; border-left: 1px solid rgba(255, 255, 255, 0.18); margin: 0px 1rem 0px 1.5rem;}
.header-icon:not(:last-child){margin-right: 2.4rem;}
.header-icon i{font-size: 2.7rem;}
.header-icon:hover{color: rgb(34, 37, 41);}
.minicart-icon{display: inline-block; vertical-align: middle; width: 25px; height: 20px; border: 2px solid rgb(34, 37, 41); border-radius: 0px 0px 5px 5px; position: relative; opacity: 0.9; margin: 6px 3px 0px; z-index: 1;}
.minicart-icon::before{content: ""; position: absolute; border-width: 2px 2px medium; border-style: solid solid none; border-image: none; border-top-color: inherit; border-right-color: inherit; border-left-color: inherit; border-bottom-color: currentcolor; border-radius: 10px 10px 0px 0px; left: 50%; top: -8px; margin-left: -7px; width: 15px; height: 11px;}
.cart-count{z-index: 1;}
.dropdownmenu-wrapper{position: relative; background-color: rgb(255, 255, 255);}
.dropdown-toggle i{font-size: 2.8rem;}
.dropdown-arrow::after{content: ""; border: 0px; margin: -5px 2px 0px 11px; font-size: 15px; font-family: porto; width: auto; height: auto;}
.dropdown-arrow .badge-circle{top: 3px; left: 19px; z-index: 2;}
.cart-dropdown a:focus, .cart-dropdown a:hover{color: inherit;}
.cart-dropdown .mobile-cart{display: block; position: fixed; inset: 0px 0px 0px auto; width: 300px; margin: 0px; transform: translate(340px); transition: transform 0.2s ease-in-out; background-color: rgb(255, 255, 255); z-index: 1050; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;}
.cart-dropdown .mobile-cart .btn-close{position: absolute; left: -4.2rem; top: 0.7rem; font-size: 3.3rem; color: rgb(255, 255, 255); font-weight: 300;}
.header-dropdowns{display: flex; align-items: center;}
.header-menu::before{content: ""; display: block; position: absolute; left: 50%; width: 0px; height: 0px; z-index: 1151; margin-left: -9px; margin-top: -1rem; border-width: 0px 9px 10px; border-style: solid; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); visibility: hidden; opacity: 1; transform: translateY(-1rem);}
.header-dropdown{position: relative; line-height: 1.5; padding: 5px 0px;}
.header-dropdown > a{padding: 0px 5px;}
.header-dropdown > a::after{content: ""; font-family: porto; font-weight: 400; margin-left: 0.5rem;}
.header-dropdown ul{position: absolute; top: -300rem; z-index: 1150; min-width: 100%; margin: 0px; padding: 0.5rem 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px 10px; transition: transform 0.2s ease-out; opacity: 0; visibility: hidden; transform: translateY(-1rem);}
.header-dropdown ul a{display: block; padding: 0.5em 7px; color: rgb(119, 119, 119); white-space: nowrap;}
.header-dropdown ul a:hover{background: rgb(244, 244, 244);}
.header-dropdown:hover .header-menu::before, .header-dropdown:hover ul{top: 100%; opacity: 1; visibility: visible; transform: none;}
.cart-dropdown .dropdownmenu-wrapper{padding: 2rem; overflow-y: auto; height: 100%;}
.cart-dropdown .dropdownmenu-wrapper::before{right: 28px; left: auto;}
.cart-dropdown .dropdownmenu-wrapper::after{right: 29px; left: auto;}
.sticky-header .cart-dropdown{margin-top: 0px; margin-bottom: 0px;}
.dropdown-cart-header, .dropdown-cart-total{font-weight: 700; line-height: 38px;}
.dropdown-cart-header{margin-bottom: 1.7rem;}
.dropdown-cart-total{display: flex; align-items: center; margin-top: 1.5rem; margin-bottom: 1.4rem; font-size: 1.3rem; font-family: "Open Sans", sans-serif;}
.dropdown-cart-header{font-size: 2rem; font-family: "Open Sans", sans-serif;}
.header-search{position: relative;}
.header-search form{margin: 0px;}
.header-search .form-control, .header-search select{margin: 0px; border: 0px; color: inherit; font-size: 1.3rem; height: 100%; box-shadow: none;}
.header-search .form-control, .header-search .select-custom{background: rgb(247, 247, 247);}
.header-search .form-control::placeholder{color: rgb(168, 168, 168);}
.search-toggle::after{content: ""; position: absolute; right: calc(50% - 10px); bottom: -10px; border-width: 10px; border-style: solid; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(0, 136, 204); border-image: none;}
.header-search:not(.show) .search-toggle::after{display: none;}
.header-search-category .form-control{border-radius: 5rem 0px 0px 5rem;}
.header-search-category .btn{border-radius: 0px 5rem 5rem 0px;}
.header-search-wrapper{display: flex; position: absolute; right: -2.3rem; z-index: 999; margin-top: 10px; color: rgb(141, 141, 141); box-sizing: content-box; height: 40px; border-radius: 5rem; border: 2px solid rgb(0, 136, 204);}
.header-search-wrapper::after{display: block; clear: both; content: "";}
.header-search:not(.show) .header-search-wrapper{display: none;}
.header-search-wrapper .select-custom{margin: 0px; width: 12.9rem; flex: 0 0 12.9rem;}
.header-search-wrapper .select-custom::after{font-size: 1.4rem; line-height: 0; margin-top: 1px; right: 13px;}
.header-search-wrapper select{width: 100%; border-left: 1px solid rgb(231, 231, 231); padding-left: 1rem; padding-right: 1.5rem; line-height: 36px; letter-spacing: 0.005em; color: inherit; appearance: none;}
.header-search-wrapper select:focus{outline: none;}
.header-search-wrapper .btn{position: relative; padding: 0px 0px 3px; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(231, 231, 231); border-image: none; min-width: 48px; color: rgb(96, 102, 105); font-size: 16px; background: rgb(247, 247, 247);}
.header-search-wrapper .btn::before{display: inline-block; margin-top: 5px; font-weight: 800;}
.header-search-popup .form-control{min-width: 266px; padding: 4px 22px; font-size: 1.4rem; line-height: 20px;}
.header-search-popup .form-control:focus{border: rgb(231, 231, 231);}
.header-search-inline .form-control{min-width: 21rem; padding: 1rem 2rem;}
.menu, .menu li, .menu ul{margin: 0px; padding: 0px; list-style: none;}
.menu{font-size: 13px; font-weight: 500; line-height: 1.5;}
.menu::after{display: block; clear: both; content: "";}
.menu li > a{display: block; padding: 0.8rem 1.8rem; transition: 0.2s ease-out; color: rgb(119, 119, 119); text-transform: capitalize;}
 .menu li:hover > a{background: rgb(244, 244, 244);}
.menu > li{float: left; position: relative; margin-right: 2.8rem;}
.menu > li > a{padding: 1rem 0px; font-size: 13px; font-weight: 400; color: rgb(85, 85, 85);}
 .menu > li:hover > a{color: rgb(0, 136, 204); background: rgba(255, 255, 255, 0);}
.menu > li > .sf-with-ul::before{content: ""; position: absolute; z-index: 1000; left: 50%; bottom: 0px; margin-left: -14px; border-width: 10px; border-style: solid; border-image: none; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); opacity: 0;}
.menu .megamenu{display: none; position: absolute; z-index: 999; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 1rem 2.5rem; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(0, 136, 204) rgb(238, 238, 238) rgb(238, 238, 238); border-image: none; left: 15px; padding: 10px 20px; min-width: 510px;}
.menu .megamenu .row > div{padding-top: 1.5rem;}
.menu .megamenu .submenu{margin: 0px; padding-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; display: block; position: static; box-shadow: none; min-width: 0px;}
.submenu a{padding: 7px 8px 8px 0px;}
.menu .megamenu .submenu li:hover a{text-decoration: underline; background: rgba(255, 255, 255, 0);}
.menu ul{display: none; position: absolute; min-width: 300px; padding: 5px 0px; border-top: 3px solid rgb(0, 136, 204); top: 100%; left: 0px; z-index: 101; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 29px 29px;}
.menu ul li{position: relative;}
.menu.sf-arrows .sf-with-ul + ul > li{position: relative;}
.menu.sf-arrows .sf-with-ul::after{position: absolute; right: 1rem; content: ""; font-family: porto;}
.menu.sf-arrows > li > .sf-with-ul::after{content: ""; position: static; margin-left: 5px; font-weight: 400;}
.main-nav .menu{text-transform: uppercase; font-size: 12px;}
.main-nav .menu > li{margin-right: 2.9rem;}
.main-nav .menu > li > a{font-size: 13px; font-weight: 600; padding: 1.5rem 0px; color: rgb(107, 122, 131); letter-spacing: -0.5px;}
 .main-nav .menu > li:hover > a{color: rgb(0, 136, 204);}
.main-nav .menu > li:first-child > a{padding-left: 0px;}
 .main-nav .menu > li:not(.float-right):last-child{margin-right: 0px;}
.main-nav .menu.sf-arrows ul{border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.main-nav .menu > li > ul{left: -15px;}
.main-nav .menu .megamenu{top: 100%; left: -15px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.mobile-menu-container{position: fixed; top: 0px; bottom: 0px; left: 0px; width: 100%; max-width: 260px; background-color: rgb(29, 30, 32); font-size: 1.2rem; line-height: 1.5; z-index: 1051; transform: translateX(-100%); transition: transform 0.25s; overflow-y: auto;}
.mobile-menu-container .social-icons{display: flex; justify-content: center; margin-bottom: 0px;}
.mobile-menu-container .social-icon + .social-icon{margin-left: 1.2rem;}
.mobile-menu-container .search-wrapper{display: flex; position: relative; align-items: center; padding-left: 1.5rem; padding-right: 1.5rem;}
.mobile-menu-container .search-wrapper .form-control{background: rgb(40, 46, 54); border: 0px; line-height: 22px; padding: 8px 12px; height: 38px;}
.mobile-menu-container .search-wrapper .btn{position: absolute; right: 28px;}
.mobile-menu-wrapper{position: relative; padding: 4.7rem 0px 3rem;}
.mobile-menu-close{position: absolute; top: 1.2rem; right: 2.1rem; padding: 0.4rem; color: rgb(255, 255, 255); line-height: 1; cursor: pointer; z-index: 9; font-size: 1.3rem;}
.mobile-menu-overlay{display: block; position: fixed; inset: 0px; transition: 0.25s; background: rgb(0, 0, 0); opacity: 0; visibility: hidden; z-index: 1050;}
.mobile-nav{margin: 0px 0px 2rem; padding: 0px;}
.mobile-menu{margin: 0px; padding: 0px; list-style: none;}
.mobile-menu li ul{display: none;}
.mobile-menu > li > a{text-transform: uppercase;}
.mobile-menu li{display: block; position: relative;}
.mobile-menu li:not(:last-child){border-bottom: 1px solid rgb(36, 37, 39);}
.mobile-menu li a{display: block; position: relative; margin-left: 1.1rem; margin-right: 1.1rem; padding: 1rem 0px 1.1rem 0.7rem; color: rgb(255, 255, 255); font-size: 1.3rem;}
.mobile-menu li a:focus, .mobile-menu li a:hover{color: rgb(255, 255, 255); text-decoration: none;}
.mobile-menu li > div{padding-left: 1rem;}
.mobile-menu li ul{margin: 0px; padding: 0px;}
.mobile-menu li ul li a{padding-left: 2.5rem;}
.mmenu-btn{display: block; position: absolute; top: 46%; right: 0.5rem; width: 3rem; height: 3rem; margin-top: -1.5rem; text-align: center; border-radius: 0px; outline: none; font-weight: 700; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); font-size: 1.7rem; line-height: 3rem; cursor: pointer;}
.mmenu-btn::after{display: inline-block; margin-top: -2px; font-family: porto; content: "";}
.side-menu-wrapper{border: 1px solid rgb(231, 231, 231);}
.side-menu-title{padding: 1.5rem 2rem; margin-bottom: 0px; background: rgb(246, 247, 249); font-size: 1.4rem; text-transform: uppercase;}
.menu-vertical .megamenu, .menu-vertical ul{top: 0px; left: 100%; margin-left: -1px; border-top: 0px;}
.menu-vertical.sf-arrows > li > .sf-with-ul::before{top: 50%; bottom: auto; left: calc(95% - 12px); margin: -10px 0px 0px; border-width: 10px 12px 10px 0px; border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); transition: 0.2s;}
.menu-vertical.sf-arrows > li > .sf-with-ul::after{content: ""; position: absolute; right: 2.8rem; color: rgb(131, 139, 144); font-size: 1.5rem;}
.menu-vertical.sf-arrows > li:hover > .sf-with-ul::after{color: inherit;}
.menu-vertical > li{float: none; margin: 0px; padding: 0px 1.8rem 0px 1.6rem;}
.menu-vertical > li:not(:first-child){border-top: 1px solid rgb(255, 255, 255);}
.menu-vertical > li:not(:first-child) > a{margin-top: -1px; border-top: 1px solid rgb(231, 231, 231);}
.menu-vertical > li > a{display: block; padding: 1.2rem 1rem 1.4rem 0.5rem; font-size: 1.4rem; font-weight: 600; text-transform: capitalize; transition: none;}
.menu-vertical > li i{position: relative; margin-right: 8px; top: 1px;}
 .menu-vertical > li:hover{background: rgb(0, 136, 204);}
 .menu-vertical > li:hover > a{border-bottom-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255);}
 .menu-vertical > li:hover + li > a{border-top-color: rgba(255, 255, 255, 0);}
.side-menu-wrapper{position: relative;}
.sidebar-toggle{display: flex; position: static; margin-right: 0.8rem; margin-top: 0px; padding: 0px 1.1rem 0px 3px; align-items: center; width: auto; height: 34px; text-transform: uppercase; line-height: 36px; color: inherit; border: 1px solid rgb(223, 223, 223); background: rgb(255, 255, 255); cursor: pointer;}
.custom-sidebar-toggle{display: flex; position: fixed; padding: 0px; align-items: center; justify-content: center; top: 20%; left: 0px; width: 40px; height: 40px; transition: left 0.2s ease-in-out; border-width: 1px 1px 1px 0px; border-style: solid; border-color: rgb(220, 220, 218); border-image: none; background: rgb(255, 255, 255); font-size: 17px; line-height: 38px; text-align: center; cursor: pointer; z-index: 999; margin-top: 50px;}
body{font-family: "Open Sans", sans-serif !important;}
.header-top a{color: inherit;}
.header-top .top-message{margin-right: 3.8rem;}
.header-middle{padding: 2.7rem 0px;}
.header-middle .header-right{padding-right: 2.6rem;}
.cart-toggle:hover{color: rgb(34, 37, 41);}
.header-dropdown{padding: 4px 0px;}
.dropdown-arrow .badge-circle{top: -5px; left: 23px; z-index: 1;}
.dropdown-arrow::after{position: absolute; right: -2.8rem; font-size: 17px; top: 0.6rem;}
.header-icon.header-search-inline{margin-right: 1.6rem; margin-left: 2px;}
.header-icon.header-search-inline .form-control{font-family: "Open Sans", sans-serif;}
.header-search-wrapper .select-custom::after{right: 10px;}
.main-nav .menu > li{margin-right: 2.4rem;}
.menu-vertical .megamenu .submenu a{background: rgba(255, 255, 255, 0);}
.menu-vertical > li > a{padding: 1.3rem 1rem 1.3rem 0.5rem; font-weight: 500;}
.menu-vertical > li:first-child a{padding: 1.3rem 1rem 1.2rem 0.5rem;}
.menu-vertical > li:first-child i{top: 0px;}
.menu-vertical > li:last-child > a, .menu-vertical > li:nth-child(7) > a{padding-bottom: 1.2rem;}
.mobile-menu.menu-with-icon li a{display: flex; align-items: center; padding: 1rem 0px 1.1rem 1rem;}
.mobile-menu.menu-with-icon li a > i{margin-right: 1.5rem;}
.mobile-menu.menu-with-icon li:first-child i{margin-top: -2px;}
.sidebar-toggle{margin-right: 0.5rem;}
.info-boxes-container{border: 1px solid rgb(231, 231, 231);}
.info-boxes-container .info-box{margin: 1.4rem 0px 1.2rem; padding: 1.2rem 1.5rem 1.2rem 1.2rem;}
.info-boxes-container p{font-weight: 300; letter-spacing: 0.01em;}
.info-boxes-container .info-box:not(:last-child){border-right: 1px solid rgb(231, 231, 231);}
.info-boxes-container i{margin-top: -2px; margin-right: 4px; padding: 0px 0.1em; line-height: 0;}
.info-boxes-container .icon-shipping{font-size: 3.5rem;}
.home-slider.owl-carousel:not(.owl-loaded){display:block;overflow:hidden;}.home-slider.owl-carousel:not(.owl-loaded)>.home-slide{display:none!important;}.home-slider.owl-carousel:not(.owl-loaded)>.home-slide:first-child{display:flex!important;}.home-slider img{height: 428px; object-position: center center;}
.home-slider .owl-dots{position: absolute; bottom: 37px; left: 5.5%;}
.home-slider .owl-dots .owl-dot span{width: 14px; height: 14px; border-color: rgb(34, 37, 41);}
.home-slider .owl-dots .owl-dot span::before{background: rgb(34, 37, 41);}
.home-slider .owl-dots .owl-dot.active span, .home-slider .owl-dots .owl-dot:hover span{border-color: rgb(34, 37, 41);}
.home-slider .owl-dots .owl-dot.active span::before, .home-slider .owl-dots .owl-dot:hover span::before{width: 4px; height: 4px; background: rgb(34, 37, 41);}
.home-slide1{background: rgb(1, 136, 204);}
.home-slide2{background: rgb(218, 218, 218);}
.home-slide3{background: rgb(229, 228, 226);}
.side-menu-title{padding: 1.2rem 2.8rem 1.1rem; border-bottom: 1px solid rgb(218, 226, 230); font-size: 1.5rem;}
 h4{font-size: 16px !important;}
.floating-icons{position: fixed; right: 20px; top: 90%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 15px; z-index: 1000;}
.icon{width: 40px; height: 40px; background-color: rgb(0, 123, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.3s;}
.icon:hover{transform: scale(1.1);}
.icon img{width: 30px; height: 30px;}
.icon.hotline{position: relative;}
.icon.hotline::before, .icon.hotline::after{content: ""; position: absolute; width: 40px; height: 40px; border: 2px solid rgb(0, 120, 255); border-radius: 50%; animation: 2s ease-out 0s infinite normal none running ripple; opacity: 0;}
.icon.hotline::after{animation-delay: 1s;}
@keyframes ripple { 
  0% { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(1.8); opacity: 0; }
}
:root{--red: #e30000; --gray: #e6e6e6; --text: #222;}
body:not(.loaded) > :not(.loading-overlay), body:not(.loaded) > :not(.loading-overlay) *{visibility: visible !important; transition: none !important;}
 aside, figure, header, nav{display: block;}
figure{margin: 0px 0px 1rem;}
 .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-9, .col-md-4{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.custom-scrollbar, .mobile-cart > div, .mobile-sidebar{}
.custom-scrollbar::-webkit-scrollbar, .mobile-cart > div::-webkit-scrollbar, .mobile-sidebar::-webkit-scrollbar{height: 10px; width: 6px;}
.custom-scrollbar::-webkit-scrollbar-thumb, .mobile-cart > div::-webkit-scrollbar-thumb, .mobile-sidebar::-webkit-scrollbar-thumb{background: rgb(229, 229, 229); border-radius: 10px; position: absolute;}
.custom-scrollbar::-webkit-scrollbar-track, .mobile-cart > div::-webkit-scrollbar-track, .mobile-sidebar::-webkit-scrollbar-track{background: rgb(255, 255, 255); border-radius: 10px; margin: 8px; width: 100%;}
.header-dropdown:hover .header-menu::before{top: 100%; opacity: 1; visibility: visible; transform: none;}
.widget-block{font-size: 1.5rem; line-height: 1.42;}
.sidebar-product{margin-bottom: 2.8rem;}
.sidebar-product .widget-info{margin: 0px 0px 4.8rem;}
.sidebar-product .widget-info li{display: flex; align-items: center; margin-bottom: 2.2rem;}
.sidebar-product .widget-info i{margin: 1px 1.9rem 0px 4px;}
.widget-info ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0px;}
aside .widget-info ul{display: block;}
.widget-info li{margin-bottom: 2rem;}
.widget-info li:not(:last-child){margin-right: 2.5rem;}
aside .widget-info li:not(:last-child){border-bottom: 1px solid rgba(231, 231, 231, 0.8); padding-bottom: 2.2rem; margin-right: 0px;}
.widget-info i{min-width: 40px; margin-right: 15px; color: rgb(0, 136, 204); font-size: 4rem; line-height: 1;}
.widget-info i::before{margin: 0px;}
aside .widget-info i{margin-left: 7px;}
.widget-info h4{display: inline-block; margin-bottom: 0px; color: rgb(107, 122, 131); font-weight: 600; font-size: 1.4rem; line-height: 1.286; font-family: "Open Sans", sans-serif; text-transform: uppercase;}
.maga-sale-container{font-family: Oswald; position: relative;}
.custom-maga-sale-container{margin-bottom: 3.4rem;}
.banner3{background-repeat: no-repeat; background-size: cover; height: 100%;}
@media (min-width: 576px){
.container{max-width: 540px;}
.modal-dialog{max-width: 500px; margin: 1.75rem auto;}
.d-sm-block{display: block !important;}
.ml-sm-auto{margin-left: auto !important;}
.modal-content{margin-top: 20px; margin-bottom: 20px;}
.modal-body{max-height: calc(-210px + 100vh); padding-top: 2rem; overflow-y: auto;}
.modal-body, .modal-footer, .modal-header{padding-right: 2em; padding-left: 2rem;}
}
@media (min-width: 768px){
.container{max-width: 720px;}
 form{margin-bottom: 4rem;}
 h2{font-size: 2.5rem;}
}
@media (min-width: 992px){
.container{max-width: 960px;}
.col-lg-3{flex: 0 0 25%; max-width: 25%;}
.col-lg-4{flex: 0 0 33.3333%; max-width: 33.3333%;}
.col-lg-9{flex: 0 0 75%; max-width: 75%;}
.col-lg-12{flex: 0 0 100%; max-width: 100%;}
.d-lg-block{display: block !important;}
.d-lg-flex{display: flex !important;}
.w-lg-max{flex: 1 1 0%; max-width: 100%;}
 form{margin-bottom: 5rem;}
.modal-dialog{max-width: 800px;}
.modal-body, .modal-footer, .modal-header{padding-right: 3rem; padding-left: 3rem;}
 h2{font-size: 3rem;}
.container{padding-left: 10px; padding-right: 10px;}
.mobile-menu-toggler{display: none;}
.dropdown-expanded .header-menu::before, .dropdown-expanded > a{display: none;}
.dropdown-expanded li + li{margin-left: 3rem;}
.dropdown-expanded ul{position: static; display: flex; padding: 0px; border: 0px; background-color: rgba(255, 255, 255, 0); box-shadow: none; opacity: 1; visibility: visible;}
.dropdown-expanded ul a{padding: 0px; color: inherit;}
.dropdown-expanded ul a:hover{background-color: rgba(255, 255, 255, 0);}
.dropdown-expanded .header-menu ul{transform: none;}
.header-search-inline .btn::after, .header-search-inline .search-toggle{display: none;}
.header-search-inline.header-search .header-search-wrapper{display: flex; position: static; margin: 0px; border-width: 0px;}
.sidebar-toggle{display: none;}
body:not(.sidebar-opened) .main-content-wrap > .main-content{max-width: 100%; flex: 0 0 100%;}
}
@media (min-width: 1200px){
.container{max-width: 1140px;}
.mr-xl-3{margin-right: 1rem !important;}
.pr-xl-5{padding-right: 3rem !important;}
}
@media only screen and (min-width: 500px){
.hide-pc{display: none !important;}
}
@media (min-width: 1220px){
.container{max-width: 1200px;}
}
@media (min-width: 991px){
.home .sidebar-toggle{display: none;}
}
@media (max-width: 1199px){
.banner{font-size: 1.4rem;}
}
@media (max-width: 767px){
.banner-md-vw{font-size: 2.3vw;}
html{font-size: 9px;}
.header .separator{display: none;}
.logo{max-width: 100px;}
.header-search .form-control{min-width: 17rem;}
.header-icon.header-search-inline{margin-top: 2px;}
}
@media (max-width: 575px){
.banner-sm-vw{font-size: 1.2rem;}
.header-icon:not(:last-child){margin-right: 1.2rem;}
.header-search-wrapper{left: 15px; right: 15px;}
.home-slide1{font-size: 2.5vw;}
.widget-info ul{display: block;}
}
@media (max-width: 479px){
.minipopup-area{right: 10px;}
.sidebar-toggle{margin-right: 2px;}
}
@media (max-width: 991px){
.container{max-width: none;}
.main-nav{display: none;}
.minicart-icon{width: 24px;}
.header-search i{font-size: 2.4rem;}
.mobile-sidebar{display: block; position: fixed; top: 0px; bottom: 0px; left: 0px; width: 260px; padding: 2rem; margin: 0px; transform: translate(-260px); transition: transform 0.2s ease-in-out; background-color: rgb(255, 255, 255); z-index: 9999; overflow-y: auto;}
.header-icon.header-search-inline{margin-right: 2.5rem;}
.header-icon i{font-size: 2.8rem;}
.info-boxes-container .info-box{justify-content: flex-start;}
.info-boxes-container .info-box:not(:last-child){border-bottom: 1px solid rgb(231, 231, 231); padding-bottom: 2.3rem; margin-bottom: 0px; border-right: 0px;}
}
@media (max-width: 480px){
.cart-dropdown .dropdown-menu{width: 262px;}
.header-icon.header-search-inline{display: none;}
}
@media (max-width: 576px){
.header-icon.header-search-inline{margin-right: 1.2rem;}
}