@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap'); @import url("css/responsive.css"); @import url("css/slick.css"); @import url("css/stellarnav.css"); @import url("css/responsive.css"); @import url("css/ma5-menu.min.css"); @import url("css/sweetalert2.min.css"); @import url("css/custom.pagination.css"); /*font-family: 'Cedarville Cursive', cursive;*/ h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-family: 'Quicksand', sans-serif;} ul{padding: 0px; margin: 0px; list-style-type: none;} li{padding: 0px; margin: 0px; font-size: 14px; font-family: 'Quicksand', sans-serif;} a{font-size: 16px; font-family: 'Quicksand', sans-serif;} a:hover{text-decoration: none;} p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif; text-align: justify;} body{padding: 0px; margin: 0px; box-sizing: content-box;} span{padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif; font-size: 14px;} input{font-family: 'Quicksand', sans-serif;} button{font-family: 'Quicksand', sans-serif;} /*Css*/ .top-header{background-color: #006ab3;} button.close { position: relative; left: -22px; top: 0px; font-size: 35px; padding: 0 !important; outline: none;} form.form-side input { height: 45px; outline: none; background: #f0f2f5; border-radius: 50px;} form.form-side button { height: 37px; border-radius: 50px; background: #ce155a; cursor: pointer; padding: 0px;} .forget-password a { font-size: 15px; cursor: pointer;} .create-an-account p { background: #000; font-size: 16px; line-height: 40px; text-transform: capitalize; font-weight: 500;} .create-an-account p { position: relative; top: 3px;} .newsletter-popup {position: relative; max-width: 795px; margin-right: auto; margin-left: auto; padding: 30px 30px; width: 844px; border-radius: 0; box-shadow: 0 0 50px rgb(0 0 0 / 12%);} .bg-img { background-position: center; background-repeat: no-repeat; background-size: cover;} .newsletter-popup-content { max-width: 357px;} .logo-newsletter { display: inline-block; max-width: 111px; height: auto;} .newsletter-popup h2 { margin: 24px 0 5px; color: #313131; font-size: 26px; font-weight: 700; text-transform: uppercase;} .newsletter-popup p { font-size: 14px; line-height: 1.85; letter-spacing: -0.02em; margin-bottom: 2.4rem;} .newsletter-popup form { margin-right: 5px;} .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;} .newsletter-popup .form-control { padding: 6px 12px 10px 22px;} .newsletter-popup-content .btn { margin-left: -1px; padding: 0 32px 0 25px; border-radius: 0 3rem 3rem 0; font-size: 14px; letter-spacing: 0; text-align: center; text-transform: uppercase;} .newsletter-popup-content .form-control { height: auto; padding: 7px 12px 9px 22px; border-radius: 3rem 0 0 3rem; font-size: 14px; line-height: 2.4; border: none; background-color: #f4f4f4;} .header-search .form-control, .header-search .select-custom { background: #f7f7f7;} .header-search-wrapper .btn { position: relative; padding: 0 0 3px 0; border: 0; border-left: 1px solid #e7e7e7; min-width: 48px; color: #606669; font-size: 16px; background: #f7f7f7;} .header-search-category .form-control { border-radius: 5rem 0 0 5rem; height: 42px; width: 88%;} .header-search-wrapper .select-custom { margin: 0; width: 12.9rem; flex: 0 0 12.9rem;} .header-search-wrapper .btn {position: absolute; padding: 10px; border: 0; border-left: 1px solid #e7e7e7; min-width: 0; color: #606669; font-size: 16px; background: #006cae; top: 0px; height: 42px; right: 0; line-height: 16px; border-radius: 0 5rem 5rem 0;} .header-search-wrapper input { font-size: 14px;} .form-control:focus{box-shadow: none; border: 0px;} .header-search-wrapper button i { position: relative; left: -3px;} .number-type-top a{ display: block; font-size: 18px; font-weight: 700; white-space: nowrap; } .number-type-top span{font-size: 12px; color: #777; letter-spacing: 0px;} /* .number-type-top a p { color: #000; position: absolute; right: 8px; top: 28px; border-radius: 50px; font-size: 10px; text-align: center; line-height: 19px;} */ .header-total-qty { background: red; width: 15px; height: 16px; position: absolute; right: 10px; top: 0px; border-radius: 30px; font-size: 10px; text-align: center; line-height: 16px; } .username { color: black; position: absolute; border-radius: 30px; font-size: 10px; text-align: center; line-height: 16px; } .some-left { margin-left: 35px;} .fennec-mobile-nav .navbar-nav { overflow-y: auto; height: 428px;} .fennec-nav .navbar .navbar-nav .nav-item { position: relative; padding: 0;} .fennec-nav .navbar .navbar-nav .nav-item a { font-weight: 600; color: #fff; text-transform: uppercase; padding: 12px 15px; position: relative; z-index: 1; margin: 0;} /*.fennec-nav .navbar .navbar-nav .nav-item a i { margin-left: 1px;}*/ /*.fennec-nav .navbar .navbar-nav .nav-item a i::before { font-size: 11px;}*/ .fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before { opacity: 1; visibility: visible;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: #035d95ed; position: absolute; border: none; top: 80px; left: 0; width: 295px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%; line-height: 25px;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { text-transform: capitalize; padding: 0px 15px; display: block; color: #fff; margin-top: 6px; font-size: 15px; font-weight: 600;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before { display: none;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #fff; } .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1);} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child { margin-top: 0;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 220px; top: 0; opacity: 0; visibility: hidden;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;} .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px;} .fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; top: 100%; margin-top: 0;} .navbar{padding: 0px;} .sticky{background-color: #8bc54b;} .three-some-point{background-color: #08b68d; position: relative; z-index: 0;} /* .three-some-point:before { content: ""; position: absolute; width: 30%; height: 100%; bottom: 0; right: 0; background-image: url(img/footer-shape-2.png); background-repeat: no-repeat; z-index: -1;} .three-some-point::after { content: ""; position: absolute; width: 30%; height: 100%; top: 0; left: 0; background-image: url(img/footer-shape.png); background-repeat: no-repeat; z-index: -1;} */ .shipping-block ul li p{font-size: 17px; font-weight: 500; color: #333; position: relative; top: 6px;} .dotted-border{ border-right: 1px dotted #c8ccd1;} /* .under-top{display: flex; justify-content: space-around;} */ .shipping-block { /* display: flex; */ /* align-items: center; */ float: left; width: 25%; text-align: center;} .shipping-block p { font-size: 16px; font-weight: 500; text-align: center;} /*Footer*/ footer{background-color: #006ab3; background-size: cover;} .widget span { color: #fff; font-size: 16px;} .widget p { color: #fff;} .widget i { color: #fff;} .widget a { color: #fff; transition: 0.5s;} .widget a:hover {color: #f07c00;} .method_center{border-top:1px solid #02609a;} /*.owl-carousel*/ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both;visibility: hidden;line-height: 0; height: 0;} .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y;touch-action: pan-y;} .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel .owl-item{ float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{ backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} .owl-controls.clickable{ display:block !important;} .owl-buttons{ position: absolute; color: #fff; right: 45%; width: 100px; height: 45px; top: 90%;} .owl-buttons .owl-next, .owl-prev{ height: 50px; width: 50px; background-color: #e61a2e; opacity: 0.3; line-height: 50px; border-radius: 50%; font-size: 14px; display: inline-block;} .owl-next {right:0px; } .owl-prev { left: -10px; position: relative; top: 1px;} .owl-next:hover { background-color: #f07a00; opacity: 1;} .owl-prev:hover {background-color: #f07a00; opacity: 1;} .owl-prev:before { content: url(img/left.png); position: absolute; top: 6px; left: 13px} .owl-next:after { font: normal normal normal 14px/1 FontAwesome; font-size: 40px;} .owl-next:after { content: url(img/right.png); position: absolute; top: 1px; color: #fff; left: 65px;} /*loader*/ .loader span{margin: 0px; padding: 0px; text-transform: uppercase; font-size: 102px; color: rgb(255,255,255, .1); background-image: url(images/wave-beer.png); background-repeat: repeat-x; -webkit-background-clip: text !important; background-clip: text !important; animation: animate 15s linear infinite; font-weight: bolder; line-height: 98px; text-align: center;} .loader p{margin: 0px; padding: 0px; text-transform: uppercase; font-size: 102px; color: rgb(255,255,255, .1); background-image: url(images/wave-beer.png); background-repeat: repeat-x; -webkit-background-clip: text !important; background-clip: text !important; animation: animate 15s linear infinite; font-weight: bolder; padding-left: 25%;} @keyframes animate{ 0%{background-position: left 0px top 80px;} 40%{background-position: left 800px top -50px;} 80%{background-position: left 1800px top -50px;} 100%{background-position: left 2400px top 80px;} } .testimonial { position: relative; background: url(img/choos-bg-1.svg);} #testimonial .item img{ height: 70px; width: 70px; border-radius: 50px;} .tptestimonial__rating i{color: #8bc54b;} .under-this-leaf .midd-client ul { position: absolute;} .under-this-leaf ul.only-this-child li:first-child { left: 180%; position: absolute; top: -50px;} .under-this-leaf ul.only-this-child li:nth-child(2) { left: 180%; position: absolute; top: 215px;} .midd-client ul li{ animation: up-down 3s infinite linear alternate;} @keyframes up-down { 0% {transform: translateY(0px);} 25% {transform: translateY(-5px);} 50% {transform: translateY(-10px);} 75% {transform: translateY(-5px);} 100% {transform: translateY(0px);} } .under-this-leaf { position: absolute;} .tptestimonial__rating li { animation: none !important;} .section-title span{font-family: 'Cedarville Cursive', cursive; font-size: 18px; color: #006cae;} .left_img img{ transition: 0.5s;} .left_img img:hover{ transform: translateY(-8px);} .tpfeature__product-title { color: #3c5270; font-size: 14px; font-weight: 800; text-transform: uppercase; line-height: 20px; padding: 0px 0px 5px 0px; border-style: dashed; border-width: 0px 0px 1px 0px; border-color: #C2C2D3;} .tpfeature__btn a{ padding: 5px 55px; background-color:#006cae; display: inline-block; text-align: center; line-height: 35px; text-transform: uppercase; font-weight: 600; border-radius: 50px; font-size: 13px; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .tpfeature__btn a:hover{background-color: #59b538; } .left_content > h4 { font-size: 42px; color: #006cae;} .left_content h4 span { font-size: 42px; color: #ff7127;} .left_content > span{font-family: 'Cedarville Cursive', cursive; font-size: 18px; color: #006cae;} /*.product-midd{background: url(img/choos-bg-1.svg);}*/ .product-midd ul li img{border: 1px;} .method_center li a img { border: 1px dashed #ccc; padding: 1px;} .boxes_part img{ -webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #00000021);} .sticky { background-color: #035791; position: sticky; top: 0; z-index: 99;} .about-content span{font-family: 'Cedarville Cursive', cursive; font-size: 18px; color: #006ab3;} span.some-lage {font-family: 'Quicksand', sans-serif; font-size: 16px; line-height: 24px;} .bg { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .page-button .txt { position: relative; z-index: 2; font-size: 14px; font-weight: 700; line-height: 50px; font-family: 'Quicksand', sans-serif; display: block; text-transform: uppercase; white-space: nowrap;} .button-style-2 .bg { transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;} .button-style-2:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.5); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; z-index: 1;} .button-style-2 { height: 50px; padding: 0 40px; color: #fff; overflow: hidden; border-radius: 30px; z-index: 1;} .page-button { position: relative; display: inline-block; height: 50px; text-align: center;} #toTop{position:fixed; bottom:40px; right:15px; cursor:pointer; transition: 0.5s; z-index: 999;} .section-title { margin: 0px auto;} .subtitle{ font-family: 'Quicksand', sans-serif; text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: #000; font-size: 17px; /* min-height: 3rem;*/ font-weight: 600; padding: 0px 0.8em; margin: 0px;} .for-content-text a { text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem; /* min-height: 3.5rem;*/ font-weight: 400; padding: 0px 0.8em; margin: 0.8em 0px 0.2em; color: rgb(51, 51, 51); line-height: 25px;} .price{font-family: 'Quicksand', sans-serif; } .add-to-cart a { background: #8bc54b; padding: 8px 15px; font-size: 11px; transition: 0.5s;} .add-to-cart a:hover{background: #3c5270;} div#featured .owl-buttons { top: 93%;} div#testimonial .owl-buttons { left: 45%;} div#best-sellers .owl-buttons { top: 93%;} div#best-sellers .owl-buttons { left: 45%;} div#our-launches .owl-buttons { top: 93%;} div#our-launches .owl-buttons { left: 45%;} /*Whatsapp-popup*/ #whatsapp .wtsapp:focus{border:none;outline:none;} #whatsapp .wtsapp{position: fixed; transition: all .5s ease;background: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.15);/* margin: 0; */border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 18px;bottom: 50px;left: 20px;border: 0;z-index: 999;width: 50px;height: 50px;line-height:48px;} #whatsapp .wtsapp:before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: #25d366; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;} @keyframes pulse-border { 0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;} 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;} } img.top-view { position: relative; top: -35px;} .video-frame iframe{border-radius: 10px;} .page-header{padding: 80px 0px;} .page-header h1 { font-size: 40px;} .section-title h5 { font-size: 13px; text-transform: uppercase;} .section-title h3 { color: #333; font-size: 30px; margin: 0; text-transform: capitalize; position: relative;} .section-title span.line { background-color: #ddd; height: 1px; width: 28%; font-size: 28px; display: inline-block; position: relative; margin: 21px auto 18px;} .section-title span.line:before { position: absolute; content: ""; height: 5px; width: 50px; background-color: #006cae; top: -2px; border-radius: 30px; left: 50%; margin-left: -28px;} .single-con-add-text h3 { margin-top: 0; margin-bottom: 10px; font-weight: 600; font-size: 20px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .single-con-add:hover .single-con-add-icon i { background: #006cae; color: #fff;} .single-con-add .single-con-add-icon i { box-shadow: 0 5px 6px 0 rgb(0 0 0 / 10%); color: #006cae; font-size: 36px; float: left; border: 1px solid #006cae; height: 70px; width: 70px; line-height: 70px; text-align: center; margin-bottom: 20px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .contact .form-control { background-color: #fff; border-radius: 0; height: 45px; font-weight: 500; letter-spacing: 1px; border: 1px solid transparent; -webkit-transition: all 1.5s ease .1s; -moz-transition: all 1.5s ease .1s; -ms-transition: all 1.5s ease .1s; -o-transition: all 1.5s ease .1s; transition: all 1.5s ease .1s;} .contact .form-control:focus { border: 1px solid #3c5270; padding-left: 20px;} .contact .form-group { margin-bottom: 15px;} .contact textarea.form-control { height: 160px; font-family: 'Quicksand', sans-serif;} .btn-contact-bg { background-color: #3c5270; border: none; border-radius: 20px; height: 55px; color: #fff; text-transform: uppercase; font-size: inherit; font-weight: 500; letter-spacing: 1px; /*! padding: 0 67px; */ cursor: pointer; -webkit-transition: all 1.5s ease .1s; -moz-transition: all 1.5s ease .1s; -ms-transition: all 1.5s ease .1s; -o-transition: all 1.5s ease .1s; transition: all 1.5s ease .1s; width: 100%;} .btn-contact-bg:hover,.btn-contact-bg:focus { box-shadow: none; background: #ff7627; color: #fff;} .forgot-pwd h2{font-size: calc(18px + (21 - 18) * ((100vw - 320px) / (1920 - 320)));} .forgot-pwd span{ font-size: calc(15px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));} .forgot-pwd input{height: calc(51px + (54 - 51) * ((100vw - 320px) / (1920 - 320))); font-weight: bold;} .forgot-pwd input:focus{outline: none;} .forgot-pwd button{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; border-radius: 5px; font-weight: 600; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; background: #f6001b; z-index: 0; line-height: 40px;} .forgot-pwd button:focus{outline: none;} .sign-up h2{font-size: calc(18px + (21 - 18) * ((100vw - 320px) / (1920 - 320)));} .sign-up span{ font-size: calc(15px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));} .sign-up input{height: calc(51px + (54 - 51) * ((100vw - 320px) / (1920 - 320))); font-weight: bold;} .sign-up input:focus{outline: none;} .sign-up button{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; border-radius: 5px; font-weight: 600; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; background: #f6001b; border: none; z-index: 0; line-height: 40px;} .sign-up button:focus{outline: none;} .filed label{ font-weight: 500; color: #3c5270; margin-top: 14px; font-family: 'Quicksand', sans-serif;} .filed li input{font-size: 16px;} .filed label span{color: #006cae; font-weight: bold;} .other-log-in { margin-top: 15px; text-align: center; position: relative;} .other-log-in h6{color: #4a5568; position: relative; background-color: #f9f9f9; padding: 0 14px; display: inline-block; text-transform: uppercase; font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); line-height: 1.2; margin: 0; font-weight: 400;} .other-log-in::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; left: 0; background-color: #ddd; z-index: 0;} .goole-img img{width: 18px;} .goole-img ul li a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #222; border-radius: 5px; padding: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320))) calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320))); -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))); background-color: #fff; } .sign-up-box h4{color: #4a5568; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); margin-bottom: calc(0px + (3 - 0) * ((100vw - 320px) / (1920 - 320))); } .sign-up-box a{color:#006cae;} .forget-text a { font-size: 16px; color: #006cae;} .content-error span { font-size: 70px;} .content-error p a { font-weight: 600; font-size: 15px;} .search_bar-page form input { -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid #ececec; border-radius: 10px; height: 64px; -webkit-box-shadow: none; box-shadow: none; padding-left: 20px; font-size: 16px; width: 100%; outline: none;} .search_bar-page form button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; border: none; font-size: 20px; height: 100%; padding: 0 24px; background-color: transparent; color: #242424; cursor: pointer; outline: none;} .go-back-home a { background: #006cae; padding: 15px; color: #fff; transition: 0.5s;} .go-back-home a:hover { color: #fff; background-color: #ff0032;} .search_bar-page { margin: 0px auto;} .widget-category-2 ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; line-height: 1.5; color: #253D4E; font-size: 16px;} .widget-category-2 .count { display: inline-block; background-color: #BCE3C9; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 20px; margin-left: 5px; font-size: 12px; color: #253D4E;} .widget-category-2 ul li a img { max-width: 30px; margin-right: 15px;} .section-title.style-1 { position: relative; border-bottom: 1px solid #ececec; padding-bottom: 20px; font-size: 25px;} .widget-category-2 ul li a:hover { color: #2a3f5b; background-color: transparent;} .widget-category-2 ul li:hover { border: 1px solid #8bc54b; -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;} .widget-category-2 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 48px; border-radius: 5px; border: 1px solid #F2F3F4; padding: 9px 15px; margin: 0 0 15px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;} .section-title.style-1::after{ content: ""; width: 80px; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #006ab3;} .custome-radio .form-check-input, .custome-checkbox .form-check-input { display: none;} .custome-checkbox .form-check-label { position: relative; cursor: pointer; color: #687188; padding: 0; vertical-align: middle;} .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact;} .range .list-group-item { position: relative; display: block; padding: 0; background: none; border: 0;} .fw-900 { font-weight: 900;} .add-to-cart-div a { background: #006cae; padding: 8px 15px; font-size: 11px; transition: 0.5s;} .add-to-cart-div a:hover{background: #08b68d;} .primary-sidebar .sidebar-widget { position: relative; padding: 15px; border: 1px solid #ececec; border-radius: 15px; -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);} .primary-sidebar .sidebar-widget { position: relative; padding: 15px; border: 1px solid #ececec; border-radius: 15px; -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);} /*ul.scrolling-bar { height: 300px; overflow-y: scroll;}*/ /*ul.scrolling-bar { height: 300px; overflow-y: scroll;} ul.scrolling-bar::-webkit-scrollbar { width: 10px;} ul.scrolling-bar::-webkit-scrollbar-track { background: #f1f1f1;} ul.scrolling-bar::-webkit-scrollbar-thumb { background: #888;} ul.scrolling-bar::-webkit-scrollbar-thumb:hover { background: #555;}*/ .custome-checkbox .form-check-label { position: relative; cursor: pointer; color: #687188; padding: 0; vertical-align: middle;} .custome-checkbox .form-check-label::before { content: ""; border: 2px solid #ced4da; height: 17px; width: 17px; margin: 0px 8px 0 0; display: inline-block; vertical-align: middle; border-radius: 2px;} .custome-checkbox input[type="checkbox"] + .form-check-label::after { content: ""; width: 11px; position: absolute; top: 50%; left: 3px; opacity: 0; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: translateY(-65%) rotate(-45deg); transform: translateY(-65%) rotate(-45deg);} .custome-checkbox .form-check-label span { vertical-align: middle;} .custome-checkbox input[type="checkbox"]:checked + .form-check-label::before{ background-color: #8bc54b; border-color: #8bc54b;} .custome-checkbox input[type="checkbox"]:checked + .form-check-label::after { opacity: 1;} ul.scrolling-bar li a i { margin-right: 7px;} .review-rating-latest h4{ border-bottom: 1px dashed #ddd; margin: 0; font-weight: 500; font-size: 20px; color: #333; padding: 30px 0 15px;} .review-rating-latest h5 { font-size: 20px; font-weight: bold;} .star-views i{ color: #e9e9e9; font-size: 22px;} .star-views{ font-weight: 500; font-size: 14px; color: #888; margin-top: 6px;} .star-views-product a { background: #ff0032; padding: 10px 20px; border-radius: 5px; display: inline-block; margin-top: 15px; box-shadow: 0 2px 7px 0 rgb(0 0 0 / 30%);} .box-shadows-side{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin: 0 15px 15px; background: #fff; border-radius: 10px; padding: 30px;} .delivery input { border: 1px solid #ccc; padding-left: 22px; height: 38px; outline: none; width: 45%; position: relative;} .delivery button { outline: none;} .delivery > form { position: relative; } .delivery button {outline: none; position: absolute; left: 228px; height: 38px; width: 14%; background: #ec1d26; font-size: 14px;} .description h5{ border-bottom: 1px dashed #ddd; margin: 0; font-weight: 500; font-size: 20px; color: #333; padding: 30px 0 15px;} .description p { color: #4c4c4c; } .description li { color: #4c4c4c; font-family: 'Quicksand', sans-serif; line-height: 25px; } .copun-code { position: relative;} .date-side { position: absolute; left: 13%; top: 23.3%;} .date-side span { font-size: 25px;} .date-side { position: absolute; left: 185px; z-index: 88888;} .use-code { position: relative; top: -222px; left: 292px; width: 15%;} .use-code { position: relative; top: -222px; left: 292px; width: 15%;} .use-code span{font-size: 30px; color: #e63231;} .product-description span{font-size: 20px; color: #1f1f1f; line-height: 1.2; word-wrap: break-word; font-weight: 400; padding-right: 35px; margin: 0;} .kg-light span{margin-top: 3px; position: relative; top: 3px; font-size: 14px; text-transform: capitalize; color: #797979;} .description-star{ color: #e9e9e9;} .pricing li{ font-family: 'Quicksand', sans-serif;} .description-star li:last-child a { font-size: 16px; font-weight: 800;} .delivery span{font-size: 14px;} .delivery > p{ color: #292929; font-weight: 400; font-size: 14px;} .shiled ul li img{width: 25px; height: 25px;} .two-button-cart ul li a { background: #006cae; padding: 10px 30px; transition: 0.5s;} .two-button-cart ul li a:hover {background-color: #ff0032;} .green-part { background: #e5f5ff;} .shiled li{font-family: 'Quicksand', sans-serif;} .pricing p { font-size: 18px; font-weight: 800;} .pricing b { color: rgb(75, 139, 11);} a.prev_btn { background: #ff0032; border: none;} a.next-btn { background: #ff0032; border: none;} .page-link:hover{background-color:#8bc54b; color: #fff;} .color-site { background-color:#006cae;} .skin-color { background: #f07c00;} .refunds li{ font-size: 16px; padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif; list-style: circle;} .responsive-accordion {margin: 15px 0 20px 0;padding: 0;list-style-type: none;} .responsive-accordion li {margin: 0 0 10px 0;padding: 0;} .responsive-accordion li:last-child { margin-bottom: 0; } .responsive-accordion li .responsive-accordion-head { cursor: pointer; } .responsive-accordion li .responsive-accordion-head.active { font-weight: bold; } .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {padding: 12px 30px 12px 10px;background: #006ab3;color: #fff;line-height: normal;position: relative; font-weight: 600; font-size: 18px; border-radius: 10px;} .responsive-accordion-default.responsive-accordion li .responsive-accordion-head i { position: absolute; top: 13px; right: 17px; width: 20px; height: 20px; line-height: 20px; font-size: 30px; transition: 0.2s; } .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel { border:1px solid #ff7627; border-radius: 10px; border-top: 0; background: #FFF; padding: 1rem 1.25rem;} .responsive-accordion-head i:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); appearance: none;} div#featured .item { position: relative; min-height: 425px;} div#featured .item .for-img{ position: relative;} .ribbon1 {width: 110px; height: 110px; display: block; position: absolute; overflow: hidden; top: 9px; left: 9px;} .ribbon1 span { width: 150px; height: 31px; top: 27px; right:0px; position: absolute; display: block; background: #ca501d; color: #333; font-size: 13px; color: white; text-align: center; line-height: 32px; transform: rotate(310deg); -webkit-transform: rotate(310deg); -ms-transform: rotate(310deg); font-weight: 700;} .ribbon2 {width: 110px; height: 110px; display: block; position: absolute; overflow: hidden; top: 9px; right: 9px;} .ribbon2 span { width: 150px; height: 31px; top: 20px; right: -40px; position: absolute; display: block; background: #ca501d; color: #333; font-size: 13px; color: white; text-align: center; line-height: 32px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-weight: 700;} .ribbon3 {width: 110px; height: 110px; display: block; position: absolute; overflow: hidden; top: 9px; right: 9px;} .ribbon3 span { width: 150px; height: 31px; top: 20px; right: -40px; position: absolute; display: block; background: #ca501d; color: #333; font-size: 13px; color: white; text-align: center; line-height: 32px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-weight: 700;} .ribbon4 {width: 110px; height: 110px; display: block; position: absolute; overflow: hidden; top: 0px; right: 16px;} .ribbon4 span { width: 150px; height: 31px; top: 20px; right: -40px; position: absolute; display: block; background: #ca501d; color: #333; font-size: 13px; color: white; text-align: center; line-height: 32px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-weight: 700;} .ribbon5 {width: 110px; height: 110px; display: block; position: absolute; overflow: hidden; top: 0px; right: 16px;} .ribbon5 span { width: 150px; height: 31px; top: 20px; right: -40px; position: absolute; display: block; background: #ca501d; color: #333; font-size: 13px; color: white; text-align: center; line-height: 32px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-weight: 700;} .ribbon6 {width: 110px; height: 110px; display: block; position: absolute; overflow: hidden; top: 0px; right: 16px;} .ribbon6 span { width: 150px; height: 31px; top: 20px; right: -40px; position: absolute; display: block; background: #ca501d; color: #333; font-size: 13px; color: white; text-align: center; line-height: 32px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-weight: 700;} table { border-collapse: collapse; font-size: 14px; width: 100%; font-family: 'Quicksand', sans-serif;} td, th { border: 1px solid #dddddd; text-align: left; padding: 8px;} /*tr:nth-child(even) { background-color: #dddddd;}*/ .links-hash{background-color: #006cae;} .links-hash ul li a { font-size: 18px;} span.stress_type { font-size: 22px; display: block; margin-bottom: 12px;} .undert-table-flow span b { font-size: 18px;} .under-content-details-page ul li{font-family: 'Quicksand', sans-serif; font-size: 14px; line-height: 25px;} .under-content-details-page ul { list-style: circle; padding-left: 15px; column-count: 2;} .world_wide{font-family: 'Quicksand', sans-serif;} span.worldwide-heading { font-size: 18px; display: block; margin-bottom: 8px;} .world_wide ul li { line-height: 22px; margin-bottom: 8px;} span.worldwide-heading2 { font-size: 18px; display: block;} .product-discription span{font-size: 18px;} .product-discription {font-size: 18px; color:#1f1f1f} .ingredients span { font-size: 18px; font-weight: 800;} .how-to span{ font-size: 18px; font-weight: 800;} .how-to ul { padding-left: 15px; column-count: 2;} .how-to ul li{font-family: 'Quicksand', sans-serif; font-size: 14px; line-height: 25px; list-style-type: circle;} .description-star ul li i { color: #feb338;} .links-hash li { font-size: 24px; font-family: 'Quicksand', sans-serif;} .for-content-text s { color: #999;} .pricing ul li s { color: #999; position: relative; top: 2px;} span.little-big { font-size: 17px;} .pricing img { width: 50%; position: relative; left: -46px;} a.cart-active { color: #2a3f5b;} .start-flow{ font-family: 'Quicksand', sans-serif;} .start-flow i{color: #ffbb38;} .discription li { font-size: 16px; font-family: 'Quicksand', sans-serif;} .stock-metter p{ font-size: 14px; font-weight: 600; line-height: 23px;} .stock-metter span{color:#015a82;} .stock-market { background: #f1f1f1; padding: 18px;} .stock-market ul{column-count: 2} .stock-market ul li{font-size: 16px; font-family: 'Quicksand', sans-serif;} .stock-market li { line-height: 28px;} .plus-minus-number-field { display: flex; margin-bottom: 0.5rem;} #quantity { display: block; outline: none; width: 70px; text-align: center; height: 28px; padding: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: #ddd; border-radius: 0; border: 1px solid #f1f1f1; border-right: 0;} #quantity::-webkit-inner-spin-button, #quantity ::-webkit-outer-spin-button { appearance: none; -webkit-appearance: none; -moz-appearance: none;} .quantity-wrapper::after { content: attr(data-quantity-notice); display: block; font-size: 14px; margin: 0 0; font-weight: normal;} .button { position: relative; outline: none; display: flex; width: 30px; height: 27px; border-radius: 0; background: #015a82; color: black;} .button[data-quantity=minus]::before { content: "-"; position: absolute; top: 50%; left: 50%; outline: none; margin-left: -4px; margin-top: -12px;} .button[data-quantity=plus]::before { content: "+"; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -12px; outline: none;} .button.disabled { pointer-events: none; opacity: 0.6; outline: none; cursor: default;} .coupon__code--field button{border: none; background-color: #88d1f1; cursor: pointer; outline: none; padding: 8px 20px;} .coupon__code--field input{outline: none; border: 1px solid #e7e7e7;} .coupon__code--field input { height: 41px; border-radius: 0px;} button.cart__summary--footer__btn { line-height: 0px; margin: 0px; height: 40px; border-radius: 0; padding: 15px 15px;} @media only screen and (max-width: 575px) { .cart__title { text-align: center; } } .cart__table--inner { width: 100%; border-spacing: 0;} @media only screen and (max-width: 575px) { .cart__table--header { display: none; } } .cart__table--header__list { padding: 0 2rem 1.5rem 0; text-transform: uppercase; text-align: left; border-bottom: 1px solid var(--border-color2); font-size: 1.4rem;} .cart__table--header__list:last-child { padding-right: 0;} @media only screen and (min-width: 768px) { .cart__table--header__list { padding: 0 2rem 2rem 0; } } @media only screen and (min-width: 992px) { .cart__table--header__list { font-size: 1.5rem; } } .cart__table--header__list.text-center { text-align: center;} .cart__table--header__list.text-right { text-align: right;} @media only screen and (max-width: 575px) { .cart__table--body__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cart__table--body__list { border-bottom: 1px solid var(--border-color2); text-align: center; border-right: 1px solid transparent; padding: 2rem 1.5rem 2rem 0;} .cart__table--body__list:last-child { padding-right: 0;} @media only screen and (min-width: 768px) { /* .cart__table--body__list { padding: 2rem 2rem 2rem 0; }*/ } @media only screen and (max-width: 575px) { .cart__table--body__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.2rem 0; } } .cart__thumbnail { width: 100px; height: 100px; margin-left: 1rem;} @media only screen and (max-width: 767px) { .cart__thumbnail { max-width: 8rem; } } /*.cart__content { padding-left: 1.5rem;}*/ @media only screen and (min-width: 1200px) { .cart__content { padding-left: 1rem; } } .cart__content--variant { display: block; margin-bottom: 0.5rem; line-height: 13px; font-size: 12px;} .cart__content--variant:last-child { margin-bottom: 0;} @media only screen and (min-width: 768px) { .cart__content--title { line-height:25px;} } .cart__remove--btn { font-weight: 600; width: 2rem; height: 2rem; text-align: center; line-height: 3.5rem; background: var(--white-color); -webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16); margin-right: 1rem; border-radius: 50%; border: 0; padding: 0; position: relative; left: 15px; outline: none; border: 0px;} .cart__remove--btn:hover { color: var(--secondary-color);} .cart__remove--btn { margin-right: 1.0rem; } @media only screen and (min-width: 768px) { .cart__remove--btn { margin-right: 1.0rem; } } .cart__price { font-weight: 600;} @media only screen and (min-width: 992px) { .cart__price { font-size: 1.0rem; } } .continue__shopping { padding-top: 2rem;} .continue__shopping--link { font-size: 1.5rem; font-weight: 600; color: #015a82;} @media only screen and (min-width: 992px) { .continue__shopping--link { font-size: 1.3rem; } } .continue__shopping--clear { font-size: 1.5rem; font-weight: 600; color: var(--secondary-color); border: 0; padding: 0; background: inherit;} @media only screen and (min-width: 992px) { .continue__shopping--clear { font-size: 1.7rem; } } .cart__summary { -webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16); padding: 2rem; background: var(--white-color); position: -webkit-sticky; position: sticky; top: 0;} @media only screen and (max-width: 991px) { .cart__summary { margin-top: 7.5rem; } } @media only screen and (max-width: 767px) { .cart__summary { margin-top: 5.5rem; } } .cart__summary--total__table { width: 100%;} .coupon__code--title { font-size: 1.7rem; margin-bottom: 0.7rem; line-height: 2.4rem;} @media only screen and (min-width: 992px) { .coupon__code--title { font-size: 2rem; } } .coupon__code--desc { margin-bottom: 1.5rem;} .coupon__code--field__input { border: 1px solid var(--border-color); height: 4rem; padding: 0 1rem; width: 100px;} @media only screen and (min-width: 768px) { .coupon__code--field__input { width: 130px; } } @media only screen and (min-width: 992px) { .coupon__code--field__input { width: 120px; } } @media only screen and (min-width: 1200px) { .coupon__code--field__input { width: 160px; } } .coupon__code--field__input:focus { border-color: var(--secondary-color);} .coupon__code--field__btn { height: 4rem; line-height: 4rem; padding: 0 1rem; margin-left: 1.5rem; font-size: 1.4rem;} @media only screen and (min-width: 1200px) { .coupon__code--field__btn { margin-left: 2.5rem; font-size: 1.5rem; } } @media only screen and (min-width: 1366px) { .coupon__code--field__btn { padding: 0 2.2rem; } } .cart__note--title { font-size: 1.7rem; line-height: 2.4rem;} @media only screen and (min-width: 992px) { .cart__note--title { font-size: 25px; } } .cart__note--desc { margin-bottom: 1.5rem;} .cart__note--textarea { border: 1px solid var(--border-color); height: 8rem; padding: 1rem; width: 100%; resize: none;} .cart__note--textarea:focus { border-color: var(--secondary-color);} @media only screen and (min-width: 1200px) { .cart__note--textarea { height: 6rem; outline: none; } } .cart__summary--total__list { margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .cart__summary--total__list:last-child { margin-bottom: 0;} .cart__summary--footer__desc { font-size: 1.0rem; margin-bottom: 1.5rem;} .cart__summary--footer__btn { height: 4rem; line-height: 4rem; padding: 0 1.5rem; font-size: 1.4rem;} @media only screen and (min-width: 992px) { .cart__summary--footer__btn { padding: 0 2rem; } } @media only screen and (min-width: 1200px) { .cart__summary--footer__btn { padding: 0 2.5rem; font-size: 1.5rem; } } .wishlist__cart--btn { font-size: 1.4rem;} @media only screen and (min-width: 992px) { .wishlist__cart--btn { font-size: 1.5rem; line-height: 4rem; height: 4rem; padding: 0 1.8rem; } } @media only screen and (max-width: 767px) { .wishlist__cart--btn { padding: 0.5rem 0.8rem; height: auto; line-height: 2.4rem; border-radius: 5px; font-size: 1.3rem; } } @media only screen and (max-width: 767px) { .checkout__page--inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .checkout__mian { padding: 4rem 2rem 0 0; width: 60%;} .checkout__mian--header { padding: 0;} @media only screen and (min-width: 992px) { .checkout__mian { padding: 5rem 5rem 0 0; } } @media only screen and (max-width: 767px) { .checkout__mian { width: 100%; padding: 3rem 0 0; } } .checkout__sidebar { width: 40%; padding: 3rem 0 0 2rem; border-left: 1px solid var(--border-color2);} @media only screen and (min-width: 992px) { .checkout__sidebar { padding: 3rem 0 0 4.5rem; } } @media only screen and (max-width: 767px) { .checkout__sidebar { width: 100%; padding: 3rem 0 0; display: none; } } .checkout__breadcrumb { padding: 0; margin: 0;} @media only screen and (max-width: 767px) { .checkout__breadcrumb { margin-top: 2.5rem; } } .breadcrumb__link { font-size: 1.3rem; color: var(--secondary-color);} .readcrumb__chevron-icon { color: #737373; width: 1.6rem; height: 1.6rem; margin: 0 0.6rem;} .breadcrumb__text { color: #737373; font-size: 1.3rem;} .breadcrumb__text.current { color: var(----black-color);} .order__summary--mobile__version { display: none;} @media only screen and (max-width: 767px) { .order__summary--mobile__version { display: block; } } .order__summary--toggle { width: 100%; text-align: left; background: var(--bg-gray-color); border: 0; border: 1px solid var(--border-color2); padding: 1.2rem;} .order__summary--toggle__inner { width: 100%;} .order__summary--toggle__text { color: var(--secondary-color);} .order__summary--toggle__icon { color: var(--secondary-color); vertical-align: middle; line-height: 1.5rem; margin-right: 1rem;} .summary__table { width: 100%;} .summary__table--items { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .summary__table--list { padding: 1rem 2rem 1rem 0; border-bottom: 1px solid var(--border-color2);} .summary__table--list:last-child { padding-right: 0;} details > summary { list-style: none;} details > summary::-webkit-details-marker { display: none;} .order__summary--final__price { float: right; font-size: 1.5rem; font-weight: 600;} .order__summary--section { background: var(--bg-gray-color); padding: 3rem 1rem 1rem;} .checkout__checkbox { position: relative;} .checkout__checkbox--input { position: absolute; left: -1px; top: 45%; -webkit-transform: translatey(-50%); transform: translatey(-50%); opacity: 0; cursor: pointer; z-index: 999;} .checkout__checkbox--input:checked ~ .checkout__checkbox--checkmark { background-color: var(--secondary-color); border: 1px solid var(--secondary-color);} .checkout__checkbox--input:checked ~ .checkout__checkbox--checkmark::before { display: block;} .checkout__checkbox--label { padding-left: 3rem; cursor: pointer;} .checkout__checkbox--checkmark { height: 1.8rem; width: 1.8rem; border: 1px solid var(--border-color); border-radius: 0.3rem; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translatey(-50%); transform: translatey(-50%); background: var(--white-color); -webkit-transition: var(--transition); transition: var(--transition);} .checkout__checkbox--checkmark::before { left: 0.5rem; top: 0.3rem; width: 0.5rem; height: 0.8rem; border: solid #fff; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; display: none;} .checkout__input--field { width: 100%; border: 1px solid var(--border-color2); height: 4.5rem; padding: 0 1.5rem;} .checkout__input--field:focus { border-color: var(--secondary-color);} @media only screen and (max-width: 575px) { .checkout__section--header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .section__header--title { font-size: 1.8rem; line-height: 2.2rem;} @media only screen and (min-width: 1200px) { .section__header--title { font-size: 2rem; line-height: 2.4rem; } } @media only screen and (max-width: 575px) { .section__header--title { margin-bottom: 0.8rem; } } .section__header--desc { margin-top: 0.5rem;} .layout__flex--item { color: var(--text-gray-color);} .layout__flex--item__link { color: var(--secondary-color);} .section__shipping--address { padding: 3rem 0 2rem;} @media only screen and (min-width: 992px) { .section__shipping--address { padding: 4rem 0 3rem; } } .section__shipping--address.pt-10 { padding-top: 1rem;} .section__shipping--address.pt-0 { padding-top: 0;} .checkout__input--select { position: relative;} .checkout__input--select__field { width: 100%; border: 0; height: 4.5rem; padding: 1.6rem 1.5rem 0.5rem; border: 1px solid var(--border-color2); -webkit-appearance: none; appearance: none; cursor: pointer;} .checkout__input--select__field:focus { border-color: var(--secondary-color);} .checkout__select--label { position: absolute; top: 0.3rem; padding: 0 1.8rem; line-height: 2rem; font-size: 1.2rem;} .previous__link--content { margin-left: 2rem; color: var(--secondary-color);} .checkout__footer { border: 0;} .product__thumbnail { width: 7rem; border: 1px solid var(--border-color2); position: relative; line-height: 1;} .product__thumbnail--quantity { position: absolute; top: -6px; right: -5px; width: 2rem; height: 2rem; line-height: 2rem; background: #7f7f7f; color: var(--white-color); text-align: center; border-radius: 50%; font-size: 1.2rem;} .product__description { padding-left: 1.5rem;} .product__description--name { font-size: 1.4rem; line-height: 2rem; font-weight: 600; opacity: 0.9;} .product__description--variant { font-size: 1.2rem; color: var(--light-color); line-height: 2rem;} .checkout__product--table { margin-bottom: 2rem;} .checkout__product--table .cart__table--body__list { padding: 1rem 2rem 1rem 0;} .checkout__product--table .cart__table--body__list:last-child { padding-right: 0;} .checkout__discount--code { margin-bottom: 2.5rem;} .checkout__discount--code__input--field { width: 100%; border: 1px solid var(--border-color2); height: 4rem; padding: 0 1.5rem;} .checkout__discount--code__input--field:focus { border-color: var(--secondary-color);} .checkout__discount--code__btn { height: 4rem; line-height: 4rem; margin-left: 2rem; padding: 0 2rem; font-size: 1.4rem;} @media only screen and (min-width: 992px) { .checkout__discount--code__btn { font-size: 1.5rem; } } .checkout__total { border-top: 1px solid var(--border-color2); padding-top: 1.2rem;} .checkout__total--table { width: 100%;} .checkout__total--calculated__text { font-size: 1.3rem; color: var(--text-gray-color);} .checkout__total--title { color: var(--text-gray-color);} .checkout__total--footer__list { padding-top: 3rem; position: relative;} .checkout__total--footer__list::before { position: absolute; content: ""; width: 100%; height: 1px; background: #e4e4e4; top: 1.5rem; left: 0;} .checkout__total--footer__title { font-size: 1.6rem;} .checkout__total--footer__amount { font-size: 2.2rem; font-weight: 600;} .checkout__contact--information2 { border: 1px solid var(--border-color2); padding: 1rem 2rem;} .checkout__review { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-color2);} .checkout__review:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} @media only screen and (max-width: 575px) { .checkout__review--inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .checkout__review--label { color: #737373; width: 6.5rem;} @media only screen and (min-width: 768px) { .checkout__review--label { width: 8rem; } } @media only screen and (min-width: 576px) { .checkout__review--content { margin-left: 1rem; } } @media only screen and (min-width: 768px) { .checkout__review--content { margin-left: 1.5rem; } } .checkout__review--link__text { color: var(--secondary-color); border: 0; background: inherit; padding: 0;} .shipping__contact--box { border: 1px solid var(--border-color2); padding: 1rem 2rem;} .shipping__contact--box__list { display: table; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border-color2);} .shipping__contact--box__list:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} .shipping__radio--input { display: table-cell; padding-right: 1.5rem;} .shipping__radio--label { display: table-cell; width: 100%;} .shipping__radio--label__primary { display: table-cell; width: 100%;} .shipping__radio--label__price { display: table-cell; text-align: right; padding-left: 1.5rem;} .checkout__content--step__inner3 { border: 1px solid var(--border-color2);} .checkout__address--content__header { border-bottom: 1px solid var(--border-color2); padding: 1rem 1.5rem;} .checkout__content--input__box--wrapper { padding: 1.5rem; background-color: #fafafa; border-radius: 0 0 0.5rem 0.5rem;} .checkout__input--field__button { position: absolute; padding: 0; border: 0; right: 1.2rem; top: 50%; background: inherit; -webkit-transform: translatey(-50%); transform: translatey(-50%); line-height: 1;} .checkout__header--style3 { padding-left: 5.5rem;} .account__wrapper.account__wrapper--style4 { width: 100%;} @media only screen and (max-width: 991px) { .account__wrapper.account__wrapper--style4 { margin-bottom: 2.5rem; } } .checkout__submission--icon { position: absolute; top: 0; left: 0; width: 4rem; height: 4rem; border: 2px solid var(--secondary-color); border-radius: 50%; text-align: center; line-height: 5.2rem;} .checkout__submission--icon svg { color: var(--secondary-color);} .checkout__order--number { padding-bottom: 0.3rem;} .order__confirmed--area { border: 1px solid var(--border-color2); padding: 1.5rem;} .customer__information--title { margin-bottom: 1.2rem;} .customer__information--area { border: 1px solid var(--border-color2); padding: 1.5rem;} .customer__information--list { width: 50%; margin-right: 2rem;} .customer__information--list:last-child { margin-right: 0;} .customer__information--subtitle { font-size: 17px; font-weight: 600;} .customer__information--step { margin-bottom: 1.2rem;} .customer__information--step:last-child { margin-bottom: 0;} .customer__information--text { font-size: 1.3rem; display: inline-block; line-height: 2.2rem;} .customer__information--text__link { font-size: 14px; display: inline-block; line-height: 0rem;} .my__account--section__inner { background: var(--white-color); -webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 22px rgba(0, 0, 0, 0.16); padding: 3rem 2rem;} @media only screen and (min-width: 1199px) { .my__account--section__inner { padding: 5rem 4rem; } } @media only screen and (max-width: 991px) { .my__account--section__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .account__left--sidebar { border-right: 1px solid var(--border-color2); padding-right: 3rem; margin-right: 3rem; width: 18rem;} @media only screen and (min-width: 1199px) { .account__left--sidebar { padding-right: 5rem; margin-right: 5rem; width: 23rem; } } @media only screen and (max-width: 991px) { .account__left--sidebar { width: 100%; padding-right: 0; margin-right: 0; border-right: 0; border-bottom: 1px solid var(--border-color2); padding-bottom: 2.5rem; margin-bottom: 2.5rem; } } .account__wrapper { width: calc(100% - 18rem);} @media only screen and (min-width: 1199px) { .account__wrapper { width: calc(100% - 23rem); } } @media only screen and (max-width: 991px) { .account__wrapper { width: 100%; } } @media only screen and (max-width: 991px) { .account__menu { width: 250px; margin-right: 3rem; } } @media only screen and (max-width: 479px) { .account__menu { margin-right: 0; } } .account__menu--list { font-size: 1.5rem; line-height: 2.5rem; font-weight: 600; cursor: pointer; -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 1.5rem;} .account__menu--list:last-child { margin-bottom: 0;} .account__menu--list:hover { color: var(--secondary-color);} .account__menu--list.active { color: var(--secondary-color);} @media only screen and (min-width: 992px) { .account__menu--list { font-size: 1.6rem; } } .account__details.two { padding-top: 0;} @media only screen and (min-width: 992px) { .account__details { padding-top: 3rem; } } @media only screen and (max-width: 479px) { .account__details { padding-top: 3rem; } } .account__details--title { margin-bottom: 1rem;} .account__details--desc { color: var(--text-gray-color); line-height: 3rem; margin-bottom: 2rem; font-size: 1.5rem;} .account__details--link { color: var(--secondary-color); border-bottom: 1px solid var(--secondary-color); font-size: 1.5rem;} .account__details--link:hover { color: var(--primary-color); border-color: var(--primary-color);} .new__address--btn { padding: 0 2.5rem;} @media only screen and (min-width: 992px) { .new__address--btn { font-size: 1.5rem; } } .account__details--footer { margin-top: 2rem;} .account__details--footer__btn { background: var(--white-color); border: 1px solid var(--black-color); padding: 0 2.5rem; height: 4rem; line-height: 3.8rem; border-radius: 2.5rem; margin-right: 1rem; font-size: 1.5rem;} .account__details--footer__btn:last-child { margin-right: 0;} .account__details--footer__btn:hover { color: var(--secondary-color); border-color: var(--secondary-color);} .account__welcome--text { font-size: 1.6rem; margin-bottom: 2rem;} @media only screen and (min-width: 992px) { .account__welcome--text { font-size: 1.8rem; margin-bottom: 3rem; } } .account__content--title { font-weight: 600;} .account__table { width: 100%; border: 1px solid var(--border-color2); border-spacing: 0; border-bottom: 0;} @media only screen and (max-width: 479px) { .account__table { border: 0; } } @media only screen and (max-width: 767px) { .account__table--header { display: none; } } .account__table--header__child--items { text-align: left; border-bottom: 1px solid var(--border-color2); padding: 1.7rem 1.3rem; font-size: 1.5rem;} .account__table--header__child--items:last-child { text-align: right;} @media only screen and (min-width: 1200px) { .account__table--header__child--items { font-size: 1.6rem; padding: 1.7rem 1.5rem; } } @media only screen and (max-width: 767px) { .account__table--body.mobile__none { display: none; } } .account__table--body.mobile__block { display: none;} @media only screen and (max-width: 767px) { .account__table--body.mobile__block { display: block; } } @media only screen and (max-width: 767px) { .account__table--body__child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2rem; border-bottom: 1px solid #ddd; padding-bottom: 2rem; } .account__table--body__child:last-child { margin-bottom: 0; } } .account__table--body__child--items { border-bottom: 1px solid var(--border-color2); padding: 1.7rem 2rem; color: var(--text-gray-color);} .account__table--body__child--items:last-child { text-align: right;} @media only screen and (max-width: 767px) { .account__table--body__child--items { padding: 0.5rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 0; font-size: 1.4rem; } } @media only screen and (max-width: 479px) { .account__table--body__child--items { padding: 0.5rem 0; } } @media only screen and (max-width: 1199px) { .error__content--img { max-width: 600px; } } @media only screen and (max-width: 767px) { .error__content--img { max-width: 450px; } } @media only screen and (max-width: 575px) { .error__content--img { max-width: 100%; padding: 0 3rem; } } .error__content--title { font-weight: 600; text-transform: uppercase; margin-bottom: 1.5rem; font-size: 2rem; line-height: 3rem;} @media only screen and (min-width: 576px) { .error__content--title { margin-bottom: 1.5rem; font-size: 2.4rem; line-height: 2.8rem; } } @media only screen and (min-width: 768px) { .error__content--title { margin-bottom: 1.8rem; font-size: 3rem; line-height: 3.5rem; } } @media only screen and (min-width: 992px) { .error__content--title { font-size: 3.5rem; line-height: 4rem; margin-bottom: 2rem; } } @media only screen and (min-width: 1200px) { .error__content--title { font-size: 3.8rem; line-height: 4.3rem; margin-bottom: 2.5rem; } } @media only screen and (min-width: 1366px) { .error__content--title { font-size: 4rem; line-height: 4.5rem; } } .error__content--desc { font-size: 1.5rem;} @media only screen and (min-width: 768px) { .error__content--desc { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 2.5rem; } } @media only screen and (min-width: 992px) { .error__content--desc { font-size: 1.7rem; line-height: 2.2rem; margin-bottom: 2.5rem; } } @media only screen and (min-width: 1200px) { .error__content--desc { font-size: 1.8rem; line-height: 2.3rem; margin-bottom: 3rem; } } @media only screen and (min-width: 992px) { .error__content--btn { font-size: 1.6rem; } } .account__login { background: var(--white-color); padding: 2.5rem; border-radius: 1rem; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 992px) { .account__login { padding: 3rem; } } .account__login--header__title { font-weight: 600;} .account__login--header__desc { font-size: 1.5rem; font-weight: 600;} .account__login--input { width: 100%; height: 4.8rem; border: 1px solid var(--border-color); border-radius: 0.5rem; padding: 0 1.5rem; margin-bottom: 1.5rem;} @media only screen and (min-width: 768px) { .account__login--input { height: 5.2rem; } } @media only screen and (min-width: 992px) { .account__login--input { font-size: 1.5rem; } } .account__login--input:focus { border-color: var(--secondary-color);} .account__login--btn { width: 100%; border-radius: 0.5rem; font-size: 1.5rem;} @media only screen and (min-width: 992px) { .account__login--btn { font-size: 1.7rem; } } @media only screen and (max-width: 767px) { .account__login--btn { height: 4rem; line-height: 4rem; } } .account__login--signup__text { text-align: center; font-size: 1.5rem; font-weight: 600; color: var(--text-gray-color);} .account__login--signup__text button { padding: 0; background: inherit; border: 0; font-weight: 600;} .account__login--signup__text button:hover { color: var(--secondary-color);} .account__login--forgot { font-weight: 600; color: var(--secondary-color); font-size: 1.5rem; padding: 0; background: inherit; border: 0;} @media only screen and (max-width: 575px) { .account__login--forgot { margin-top: 0.6rem; } } .account__login--forgot:hover { color: var(--primary-color);} @media only screen and (max-width: 767px) { .account__login.register { margin-top: 6rem; } } @media only screen and (max-width: 575px) { .account__login--remember__forgot { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 575px) { .account__login--remember .checkout__checkbox--checkmark { top: 0; top: 5px; -webkit-transform: inherit; transform: inherit; } } .login__remember--label { font-size: 1.3rem; font-weight: 600;} @media only screen and (min-width: 992px) { .login__remember--label { font-size: 1.5rem; } } .account__login--divide { text-align: center; position: relative; padding: 1rem 0;} .account__login--divide::before { position: absolute; content: ""; width: 100%; height: 0.1rem; background: var(--border-color2); top: 50%; left: 0; -webkit-transform: translatey(-50%); transform: translatey(-50%);} .account__login--divide__text { padding: 0 0.8rem; background: var(--white-color); position: relative; font-weight: 500; color: var(--light-color);} @media only screen and (min-width: 992px) { .account__login--divide__text { font-size: 1.5rem; } } .account__social--link { height: 4.2rem; line-height: 4.2rem; padding: 0 2.5rem; color: var(--white-color); border-radius: 0.5rem; font-weight: 600; margin-right: 1rem;} .account__social--link.facebook { background: #4867aa;} .account__social--link.facebook:hover { background: var(--secondary-color); color: var(--white-color);} .account__social--link.google { background: #e94235;} .account__social--link.google:hover { background: var(--secondary-color); color: var(--white-color);} .account__social--link.twitter { background: #55adee;} .account__social--link.twitter:hover { background: var(--secondary-color); color: var(--white-color);} .account__social--link:last-child { margin-right: 0;} @media only screen and (min-width: 768px) { .account__social--link { padding: 0 2rem; } } @media only screen and (min-width: 992px) { .account__social--link { padding: 0 3.2rem; margin-right: 1.2rem; font-size: 1.5rem; } } @media only screen and (min-width: 1200px) { .account__social--link { padding: 0 4.5rem; margin-right: 2rem; } } @media only screen and (max-width: 575px) { .account__social--link { height: 3.5rem; line-height: 3.5rem; padding: 0 1.3rem; font-size: 1.4rem; } } .compare__table { border: 1px solid var(--border-color2); border-spacing: 0; border-bottom: 0;} .compare__table--items__child { padding: 1.2rem; border-left: 1px solid var(--border-color2); border-bottom: 1px solid var(--border-color2);} .compare__table--items__child:first-child { border-left: 0;} @media only screen and (max-width: 991px) { .compare__table--items__child {min-width: 200px;} } .compare__table--items__child--header { padding: 1rem; border-bottom: 1px solid var(--border-color2); text-transform: uppercase; background: var(--gray-color2); font-size: 1.4rem;} @media only screen and (min-width: 1200px) { .compare__table--items__child--header { font-size: 1.5rem;} } .compare__product--title { font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 1rem;} .compare__product--thumb { border-radius: 0.5rem;} .compare__remove { padding: 0; float: right; width: 100%; border: 0; background: inherit; color: var(--text-gray-color); margin-bottom: 5px;} .compare__remove:hover { color: var(--secondary-color);} .compare__description { color: var(--text-gray-color); padding: 0.5rem 0;} .compare__instock { text-transform: uppercase; font-size: 1.3rem;} .compare__product--price { color: var(--text-gray-color);} .compare__cart--btn { border-radius: 0.5rem; text-transform: uppercase; padding: 0 1.8rem; height: 3.6rem; line-height: 3.6rem; font-size: 1.3rem;} @media only screen and (min-width: 992px) { .compare__cart--btn {height: 4rem; line-height: 4rem; padding: 0 2.2rem;} } .face__step { margin-bottom: 3.5rem; padding-bottom: 3rem;} .face__step:last-child { margin-bottom: 0; padding-bottom: 0;} .face__step--title { font-weight: 600;} @media only screen and (max-width: 767px) { .face__step--title.mb-30 {margin-bottom: 2.2rem; } } .faq__accordion--btn { -webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1); padding: 1.8rem 6rem 1.8rem 2rem; font-size: 1.5rem; border-radius: 0.5rem;} .faq__accordion--btn .accordion__items--button__icon { right: 1.5rem; pointer-events: none;} @media only screen and (min-width: 768px) { .faq__accordion--btn { font-size: 1.7rem; } } .search_bar button.submit, button[type='submit'] { font-size: 16px; font-weight: 500; padding: 15px 40px; color: #ffffff; border: none; background-color: #a9d570; cursor: pointer; transition: 0.5s;} .search_bar button:hover{color: #fff !important;} button.my-order-btn { width: 100px; border-radius: 5px; height: 35px;} .submit-now-color button:hover{color: #fff !important;} .price { color: #000;} .wrapper-Discount { display: inline-block; width: 100%; margin: 35px 0px 0px 0px; background-color: #c1c1c1; padding: 5px; text-align: center;} .wrapper-Discount ul li { width: 25%; float: left;} /*button{ position:absolute; top:5px; right:5px; font-size:.9rem; padding:.15rem; background-color:#828282; color:1e1e1e; border:ridge 1px #7b7b7c; border-radius:5px; text-shadow:#c4c4c4 0 0 2px;} button:hover{ cursor:pointer; background-color:#bcbabb;}*/ code.language-css{border: 2px solid #e63231; width: 150px; line-height: 39px; text-align: center; display: block; font-size: 20px; color: #e63231; background: #fff;} .use-promo-code button { background: red; border: navajowhite; position: absolute; color: #fff;} /* -- quantity box -- */ .quantity-cart-pluse { display: inline-block; } .quantity-cart-pluse .input-text.qty {width: 30px; text-align: center; background-color: transparent; padding: 0; border: none; position: relative; top: 3px; font-family: 'Quicksand', sans-serif; outline: none;} .quantity-cart-pluse.buttons_added { text-align: left; position: relative; white-space: nowrap; vertical-align: top; border: 1px solid #f1f1f1; border-radius:17px; height: 33px; width: 85px;} .quantity-cart-pluse.buttons_added input { display: inline-block; margin: 0; vertical-align: top; box-shadow: none;} .quantity-cart-pluse.buttons_added .minus,.quantity-cart-pluse.buttons_added .plus {border: 1px solid #efefef; cursor:pointer;} .quantity-cart-pluse.buttons_added .minus { border-right: 0; height: 31px; background-color: #006cae; color: #fff;} .quantity-cart-pluse.buttons_added .plus { border-right: 0; height: 31px; background-color: #006cae; color: #fff;} .quantity-cart-pluse input::-webkit-outer-spin-button,.quantity-cart-pluse input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none;appearance: none; margin: 0; } .quantity-cart-pluse.buttons_added .minus:focus,.quantity-cart-pluse.buttons_added .plus:focus { outline: none; } .quantity-cart-pluse input.minus { background: #f5f5f5; border-radius: 17px 0 0 17px;} .quantity-cart-pluse input.plus { background: #f5f5f5; border-radius: 0px 17px 17px 0px;} .search_bar button.submit, button[type='submit'] { font-size: 16px; font-weight: 500; padding: 15px 40px; color: #ffffff; border: none; background-color: #ff002b; cursor: pointer; transition: 0.5s;} a.checkout { line-height: 0px; font-size: 16px; margin: 0px; border-radius: 0; padding: 20px 15px; height: 0px; background: #006cae;} .primary__btn { font-size: 1.4rem; font-weight: bold; line-height: 3.5rem; display: inline-block; height: 3.5rem; padding: 0 1.8rem; letter-spacing: 0.2px; border-radius: 0.3rem; background: #8bc54b; color:#fff ; border: 0;} .primary__btn:hover {color: #fff;} table.cart__summary--total__table{ font-family: 'Quicksand', sans-serif;} @media only screen and (min-width: 768px){ .mb-20 {margin-bottom: 2rem;} } .mb-20 {margin-bottom: 1.5rem;} @media only screen and (min-width: 1366px){ .mb-30{margin-bottom: 3rem;} .mb-30 {margin-bottom: 2.5rem;} } button.continue__shopping--clear { font-size: 18px; color: #fff !important; font-weight: 600 !important; background: #ff7627 !important; padding: 5px 15px !important;} .cart__note--textarea { font-family: 'Quicksand', sans-serif; border: 1px solid #f1f1f1; height: 4rem; padding: 1rem; width: 100%; resize: none;} .search_bar button.submit, button[type='submit'] { font-size: 16px; font-weight: 500; padding: 15px 22px; color: #ffffff; border: none; background-color: #ff7627; cursor: pointer; transition: 0.5s;} a.cart-active{ color: #2a3f5b;} th.cart__table--header__list {font-size: 14px; text-align: center; padding-bottom: 10px; padding-top: 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;} .cart__product button svg { position: relative; top: -13px;} table td, table th { /* padding: 10px 20px; */ border: 1px solid #ececec; vertical-align: middle;} .change-name input { font-size: 15px; background: #f1f1f1; height: 38px;} .change-name input:focus {border: 1px solid #ccc;} .form-control { outline: none; height: 50px; font-size: 14px; padding: 0 20px; border: none; height: 50px; border-radius: 0; border: 1px solid #ddd; transition: all .4s ease; box-shadow: 0 0 0 transparent; background-color: #f0f2f5;} .change-name-btn button { width: 120px; height: 38px;} .change-name-btn button:hover {color: #fff;} .modal-header h4 { font-size: 25px; position: relative; top: 7px;} .modal-header ul li {font-size: 16px; font-weight: 600; line-height: 20px;} .delete_metter{height: 60px !important;} .delete_metter ul { margin-top: 10px;} #myform form textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select { -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; width: 100%; color: #8093a8; border-radius: 3px; font-weight: 400; background-color: #fff; text-transform: inherit; font-size: 14px; outline: none; color: #333; line-height: 38px; letter-spacing: 0px; position: relative; padding-left: 15px;} .side_black { background: #006cae; padding: 25px;} .myprofileimg i { font-size: 30px; width: 50px; margin: 0px auto; height: 50px; justify-content: center; align-items: center; vertical-align: middle; display: flex; border-radius: 5px; color: #015a82;} ul.side-name li { color: #fff; font-size: 20px; font-family: 'Quicksand', sans-serif;} .navaccount ul li { margin-bottom: 10px; border-bottom: 1px solid #0480cb; padding-bottom: 10px;} .proceed-button a { background-color: #006cae; padding: 10px 15px; width: 100%; transition: 0.5s;} .title-header-apply ul li a { color: #015a82; border: 1px solid #015a82; padding: 10px; border-radius: 5px;} .under-list ul li { line-height: 28px; font-family: 'Quicksand', sans-serif; border-bottom: 1px solid #ececec;} .right-side_shopping span {font-size: 17px; color: #2a3f5b; position: relative; left: -25px;} .right-side_shopping del { color: #000; font-size: 14px;} .left-side_shopping img { width: 18%;} select{ font-family: 'Quicksand', sans-serif;} .discount-card form input { width: 290px; border: 1px solid #e4e4e4; height: 40px; padding-left: 10px;} .discount-card form input { outline: none;} .discount-card form button { outline: none; cursor: pointer; background-color: #015a82; height: 40px; width: 120px;} .input-left input { outline: none; border-radius: 0.5rem; font-size: 14px; border: 1px solid #e4e4e4; height: 43px; padding-left: 15px; margin-bottom: 15px;} .check-input input { width: 100%; border-radius: 0.5rem; border: 1px solid #e4e4e4; height: 43px; outline: none;} .logo-and-list img { background: #015a82; padding: 10px; border-radius: 5px;} a.activeChecout { color: #015a82;} .login-left a { color: #015a82;} .check-box ul li{ font-family: 'Quicksand', sans-serif;} .shipping_cart { font-size: 1.3rem; line-height: 2.4rem; font-weight: bold;} .input-left button { border: none; border-radius: 0.5rem; background: #015a82; color: #fff; padding: 0px 10px; cursor: pointer; outline: none; transition: 0.5s;} .media-type .media > img { border: 1px solid #ccc; width: 25%;} .contact-list p { line-height: 30px; margin-bottom: 8px;} .border-bottom { border-bottom: 1px solid #dee2e6!important;} .gray-color-side input { outline: none; border-radius: 0.5rem; font-size: 14px; border: 1px solid #e4e4e4; height: 43px; padding-left: 15px; margin-bottom: 15px; position: relative;} .gray-color-side i { position: absolute; right: 35px; top: 13px; color: #015a82;} .border-title { display: flow-root;} .gray-color-side { background: #fafafa; padding: 10px;} .input-filed-type input { outline: none; border-radius: 0.5rem; font-size: 14px; border: 1px solid #e4e4e4; height: 43px; padding-left: 15px; margin-bottom: 15px; position: relative;} .input-filed-type-button button { border: none; background: #015a82; color: #fff; padding: 10px 30px; border-radius: 5px; outline: none; cursor: pointer;} .input-filed-type-button li a { color: #015a82; font-size: 17px;} .input-all { background: #fafafa; padding: 15px;} .gray-color-side span { font-size: 22px; margin-bottom: 12px; display: block;} .cart-up { position: relative; right: 13px; top: -10px; background: #7f7f7f; border-radius: 100px; width: 22px; height: 22px; text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 1px;} .cart-up p { font-size: 11px;} .btn, .button { display: inline-block; border: 1px solid transparent; font-size: 14px; font-weight: 700; padding: 12px 30px; border-radius: 4px; color: #fff; border: 1px solid transparent; background-color: #ff7627; cursor: pointer; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; letter-spacing: 0.5px;} div#basicExampleModal h3 { font-size: 25px; font-weight: bolder; line-height: 42px;} form#address-adding h4 { text-align: center; font-size: 18px; font-weight: bolder;} .modal-body input[type="text"], .modal-body select, .modal-body input[type="number"] { width: 100%; padding: 5px 12px; border-radius: 0px;} .change-name input { border: 1px solid #ccc; font-size: 15px; background: #f1f1f1; height: 45px;} .modal-header { padding: 0 15px !important; color: #fff; background: #006cae !important; height: 46px;} button.top-set { position: relative; top: 14px;} .profilelist ul { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #d6ddff; background: #f1f1f1;} .profilelist ul li p { position: relative; top: 4px; font-size: 16px;} .profilelist li { width: 32%;} a.btn-blues { position: relative; top: 5px; background: #ff7127; margin-bottom: 10px; display: inline-block; transition: 0.5s; width: 90px; line-height: 32px;} .profilelist ul li p { position: relative; top: 4px; font-size: 16px;} .profilelist.profilefaq p { padding-bottom: 15px;} .order-placed h6 span { color: #015a82; font-weight: 400;} .order-placed h6 { font-size: 16px; text-align: left; text-transform: capitalize; margin-bottom: 0px; font-weight: 600;} .btnmyorder a { font-weight: 500 !important; font-size: 12px; padding: 5px 12px !important;} .btnmyorder a:hover{color:#fff;} .btnmyorder { text-align: end; margin-top: 10px;} .order-status { float: right; text-align: right !important;} .btnmyorder a { font-weight: 500 !important; font-size: 12px; padding: 5px 12px !important;} .btnmyorder a { font-weight: 500 !important; font-size: 11px;} .dot { height: 20px!important; width: 20px !important; position: absolute; background: #000; border-radius: 50%; top: 42px; color: #fff; line-height: 20px; z-index: 9; font-size: 11px;} .dot.Confirmed { left: 65px; background: #28a745; } .dot.Processed { left: 280px; background: #28a745; } .dot.Shipped { left: 490px; background: #28a745; } .dot.Delivered { left: 700px; background: #28a745 } .progress-bars { position: absolute; height: 7px; width: 25%; top: 50px; left: 10%; background: #bbb;} .Confirmed { background: #28a745; width: 4%; } .Processed { left: 8%; background: #28a745; width:30%;} .Shipped { left: 8%; background:#28a745; width:60% } .Delivered { left: 8%; background:#28a745; width:76% } .ft{ float: left; margin-left: 5%; margin-top: -13px; display: inline-block; font-size: 15px;} .st{ float: left; margin-left:17%; margin-top: -13px; display: inline-block; font-size: 15px;} .tt{ float: left; margin-left:17%; margin-top: -13px; display: inline-block; font-size: 15px;} .ftt{ float: left; margin-left:17%; margin-top: -13px; display: inline-block; font-size: 15px;} .wrapper { display: inline-block; width: 100%; margin-top: 4%; margin-bottom: 4%;} .order-confimed { border: 1px solid #ccc; padding: 25px; border-radius: 5px;} .border-radius-5 { border-radius: 0.5rem;} .customer__information--area { border: 1px solid #ccc; padding: 1.5rem;} .customer__information--subtitle { font-size: 17px; font-weight: 600;} .customer__information--step ul li span { font-size: 14px; line-height: 0px;} h3.customer__information--title.h4 { font-size: 18px;} .half-input input { outline: none; border-radius: 0.5rem; font-size: 14px; border: 1px solid #e4e4e4; height: 43px; padding-left: 15px; margin-bottom: 15px; position: relative;} .half-input-button button { background: #015a82; cursor: pointer; border: none; color: #fff; padding: 10px 30px; outline: none;} select#addressType { font-size: 100%; color: #828282; border-radius: 0.5rem; height: 43px; font-family: 'Quicksand', sans-serif;} .shopping-summery table > :not(caption) > * > * { padding: 15px 0; justify-content: center; align-items: center; vertical-align: middle;} .shopping-summery table td, .shopping-summery table th, .shopping-summery table thead { border: 0;} .shopping-summery table thead th { background-color: #ececec; padding: 18px 0; font-size: 17px; font-weight: 700;font-family: 'Quicksand', sans-serif; color: #253D4E;} .stock-status.in-stock { background: #a9d570; color: #000;} .btn.btn-sm, .button.btn-sm { padding: 8px 18px; font-size: 12px; text-transform: none; line-height: 1.8;} .stock-status { display: inline-block; padding: 8px 12px; border-radius: 5px; margin-bottom: 20px; font-size: 14px; font-weight: 700; line-height: 1;} .shopping-summery table tbody tr img { max-width: 120px; border: 1px solid #ececec; border-radius: 15px;} .product-rating i { color:#ef9b0f;} .about-this-item li{list-style-type: disc;} .about-this-item ul { padding-left: 15px;} .right-side .btn, .button{padding: 0px; font-size: inherit !important;} .buttons_added input { top: -3px !important; left: 2px;} .title-header-apply input {height: 35px; padding-left: 35px; border: 1px solid #ccc; width: 251px;} .title-header-apply input:focus {outline: none;} .title-header-apply button {height: 34px; background-color: #ff7627; color: #fff; font-size: 15px; border: 0px; width: 90px; position: relative; top: -2px; border-radius: 2px;} .title-header-apply button:focus {outline: none;} ul.check-part li a { color: #015a82; font-weight: 500;} .process-cart a {font-size: 16px; font-weight: 600;} select#shipping-address{outline: none; border-radius: 0.5rem; font-size: 14px; border: 1px solid #e4e4e4; height: 43px; padding-left: 15px; margin-bottom: 15px;} .shipping_cart > span { font-size: 20px;} button.continue__shopping--clear { font-size: 18px;} button.top-set span { font-size: 25px;} .form-price-small{font-family: 'Quicksand', sans-serif;} .detail-cart-setup p { position: absolute; right: 0px; top: -11px; background: #7f7f7f; color: #fff; border-radius: 65px; width: 20px; height: 20px; text-align: center; line-height: 22px; font-size: 10px;} .form-price-small b { color: #2a3f5b;} .my-shopping-bag h4 { font-size: 22px; margin-top: 10px;} .left_side-account > span { font-weight: 700; font-size: 22px;} .profilelist span { position: relative; top: 5px; font-size: 16px;} .profilelist ul li p { position: relative; top: 5px;} .details_page input#quantity { margin-top: 3px;} .styu img{max-width:100%;} .your-wishlist{ background-color: #f1f1f1; padding: 15px; margin-bottom: 15px;} .styu h6 a{ color: #302b2b; font-size: 18px;font-weight: 500; margin-bottom: 10px;} span.old__price { font-size: 18px !important; color:red;} .current__price { color: #000000; font-size: 20px !important; font-weight: 500;} .stock-status.in-stock { background: #565354; color: #000; font-size: 13px; padding: 7px 15px;} a.font-size-wishlist { font-size: 14px; padding: 10px;} .cart__thumbnail img { width: 100px; height: 100px; object-fit: contain; border: 1px solid #ccc; padding: 10px;} .cart__table--body__list { text-align: center; border: 1px solid #ccc; padding: 2rem 1.5rem 2rem 0; width: 75%;} .cart__summary td { font-size: 14px; color: #000 !important; line-height: 28px;} table.cart__summary--total__table span { font-size: 16px;} td.cart__table--body__list sup del { font-size: 15px; position: relative; top: 5px; font-weight: 900;} h4.cart__content--title a { font-size: 16px;} a.styling-continue-shopping { font-size: 18px; color: #fff !important; font-weight: 600 !important; background: #006cae !important; padding: 5px 15px !important;} /*.my-shopping-bag span { font-size: 16px;}*/ ul.check-part li a { color: #2a3f5b; font-weight: 500;} .left-side_shopping .media-body span b { font-size: 17px;} .my-shopping-bag span { font-size: 16px;} .left-side_shopping ul.check-part li a b { font-size: 14px;} form#discountfrm img { position: absolute; top: 7px; left: 5px; z-index: 9;} form#discountfrm { position: relative;} form#shipfrm { background: #006cae; padding: 15px;} a.return-cart { background: #ff7627; padding: 9px 15px; border-radius: 5px;} select#addressType { font-size: 100%; color: #828282; border-radius: 0.5rem; height: 43px; font-family: 'Quicksand', sans-serif; font-size: 14px; padding-left: 11px !important;} .check-gift-cart li { line-height: 28px; font-family: 'Quicksand', sans-serif;} .media-type a { font-size: 14px; line-height: 0px; font-weight: 500 !important;} .price-type del { color: red; font-size: 13px;} .price-type p { font-size: 14px;} .check-gift-cart ul li span { font-size: 16px;} .form-img-small img{ border: 1px solid #ccc; height: 50px; width: 50px;} .margin-auto { margin: 0px auto;} select.option-select { height: 45px; background-color: #f1f1f1;} form#address-adding input:focus { border: 1px solid #ccc;} form#address-adding select:focus { border: 1px solid #ccc;} address{ font-family: 'Quicksand', sans-serif;} .address_box_chktoship { background: #006cae; padding: 15px;} .address_box_chktoship ul li a { background: #ff7127; padding: 5px 22px;} .order-placed h6 { font-size: 16px; text-align: left; text-transform: capitalize; margin-bottom: 0px; font-weight: 600;} li.myordertxt b { font-size: 16px;} span.blue-styling { font-weight: 600; color: #015a82; font-style: 16px !important;} .order-placed h6 span { color: #000; font-weight: 600; font-size: 16px;} .wishlistitemimg img { border: 1px solid #ccc;} li.myordertxt span { font-size: 16px; color: #000; font-weight: 600;} select.select-option:focus { border: 1px solid #ccc;} div#myReview828 textarea:focus{ border: 1px solid #ccc;} div#modelReturn5 textarea:focus{ border: 1px solid #ccc;} div#myModal5 textarea:focus{ border: 1px solid #ccc;} div#myReview227 textarea:focus{border: 1px solid #ccc;} div#myReview642 textarea:focus{border: 1px solid #ccc;} textarea:focus{border: 1px solid #ccc !important;} .fixed-top-nav { position: sticky; z-index: 99; width: 100%; top: 0; background: #fff;} .mobile-header ul { display: flex; justify-content: space-between; align-items: center;} .mobile-header li { position: relative;} .mobile-header ul li p { position: absolute; top: 0; right: 10px; top: 12px; font-size: 12px; color: #2a3f5b; font-weight: bold;} .mobile-header { display: none;} .track_order ul li a { background: #f07c00; padding: 10px; font-size: 16px; font-weight: 800;} #content{padding-bottom: 60px;} #loading{display:none;width: 100%;padding:5px 10px;position: fixed;bottom: 0;left: 0;text-align: center;color:white;} .btn-part a { background: #006ab3; padding: 10px 30px; border-radius: 50px;} .red-color { background: #f40018;} nav.mobile-menu { display: none;} .cat-bar .active { background: #cde2f4;} .add-to-cart-btn { background-color: #006cae !important; padding: 10px 30px !important; transition: 0.5s !important; font-size: 15px !important;} .rating { display: flex; width: 100%; justify-content: center; overflow: hidden; flex-direction: row-reverse; position: relative; } .rating-0 { filter: grayscale(100%); } .rating > input { display: none;} .rating > label { cursor: pointer; width: 40px; height: 40px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; transition: .3s; } .rating > input:checked ~ label, .rating > input:checked ~ label ~ label {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); } .rating > input:not(:checked) ~ label:hover, .rating > input:not(:checked) ~ label:hover ~ label { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); } .about-content p { margin-bottom: 18px; text-align: justify;} .footer-newsletter .input-wrapper-inline { max-width: 100%;} button.btn-design { background: #006ab3; padding: 17px 35px; line-height: 1; display: block; margin: 0; display: inline-flex; position: absolute; right: 0px; top: 0; border: none;} button.btn-design:focus{outline: none;} .news-letter-form input:focus { outline: 1px solid #ccc;} .news-letter-content i { font-size: 35px;} .news-letter-content span { text-transform: uppercase; font-weight: 700; font-size: 18px; display: block; margin-bottom: 2px;} .news-letter-content p { font-size: 14px;} .categories_product_content h4 { line-height: 18px; margin-bottom: 10px;} .categories_product_area {background: #f1f1f1; padding: 50px 0; display: flow-root;} .single_categories_product:hover { z-index: 2; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);} .single_categories_product { display: flex; align-items: center; width: 20%; float: left; padding: 8px !important; align-items: center; background: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; transition: 0.5s; position: relative; height: 140px;} .categories_product_content { width: 60%; padding: 10px;} .categories_product_content p { font-size: 13px; line-height: 23px;} .categories_product_content h4 a { color: #000; font-size: 14px;} .under-flex-code img { float: left; width: 100%;} /* .best-seller-img { width: 100%; float: left;} .best-seller-content { width: 70%; float: right;} */ /* .best-seller-img { width: 20%; float: left;} */ .best-seller-content > a {font-size: 18px; display: block; color: #000; font-weight: 500;} .best-seller-content i { color: #ff7539;} .price_box span.old_price { text-decoration: line-through; font-weight: 400; margin-right: 6px;} .price_box span { line-height: 16px; font-size: 14px;} .price_box span.current_price { font-size: 16px; font-weight: 500; color: #006cae;} .launches-item { border: 1px solid #ccc; display: flow-root; padding: 15px;} /* .price_box li:last-child { float: right;} */ .price_box ul li:last-child i { color: #fff; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: #006ab3;} /* .color-demand{background-color: #f4f4f4;} */ .cta-banner-section .cta-banner-wrap .cta-banner-img { position: relative; top: 30px; margin-top: -60px;} .cta-banner-section .cta-banner-wrap { background: #08b68d; border-radius: 20px; position: relative; z-index: 1;} .cta-banner-section .cta-banner-wrap:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; z-index: -1; background: url(img/cta-bg2.png); background-repeat: no-repeat; background-size: cover; background-position: 50%;} .cta-banner-section .cta-banner-wrap .cta-banner-text h3 { font-size: 26px; font-style: normal; font-weight: 700; line-height: 36px; text-transform: capitalize; color: #fff; margin: 10px 0 25px 0;} .cta-banner-section .cta-banner-wrap .cta-banner-text span { display: inline-block; padding: 5px 20px; background: #006ab3; font-size: 12px; font-style: normal; font-weight: 400; border-radius: 30px; color: #fff;} .small-btn-style { font-size: 14px; background: #f07c00; border-color: #1c263a; color: #1c263a; padding: 8px 30px; border-radius: 50px; color: #000; font-weight: 900;} .cta-banner-section .cta-banner-wrap .row { align-items: center;} a.small-btn-style:hover { color: #fff;} .cta-banner-img img { border-radius: 15px;} #top-selling-products .owl-buttons{display: none;} .small-content-heading i { color: #f07c00;} .small-content-heading span { font-weight: 900; font-size: 17px;} .small-content-heading a { font-size: 15px; white-space: normal; line-height: 20px; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 800; color: #000;} .out-of-stock { color : red;} /* ul.dropdown-menu { height: 500px; overflow: scroll;} */ ul.dropdown-menu::-webkit-scrollbar { width: 10px; } ul.dropdown-menu::-webkit-scrollbar-track {background: #f1f1f1;} ul.dropdown-menu::-webkit-scrollbar-thumb {background: #888;} ul.dropdown-menu::-webkit-scrollbar-thumb:hover {background: #555;} ul#search-results li a { text-transform: capitalize; color: #fff;} ul#search-results::-webkit-scrollbar { width: 10px; } ul#search-results::-webkit-scrollbar-track {background: #f1f1f1;} ul#search-results::-webkit-scrollbar-thumb {background: #888;} ul#search-results::-webkit-scrollbar-thumb:hover {background: #555;} ul#search-results { position: absolute; z-index: 999; background: #006ab3; width: 82%; border-radius: 5px; padding-left: 15px; line-height: 35px; float: left; max-height: 500px; overflow-y: scroll;} .about-img { float: left; width: 30%; margin-right: 25px;} .about-content ol { padding-left: 12px;} .about-content ol li { line-height: 25px;} .about-content ul li { line-height: 25px;} .city-heading h2 { background: #006ab3; text-align: center; margin-bottom: 20px; padding: 10px 0; color: #fff; font-size: 20px;} .inner-states > a { background: #f07c00; display: block; text-align: center; margin-bottom: 15px; color: #000;} .widget-flow > span { font-size: 16px;} ul.dropdown1 { height: 500px; overflow-y: scroll;} .login-side-design li:last-child a{ background: #f07c00; line-height: 25px; display: flex; padding: 0px 19px; } .login-side-design li:first-child a{ background: #08b68d; line-height: 25px; display: flex; padding: 0px 19px; } #main-slick-slider-owl-toys .owl-buttons { display: none;} #main-slick-slider-owl-frame .owl-buttons { display: none;} .top-bar-social li i{ color: #fff; font-size: 20px; } .top-bar-social li{ margin: 0px 10px; }