/* CSS Document 
Font Awesome 5 Brands
Font Awesome 5 Free
*/
@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');

:root {
	--default: #5f595b;
	--primary: #fe4c1c;
	--secondary: #222121;
	--dark: #6c6c6c;
	--swiper-dark: #5f595b;	
	--black: #000000;	
	--gray: #fbfbfb;
	--light: #bcbcbc;
	--swiper-bg: #f9f9f9;
	--red:#fe2a00;
	--dimGray:#f4f4f4;
	--darkgray:#4d4d4d;
	--icon-solid :'Font Awesome 5 Free';
	--icon-brand :'Font Awesome 5 Brands';

}
html, body { height:100%;}
body {font-family: 'Libre Franklin', sans-serif; font-size: 0.8rem; font-smoothing:antialiased; color:var(--default); font-weight: normal; padding-top:145px;}
img { max-width:100%; height:auto;}
strong, b, .bold {font-weight:700;}
.medium { font-weight: 600 !important; }
.bolder {font-weight:900 !important;}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a, .btn-link, .text-red {color:var(--black);}
a:hover, a:focus {color:var(--secondary);}
a:hover, a:focus, button, .btn { text-decoration:none;}
label { font-weight:normal; }
iframe { width:100% !important;}
small {font-size: 90%;}
sub, sup {font-size:50%;}
hr { border-width:2px;}
.row-gap {margin:0 -5px;}
.row-gap [class*="col-"], .row-gap .col {padding:0 5px;}
.w-20 {width:20% !important;}
.w-30 {width:30% !important;}
.w-40 {width:40% !important;}
.text-decoration-underline {text-decoration:underline;}
.shadow {box-shadow: 0 10px 55px 5px rgb(137 173 255 / 15%)}
.form-control {box-shadow:none !important; color:var(--default); font-size: 0.85rem; background-color:var(--white); border-color: #b9b9b9; padding-left:1.5rem; padding-right: 1.5rem; border-width: 1px;}
.form-control-lg {font-size: 0.9rem; height:45px;}
.form-control:focus { border-color: #606060;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:var(--light-red); border-color:var(--light-red); opacity:1; color:#696969;}
textarea.form-control {min-height: 120px; padding: .7rem 1rem; border-radius: 4px !important;}
textarea.h-large {min-height: 150px;}
.font2 { font-family:var(--font2);}
select.form-control, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/down-arrow.png); background-repeat:no-repeat; background-position:calc(100% - 15px) center; display:inline-block; vertical-align:middle; cursor:pointer; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; outline:0 !important;}
select:focus, option:focus { outline:0 !important; }
select[multiple].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; padding-right:25px; height:auto; }
select::-ms-expand { display:none; }
select.select-primary:focus, select.select-primary {background-color: var(--primary); color: var(--white); border-color:var(--primary); background-image: url(../images/caret-white.svg);}
.form-group {margin-bottom: 1.2rem;}
.btn {overflow: hidden; box-shadow: none !important; font-size: 0.8rem; padding:0 1.5rem; height: 38px; height: 45px; line-height: 45px; border-radius: 4px; font-weight:500; text-transform:uppercase;}
.btn-lg { font-size: 1rem; height: 45px; line-height: 43px;}
.btn-sm { font-size: 0.8rem; height: 36px; line-height: 34px;}
.btn-link { text-decoration:underline; color:var(--primary);}
.btn-link:hover {color:var(--secondary);}
.form-check-input {margin-top: .2rem;}
.btn-link:hover, .btn-link:focus, .btn-link:active {color:var(--secondary); text-decoration:none;}
.btn-dark { background-color: var(--dark); }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { background-color: var(--black); color: var(--white); }
.btn-white { background-color: var(--white); }
.btn-outline-default, .bootstrap-select > .btn.btn-outline-default, .btn-default.disabled, .btn-default:disabled {border-color:var(--black); color: var(--black);}
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { background-color:var(--black); border-color:var(--black); color: var(--white); }

.btn-swiper {color:var(--primary); text-transform:uppercase; font-size:0.725rem; font-weight:bold; letter-spacing:1px; position:relative; padding: 0.6rem 0; display: inline-block; vertical-align: middle;}
.btn-swiper .fa {font-size:0.85rem; transition-duration: 0.4s; position: relative; left: 0; display: inline-block; vertical-align: text-bottom; margin:0 0 0 0.2rem  }
.btn-swiper:hover .fa { left: 0.3rem}
.btn-primary {background-color:var(--primary); border-color:var(--primary); text-transform:uppercase; font-weight:600;}
.btn-black {background-color:var(--black); border-color:var(--black); text-transform:uppercase; font-weight:600;}
.btn-black:hover {background-color:var(--primary); border-color:var(--primary);}
.btn-outline {border-color:#d4d5d9; background-color:transparent; text-transform:uppercase;}
.btn-outline:hover {border-color:var(--secondary);  background-color:var(--secondary); color:#fff;}
.btn-outline-primary {border-color:var(--primary); background-color:transparent; padding:0 15px; height:35px; font-size:13px;}
.btn-outline-primary:hover {border-color:var(--primary);  background-color:var(--primary); color:#fff;}
.btn-primary:hover, .btn-black:hover, .btn-black:focus, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .bootstrap-select.show > .dropdown-toggle.btn-outline-primary.bs-placeholder,
.bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.btn-outline-primary.bs-placeholder:hover, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle  { background-color:var(--secondary); border-color:var(--secondary); color: var(--white); }

.btn-outline-primary, .bootstrap-select > .btn.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled {border-color:var(--primary); color: var(--primary);}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { background-color:var(--primary); border-color:var(--primary); color: var(--white); }
.btn-outline-secondary, .bootstrap-select > .btn.btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {border-color:var(--secondary); color: var(--secondary);}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { background-color:var(--secondary); border-color:var(--secondary); color: var(--white); }
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {background-color:var(--secondary); border-color: var(--secondary)}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color:var(--primary); border-color:var(--primary); color: var(--white); }
.btn-default, .btn-default.disabled, .btn-default:disabled {background-color:var(--gray); border-color: var(--gray)}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { background-color:var(--black); border-color:var(--black); color: var(--white); }
.border-light { border-color:#ccc !important;}
.text-muted {color: #a2a2a2 !important;}
.section {padding:50px 0;}
.section-sm {padding:40px 0;}
.regular { font-weight:400 !important;}
.medium {font-weight:500;}
.semibold {font-weight:600;}
.bold {font-weight:700;}

.text-small {font-size:0.7rem;}
.text-regular {font-size:0.85rem;}
.text-medium {font-size:0.9rem;}
.text-large {font-size:1rem;}
.text-Xlarge {font-size:1.2rem;}
.font-cursive {font-family:'Niconne', cursive !important;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:bold;}
.h1, h1 { font-size:3rem; }
.h2, h2 { font-size:2.4rem; }
.h3, h3 { font-size:1.6rem; }
.h4, h4 { font-size:1.2rem; }
.h5, h5 {font-size:.9rem;}
.h6, h6 {font-size:.8rem;}
hr {margin-top: 1.5rem; margin-bottom: 1.5rem; border-color:#eee;}
.bg-default { background-color: var(--default);}
.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-dark {background-color: var(--primary) !important;}
.bg-gray {background-color: var(--gray) !important;}
.bg-dimGray {background-color: var(--dimGray) !important;} 
.bg-swiper {background-color: var(--swiper-bg) !important;}
.no-bg {background-color: inherit !important;}
.bg-lightgray {background-color: #f8f8f8 !important;}
.text-primary {color: var(--primary) !important}
.text-secondary {color: var(--secondary) !important}
.text-dark {color: var(--dark) !important}
.text-gray {color: var(--gray) !important}
.text-light {color: var(--light) !important}
.text-darkgray {color: var(--darkgray) !important}
.text-red {color: var(--red) !important}
.text-black {color: var(--black) !important}
@-webkit-keyframes autofill { to {background: transparent;} }
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
.relative { position:relative; }
ul, ol {list-style:none;}

.swiper-pagination { bottom:0; left:0; width:100%;}
.swiper-pagination.static{ position:static; margin:15px 0 0;}
.swiper-pagination-bullet { padding:20px 0; width: 10px; height: 10px; border-radius:100px; background:none; position:relative; opacity:1; transition-duration: 0.4s;}
.swiper-pagination-bullet-active { width: 40px; }
.swiper-pagination-bullet:focus {outline: none;}
.swiper-pagination-bullet:before {content:''; position:absolute; top:50%; left:0; width:100%; height: 10px; border-radius: 100px; background:#cccccc ; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.swiper-pagination-bullet-active:before { background:var(--black);}
.swiper-button-next, .swiper-button-prev {background:inherit; border:1px solid #bfbfbf; width:35px; height:35px; border-radius:100px;  position: absolute; top: 50%; left: 10px;}
.swiper-button-next {right:10px; left: auto;}
.swiper-button-next:after, .swiper-button-prev:after { content:'\f105'; margin-left:12px; color:#9f9f9f; font-family: FontAwesome; font-size:30px; font-weight:bold;}
.swiper-button-prev:after {content:'\f104'; font-family: FontAwesome; margin-left:10px;}
.swiper-nav.static div { position: static; text-align: center; margin: 0; }

.bootstrap-select > .btn { background: var(--white); border:1px solid #ced4da; box-shadow: none !important; color: var(--default); text-transform: none; font-weight: 400; border-radius:0.7rem; padding-left: 1rem;}
.bootstrap-select .no-results {padding:1rem; margin: 0; font-size: .85rem; background: var(--white); color: var(--default);}
.bootstrap-select > .btn-primary {background-color: var(--primary); border-color: var(--primary); color: var(--white);}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary {color: var(--white);}
.bootstrap-select > .btn-secondary {background-color: var(--secondary); border-color: var(--secondary); color: var(--white);}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary {color: var(--white);}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: 0 !important;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color:#777;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dropdown-menu {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border:none; padding:0.2rem 0; margin:0; line-height:normal;}
.dropdown-item, .dropdown-menu a  {color: var(--default); font-size: 0.8rem; padding:0.5rem 1rem; white-space: inherit; display:block;}
.dropdown-item.active, .dropdown-item.active:hover { background:none; font-weight:600; color:var(--primary);}
.bootstrap-select .dropdown-header {color: var(--default); font-weight: 500;}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {padding: 10px;}
.bootstrap-select.form-control-lg .dropdown-toggle { height:50px;}
.bootstrap-select.form-control-lg .dropdown-toggle .filter-option-inner-inner { padding:5px 0;}
.bootstrap-select.form-control-lg .dropdown-toggle::after { width:auto;}

.btn-light, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {color: var(--default); background-color:var(--white);}
.dropdown-item:focus, .dropdown-item:hover {background-color: var(--light-red); color: var(--default);}

.btn-radio, .btn-checkbox { display:inline-block; margin-bottom:15px; margin-right:15px; font-size: 0.9rem}
.btn-radio:last-child, .btn-checkbox:last-child { margin-right:0; }
.btn-radio input[type="radio"] + label, .btn-checkbox input[type="checkbox"] + label { position: relative; padding:0 0 0 30px; margin:0; cursor:pointer; display:inline-block; color:var(--default); font-weight:normal;}
.btn-radio input[type="radio"], .btn-checkbox input[type="checkbox"] { display:none; }
.btn-checkbox input[type="checkbox"] + label:before { border:2px solid #ced4da; content:""; display:inline-block; width:20px; height:20px; left:0; border-radius:4px; position: absolute; top:0px; background:transparent; }
.btn-checkbox input[type="checkbox"]:checked + label:before { background:var(--primary); border-color:var(--primary); }
.btn-checkbox input[type="checkbox"] + label:after { content:''; position:absolute; top:6px; left:5px; width:10px; height:5px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2); }
.btn-checkbox input[type="checkbox"]:checked + label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"] + label:before { border:2px solid #ced4da; content: ""; display: inline-block; width:20px; height: 20px; left: 0; position: absolute; top:0; border-radius:50%; background:#fff;}
.btn-radio input[type="radio"]:checked + label:before { border-color:var(--primary); background: var(--primary); }
.btn-radio input[type="radio"] + label:after { content:''; position:absolute; top:6px; left:5px; width:10px; height:5px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2);}
.btn-radio input[type="radio"]:checked + label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"]:disabled + label, .btn-checkbox input[type="checkbox"]:disabled + label { opacity: 0.5; }
.checkbox-inline, .radio-inline { padding:0 20px 15px 0; }
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top:0; margin-left:0; }
.ci-head .title {margin: 0; font-weight: 600; color:var(--black); font-size: 28px; position: relative; z-index: 2;}
.ci-head h4 {text-transform:uppercase; color:#a5a5a5; font-weight:700; font-size:1rem; margin-bottom:0; letter-spacing:1px;}
.ci-head .big_title {left: 20px; right: 0; top: 50%; z-index: 1; line-height: 1; font-size: 115px; font-weight: 900; position: absolute; color: #f2f2f2; text-transform: uppercase; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ci-head p {margin:10px 0 0; font-size:0.9rem;}
.table-order-history td:last-child {text-align: left;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #fafafa;}
.btn-grey {font-size: 12px; font-weight: 600; border-radius: 4px; background-color: #efefef; color: #282828; text-transform:uppercase;}
.btn-grey:hover {background:var(--primary); color:var(--white);}

.ci-inner p {font-size:1rem;}
#header {background: var(--white); width: 100%; box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); z-index: 100; height:145px; transition-duration: 0.6s; position:fixed; top:0;}
.top-header {background: var(--secondary); height:51px; line-height:51px; color:#a7a7a7;}
.top-header .call-block a span, .top-header .call-block a img {float:left; font-weight:600;}
.top-header .call-block a img {margin-right: 4px; margin-top: 5px;}
.navbar-brand {margin: 0;}
#header .navbar-nav {-ms-flex-direction: row; flex-direction: row; align-items: center;} 	
#navbar .nav-link {color: var(--black); padding:0 0.7rem; line-height: 80px; position: relative; font-size: 0.9rem;}
#navbar .nav-link svg { height: 16px; width: auto; top: -2px; position: relative; }
#navbar .nav-link:hover, #navbar .nav-link:hover svg { color:#000;}
.header-search { position: relative; width: 300px;}
.header-search .form-control { padding-left: 20px; padding-right: 60px; background:#e6e6e6; color:#7d7e81; font-weight:500; font-size:12px; border:none; border-radius:30px;}
.header-search .btn { background: none; position: absolute;; width: 50px; height: 100%; top: 0; right: 0; z-index: 2; padding:0; opacity: 0.5; }
.header-search .btn svg { height: 14px; width: auto; top:0; position: relative;}
.top-nav li {position:relative;}
.top-nav a {padding:0 12px; color:#a7a7a7;}
.top-nav li.right-nav::before {position: absolute; content: ""; width: 1px; height: 15px; background: #999; top: 18px; left: 0px;}
.top-nav .dropdown-toggle::after {border:none;}
.top-nav .dropdown-item, .dropdown-menu a {padding:10px 15px; color:#515151;}
.top-nav .dropdown-menu {top: 18px !important; border-radius:0;}
.top-nav .dropdown-menu a:hover {color:#000;}

.search-popup {background:#fff; height:100%; width:100%; border-radius:0; opacity:0; visibility:hidden; padding: 250px 200px; position:fixed; top:-80px; right:0; -webkit-transition-duration:.4s;transition-duration:.4s; z-index:10; overflow:hidden;}
.search-popup.open {top:0;opacity:1;visibility:visible;}
.search-input {border-radius:0; padding:0 10px 0 0; z-index:500; border-bottom: 1px solid #e5e5e5;}
.search-popup h3 {font-size:30px; color:#000;}
.btn-search {background:none; border:none; margin-right:10px; cursor:pointer;}
.btn-search-close {background:transparent; color:#525662;width:80px;height:71px;position:absolute;top:0;right:0;padding:0;border:none;font-size:2rem;font-weight:300;cursor:pointer}
.btn-search-close:hover {color:#000;}
.btn-input-search {background:url(../images/search-ico.png) no-repeat; width:23px; height:23px; border:none; opacity:.8; cursor: pointer;}
.btn-input-search:hover, .btn-input-search:active {opacity:1;}
.search-input .form-control{border:none;background:0 0;padding:0 0 0 3px;color:#444; box-shadow:none; font-size:1.2rem; font-weight:300; padding-right: 45px;}
.search-input .form-control::placeholder {color:#444!important; font-size:16px;}

#footer { background-color: #0c0c0c; position: relative; color: #b7b7b7; font-size: 0.8rem; margin-top:-150px;}
.footer {padding-top:210px;}
.foot-para {opacity:0.8; font-size:14px;}
.row-pd {padding-bottom:130px;}
.footer-nav .nav-link { padding:0.2rem 0; font-size:13px; color: var(--white); opacity: 0.5; overflow: hidden; position: relative;}
.footer-nav .nav-link:hover {opacity: 1;}
.footer-nav-title {font-size:14px; font-weight:600;}
.copyright { color: rgba(255,255,255,0.7);}
.footer-social a {padding: 0; text-align: center; border-radius: 100%; margin: 0 10px 0 0; display: inline-block;}
.footer-bottom {border-top:1px solid #343434;}

.footer-bottom a {color:#fff; font-size:12px; margin-left:15px;}
.newsletter-bg {background:#f5f9fc; padding: 5rem 0; z-index:22; position:relative; margin-top:50px;}
.newsletter h2 {font-weight:500; font-size:35px; color:var(--black);}
.newsletter .content.form-control:focus {box-shadow: none; border: 2px solid #243c4f;}
.input-2 {border: none; background: none; box-shadow: 0 10px 55px 5px rgb(137 173 255 / 15%) !important;}
#mc-form .col {flex: 1 0 0%; padding:0;}
#mc-form .form-control, #mc-form .btn {height: 3rem;}
.page-cform .form-control {height:50px;}

.main-nav .nav-item.dropdown>a:after { content: '\f107'; font-size: 19px; display: inline-block; vertical-align: middle; font-family:'FontAwesome'; font-weight:normal; margin-left: 5px; }
.main-nav>.nav-item.dropdown>.mega-menu { border: 1px solid #ececec; margin-top: 37px; padding: 35px 100px 35px 35px; border-radius: 0; position:absolute; top: 100%; left: 10%; width: auto; opacity: 0; visibility: hidden; transition: all .25s ease 0s; z-index: 999; display:block; box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); background:var(--white);}
.main-nav>.nav-item.dropdown>.mega-menu  ul {margin:0; padding:0;}
.main-nav>.nav-item.dropdown>.mega-menu li {float:left;}
.main-nav>.nav-item.dropdown>.mega-menu li ul li {float:none; display:block;}
.main-nav .dropdown-item {width: auto; padding:7px 0; text-align: center; display:inline-block;}
.main-nav .dropdown-item:hover {color:var(--secondary);}
.main-nav .dropdown-item:hover, .main-nav .dropdown-item:focus {background:none;}
.main-nav .dropdown-item img {width:60px; display: block; margin:0 auto 5px; transition-duration: 0.4s; border-radius:5px;}
.main-nav .dropdown-item:hover img {transform: scale(1.1);}
.main-nav .dropdown-item.active {padding:0; color: var(--primary); background: none; font-size: 14px; font-weight: 700; letter-spacing:1px;}
.main-nav>.nav-item.dropdown.show>.mega-menu, .main-nav>.nav-item.dropdown:hover>.mega-menu { opacity: 1; visibility: visible; top: 57px;}


.login-nav a {color:#4b4b4b;}
.login-nav .cart-btn  {color: #747474; border: 1px solid #ddd; padding: 10px 17px 8px; border-radius: 30px;}
.login-nav .cart-btn i {font-size: 17px; margin-right: 8px;}
.login-nav a:hover {color:var(--primary);}

.hp-swiper img, .product-crausal img {object-fit: cover; object-position: left center; width: 100%; height:auto;}
.hp-hero-slider .hero-slider-caption {position:absolute; top:30%; left:10%;}
.hp-hero-slider .hero-slider-caption h1 {font-family: 'Syne', sans-serif;}
.hp-hero-slider .hero-slider-caption h5 {font-size:1.3rem; font-weight:400; color:#fff;}
.hp-hero-slider .hero-slider-caption h5 br {display:none;}
.hp-hero-slider .swiper-button-prev {left:30px !important;}
.hp-hero-slider .swiper-button-next, .hp-hero-slider .swiper-button-prev, .top-selling .swiper-button-next, .top-selling .swiper-button-prev {top:50%; right:30px; background:var(--white); border:none; width:50px; height:50px; text-align:center; margin:0;}
.hp-hero-slider .swiper-button-next:after, .top-selling .swiper-button-next:after {content:''; background:url(../images/next-btn.png) no-repeat center center; width:20px; height:31px; border:none; position:absolute; top:10px; left:14px; margin:0;}
.hp-hero-slider .swiper-button-prev:after, .top-selling .swiper-button-prev:after {content:''; background:url(../images/prev-btn.png) no-repeat center center; width:20px; height:31px; border:none; position:absolute; top:10px; right:15px; margin:0;}
.hp-franchisee img {object-fit: cover; object-position: left center; width: 100%; height: auto;}
.hp-franchisee .swiper-pagination-bullet::before {background:var(--black);}
.hp-franchisee .swiper-pagination-bullet-active:before { background:var(--primary) !important;}
.hp-franchisee > .swiper-pagination {bottom: 20px !important; position:absolute !important;}

.CIabout .aboutUSP li {margin: 0 0 15px; font-size: 18px;}
.CIabout .aboutUSP span {padding-left: 5px; transition: all ease 0.3s; cursor:default;}
.CIabout .aboutUSP li:hover span {padding-left:10px;}
.dt-sc-btn {margin-top: 40px; position: relative; color: #330000; background: transparent; font-weight:600;}
.dt-sc-btn:before {background: #facdbe; content: ''; position: absolute; top: 0; left: 0; width: 33%; height: 100%; z-index: -1;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); transition: all ease 0.3s;}
.dt-sc-btn:hover:before {width:100%;}

.promo-text-wrapper {position: absolute; left: 0; right: 0; bottom: 50%; margin: auto; transform: translateY(50%); display: flex; align-items: center; justify-content: center; text-align: center; color: #111111; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.promo-text-wrapper .promo-desc {font-size: 30px; line-height: 32px; margin-bottom: 10px;}
.promo-text-wrapper .promo-title {font-size: 50px; line-height: 1; margin: 0; font-family: 'Niconne', cursive;}
.banner-section .promo-banner > a::before {content: ""; background-color: rgba(255, 255, 255, 0.6); position: absolute; display: block; width: 100%; top: 0; height: 100%; transition: left 0.5s ease 0s; }
@media (min-width: 992px) {
.promo-text-wrapper {opacity: 0; }
.banner-section .promo-banner:hover .promo-text-wrapper {opacity: 1; }
.banner-section .promo-banner > a::before {left: -100%; }
.banner-section .promo-banner:hover a::before {left: 0%; } 
}
.promo-banner-wrappers .promo-banner, .promo-banner-wrapper .promo-banner {overflow: hidden; position: relative;}
.clasify-title {font-family: 'Niconne', cursive; font-size:40px;}
.cursive-title {font-size:70px; line-height:70px;}
.cursive-titleLarge {font-size:60px;}

.CIusp h5 {font-size:1.1rem; font-weight:400;}
.no_gap {margin-left: -15px; margin-right: -15px;}
.no_gap .col {padding: 0;}
.category_item .item_title {z-index: 8888; position:relative; font-size: 1rem; min-width: 200px; font-weight: 600; padding: 14px 30px; text-align: center; color:var(--black); margin:0 50px; margin-top:-36px; background-color: #ffdcd0; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.category_item {display: block; overflow: hidden; position: relative; background-color: var(--primary);}
.category_item:hover .item_title {color:var(--black); background-color:#faa98e;}
.DataImg .card-img {width:100%; height:100%; object-fit:cover; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); overflow:hidden; border-radius:0;}
.DataImg:hover .card-img { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 0.7;}
.DataImg {overflow:hidden;}

.quick-button {position: absolute; bottom: 15px; left: 10px; right: 10px; border-radius: 4px; visibility: vissible;  opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; background: #fff; padding: 0 10px; font-size: 13px; text-transform: capitalize; text-align: center; display: block; line-height: 35px; color:var(--primary); z-index:8888;}
.card-prod:hover .card-img .quick-button {opacity: 1; visibility: visible;}
.top-selling .card-prod .quick-button {visibility: hidden;  opacity: 0;}
.zoom-in {cursor: zoom-in;}

.details_box {z-index: 1; position: absolute; right: 35%; bottom: 75px; padding: 60px 50px 50px; background-color: #ffffff; -webkit-box-shadow: 13px 13px 0 2px #cccdcf; box-shadow: 13px 13px 0 2px #cccdcf;}
.details_box li {float:left; display: inline-block; padding: 3px;}
.details_box .size_list button {height: 40px; min-width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; line-height: 1; color: #1c1f23; font-size: 13px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #c7c7c7; cursor: pointer;}
.details_box .size_list button:hover {background:var(--primary); border-color:var(--primary); color:var(--white);}
button {padding: 0px; border: none; outline: none; background: none; display: inline-block; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.quantity_form {height:60px;display:-webkit-box;display:flex;padding:0;align-items:center;background-color:#fff;border:1px solid #ebebec!important;justify-content:space-between;border-radius:0;}

.ci-products:after {content:''; position:absolute; right:0; top:30px; background:url(../images/u-ico.png); width:155px; height:148px;}
.ci-products .card-prod .card-title {position:absolute; bottom:10px; left:0; width:100%;}
.ci-products .card-prod .card-title h4 {color:var(--black); background:var(--white); padding:20px 10px; margin: 0 10px; border-radius:5px; font-size:14px; font-weight:600; text-align:center; -webkit-transition-duration:0.8s; transition-duration:0.8s;}
.explore { color:#000; margin:0; position:absolute; bottom:-10px; left:0; padding-bottom:15px; opacity:0; -webkit-transition-duration:0.8s; transition-duration:0.8s; width:100%; text-align:center; background:none; border:none; font-size:11px; text-transform:uppercase; font-weight:600; color:#7a7a7a;}
.ci-products .card-prod:hover .explore {opacity:1; bottom:0;}
.ci-products .card-prod:hover .card-title h4 {padding-top:20px; padding-bottom:30px;}
.product-crausal .swiper-button-next, .product-crausal .swiper-button-prev {bottom: 30%; top: auto; margin-left:100px}
.minus-top {margin-top:-160px;}
.shoping-cart .number-input.number-input input[type="number"] {  width: 30%;}
.shoping-cart .number-input.number-input {width:28%;}
.box_img_store.two {margin-top:30px;}
.founder .caption {position: absolute; bottom: 30px; left: 15px; background: #fff; padding: 20px 30px;}
.founder .caption h3 {font-size: 18px; color: var(--black); margin: 0;}
.founder .caption p {margin: 0; font-size: 14px; font-style: italic;}
.col-about-third .title {font-weight: 900; font-size: 25px; color: var(--black);}
.inner-banner .col-item {width: 100%; background-repeat: no-repeat; background-color: #999; background-size: cover; height: 100px; position: relative; padding-bottom: 30%;}
.inner-banner .data-caption {width: 100%; position: absolute; top: 41%; left: 0; z-index: 2; height: auto; background: none;}
.inner-banner .data-caption .title {color: #fff; font-size: 50px; padding: 0; margin: 0; font-weight: 900;}
.inner-banner .data-caption p {font-size: 15px; color: var(--white);}

.top-selling .card {background:inherit;}
.price-strike {text-decoration: line-through; color:#898989; margin-left: 8px;}
.hot-deals .card-footer h4 {font-size:17px; font-weight:800; color:#2c2c2c; line-height:25px;}
.hot-deals .card-footer p {font-size:14px; color:#959595;}
.top-selling .swiper-pagination, .ci-products .swiper-pagination {position:relative; bottom:0;}
.ci-products .swiper-pagination {bottom:-12px;}
.btn-view {text-transform:uppercase; font-size:11px; font-weight:700; color:#696969; position:relative; padding:0 0 3px 0; margin:0; height:inherit; line-height:normal;}
.btn-view:after {content:''; position:absolute; bottom:0; left:12px; background:var(--black); height:2px; width:22px;}

.desk-section .desk-swiper .img-caption {position:absolute; left:0; top:0;}
.desk-section .desk-swiper .img-caption h4 {color:#fff; font-size:0.9rem; position:relative; text-transform:uppercase; margin:0;}
.desk-section .desk-swiper .img-caption h4:after {content:''; position:absolute; right:-10px; bottom:-7px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; width: 15px; height: 15px;}
.desk-section .desk-swiper .img-caption h4:before {content:''; position:absolute; left:-10px; top:-8px; border-left: 4px solid #fff; border-top: 4px solid #fff; width: 15px; height: 15px;}

.contact-block .block-item img {float:left; margin-right:10px;}
.col-block {width:300px;}
.w-2 {width:200px;}
.w-3 {width:250px;}
.contact-block h4 {font-size:17px;}
.contact-block p {font-size:14px; margin-bottom:0;}
.card-prod .card-img { background:var(--white); position:relative; overflow:hidden; border-radius:5px;}
.card-prod .card-img img, .card-prod .product-thumb img {width:100%; height:100%; object-fit:cover; transition-duration:0.9s;}
.card-prod:hover .card-img img, .card-prod:hover .card-offer-img img  { transform:scale(1.1);}
.card-prod .card-title { position:relative; color:var(--secondary); transition-duration:0.4s; margin:0;}
.card-prod .card-title small {font-weight:600; font-size:10px; color:#746f71; position:relative;}
.card-prod .card-title.swiper-title small:before {content:'/'; position:absolute; left:0; top:0;}
.prod-swiper .swiper-button-prev {left: 2%; right: auto;}
.prod-swiper .swiper-button-next {right: 2%; left: auto;}
.online-store .big_title {position:inherit; color:#d4d4d4; font-size: 60px;}
.product-thumb .secondary_img {position: absolute; top: 0; left: 0; width:100%; height:100%; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; z-index:22;}
.card-prod:hover .secondary_img {visibility: visible; opacity: 1;}

.ci-seller .card-prod .card-img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition-duration:0.8s;}
.ci-seller .card-prod .data-caption {position: absolute; left: 56px; top: 40px;}
.ci-seller .card-prod .data-sublimation {top:46px;}
.ci-seller .card-prod .data-sublimation button {bottom:0; position:absolute; left:0;}
.ci-seller .card-prod .data-caption.data-sublimation h2 {color:var(--black); font-size:34px;}
.ci-seller .card-prod .data-caption.data-sublimation h4 {font-size:16px; margin:0;}
.ci-seller .card-prod .data-caption.data-sublimation small {color:var(--secondary); font-weight:600; font-size:15px;}
.ci-seller .card-prod .card-img {padding-bottom:60%; border-radius:10px;}
.ci-seller .card-prod .data-caption h2 {font-size:32px; color:#fff; margin:0;}
.ci-seller .card-prod .data-caption p {font-size:15px; margin-top:5px; font-weight:600; color:var(--black);}
.CIoffer .card-prod .data-caption {top:35%;}

.health-faucet .item {height: 462px; position: relative; background-repeat: no-repeat; background-position: center center; background-color: #ececec; background-size: cover;}
.health-faucet .item .data-caption {display:table; height:100%; width:100%;}
.health-faucet .item .data-caption .caption {display:table-cell; vertical-align:middle;}
.health-faucet .item .data-caption .caption h2 {color:#fff; font-size:50px; text-transform:uppercase; font-weight:900;}
.health-faucet .item .data-caption .caption p {color:#fff; font-size:25px;}

.ci-tiles .tiles-block .item {background-repeat:no-repeat; background-position:center; background-size:cover; height:380px; position:relative;}
.ci-tiles .tiles-block .tile-caption {position:absolute; left:17px; bottom:0; background:#000; color:#fff; font-size:14px; text-transform:uppercase; padding:8px 15px;}
.product-list .card-prod .card-img {height:254px; padding-bottom:0;}
.product-list .card-prod .card-footer {background:#fff; border-top:none; padding:20px 10px;}
.product-list .card-prod .card-title {padding:0; font-size:13px; color:var(--black); font-size:17px; font-weight:500;}
.product-list .card-prod .card-footer p {color:#777; font-size:12px;}
.product-overview .card .product-list .model p span {font-size:16px;}
.product-overview .card .product-list .model .strike-trough, .product-overview .card .product-list .model .product-discount {font-size:14px !important;}
.cart-product .product-list .rightside-details small {color:#009a3d; font-size:12px;}
.cart-product .sm-red-title .fa {font-size:22px; color:#b3b3b3; position:absolute; left:0; top:0;}
.cart-product .sm-red-title p {text-overflow:hidden; text-align:left; color:#999999; position:relative; padding-left:20px; margin-top:0; margin-bottom:0;}
.cart-leftside .cart-product {border-radius:8px;}
.cart-header {color:#000; font-size:17px; font-weight:600; margin:0;}
.product-overview .card .btn.remove-btn {padding: 0 1rem; height: 39px; line-height: 39px;}
.cart-leftside .cart-product .close {font-weight:900; font-size:20px;}
.cart-rightside .sm-red-title p {padding-left:30px; font-size:12px;}
.cart-rightside .sm-red-title strong span {color:var(--black);}
.allcalculation span {float:right;}
.allcalculation .shiping-charge label, .allcalculation .shiping-charge span {color:var(--metalic-green);}
.allcalculation .net-amount strong {color:var(--black); font-weight:700; font-size:16px; text-transform:inherit;}
.payment-gateway {padding:15%;}

.filter-title {display: inline-block; margin-right: 10px; padding-left: 20px; background: url(../images/filter.png) no-repeat left center; font-size:16px; color:#000; font-weight:700; cursor:pointer;}
.filter-strip button, .filter-strip button:focus {background:inherit; border:none; outline:none;}
button:focus {background:inherit; border:none; outline:none;}

.ci-category .category-tiles .category-title {font-size:15px; text-transform:uppercase; color:#000;}
.ci-category .category-tiles p {color:#888;}
.emulated-flex-gap {display: inline-flex; flex-wrap: wrap;  width: calc(100% + 12px);}
.emulated-flex-gap > * {margin: 12px 38px;}
.ci-category .category-box:hover img {background: #000; box-shadow: 0 6px 7px rgba(0, 0, 0, 0.2); transition: box-shadow 150ms cubic-bezier(.4,0,1,1);}
.ci-category .category-box {width:14%;}
.ci-client .client-swiper {background:#fff; margin-top:-60px; border:3px solid; border-color:var(--primary); border-radius:15px; padding:32px 20px;}

.card-white {background:var(--white); margin:50px 0 50px -200px; max-width:750px; padding: 2rem;}
.ci-intro .card {border:inherit; border-radius:0;}
.intro-title .title {font-size:2.5rem; line-height:1; font-weight:900;}
.intro-title h5 {font-size:1rem; text-transform:uppercase; letter-spacing:0.2rem;}

.card-ico {display:flex; align-item:center;}
.card-ico p {margin:0; color:var(--black);}

.listing-slide img {width: 100%; object-fit: cover;}

.login-modal .modal-header {border-bottom: none; padding:0;}
.login-modal .modal-header .ci-head .title {font-size: 22px;}
.login-modal .modal-dialog {max-width: 600px;}
.register h5 {font-size: 14px; font-weight:500;}
.location .modal-dialog {max-width: 500px;}
.login-modal .modal-header .close {position:absolute; right: 20px; top: 10px; font-size:35px; font-weight:800; color:#555;}
.login-modal .modal-content {padding:50px 30px; border-radius:20px;}
.login-modal .form-control {border-color:#d2d2d2; border-width:1px; border-radius:4px; font-size:14px; height: 50px;}
.login-modal .input-group > .form-control:not(:last-child) {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.login-modal .midLinks {font-size:12px;}
.login-modal .midLinks a {color:var(--secondary);}
.location .fa {float:left; font-size:70px; color:var(--primary);}
.location p {font-size:12px; margin:0; color:#000;}
.location .modal-content {padding:50px 80px 30px 80px;}
.location .btn-primary {height:42px;}

.step-nav .icon svg {height: 24px;}
.step-nav li {margin-right: 1rem; position: relative; padding: 0 0 1rem;}
.step-nav li a:before {content:''; position:absolute; left:0; top:0; border-top:dotted; border-width:10px; border-color:#000;}
.step-nav li a {-ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; color:var(--white); position:relative;}
.step-nav li.is-active { opacity:1;}
.step-nav li.is-active .icon {background-color:#009a3d; color:var(--white);}
.step-nav .icon {width: 20px; height: 20px; background-color:#999999; border-radius: 100%; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; justify-content: center; position: relative;}
.step-nav li.is-active:before {content: ''; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; background: var(--primary);}
.step-nav .text {font-size:14px; color:#999999; font-weight: 700; padding-left: 0.7rem; text-transform:uppercase}

.col-pd {padding-right: 0; padding-left: 0;}
.prod-listing.ci-products .offer-swiper .card-prod .card-img {height: 180px;}
.prod-listing.ci-products .offer-swiper .card-prod .card-footer .btn {height: 34px; line-height: 32px;}

.text-outline {font-size:3.5rem; text-transform:uppercase; -webkit-text-fill-color:transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--dark); font-weight:900; line-height: 50px;}
.listing-title:before {background:inherit;}
.card-body .title {font-size:1rem; color:var(--dark); text-transform:uppercase; letter-spacing:0.1rem;}
.price {font-size:0.8rem;}
.model small, .model h4 {font-size:0.7rem; text-transform:uppercase; letter-spacing:0.1rem; color:var(--default);}

.btn-load {font-size:0.75rem; padding: 0 2rem;}
.loader small {display:block;}

.filter-strip {text-transform: uppercase; font-size: 0.9rem; font-weight: 300; background:#fff;} 
.filter-strip label {padding: 0 15px 0 0;}
.filter-strip label .fa {margin-right:5px;}
.filter-strip .form-control {background:url(../images/arrow-white.png) no-repeat right center #fff; min-width:173px; font-weight:300; border-color:#777; border-width:1px; padding-right: 0;}
.filter-strip .custom-select {height: calc(2rem + 2px); font-size: 14px; font-weight:500;}
.filter-strip .form-control option b {color:#000; font-weight:800;}

.thumb-swiper .swiper-pagination-bullet-active::before {background: var(--primary);}
.thumb-swiper .swiper-img img {border-radius:10px;}

.similar-products .offer-swiper .card-footer {padding: .75rem 5px; border-top:inherit;}
.product-item { transition-duration: 0.4s; width: 100%; min-height: 1px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 8px;}
.product-item.product-grid-2 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}

.ci-feature, .ci-grey, .dealer-form, .ci-career {position:relative; overflow:hidden;}
.ci-feature::before {content: ''; width: 204px; height: 401px; background: url(../../images/icon-white.png) no-repeat center; background-size: auto; background-size: auto; background-size: 100%; position: absolute; left: 0; top: -270px; opacity: 0.08;}
.dealer-form::before, .ci-career::before {content: ''; width: 204px; height: 401px; background: url(../../images/icon-black.png) no-repeat center; background-size: auto; background-size: auto; background-size: 100%; position: absolute; left: 50px; top: -270px; opacity: 0.08;}
.dealer-form::after {content: ''; width: 150px; height: 300px; background: url(../../images/icon-black.png) no-repeat center; background-size: auto; background-size: auto; background-size: 100%; position: absolute; right: 15px; bottom: 15px; opacity: 0.08;}
.ci-grey::after {content: ''; width: 204px; height: 401px; background: url(../../images/icon-white.png) no-repeat center; background-size: auto; background-size: auto; background-size: 100%; position: absolute; right: -100px; bottom: -220px; opacity: 0.08; transform: rotate(180deg);}

.feature-text p {opacity:0.8;}
.about-history:nth-child(even) { flex-direction: row-reverse;}
.about-history:nth-child(odd) .col-img { padding-right: 0; }
.about-history:nth-child(even) .col-img { padding-left: 0; }

.shop-filters .card {border-radius:0; color:#000;} 
.shop-filters .card-header {padding:10px 17px; background:inherit;}
.shop-filters h3 {font-size:14px; text-transform:uppercase;}
.card-shop-filters .form-check-label small {color:#888;}
.card-shop-filters+.card-shop-filters {border-top: 1px solid rgba(0,0,0,.125);}
.loader .btn {height:auto; line-height:inherit; padding:12px 40px; letter-spacing:2px;}
.loader .btn small {text-transform:none; font-size:11px; letter-spacing:normal;}
.card-shop-filters ul li {border: 1px solid #F2F3F4; border-radius: 5px; justify-content: space-between; padding: 9px 18px; margin: 0 0 15px 0; display: flex; align-items: center; line-height: 27px;}
.card-shop-filters .count {display: inline-block; background-color: #fe4c1c; opacity:0.8; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 20px; margin-left: 5px; font-size: 11px; color: #fff;}
.card-shop-filters ul li:hover {border: 1px solid #fe4c1c; -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.pagination-lg .page-item:first-child .page-link, .pagination-lg .page-link {font-size:14px;}

.about-history .col-text .degination {font-style:italic; font-size:1rem;}
.col-text-title {margin:0; line-height:1.4; color:#111; text-align:left; font-size:25px; font-weight:900;}
.fa.small { font-size:90%;}
.team h3 {font-size:20px; font-weight:700; color:#2e2e2e; margin-bottom:0;}
.team p {color:#636363;}
.team-profile {position:relative; z-index:999;}
.team-content {padding-top:20px;}
.team-block {cursor:pointer; margin-bottom:40px;}
.team-profile:before {content: ""; position: absolute; width: calc(100% + -2px); height: calc(100% + -2px); top: calc(8px + -2px); border: 2px solid #000345; right: calc(10px + -4px); opacity: 0; visibility: hidden; transition: 0.5s; box-shadow: 0 0 1px transparent; z-index: 1;}
.team-profile img {position: relative; z-index: 2; box-shadow: 0 0 1px transparent;}
.team-block:hover .team-profile:before {opacity: 1; visibility: visible;}

.contact-info strong {display:block; text-transform:uppercase; color:var(--black); font-size:0.8rem; font-weight:700;}
.cnt-title {font-size:1.2rem; font-weight:600; color:var(--black); margin-bottom:22px;}
.ci-address {position:relative; padding:0 40px;}
.contact-info {position:relative;}
.contact-info:before {content:''; position:absolute; left:8px; top:20px; border-left:2px dashed #9b2450; height:140px;}
.ci-address:before {content:'\f058'; position:absolute; left:0; top:0; font-family: FontAwesome; font-size:1.3rem; color:var(--primary);}
.contact-info a {color:var(--black);}

.enquiry-form .form-control, .ci-career .form-control {background-color:inherit;}
.enquiry-form .form-control::placeholder {color:#b3b3b3;}
.enquiry-form .form-group {margin-bottom:0.8rem;}
.enquiry-form textarea.form-control {border-radius:100px; max-height: 50px;}
.enquiry-form .btn-submit {width:100%;}

.dealer-form  {border-bottom:2px solid #e6e6e6;}
.ci-career .section-header .title-head {text-transform:uppercase; color:var(--secondary); letter-spacing:2.2px; font-size:1rem;}

.career-title {font-size:1rem; color:var(--black);}
.number-counter {background:var(--primary); min-width:25px; height:25px; border-radius:100%; color:#fff; margin-right:15px; display:inline-block; font-size:0.8rem; line-height: 25px; text-align: center;}
.list-group .list-group-item .text-md-left strong {display:block; color:var(--black); font-size:0.9rem;}
.list-group .list-group-item .btn {height: 33px; line-height: 32px;}

.ci-gallery, .ci-light-grey {background:var(--gray);}

.tiles a:hover img {opacity:0.8;}
.tiles.justified-gallery .entry-visible .caption {display: block; text-align: center; font-size: 14px; background:#000;}
.row-gap > [class*='col-'] {padding: 0 5px;}

.ci-product {position: sticky; top:0; max-width: 550px;}
.product-listing {clear:both;}
.product-price strong {display:block; font-size:1.2rem;}
.product-price p {text-transform:uppercase; font-weight:600; font-size:0.7rem; color:var(--black);}
.accordion .card-header {background:inherit;}
.gallery-swiper .swiper-slide img { width: 100%; }

.ci-products.ci-light-grey .card {background:inherit;}

.hp-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0;}
.hp-hero-slider .swiper-pagination {position:relative;}
.product-overview .ci-head .title {font-size:32px; font-weight:400;}
.product-overview .card {border-radius:10px; line-height:normal;}
.product-overview .card .model .prod-model {font-size:28px;}
.product-overview .card .model p span {font-size:18px; font-weight:400; color:#000; letter-spacing:normal; line-height:normal;}
.product-overview .card .model strong {text-transform:uppercase; font-weight:700; font-size:13px; letter-spacing:1px; display:block;}
.sm-red-title strong {color:var(--primary); text-transform:uppercase; font-weight:700; font-size:12px; letter-spacing:1px; display:block;}
.product-overview b {color:var(--black); font-weight:500; margin-right:2px;}
.product-overview .card .model .strike-trough {font-size:16px; color:var(--black); opacity:0.7; font-weight:400; text-decoration: line-through;}
.product-overview .card .model .product-discount {color: var(--secondary); font-weight: 400; font-size: 14px;}
.stock-details span {font-size: 16px; font-weight: 500; color: #0c823b;}
.product-overview .card .model .price {color:#000; font-weight:700;}
.product-overview .card small {text-transform:inherit; letter-spacing:normal; display:block; font-size:12px;}
.product-overview .card .model .discountPercentage {font-size:13px;}
.product-overview .card .model a {font-weight:700; color:#000; font-size:15px; text-decoration:underline;}
.product-overview .card .btn {padding: 0 2.5rem; height: 43px; line-height: 43px; text-transform:inherit;}
.product-overview .card .btn.nxt-btn {font-size:14px;}
.product-overview .subscribe_form .form-control {background-color:inherit; position:relative;}
.product-overview .subscribe_form .check-btn {position:absolute; right:20px; top:0; background-color:inherit; border:none; padding:0; text-transform:uppercase; color:#999; letter-spacing:1px; z-index: 999;}
.product-overview .subscribe_form .check-btn:hover, .product-overview .subscribe_form .check-btn:focus {color:#000;  background-color:inherit;}
.product-overview .card-offer li {margin-bottom:10px; color:#8e8e8e; line-height:20px; font-size:15px;}
.product-overview .card-offer li .fa {color:var(--black);}
.product-overview .card-offer p {line-height:17px; opacity:.8;}
.product-overview .card-cnt .model strong {color:var(--white);}
.product-overview .card-cnt .model p {font-size:16px;}
.product-overview .card-cnt .model h4 {color:var(--white); font-weight:700; font-size:16px; letter-spacing:normal; text-transform:inherit;}
.swatch .color-variant li, .swatch .size-variant li {display: inline-block; height: 35px; width: 35px; border-radius: 100%; margin: 0 10px 0 0; float: none; vertical-align: middle; cursor: pointer;}
.swatch .size-variant li:hover label {border-color:var(--secondary);}
.swatch input {display: none; position: relative; z-index: 999;}
.swatch input:checked+label {box-shadow: none; border: 2px solid #aa4484 !important; color:#aa4484;}
.swatch .color-variant li label, .swatch .size-variant li label {display: inline-block; height: 35px; width: 40px; border: 1px solid #e5e5e5; padding: 0; font-size:14px;}
.swatch label {border: 1px solid #e5e5e5; float: left; margin: 0; font-size: 13px; text-align: center; line-height: 35px; text-transform: uppercase; cursor: pointer;}
.swatch .pro-detail {list-style:square;}
.swatch .pro-detail li {font-size:15px;}
.top-selling .cart-btn button {cursor:pointer;}
.offer-patch {padding:110px 50px;}
.offer-patch h4 {font-size:35px;}

.tabing .btn-search {overflow:inherit;}
.tabing .nav-tabs {border-bottom:none;}
.tabing .feature-tab li.nav-item a {color:#999999; font-weight:900; text-transform:uppercase; font-size:1.2rem; letter-spacing:1px; padding:20px 0; margin:0 30px 0 0;  border-bottom:3px solid #e6e6e6;}
.tabing .feature-tab .nav-link.active {color:#1a1a1a; border-bottom:3px solid #1a1a1a;}
.tabing .feature-tab .nav-link {border-color:#fff; border:inherit;}
.tabing .feature-tab .nav-link:hover {border-bottom:3px solid #1a1a1a; color:#1a1a1a;}
.tabing .nav-tabs .nav-item {margin-bottom: -3px;}
.ci-tab {border-bottom:3px solid #e6e6e6;}

.ci-dealer {border-bottom:5px solid #999;}
.ci-dealer h3 {color:var(--black); font-size:1.2rem;}
.ci-dealer .icon { min-width: 40px; max-width: 40px; padding-right: 1rem; }

.toggle-btn {height:55px; min-width:58px; margin:0; display:block; padding:0; border:none; position:absolute; z-index:99999; -webkit-transition-duration:.4s; transition-duration:.4s; display:none; cursor:pointer; right: 2px; background:none;}
.toggle-btn.active {right:0; top:0;}
.toggle-btn span, .toggle-btn:after, .toggle-btn:before { content:""; display:block; height:3px; width: 28px; left:18px; opacity:1; position:absolute; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; background-color:var(--primary); -webkit-transition-duration:.4s; transition-duration:.4s; border-radius:50px; border:inherit;}
.toggle-btn span { top:32px; }
.toggle-btn:after { top:24px; width:20px;}
.toggle-btn:before { top:40px; width:20px;}
.toggle-btn.active:after {top:22px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background-color:#fff; width:28px;}
.toggle-btn.active:before{top:22px;-webkit-transform:rotate(135deg);transform:rotate(135deg);background-color:#fff; width:28px;}
.toggle-btn.active span {right:-30px;opacity:0;color:#000;}
.toggle-btn:hover:before, .toggle-btn:hover:after {width:28px;}


.listing-slide img {width: 100%; object-fit: cover;}
.breadcrumb {background:inherit; border-radius:0; margin:0; padding:10px 0;}
.breadcrumb .breadcrumb-item a {color:var(--default);}
.tab-content {clear:both;}
.md-accordion .card .card-header a { position: relative; display: block; padding: 1rem 2rem 1rem 0; }
.md-accordion .card .card-header a:before, .md-accordion .card .card-header a:after { content: ''; width: 12px; height: 2px; background:var(--black); position: absolute; top:1.4rem; right:1rem; transition-duration: 0.4s;}
.md-accordion .card .card-header a:after { transform: rotate(90deg); }
.md-accordion .card .card-header a:not(.collapsed):before {transform: rotate(180deg);}
.md-accordion .card .card-header a:not(.collapsed):after {transform: rotate(360deg);}

.gallery-top {width: 100%;}
.gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 20%; height: 100%; opacity: 0.4; cursor:pointer;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.swiper-container {width: 100%;}
.swiper-slide-container {text-align: center; font-size: 18px; background: #fff; height:100%; margin:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}


.catalogue {background:#e4e4e4;}
.gallery a {display:block; position:relative;}
.gallery .gall-sm {width:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; padding:calc(50% + 2.7px) 0;}
.gallery .gall-lg {width:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; padding:50% 0;}
.gallery .gall-caption {position:absolute; bottom:0; left:0; width:100%; padding:15px; background:linear-gradient(to top, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%);}
.gallery .gall-caption h3 {font-size:24px; color:#fff; margin:0; padding:0; font-weight:300; text-transform:uppercase}
.overlay {position:relative;}
.overlay:before {position:absolute; content:" "; top:0; left:0; width:100%; height:100%; display:none; z-index:0; background-color:rgba(102, 8, 43, .5);}
.overlay:hover:before {display:block;}
.explore-btn strong {font-weight:700;}
.explore-btn.active, .explore-btn:focus, .explore-btn:hover {color:#9b2450}
.explore-btn:before {height:2px; background:#9b2450; position:absolute; bottom:-2px; left:0; content:''; transition:width .3s ease 0s, left .3s ease 0s; width:0; z-index:1;}
.explore-btn.active:before, .explore-btn:focus:before, .explore-btn:hover:before {width:100%; left:0; border-color:#9b2450;}
.explore-btn {display:inline-block; color:#fff; font-size:18px; font-weight:400; text-transform:uppercase; border:none; border-bottom:solid 2px #fff; padding:0; position:relative;
-webkit-transition-duration:.4s; transition-duration:.4s; background:0 0; border-radius:0; line-height:19px;}
.dark {color:#333; border-color:#333;}

.number-input input[type="number"] {-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.number-input input[type=number]::-webkit-inner-spin-button, .number-input input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.number-input {display: flex; align-items: center;}
.number-input button {-webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; cursor: pointer; margin: 0; position: relative;}
.number-input button:before, .number-input button:after {display: inline-block; position: absolute; content: ''; height: 2px; transform: translate(-50%, -50%);}
.number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg);}
.number-input input[type=number] {text-align: center;}
.number-input.number-input {border: 1px solid #ced4da; width: 5.5rem; border-radius: .25rem;}
.number-input.number-input button {width: 2.6rem; height: .7rem;}
.number-input.number-input button:before, .number-input.number-input button:after {width: .5rem; background-color: #495057;}
.number-input.number-input input[type=number] {border:none; font-size: 1rem; height: 2rem; color: #495057;}

#progressbar {margin-bottom: 30px; overflow: hidden; color: #455A64; padding-left: 0px; margin-top: 30px}
#progressbar li {list-style-type: none; font-size: 14px; float: left; position: relative; font-weight: 500; color: #455A64 !important;}
#progressbar li+li {margin-left:173px;}
#progressbar #step1:before {content: ""; color: #fff; width: 29px; margin-left: 15px !important; padding-left: 11px !important}
#progressbar #step2:before {content: ""; color: #fff; width: 29px;}
#progressbar #step3:before {content: ""; color: #fff; width: 29px; margin-right: 15px !important; padding-right: 11px !important}
#progressbar li:before {line-height: 29px; display: block; font-size: 12px; background: #455A64; border-radius: 50%; margin: auto;}
#progressbar li:after {content: ''; width: 193%; border:dashed; border-width:1px; position: absolute; left: 0; right: 0; top: 11px;}
#progressbar li:nth-child(2):after {left: 108%;}
#progressbar li:nth-child(1):after {left:108%; width:293%;}
#progressbar li:nth-child(3):after {left: 104% !important; width: 182% !important}
#progressbar li:nth-child(4):after {border:inherit;}
#progressbar li.active:before, #progressbar li.active:after {border-color: #009a3d}
#progressbar li.active .icon {background-color:#009a3d;}
#progressbar li .icon {width: 20px; height: 20px; background-color:#999999; border-radius: 100%; float:left; margin-right: 5px; text-align: center; color:#fff; font-size: 13px;}

.store-banner .breadcrumb_content {position:absolute; top:80%; left:42%; display:block !important;}
.store-banner img {object-fit: cover; object-position: left center; width: 100%; height: auto;}
.store-banner .col-item {width:100%; background-repeat:no-repeat; background-color:#e3f4fb; background-size:cover; height:100px; position:relative; padding-bottom: 20%;}
.store-banner .data-caption {width:100%; position:absolute; top: 40%; left:0; z-index:2; height:auto; background:none;}
.store-banner .breadcrumb_nav li:first-child > a {color: #fff;}

.breadcrumb_nav li {color: #737373; font-size: 14px; font-weight: 500; position: relative;}
.breadcrumb_nav li:first-child:after {background-color: #fb491d;}
.breadcrumb_nav li:first-child > a {color: #fb491d;}
.breadcrumb_nav li:not(:last-child) {margin-right: 21px; padding-right: 21px;}
.breadcrumb_nav li:after {top: 50%; right: -2px; content: ""; width: 4px; height: 2px; position: absolute; background-color: #737373; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.breadcrumb_nav li:last-child:after {display: none;}
.breadcrumb_nav a {color: #737373;}
.breadcrumb_nav a:hover {color: #fb491d;}
.breadcrumb_nav.text-white li {color: #ffffff;}
.breadcrumb_nav.text-white li:after {background-color: #ffffff;}
.breadcrumb_nav.text-white li:first-child:after {background-color: #fb491d;}
.breadcrumb_nav.text-white a {color: #ffffff;}
.breadcrumb_nav.text-white a:hover {color: #fb491d;}
.ul_li,.ul_li_center,.ul_li_right{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.ul_li>li,.ul_li_center>li,.ul_li_right>li{float:left;list-style:none;display:inline-block}
.ul_li{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.ul_li_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ul_li_right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.ul_li_block {margin: 0px; padding: 0px; display: block;}
.ul_li_block > li {display: block; list-style: none;}
.breadcrumb-item + .breadcrumb-item {padding-left:0;}
.breadcrumb-item + .breadcrumb-item::before {display:none;}

.about-page .page-content .border-radius-15 {border-radius:15px;}
.featured-card {padding: 50px 30px; border-radius: 15px; border: 1px solid #ececec; background: #fff;}
.featured-card img {margin-bottom: 30px; width:80px}
.contact-info-content {background: #fff; border: 1px solid var(--dark); padding: 40px; transition: .4s linear; height:270px;}
.contact-info-content img {margin-bottom:15px;}
.order-confirm {padding:80px 0;}
.order-confirm .fa {font-size:80px; color:var(--white);}
.track a {color:var(--white); font-weight:600; text-transform:uppercase; font-size:12px; text-decoration:underline;}
.order-done h4 {font-size:2rem;}
.order-done h5 {font-size:1.1rem;}
.order-done p {font-size:14px;}
.GetTouch {background:#e2f3f8;}
.careBtn .btn-outline {height:50px; line-height:50px;}
.category-padding {padding:120px;}

.dashboard-section .dashboard-sidebar{position:sticky;top:30px;z-index:1;padding:30px 0 15px;background-color:#f8f8f8}
.dashboard-section .dashboard-sidebar .profile-top{padding:0 16px;margin-bottom:calc(10px + (20 - 10) * ((100vw - 320px)/ (1920 - 320)))}
.dashboard-section .dashboard-sidebar .profile-top .profile-image {position: relative;}
.dashboard-section .dashboard-sidebar .profile-top .profile-image img{width:130px;margin:0 auto;display:block;border-radius:100%}
.dashboard-section .dashboard-sidebar .profile-top .profile-detail{text-align:center;margin-top:15px}
.dashboard-section .dashboard-sidebar .profile-top .profile-detail h5{text-transform:capitalize;font-weight:700;margin-bottom:5px}
.dashboard-section .dashboard-sidebar .profile-top .profile-detail h6{color:#777;margin-bottom:3px}
.dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{-webkit-box-shadow:none;box-shadow:none;padding:0}
.faq-tab .nav-tabs{display:block;border-bottom:none;background-color:#fff;padding:10px 0}
.faq-tab .nav-tabs .nav-item{display:block;margin-bottom:0}
.faq-tab .nav-tabs .nav-item .nav-link{text-transform:capitalize;color:#000;font-size:calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));border:none;-webkit-transition:.5s;transition:.5s;border-radius:0;background-color:#f8f8f8;cursor:pointer}
.faq-tab .nav-tabs .nav-item .nav-link.active{border:none;border-right:currentcolor;border-right:2px solid var(--primary);border-radius:0;color:var(--primary);-webkit-transition:.5s;transition:.5s}
.dashboard-detail .details{display:-webkit-box;display:-ms-flexbox;display:flex}
.dashboard-detail .details .left{width:150px;margin-right:15px}
.dashboard-detail .details .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dashboard-section .counter-section .counter-box{background-color:#f8f8f8;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--primary);border-radius:8px}
.dashboard-section .counter-section .counter-box img{height:50px;margin-right:20px}
.user-dashboard-section .box-head h4{font-size:18px;margin:34px 0 14px;text-transform:capitalize;color:#333;font-weight:600}
.user-dashboard-section .box .box-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;position:relative;width:100%;background-color:#f8f8f8;border-radius:8px;margin-bottom:0}
.user-dashboard-section .box .box-title>a{margin-left:auto;color:var(--theme-color)}



.price-wrap,.price-wrap-1,.price-wrap-2{display:flex}
.price-title,.price-wrap,.price-wrap #one,.price-wrap #two{color:#000;line-height:1.2em;font-weight:400}
.filter-price{width:220px;border:0;padding:0;margin:0}
.price-title{position:relative;font-size:14px;margin-right:5px;backgrund:#d58e32}
.price-field{position:relative;width:100%;height:36px;box-sizing:border-box;background:rgba(0,0,0,.2);padding-top:15px;padding-left:16px;border-radius:3px}
.price-field input[type=range]{position:absolute;width:265px;height:2px;border:0;outline:0;box-sizing:border-box;border-radius:5px;pointer-events:none;-webkit-appearance:none}
.price-field input[type=range]:active,.price-field input[type=range]:focus{outline:0}.price-field input[type=range]::-ms-track{border:0 transparent;outline:0;box-sizing:border-box;pointer-events:none;color:transparent}
.price-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;-webkit-appearance:none;margin:-4px 0 0;border:0;outline:0;border-radius:50%;height:10px;width:10px;background-color:#fff;cursor:pointer;pointer-events:all;z-index:100}
.price-field input[type=range]::-moz-range-thumb{position:relative;appearance:none;margin:-5px 0 0;border:0;outline:0;border-radius:50%;height:10px;width:10px;background-color:#fff;cursor:pointer;pointer-events:all;z-index:100}
.price-field input[type=range]::-ms-thumb{position:relative;appearance:none;margin:-5px 0 0;border:0;outline:0;border-radius:50%;height:10px;width:10px;background-color:#fff;cursor:pointer;pointer-events:all;z-index:100}
.price-field input[type=range]::-webkit-slider-runnable-track{width:188px;height:2px;cursor:pointer;background:#fff;border-radius:5px}
.price-field input[type=range]::-moz-range-track{width:188px;height:2px;cursor:pointer;background:#fff;border-radius:5px}
.price-field input[type=range]::-ms-track{width:188px;height:2px;cursor:pointer;background:#fff;border-radius:5px}
.price-wrap{justify-content:left;font-size:14px;margin-bottom:7px}
.price-wrap_line{margin:0 10px}.price-wrap #one,.price-wrap #two{width:30px;text-align:left;margin:0 2px 0 0;padding:0;background:0;border:0;outline:0;font-size:11px}
.price-wrap label{text-align:right;font-size:11px}.price-field input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 .5px #fff;transition-duration:.3s}
.price-field input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 .5px #fff;transition-duration:.3s}
[data-toggle="collapse"] .fa:before {content: "\f106";}
[data-toggle="collapse"].collapsed .fa:before {content: "\f107";}
.product-accordian button {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; color:#323232;}
#sizeModal .modal-dialog {max-width: 800px;}
#sizeModal {top:20%;}
#sizeModal td, #sizeModal th {border: 1px solid rgba(0,0,0,.08); padding: 10px; text-align: center; vertical-align: middle;}


.term-condition li {margin-bottom:12px;}
.term-condition p {line-height:25px;}
.wishlist .card {margin-bottom:20px;}
.wishlist .filter-strip .form-control {min-width: 131px;}
.top-selling .badge {background:#dddddd;}
.rating {line-height: normal; display: inline-block; color: #fff; padding: 2px 4px 2px 6px; border-radius: 3px; font-weight: 500; font-size: 13px; vertical-align: middle; background-color: #388e3c; height: 23px; line-height: 16px;}
.rating img {margin: 0 0 0 2px; height: 10px;}
.my-address h3 { margin-bottom:20px;}
.btn-close {--bs-btn-close-color: #000; --bs-btn-close-bg: url(../images/download.svg); viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.2936.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e); box-sizing: content-box; width: 1em; height: 1em; display:inline-block; padding: 0.25em 0.25em; opacity:0.5; background: transparent var(--bs-btn-close-bg); border: 0; border-radius: 0.375rem; position: absolute; cursor: pointer; top: 15px; right: 23px}
.btn-close:hover, .btn-close:focus {opacity:1;}
.CIfeatured .info_list li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.CIfeatured .info_list .icon {float:left;width:70px;height:70px;-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:20px;border-radius:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}
.CIfeatured .info_list .icon img {max-height: 25px;}
.CIfeatured .info_list li:not(:last-child) {margin-bottom: 40px;}
.franchize-form {margin-top:-415px;}
.franchize-form .ci-head .big_title {font-size:86px;}
.bg-lightPink {background:#f9eae4;}
.bg-darkPink {background:#fdebec;}
.advantageBox {height:250px;}
.bg-pink {background:#e4acad;}
.sidebar .title {font-size:20px;}
.recent_post_content .recent_post_title {line-height:18px;}
.recent_post_content .recent_post_title a {font-size: 15px; font-weight: 600; color: #252525;}
.sb_tags_list li, .social_primary li {padding: 6px; float: left; display: inline-block;}
.sb_tags_list a {display: block; line-height: 1; color: #333333; font-size: 15px; padding: 8px 15px; border-radius: 2px; border: 1px solid #e6e6e6;}
.sb_tags_list a:hover, .social_primary li a:hover {background:var(--primary); color:#fff; border-color:var(--primary);}
.social_primary li a {border:1px solid #000; padding:12px 20px;}

#overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000 !important;-moz-opacity:0.7; opacity:.7;z-index:100;display:none;}
.popup-content {padding: 0 2rem}
.popup-onload {width:100%;margin:0 auto;display:none;position:fixed;top:0;left:0;z-index:101}
.popup-model {min-width:600px;width:600px;min-height:150px;margin:200px auto;background:#f3f3f5;position:relative; padding:15px 35px;border-radius:5px;box-shadow:0 2px 5px #000;}
.popup{background-color:#fff;width:450px;padding:30px 40px;position:fixed;transform:translate(-50%,-50%);left:50%;top:50%;border-radius:8px;font-family:Poppins,sans-serif;display:none;text-align:center;z-index:999}
.popup button{display:block;margin:0 0 0 auto;background-color:transparent;font-size:40px;color:#353535;border:none;outline:0;cursor:pointer; position:absolute; right:22px; top:6px;}
.extm {position:absolute; right:0px; top:0;}
.image { cursor:crosshair;}
.login-nav .fa-user-o {font-size:20px; display:none;}
.mob-logo {display:none;}

.img-magnifier-container {position:relative;}
.img-magnifier-glass {position: absolute; cursor: crosshair; background:#fff; border: 1px solid rgb(0, 0, 0); width: 250px; height: 250px; display:none;}
.img-magnifier-container:hover .img-magnifier-glass {display:block;}
.color {display: flex; margin-top: 10px; gap: 20px;}
.color span:nth-child(1) {background-color: #ce9b67; border: 2px solid #ce9b67;}
.color span:nth-child(2) {background-color: #6c6161; border: 2px solid #6c6161;}
.color span:nth-child(3) {background-color: #c2c2c2; border: 2px solid #c2c2c2;}
.color span {height: 25px; width: 25px; border-radius: 50%; background-color: #000; cursor: pointer; transition: all 0.5s;}

.cart_table_3 thead {border: none; color: #ffffff; font-size: 16px; text-transform: uppercase; background-color: #000000; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.cart_table_3 table {margin: 0; text-align: center;}
.cart_table_3 td {padding: 20px; background-color: #efefef; border-bottom: 1px solid #e6e6e6; vertical-align: middle;}
.cart_table_3 .cart_item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.cart_table_3 .cart_item .item_image {-webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; margin-right: 15px;}
.cart_table_3 .cart_item h3 {font-size: 15px; margin-bottom: 0; font-weight: 600;}
.cart_table_3 .price_text {color: #333333; font-size: 15px; font-weight: 700;}
.cart_table_3 th {padding: 15px; font-size: 14px;}
.cart_table_3 .remove_btn {color: #999999;  cursor: pointer; font-size: 18px;}
.cart_table_3 .fa {font-weight:300;}
.cart_table_3 .out_stock {color: #999999;}
.cart_table_3 .remove_btn:hover {color: var(--primary);}
.list-group-item.active {background:var(--dark); border-color:var(--dark);}

.order_tracking_section .form_item {border-radius: 45px; padding-left: 200px; background-color: #2b2d2e;}
.form_item {position: relative; margin-bottom: 30px;}
.order_tracking_section .form_item .input_title {left: 0; top: 20px; color: #ffffff; font-size: 16px; font-weight: 700; max-width: 200px; margin-bottom: 0; position: absolute; padding-left: 30px; text-transform: uppercase; line-height: 1;}
.order_tracking_section .form_item input {border: none; padding: 0 40px; background-color: #eaeaea; -webkit-transform: translateX(1px); transform: translateX(1px); height: 60px;}
.form_item textarea, .form_item input {width: 100%; outline: none; display: block; -webkit-box-shadow: none; box-shadow: none; border-radius: 45px; color: #252525; border: 2px solid #eaeaeb; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.btn.btn-rounded {border-radius: 45px; height:60px; line-height: 60px;}


.cart-popup { position: absolute; top: 110%; right: 0; z-index: 100; padding: 20px 20px 10px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); border-radius: 0.35rem; background: #ffffff; width: 350px; pointer-events: none; opacity: 0; visibility: hidden; transition-duration: 0.3s;}
.cart-popup-close, .wish-popup-close { position: absolute; top: 0; right: 0; width: 40px; text-align: center; font-size: 2rem; opacity: 0.5; cursor: pointer;}
.cart-popup-close:hover, .wish-popup-close:hover { opacity: 1; transition-duration: 0.3s;}
.cart-popup.is-active, .wish-popup.is-active { top: 90%; opacity: 1; visibility: visible; pointer-events: inherit;}

.wish-popup { position: absolute; top: 500%; right: 0; z-index: 100; padding: 20px 20px 10px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); border-radius: 0.35rem; background: #ffffff; width: 350px; pointer-events: none; opacity: 0; visibility: hidden; transition-duration: 0.3s;}
.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none}
.btn-file>input{margin:0;opacity:0;transform:translate(-94px,0) scale(1);font-size:23px;direction:ltr;cursor:pointer}
.payment-form .form-check-input {width:18px; height:18px;}


/*Responsive Start*/

@media only screen and (min-width:1300px) {
	.container {max-width:1300px;}
}

@media only screen and (min-width:1200px) {
	#menu { display: none; }
	.related-swiper { padding: 0 50px; }
}

@media only screen and (max-width:1199px) {
.toggle-btn { display:block;}
.toggle-btn.active {right: 23px; border:inherit; top: -29px;}
button:focus {outline:inherit;}
.container { max-width:100%;}	        
.ci-app h2 { font-size: 1.6rem; }
.contact-block, .intro-title h5 { font-size: 0.8rem; }

.nav-last {margin-left:0 !important;}
#navbar .nav>li.dropdown>.dropdown-menu {width:100%;}
#navbar{position:fixed;overflow:scroll;top:0; right:100%; width:100%; background:var(--black); height:100%;z-index:555;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
#navbar.open { right:0;}
#header .navbar-collapse {display: block !important; padding:0;}
#header .navbar-nav .nav-item {margin:0; position:relative !important;}
#header .navbar-nav {-ms-flex-direction:column; flex-direction:column; display:block; width:100%; text-align:center; margin-top:50px;}
#header .navbar-nav .mega-menu {text-align:center; left: 0; padding: 35px; width:100%; margin-top: 0;}
#header .navbar-nav .mega-menu li {float:inherit; line-height:25px;}
#header .navbar-nav .mega-menu li a {font-weight:400; font-size:15px; line-height: 31px;}
#header .navbar-nav .mega-menu li a:hover {color:#000 !important;}
#header .navbar-nav .nav-link {color:#fff; padding:15px 20px; line-height: 37px; display:inline-block;}
#navbar .navbar-nav .nav-link:before {background:#fff;}	
#header .navbar-nav > li {border-bottom: solid 1px #191919;}
#navbar .dropdown-toggle::after {float: right; top: 19px; left: 8px;}
.main-nav .dropdown-item {font-size: .7rem; padding: 10px;}
.main-nav .dropdown-item img {width: 61px;} 
.no-scroll .bg-overlay {display: block;}
.bg-overlay {background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: 555; top: 0; left: 0; display: none;}
.tabing .feature-tab li.nav-item a {  font-size: 0.9rem; padding: 20px 0; margin: 0 10px;}
.filter-strip .form-control {margin-left:0; min-width: inherit;}

}

@media only screen and (max-width:767px) {
	p {margin-bottom: 0.5rem;}
	body, .text-large { font-size: 0.85rem; }
	.section { padding: 30px 0;}
	.header-padding {padding:0;}
	#header {height: 100px;}
	.top-header {height: 43px; line-height: 43px;}
	.top-nav li.right-nav::before, .top-nav .dropdown-menu {top: 14px;}
	.footer-bottom {border-top:none;}
	body {padding-top: 100px;}
	.mob-logo {display:block;}
	.CIusp {text-align:center;}
	.toggle-btn span {top: 28px;}
	.toggle-btn:before {top: 35px; width:20px;}
	.toggle-btn:hover:before, .toggle-btn:hover:after {width:25px;}
	.toggle-btn:after {top: 21px; width:20px;}
	.btn-enquire, .btn-search-mob { background:none; padding: 0; text-align: center; min-width: 40px; color: var(--primary); border:none; height: auto; font-size: 1.2rem;  }
	.header-search { display: none; position: absolute; top: 67px; z-index: 10; width: 100%; left: 0; background: var(--gray); padding: 5px;}
	.header-search .form-control {background:inherit;}
	.header-search .btn svg {top: -2px; height: 16px;}
	.header-search.open {display: block;}
	.navbar-brand {padding:0;}
	.header-primary {padding: 3px 0.7rem; width: 100%;}
	.hero-slider-caption .h1 {font-size:22px;}
	.hp-hero-slider .hero-slider-caption h5 {font-size:13px;}
	.hp-hero-slider .hero-slider-caption h5 br {display:block;}
	.login-nav {margin-right:20px;}
	.login-nav .cart-btn i {font-size: 16px;}
	.login-nav .fa {font-size: 18px;}
	.call-block p {display:none;}
	.top-header ul {padding:0;}
	.search-popup {padding: 250px 17px;}
	.search-input .form-control {font-size:13px;}
	.popup, #overlay {display:none !important;}
     .top-nav a {font-size: 12px;}
	 .top-nav {float:right;}
	 .top-nav .dropdown-toggle {padding-right:0;}
	.login-nav a {padding: .5rem 3px;}
	.login-nav .fa-user-o {margin-right: 0; display:block;}
	.login-nav span, .cart-btn span {display:none;}
	.login-nav .cart-btn {border:none;}
	.CIusp h5 {font-size:1rem;}
	.CIusp .pl-2 {padding-left:0 !important; margin-top:5px;}
	.category_item .item_title {top:25px; bottom:inherit; font-size: 18px; left:15px; min-width: 104px; padding: 16px 30px;}
	.details_box {position:inherit; right:inherit; bottom:inherit;  padding: 30px 50px 50px; margin-top: -37px !important; margin: 16px; background-color: #e1e1e1; box-shadow:inherit}
	.minus-top {margin-top: 0;}
	.subscribe-btn {position:absolute; right: 9px; top: -24px;}
	.newsletter h2 {font-size:22px;}
	.newsletter-bg {padding: 2rem 0;}
	.inner-banner 	{padding: 40px 0; text-align:center;}
	.breadcrumb {text-align: center; display: inline-block !important;}
	.breadcrumb .breadcrumb-item {float:left;}
	.inner-banner h1 {font-size: 28px;}
	.card-shop-filters ul li {width: 40%; float: left; margin-right:20px;}
	.btn-search-mob.is-active .fa-search:before {content: "\f00d";}
	.featured-para .text-Xlarge {font-size:1rem !important;}
	.CIfeatured svg {width:40px; height:40px;}
	.shoping-cart .number-input.number-input {width: 55%;}
	.btn {font-size: 0.8rem; padding: 0 1.3rem; text-transform: capitalize;}
	.ci-head .title {font-size: 1.3rem;}
	.ci-head h4 {font-size:0.9rem;}
	.ci-head:before {height: 15px;}
	.breadcrumb_nav li {font-size:11px;}
	.breadcrumb_nav li:not(:last-child) {margin-right: 10px; padding-right: 11px;}
	.call-block a {font-size:14px;}
	.ci-seller .card-prod {margin-bottom:20px;}
	.desk-section .swiper-slide {margin-bottom:10px; padding-right:5px; padding-left:5px;}
	.login-nav .cart-btn .topbar-action-counter {left: 26px; top: -1px;}
	.top-header .call-block a img {margin-top:3px;}
	.ci-seller .card-prod .badge {letter-spacing:2px;}
	.login-modal .modal-dialog {max-width:100%;}
	.location .fa {float:inherit; margin:0 !important;}
     .product-overview .subscribe_form .check-btn {right:0;}
	.location .modal-content {padding: 20px 40px 20px 40px;}
	.featured-card img {width: 70px;}
	.w-30 {width:100% !important;}
	.featured-card {padding: 30px 10px;}
	.inner-banner .col-item {padding-bottom: 32%;}
	.inner-banner .data-caption .title {font-size: 28px;}
	.list-filter {border-top: 1px solid #e4e4e4; padding:15px 0; border-bottom: 1px solid #e4e4e4;}
	.pagination-lg {display: flex; justify-content: center;}
	#filter.login-modal .modal-content {padding: 20px 0 20px;}
	#filter.login-modal .modal-header .close {z-index:999; padding: 12px 0; right: 31px;}
	#filter.login-modal .modal-header h3 {text-transform:uppercase; color:#000; font-size:16px;}
	.thumb-swiper .swiper-img img {border-radius:0;}
	.online-store .big_title {font-size: 45px;}
	.franchize-form {margin-top:0;}
	.modal-header header {text-align:center !important;}
	.product-overview .card .btn {padding: 0 1.8rem;}
	.video {height: 100px; padding-bottom: 60%;}
	.video .play-btn {left: 42%; top: 40%;}
	.ci-video-para { padding: 1.4rem; font-size:0.9rem; margin-top: -15px; }
	.card-video-caption { font-size: 0.7rem; letter-spacing: 0.2rem;}
	.filter-strip {padding: 9px 0;}
	.filter-strip .form-control {border: none; color: #000;}
	.filter-strip .custom-select {font-size: 12px; color:#000; height: calc(1rem + 5px);}
	.shop-filters .card {border:none;}
    .filter-strip .form-control {padding-right:30px;}
	.customer-item { padding: 1.8rem 15px; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
	.card-prod .card-title:before, .card-prod:hover .card-title:before {  width: 10px;}
	.card-prod .card-title.swiper-title small:before {content:'';}
	.card-prod .card-title.swiper-title small {display:block;}
	.card-prod .card-title {font-size:0.8rem;}
	.ci-client {position:relative;}
	.ci-client .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -40px}
	.ci-client .swiper-container {position:inherit !important;}
	.similar-prod .offer-swiper .card-prod {height: 299px;}
	.ci-tiles .tiles-block .tile-caption {width:100%; text-align:center; left:0; padding: 8px 0;}
	.product-list .card-prod .card-img {height: 145px;}
	.ci-seller .card-prod .data-caption h2 {font-size:18px;}
	.health-faucet .item {height:340px;}
	.health-faucet .item .data-caption .caption h2 {font-size:35px;}
	.health-faucet .item .data-caption .caption p {font-size:17px;}
	.ci-tiles .tiles-block .item {height: 210px;}
	.category-tiles.emulated-flex-gap {display:block; width:auto;}
	.category-tiles .category-box {display:inline-block; width:30%;}
	.ci-client .client-swiper {padding: 10px 20px;}
	#footer::before {width: 100px; height: 200px;}
	.footer-nav {position: relative; padding:10px 0; margin: 0; cursor: pointer; border-bottom: solid 1px rgba(255,255,255,0.1);}
	.footer-nav .footer-nav-title:after, .footer-nav .footer-nav-title:before {content: ''; width: 9px; height: 1px; background: var(--white); position: absolute; top: 14px; right: 15px; -webkit-transition-duration: .4s; transition-duration: .4s;}
	.footer-nav .footer-nav-title:after {transform: rotate(90deg);}
	.footer-nav.open .footer-nav-title:after {transform: rotate(-90deg); opacity: 0;}
	.footer-nav .nav {max-height: 0; overflow: hidden; -webkit-transition: max-height 1s ease-out; transition: max-height 1s ease-out; display: block !important}
	.footer-nav.open .nav { height: auto; max-height: 500px; -webkit-transition: max-height 1s ease-in !important;    transition: max-height 1s ease-in !important;}
	.footer-nav .nav-link{ font-size: 0.8rem; padding: 0.2rem 1rem; }
	.copyright {text-align:center;}
	.footer-social a { width: 30px; height: 30px; line-height: 30px; margin: 0 8px 0 0;}
	.footer-social svg {height: 14px;}
	.app-store-mob .footer-nav-title {display:block;}
	.app-store-mob img {width:350px;}
	.contact-block .block-item {border-top:1px solid #e2e2e2; display:block; padding:25px 0;}
	.contact-block .block-item.b-top {border-top:none;}
	.block-item p {margin-bottom:0;}
	.block-item br, .ci-intro:before, .ci-concept:before, .dealer-form::before, .ci-career::before { display: none;}
	.ci-intro { padding-top: 0; }
	.ci-intro-img { position: static; height: 100px; padding-bottom: 90%; display: block; }
	.card-white { padding: 1.5rem 15px 0; margin: 0; max-width: inherit;}
	.card-ico {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.intro-title .title, h2, .h2 {font-size: 2rem;}
	.h1, h1 { font-size:2.4rem; }
	.h3, h3 { font-size:1.2rem; }
	.about-history:nth-child(odd) .col-img { padding-right: 15px; }
	.about-history:nth-child(even) .col-img { padding-left: 15px; }
	.text-outline { font-size: 2.4rem; -webkit-text-stroke-width: 1px; line-height: 1;}
	.filter-strip .form-control {min-width: 100%;}
	.price-filter {width:100%;}
	.related-swiper { margin: 0 -15px; }
	.col-grid small { letter-spacing: normal; }
	.col-grid .grid_1 { margin:0; width: 40px;}
	.col-grid .grid_1 span { margin-top: 0; min-height: 20px }
	.col-grid .grid_1 span:last-child, .col-grid .grid_1 span:nth-child(3n) { display: none; min-height: 24px; width: 10px; }
	.col-grid .grid_2 span:last-child, .col-grid .grid_2 span:nth-child(2n) { display: none; }
	.product-item, .product-item.product-grid-1 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.product-item.product-grid-2 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#progressbar li .icon {float:none; display:block; margin:0 auto;}
	#progressbar li.active::after, #progressbar li::after {top:24px;}
	#progressbar li {text-align:center; font-size:13px;}
	#progressbar li .icon {width:15px; height:15px; line-height:16px;}
	#progressbar li:nth-child(1)::after {width:160% !important;}
	#progressbar li + li {margin-left: 100px;}
	#progressbar li:nth-child(3)::after {left: 107% !important;}
	#progressbar li:nth-child(3)::after, #progressbar li::after {width:130% !important;}
	.cart-header {margin-top: 9px; margin-bottom:0;}
	.hot-deals p br {display:none;}
	
}
@media only screen and (max-width:575px) {	
    #progressbar li:nth-child(1)::after {width:62% !important;}
	#progressbar li:nth-child(3)::after, #progressbar li::after {width:47% !important;}
	#progressbar li + li {margin-left: 42px;}
	.app-btn .btn { padding: 0.5rem 1rem; }
	.app-btn .btn .small {letter-spacing: normal;}
	.app-btn svg {height: 24px; min-width: 24px;}
	.app-btn .h4 { font-size: 1rem;}
    .category-tiles .category-box {display:inline-block; width:40%;}
	.emulated-flex-gap > * {margin: 12px 13px;}
    .cart-popup { width: 280px; right: 15px;}

	}