@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @font-face {
    font-family: "Gothic A1", sans-serif;;
    src: url('GOTHICB.eot');
    src: url('GOTHICB.eot') format('embedded-opentype'),
         url('GOTHICB.woff2') format('woff2'),
         url('GOTHICB.woff') format('woff'),
         url('GOTHICB.ttf') format('truetype'),
         url('GOTHICB.svg#GOTHICB') format('svg');
} */
:-ms-input-placeholder {color: #0c426d !important;}
::-ms-input-placeholder {color: #0c426d !important;}
::placeholder {color: #0c426d !important;}
body{ font-family: "Poppins", sans-serif;color: #0c426d; overflow-x: hidden; }
a{color: #0c426d; text-decoration: none !important;}
p{font-family: "Poppins", sans-serif; font-weight: 400;}
ul{ padding: 0; margin: 0; list-style-type: none; }
hr{margin-top: 10px; margin-bottom: 10px;}
select{ -webkit-appearance:none;appearance:none; background: url('../images/select-down-arrow.png') no-repeat 96% center; }
.cart-btn{ color: #00aeef; font-size: 18px; padding: 10px 25px; border: 1px solid #ccc; }
.cart-btn:hover, .cart-btn:active, .cart-btn:focus{ outline: none; background: #00aeef; border-color: #00aeef; color: #fff; }
.container{max-width: 1300px;}
.text-theme-secondary{ color: #00aeef; }
.show-mob{ display: none; }
.hide-mob{display: -ms-flex;display: -webkit-flex;display: -moz-flex;display: -o-flex; display: flex; }
.theme-btn{ background: #00aeef; border:2px solid #00aeef; color: #fff; -webkit-border-radius:0;border-radius:0; font-size: 24px; height: 75px; line-height: 1; }
.theme-btn:hover, .theme-btn:focus, .theme-btn:active{ background: #fff; color: #00aeef; }
.text-theme{color: #0c426d;}
.pr{ position: relative; }
button{ border:0; outline: 0; background: transparent; }
/***************** HEADER PANEL *********************/
.header-area{  background: #fff; border-bottom: 1px solid #e6ecf0; box-shadow: 14px 0 43px rgba(11,35,55,0.09); }
.container-header{ max-width: 1530px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.header-area .navbar{ padding:35px 0; }
.header-area .navbar a{ color: #000; font-size: 16px; line-height: 1.5; font-weight: 400;}
.header-area .navbar .navbar-nav .nav-item{ margin-right: 40px; }
.header-area .search-area, .header-area .profile-area, .header-area .top-cart-area{ padding-left: 50px; position: relative; cursor: pointer;}
.header-area .search-area form{ position: absolute; width: 220px; top: 35px; right: 30px; display: none; }
.header-area .search-area form.active{ display: block; }
.header-area .search-area form div{ position: relative; }
.header-area .search-area form input[type="search"]{ padding-right: 50px; }
.header-area .search-area form button{ position: absolute; top: 0; right: -53px; outline: 0; bottom: 0; width: 40px; text-align: center; line-height: 30px; background: #0c426d; color: #fff; font-size: 20px; border: 0; cursor: pointer; -webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
.header-area .top-cart-area span{ width: 25px; height: 25px; background: #fff; -webkit-border-radius:100%;border-radius:100%; -webkit-box-shadow: 13px 0 28px rgba(14,37,56,0.2); box-shadow: 13px 0 28px rgba(14,37,56,0.2); position: absolute; bottom: -12px; right: -12px; text-align: center; font-size: 12px; line-height: 24px; }
.header-area button.navbar-toggler{ color: #00aeef; font-size: 24px; border: 2px solid #00aeef; padding: 8px 15px; outline: 0; }
/***************** HEADER PANEL *********************/
/*****************Navigation Dropdown****************/
.nav-item{ position: relative;}
.nav-item ul{ position: absolute; visibility: hidden; opacity: 0; width: 210px; top: 100%; left: 0; z-index: -1; background: #0c426d; transform: translateY(-2em); transition: all 0.3s ease-in-out 0s;}
.nav-item ul li{ display: block; float: none; width: 100%; border-bottom: 1px solid #ccc;}
.nav-item ul li a{ color: #fff !important; padding: 10px; line-height: 1.5; display: block;}
.nav-item:focus ul, .nav-item:focus-within, .nav-item:hover ul{ visibility: visible; opacity: 1; z-index: 10; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}

.top-header-bar{ background: #0c426d; padding: 20px 15px; width: 100%; box-sizing: border-box; text-align: center; color: #fff;}
/* .top-header-bar{ background: #ff2525; padding: 20px 15px; width: 100%; box-sizing: border-box; text-align: center; color: #fff;} */
.top-header-bar p{ font-size: 20px; line-height: 1.2; color: #fff; padding: 0; margin: 0;}
.top-header-bar a.black_friday {
    color: #ffffff;
    font-size: 1.25rem;
    cursor: pointer; 
}
.shop-nav{ margin-right: 0 !important;}
.drop-nav{ margin-left: -15px !important;}
/*****************End Navigation Dropdown************/
/***************** BANNER PANEL *********************/
.banner-area{ position: relative; height: calc(100vh - 110px); }
.banner-area img{ width: 100%; height: 100%; object-fit: cover; }
.banner-slider{ position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; z-index: 1; display: flex; align-items: center; text-align: center; justify-content: center; }
.banner-btn-area{ padding: 20px 0 50px; }
.banner-btn-area a, .btn-submit{ color: #e9f9ff; font-size: 25px; background: #00aeef; border: 2px solid #00aeef; padding: 10px 40px; -webkit-box-shadow: 20px 0 40px rgba(14,37,56,0.15); box-shadow: 20px 0 40px rgba(14,37,56,0.15); }
.banner-btn-area a:hover, .banner-btn-area a:active, .btn-submit:hover, .btn-submit:focus, .btn-submit:active{ color: #00aeef; background: #e9f9ff; }
.banner-area .slick-dots{ position: absolute; left: 0; right: 0; bottom: 50px; display: none !important; }
.banner-area .slick-dots li{ display: inline-block; padding-left: 60px; }
.banner-area .slick-dots li button{ padding: 0; margin: 0; border:0; outline: 0; color: #d6dadf; font-size: 18px; line-height: 1; background: transparent; position: relative;}
.banner-area .slick-dots li button:hover{ color: #0c426d; }
.banner-area .slick-dots li.slick-active button{ color: #00aeef; }
.banner-area .slick-dots li:first-child{ padding-left: 0; }
.banner-area .slick-dots li button:after{ content: ''; display: block; width: 40px; height: 2px; background: #c7d2db; position: absolute; right: -47px; top: 8px; }
.banner-area .slick-dots li.slick-active button:after{  background: #0c426d;  }
.banner-area .slick-dots li:last-child button:after{ display: none; }
.banner-area p.subhedng{ color: #0c426d;font-family: "Gothic A1", sans-serif;; font-size: 30px; }
.banner-area h2{ font-size: 80px; line-height: 1.1; color: #0c426d; margin-bottom: 50px;}
.banner-area p{ color: #0c426d; font-size: 32px; font-weight: 400; }

.top-header{ background: #fff; padding: 20px 0;}
.top-header h1{ color: #0c426d;}
.banner-area h1{ color: #0c426d;margin-bottom: 30px}
/***************** BANNER PANEL *********************/
/***************** FEATURED PANEL *********************/
.featured-area{ padding: 150px 0 0; text-align: center; position: relative; }
.featured-area .container{ position: relative; }
.featured-area h2{ font-size: 70px; color: #0c426d; margin-bottom: 0px; position: relative; }
.featured-area h2 span, .customer-story-area h5 span, .feel-beauty-area h4 span, .mission-area h3 span{ position: relative; top: -10px; left: 5px; }
.featured-item-slider{ background: #fff; padding: 35px 15px; text-align: center; }
.featured-item-slider figure{ width: 100%; height: 225px; display: -moz-flex;display: -webkit-flex;display: -o-flex;display: flex; -webkit-align-items: flex-end;align-items: flex-end; -webkit-justify-content: center; justify-content: center; }
.featured-item-slider figure img{ width: auto; max-width: 230px; height: auto; max-height: 230px; margin: 0 auto; }
.featured-item-slider a{ outline: none; }
.fetrd-rating-area i{ color: #ffbb00; font-size: 18px; margin: 0 4px; cursor: pointer;}
.featured-item-slider h3{ margin: 15px; color: #0c426d; font-size: 23px; }
.featured-item-slider h3 a{color: #0c426d;}
.featured-item-slider p{ color: #58778f; font-size: 17px; line-height: 1.2;     min-height: 46px; }
.featured-slider-area .slick-arrow{ width: 77px; height: 56px; display: block; position: absolute; top: 280px; border: 0; outline: 0; font-size: 0; }
.featured-slider-area .slick-arrow.slick-next{ right: -50px; background: url('../images/feturd-arrow-right.png') no-repeat 0 0; }
.featured-slider-area .slick-arrow.slick-prev{ left: -50px; background: url('../images/feturd-arrow-left.png') no-repeat 0 0;}
.featured-slider-area .cart-btn{ /*opacity: 0;*/ }
.featured-item-slider:hover .cart-btn{ opacity: 1; }
.featured-area .slick-slide:hover{ -webkit-box-shadow: 30px 0 95px rgba(12,66,109,0.16); box-shadow: 30px 0 95px rgba(12,66,109,0.16); }
.featured-area .slick-slide{ margin: 0 15px; }
.featured-area .slick-list{ padding: 80px 0 150px; }
/***************** FEATURED PANEL *********************/
/***************** MISSION PANEL *********************/
.mission-area{ padding: 175px 0; background: url('../images/about-bg-back.jpg') no-repeat center center; -webkit-background-size:cover; background-size:cover; }
.mission-area h3{ font-size: 70px;color: #0c426d; line-height: 1.1; margin-bottom: 30px; }
.mission-area p{ color: #0c426d; font-size: 20px; line-height: 1.5; font-weight: 400; }
.mission-area ul{ padding: 0; margin: 30px 0 0; }
.mission-area ul li{ line-height: 1.1; font-size: 30px; margin-bottom: 30px; }
.mission-area ul li a{ border-bottom: 2px solid #0c426d; }
/***************** MISSION PANEL *********************/
/***************** PROMISE PANEL *********************/
.total-prmse-area, .total-contact-page{ text-align: center; padding: 90px 0; }
.total-prmse-area h3{ color: #0c426d; font-size: 35px; margin-bottom: 50px; }
.total-prmse-area p{color: #0c426d;/*font-family: "Gothic A1", sans-serif;;*/ font-size: 21px;}
/***************** PROMISE PANEL *********************/
/***************** FEEL BEAUTY PANEL *********************/
.feel-beauty-area{ background: url('../images/feel-beauty-bg-back.jpg') no-repeat center center; -webkit-background-size:cover;background-size:cover; text-align: center; padding: 180px 0 90px;}
.feel-beauty-area h4{ font-size: 70px; color: #0c426d;}
.feel-beauty-area .feel-sub-heading{ font-size: 30px; color: #0c426d; margin-bottom: 40px;}
.feel-beauty-area figure{ width: 100%; max-width: 300px; height: auto; position: relative; }
.feel-beauty-area figure:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; z-index: 1; background: #9aacba; -webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s; }
.feel-beauty-area figure:hover:after{height: 20px;  background: #00aeef; }
.feel-beauty-area p{ /*color: #0c426d;*/ font-size: 14px;font-family: "Gothic A1", sans-serif;; line-height: 1.6; color: #0c426d;}
/***************** FEEL BEAUTY PANEL *********************/
/***************** CUSTOMER STORY PANEL *********************/
.customer-story-area{ padding-top: 60px; text-align: center; }
.customer-items{ padding: 5px; outline: none; }
.customer-story-area h5{ color: #0c426d; font-size: 70px; margin-bottom: 20px; }
.customer-story-area p{color: #0c426d; font-size: 30px;font-family: "Gothic A1", sans-serif;; line-height: 1.3; margin-bottom: 60px;}
.customer-story-area p a{color: #00aeef;}
/***************** CUSTOMER STORY PANEL *********************/
/***************** FOOTER PANEL *********************/
.footer-area{ padding: 0px 0 50px; }
.join-comnty-area{ background: url('../images/join-community-bg-back.jpg') no-repeat center center; -webkit-background-size:cover;background-size:cover; padding: 120px 0; color: #fff; margin-bottom: 80px; }
.ka-Dddv.ka-Dddv{ margin-bottom: 0!important; }
.ka-Dddv.ka-Dddv p span{ color: #fff !important;font-family: "Gothic A1", sans-serif; !important; }
.join-comnty-area label{ font-size: 50px; }
.join-comnty-area label small{ display: block; font-size: 20px; }
.join-frm-group{ position: relative; }
.join-frm-group input[type="email"]{ background: #fff; width: 100%; display: block; height: 85px; border: 0; outline: 0;padding: 15px 180px 15px 70px;  }
.join-frm-group .subscribe-btn{ color: #00aeef; font-size: 20px; position: absolute; right: 25px; top: 25px; background: transparent !important; border: 0; outline: 0; padding: 0; width: auto;}
.join-frm-group i{ position: absolute; color: #ccc; top: 35px; left: 40px; }
.footer-divider{ height: 1px; width: 100%; margin: 80px 0 45px; background: #e6ecf0; }
.footer-area h6{ text-transform: uppercase; color: rgba(12,66,109,0.5); font-size: 16px; }
.footer-menu-area ul li{ position: relative; margin-right: 15px; margin-left: 15px;color: #0c426d; font-size: 18px;}
.footer-menu-area ul li:before{ content: ''; position: absolute; left: -26px; top: 0; width: 1px; height: 100%; background: #d2dae1; }
.footer-menu-area ul li:first-child{ margin-left: 0; }
.footer-menu-area ul li:first-child:before{ display: none; }
.footer-menu-area ul li:last-child{ margin-right: 0; }
ul.foot-social-icons{ justify-content: flex-end; }
ul.foot-social-icons li { margin-left: 0;cursor: pointer;font-size: 20px; }
ul.foot-social-icons li a i{ width: 50px; height: 50px; text-align: center; line-height: 50px; display: -webkit-flex; display: flex; border: 1px solid #e5ebef; -webkit-border-radius:100%;border-radius:100%; color: #0c426d; font-size: 24px;-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
ul.foot-social-icons li:hover a i{ background: #0c426d; color: #fff;  -webkit-transform: rotate(360deg);transform: rotate(360deg); -webkit-box-shadow: 0px 0 20px 0 rgba(12,66,109,0.3); box-shadow: 0px 0 20px 0 rgba(12,66,109,0.3); }
.foot-description{ padding-top: 30px; }
.foot-description p{ font-size: 17px;color: #0c426d; }
.foot-description p strong{ font-weight: 600; }
.foot-menu-list ul li{ font-size: 20px; line-height: 1.2; padding: 7px 0; }
.payment-icons-area{ width: 150px; margin-left: auto; }
.payment-icons-area a{ padding-left: 15px;}
.payment-icons-area a img{ margin:7px 0; }
.total-prmse-area ul li figure{ height: 70px; }
/***************** FOOTER PANEL *********************/
/***************** CHECKOUT PANEL *********************/
.total-checkout-area{ padding: 110px 0; }
.checkout-left{ width: 62%; }
.checkout-right{ width: 32%; background: #fff; }
.total-checkout-area h1{ font-size: 55px; color: #0c426d; margin-bottom: 40px;}
.total-checkout-area h2{ font-size: 55px; color: #0c426d; margin-bottom: 40px;}
.total-checkout-area{  }
.total-checkout-area .order-resrved-area{ background: #ecf1f4; font-size: 22px; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.total-checkout-area .order-rsrvd-left{ padding: 10px 0 10px 30px; }
.total-checkout-area .order-rsrvd-right{ background: #0c426d; color: #fff; padding: 10px 30px; position: relative; width: 50%; text-align: right;}
.total-checkout-area .order-rsrvd-right:before{ content: '';width: 0px;height: 0px; border-top: 29px solid transparent; border-bottom: 29px solid transparent;border-left: 20px solid #ecf1f4; position: absolute; top: 0; bottom: 0; left: 0; }
.ordr-rsrd-body{ background: #f7fafc; padding: 20px 50px 10px; }
.great-job-area{ display: -webkit-flex; display: -moz-flex;display: -o-flex;display: flex; -webkit-justify-content:space-between; justify-content: space-between; -webkit-align-items:center;align-items:center; }
.great-job-area span.great-job-box{width: 210px; background: #fff; text-transform: uppercase; padding: 15px 0; box-shadow: 8px 0 21px rgba(12,66,109,0.2); font-size: 30px; text-align: center; color: #0c426d; line-height: 1;font-family: "Gothic A1", sans-serif;;}
.great-job-area span{ width:430px;font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.3; color: #0c426d; }
.order-summary-area{ background: #f6f9fb; padding: 35px 35px 20px; }
.order-summary-area h3{ font-size: 35px; color: #0c426d; margin-bottom: 30px; }
.order-summary-area ul li{ -webkit-justify-content: space-between; justify-content: space-between; padding: 7px 0; }
.order-summary-area ul li figure{ width: 75px; height: 75px; background: #f7fafc; border:1px solid #dde2e6;display: -webkit-flex; display: -moz-flex;display: -o-flex;display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin: 0 15px 0 0; }
.order-summary-area ul li figure img{ width: auto; height: auto; max-width: 47px; max-height: 58px; }
.order-summary-area ul li .sumr-dtls{ width: calc( 100% - 90px ); }
.order-summary-area ul li .sumr-dtls h4{ font-size: 18px; color: #0c426d; line-height: 1.2; }
.order-summary-area ul li .sumr-dtls .d-flex{ -webkit-justify-content: space-between; justify-content: space-between; }
.order-summary-area ul li .sumr-dtls .qntty-area{ width: 100px; text-align: right; font-size: 15px; color: #0c426d; }
.order-summary-area ul li .sumr-dtls .qntty-area span{ font-size: 18px; color: #00aeef; }
.order-summary-area ul li .sumr-dtls p{ font-size: 12px; line-height: 1; color: rgba(12,66,109,0.8); margin: 0; }
.order-summary-area .smr-totals-area{color: #0c426d; font-size: 30px; }
.smry-mny-back{ padding: 150px 30px 30px; text-align: center;-webkit-box-shadow: 0px 0 20px 0 rgba(12,66,109,0.3); box-shadow: 0px 0 20px 0 rgba(12,66,109,0.1); margin-top: 120px; position: relative;}
.smry-mny-back figure{ margin-bottom: 0px; position: absolute; top: -75px; left: 0; right: 0; }
.smry-mny-back figure img{-webkit-box-shadow: 32px 0 68px 0 rgba(12,66,109,0.3); box-shadow: 32px 0 68px 0 rgba(12,66,109,0.3); -webkit-border-radius:100%;border-radius:100%;}
.smry-mny-back h4{ font-size: 27px; line-height: 1.4; margin-bottom: 30px; }
.smry-mny-back p{ font-size: 16px; line-height: 1.5; }
.ordr-rsrd-foot{ font-size: 18px; text-align: center; background: #ecf1f4;color:#00aeef; padding: 10px; line-height: 1.2; margin-bottom: 60px; }
.ordr-avlblty-area{ padding-top: 30px; font-size: 15px; padding-bottom: 10px;}
.ordr-prgrss-bar{ background: #e8ecef; width: 190px; height: 10px; position: relative; margin-top: 7px; }
.ordr-prgrss-bar span{background: #00aeef; height: 10px; display: block;}
.ordr-avlblty-area .d-flex{ position: relative; }
.ordr-avlblty-area .d-flex .levelity{ position: absolute; right: 0; top: -18px; color: #c5ced7; font-size: 14px; }
.shipng-info-area{padding-top: 20px;}
.frm-2-panel, .frm-3-panel{display: -webkit-flex; display: -moz-flex;display: -o-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.frm-2-panel div{ width: 48.5%; margin-bottom: 15px; }
.frm-3-panel div{ width: 31.6%; margin-bottom: 15px; }
.total-ship-panel .form-control{ -webkit-border-radius:0;border-radius:0; font-size: 18px; color: #0c426d; height: 74px; line-height: 1; padding-left: 20px; padding-right: 20px; border-color: #dce1e6;-webkit-box-shadow: 20px 0 40px rgba(9,0,32,0.05);
    box-shadow: 20px 0 40px rgba(9,0,32,0.05); }
.ordr-untd-area{ margin-top: 10px; position: relative; padding: 16px 20px 16px 230px; background: #ecf1f4; text-align: center;}
.ordr-untd-area figure{ position: absolute; top: 0; left: 0; bottom: 0; width: 210px; display: flex; align-items: center; margin: 0; padding: 10px 0 10px 30px; background: #f7fafc; }
.ordr-untd-area figure:after{ content: '';content: '';width: 0px;height: 0px; border-top: 29px solid transparent; border-bottom: 29px solid transparent;border-left: 20px solid #f7fafc; position: absolute; top: 0; bottom: 0; right: -19px; }
.paymnt-check label{ padding-left: 42px; position: relative; font-size: 20px; }
.paymnt-check input[type="checkbox"]{ -webkit-appearance:none;appearance:none; width: 27px; height: 27px; border:2px solid #dde2e6; -webkit-border-radius:0; outline: none; position: absolute; top: 2px; left: 0; }
.paymnt-check input[type="checkbox"]:checked{ background: url('../images/checkbox-checked.png') no-repeat 0 0; width: 29px; height: 32px; border:0; top: 0px; -webkit-background-size:100% auto;background-size:100% auto; }
.visa-paypl-area img{ margin-right: 15px; }
.card-vldty{ padding: 20px 0; }
.card-vldty div{ width: calc(100%/3); }
.card-vldty div.cvv-area{ position: relative; }
.card-vldty div.cvv-area i, .card-vldty div.cvv-area svg{ position: absolute; top: 20px; right: 30px; color: #0c426d; font-size: 30px; }
.sbmibt-btn-area{ margin-right: 20px; }
.all-pay-icons-area{ /*display: flex;*/ padding-top: 10px; }
.all-pay-icons-area img{ margin-left: 10px; }
.paymnt-ordr-area{ padding-top: 30px; } 
label.label-checkbox.frm-flds_addres_ble {
    margin-bottom: 10px;
}
.paymnt-check{ margin: 30px 0 25px; }
.visa-paypl-area{ margin-bottom: 20px; -webkit-justify-content: space-between; justify-content: space-between; clear: both; }
.visa-paypl-area:after, .visa-paypl-area:before{ content: ''; clear: both; }
.visa-master-logos{ width: 45%; padding: 15px 30px; background: #fff; border:1px solid #dde2e6; position: relative; }
.paypal-logos{ width: 25%; padding: 15px 30px; background: #fff; border:1px solid #dde2e6; position: relative;}
.visa-paypl-area i, .visa-paypl-area svg{ position: absolute; color: #00aeef; font-size: 26px; top: -10px; right: -10px; z-index: 1; -webkit-box-shadow: 11px 0 38px 0 rgba(0,114,237,0.3); box-shadow: 11px 0 38px 0 rgba(0,114,237,0.3); display: none; }
.visa-paypl-area .active i, .visa-paypl-area .active svg{ display: block; }
/*.all-pay-icons-area img { height: auto; width: auto; }*/
/***************** CHECKOUT PANEL *********************/
/***************** PRODUCT DETAILS PANEL *********************/
.breadcrumb-area{ background: #f3f8fc; border-top: 1px solid #dbe5ed; border-bottom: 1px solid #dbe5ed; }
.breadcrumb-area ul{  display: -webkit-flex; display: -moz-flex;display: -o-flex;display: flex; }
.breadcrumb-area ul li{ padding: 11px 20px 11px 0; margin-right: 19px; position: relative; font-size: 16px; }
.breadcrumb-area ul li:before{ content: ''; display: block; position: absolute; top: 4px; left: -30px; width: 18px; height: 41px; background: url('../images/breadcrumb-icon.png') no-repeat 0 0; }
.breadcrumb-area ul li:first-child:before{ display: none; }
.breadcrumb-area ul li a.nav-link{ padding: 0; }
.breadcrumb-area ul li.active a{ color: #8c91a5; }
.blog-breadcrumb{ max-width: 100%;}
.prdct-dtls-area{ padding: 50px 0 0; }
.prd-price-list{ border-top: 10px solid #0c426d; padding-top: 60px; margin-top: 30px; background: #f8fcff; }
.prd-price-list ul{ -webkit-justify-content: space-around; justify-content: space-around; text-align: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction:}
.prd-price-list ul li{ position: relative; width: 312px; max-width: 100%; margin-bottom: 30px; background: #fff;-webkit-box-shadow: 14px 0 46px rgba(12,66,109,0.1); box-shadow: 14px 0 46px rgba(12,66,109,0.1); }
.prd-price-list ul li h4{ background: #0c426d; color: #fff; line-height: 1; font-size: 26px;  padding: 12px; position: relative; overflow: hidden; margin-bottom: 30px;  }
.prd-price-list ul li .most-pplr-sticker{ position: absolute; background: #00aeef; text-transform: uppercase; font-size: 13px; line-height: 1; position: absolute; padding: 5px; width: 150px; -webkit-transform: rotate(-35deg); transform: rotate(-35deg);top: 2px; left: -50px; }
.prd-price-list ul li .list-prce-area{ font-size: 60px; line-height: 1; }
.prd-price-list ul li .list-prce-area small{ display: block; font-size: 20px; padding-top: 10px;}
.prd-price-list ul li .list-prce-area small span{ color: #00aeef; }
.prd-price-list ul li p{font-family: "Gothic A1", sans-serif;; font-size: 22px;  }
.prd-price-list ul li .prce-list-btn{ padding: 25px 0 15px; }
.prd-price-list ul li .prce-list-btn .btn{ height: auto; font-size: 20px; padding: 10px 25px; }
.prd-list-icons{ padding: 55px 0; }
.prd-list-icons ul{ 
    -webkit-justify-content: space-between; 
    /* justify-content: space-between;  */
    justify-content: space-evenly; 
    -webkit-align-items: center; 
    align-items: center;
    }
.prd-list-icons ul li{ position: relative; color: #869097; font-family: 'Poppins', sans-serif; font-weight: 500;	}
.prd-list-icons ul li span{ margin-right: 15px; }
.prd-list-icons ul li strong{ color: #0c426d; font-weight: bold; padding-left: 5px;}
.prms-bg-area{ background-color: #f3f8fc; background-repeat: no-repeat; background-image: url('../images/promise-bg-top.jpg'), url('../images/promise-bg-btm.jpg'); background-position: top left, bottom right; }
.prod-tab-area{ padding: 100px 0 30px; }
.prod-tab-area .nav-tabs{ border-color: #ced9e2; }
.prod-tab-area .tab-pane{ padding-top: 60px; }
.prod-tab-area .nav-tabs .nav-link{ font-size: 22px; color: #7a92a5; padding-left: 30px; padding-right: 30px; }
.prod-tab-area .nav-tabs .nav-link.active{ color: #0c426d; outline: 0; border-color: transparent!important; }
.prod-tab-area .nav-tabs .nav-link:focus, .prod-tab-area .nav-tabs .nav-link:hover, .prod-tab-are .nav-tabs .nav-link.active{ border-color: transparent; }
.prod-tab-area .nav-tabs .nav-link.active{ position: relative; }
.prod-tab-area .nav-tabs .nav-link.active:after{ content: ''; background: #00aeef; width: 100%; height: 5px; position: absolute; left: 0; right: 0; bottom: -3px; }
.how-to-use-list{ background: #fff; position: relative; height: 100%; -webkit-box-shadow: 18px 0 57px rgba(12,66,109,0.05); box-shadow: 18px 0 57px rgba(12,66,109,0.05);}
.how-to-use-list:after{ content: ''; display: block; width: 13px; height: 32px; background: url('../images/use-before.png') no-repeat 0 0; position: absolute; bottom: -26px; left: 50%; margin-left: -6px; }
.how-to-use-list figure{ position: relative; }
.how-to-use-list figure img.use-icon{ position: absolute; width: 114px; height: auto; -webkit-border-radius:100%;border-radius:100%; border:10px solid #f0fafe; left:50%; bottom: 50%; margin-left: -57px; bottom: -57px; z-index: 1; background: #00aeef; }
.how-to-use-list .use-list-body{ padding: 70px 30px 20px; text-align: center;}
.how-to-use-list .use-list-body h3{ font-size: 29px; line-height: 1.3; margin-bottom: 15px; }
.how-to-use-list .use-list-body p{ font-size: 17px; color: #0c426e; }
.how-to-use-list img.img-fluid{ width: 100%; height: auto; }
.use-list-comb{ width: 72%; height: 1px; border-top: 2px dashed #b1bdc6; margin: 55px auto 25px; }
.use-list-comb ul{ -webkit-justify-content: space-between; justify-content: space-between; }
.use-list-comb ul li{ width: 42px; height: 42px; -webkit-border-radius:100%;border-radius:100%; background: #fff; color: #0c426d; font-size: 21px; text-align: center; line-height: 42px; -webkit-box-shadow: 14px 0 46px rgba(12,66,109,0.2); box-shadow: 14px 0 46px rgba(12,66,109,0.2); position: relative; top: -23px;}
.use-list-comb ul li:before{ content: ''; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 2px dashed #b1bdc6; position: absolute;-webkit-border-radius:100%;border-radius:100%;  }
.for-rslts-area{ padding: 35px 70px; background: #f3f8fc; }
.for-rslts-area h4{ text-align: center; font-size: 35px; margin-bottom: 30px; text-transform: uppercase; line-height: 1.2; }
.for-rslts-area ul{  -webkit-justify-content: space-between; justify-content: space-between; }
.for-rslts-area ul li{ min-height: 50px; padding-left: 65px; position: relative; min-height: 60px; display: -webkit-flex; display: -moz-flex;display: -o-flex;display: flex; -webkit-align-items: center;align-items: center; font-size: 22px; line-height: 1.2; }
.for-rslts-area ul li span{ position: absolute; top: 0; left: 0; }
.custmr-tstmnls-area{  padding: 45px 0; border-bottom: 1px solid #e6ecf0;}
.custmr-tstmnls-area h3{ color: #0c426d; font-family: "Gothic A1", sans-serif;; font-size: 30px; line-height: 1.2; margin-bottom: 30px;}
.char-info{ min-height: 61px; padding-left: 77px; line-height: 61px; color: #00aeef; font-family: "Gothic A1", sans-serif;; font-size: 24px; line-height: 3; position: relative;}
.custmr-tstmnls-area h4{ color: #0c426d; font-family: "Gothic A1", sans-serif;; font-size: 30px; line-height: 1.2; margin-bottom: 20px; margin-top: 15px;}
.custmr-tstmnls-area p{ color: #0c426d; font-family: 'Poppins', sans-serif; font-weight: 400;}
.test01{ border-bottom: 1px solid #dbe5ed; padding-bottom: 15px; margin-bottom: 30px;}
.char-info figure{ position: absolute; width: 77px; height: 77px; margin: 0; left: 0; top: 0; }
.tsti-area{ padding-top: 90px; }
.tsti-area h3{ font-size: 50px; line-height: 1.1; margin-bottom: 45px; }
.tsti-area p{ font-size: 20px; line-height: 1.3; }
.tsti-area .char-rate{ font-size: 21px; }
.tsti-area .char-rate i, .tsti-area .char-rate svg{ color: #ffbb00; }
.tsti-area .char-rate span{ padding-left: 10px; }
.tsti-area .cmn-head{ text-align: center; font-size: 40px; line-height: 1.3; }
.tsti-area .cmn-head-btm{ font-size: 19px; line-height: 1.3; margin-bottom: 30px; text-align: center; }
.char-info span{ color: #98acbc; }
.custmr-tstmnls-area .d-flex{ align-items: center; }
.prd-subs-area .prd-sub-btn{ border:2px solid #0c426d; color: #0c426d; background: #fff; width: 48%; text-align: center; font-size: 22px; padding: 20px 10px; cursor: pointer; }
.prd-subs-area .prd-sub-btn.active{ border-bottom-width: 7px;border-top-width: 7px; background: #0c426d; color: #fff; position: relative; }
.prd-subs-area .prd-sub-btn.active:before{ content: ''; position: absolute; bottom: -7px; left: 50%;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white; margin-left: -5px; }
.prd-subs-area .prd-sub-btn.active:after{ content: ''; position: absolute; bottom: -38px; left: 50%;width: 0; height: 0; border-left: 18px solid transparent;border-right: 18px solid transparent;border-bottom: 18px solid #0c426d; margin-left: -13px; }
.prdct-dtls-area h1{ position: relative; font-size: 60px; margin-bottom: 15px;}
.prdct-dtls-area h1 span{ position: relative; top: -5px; left: 5px;}
.prdct-dtls-area h2{ position: relative; font-size: 60px; margin-bottom: 15px; }
.prdct-dtls-area h2 span{ position: relative; top: -5px; left: 5px; }
.prdct-dtls-area p{ color: #536777; font-size: 18px; }
.prdct-dtls-area .prd-ratings-area{ font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6ecf0; cursor: pointer; }
.prdct-dtls-area .prd-ratings-area i, .prdct-dtls-area .prd-ratings-area svg{ color: #ffbb00; }
.prdct-dtls-area .prd-ratings-area span{ padding-left: 10px; }
ul.prd-lst-cntnt{ -webkit-justify-content: space-between; justify-content: space-between; padding: 10px 0 30px; }
ul.prd-lst-cntnt li{ padding-left: 45px; position: relative; font-size: 16px; line-height: 1.1; width: 32%; } 
ul.prd-lst-cntnt li span{ position: absolute; top: 0; left: 0; }
.prdct-dtls-area .prd-slide-div{ height: 100%; background: #f3f8fc; margin-left: 100px; position: relative;}
.prdct-dtls-area .badge-60{ position: absolute; width: 120px; height: auto; top: 50px; left: 140px; z-index: 1; }
.prd-slider-nav{ width: 95px; height: 100%; display: flex; flex-direction: column; position: absolute; top: 0; left: 5px; bottom: 0; z-index: 1; }
.prd-slider-nav .slick-slide{ display: flex; width: 100% !important; height: 100px; border:1px solid transparent; }
.prd-slider-nav .slick-slide img{ width: auto; height: auto; max-width: 100px; }
.prd-slider-nav .slick-list{ height: 100%; padding: 0!important; }
.prd-slider-nav .slick-track{ display: flex;flex-direction: column; }
.prd-slide-div div{ height: 100%; width: 100%;	 }
.prd-slider-flex{ display: flex;justify-content: center; align-items: center;padding: 20px; }
.prd-slider-flex img{ max-width: 100%; height: auto; max-height: 100%; width: auto; -webkit-filter: drop-shadow(-10px 10px 10px rgba(10,34,54,0.2));filter: drop-shadow(-10px 10px 10px rgba(10,34,54,0.2)); }
.prd-slider-nav .slick-track{ transform: translate3d(0, 0px, 0px) !important; height: 100%; display: flex; align-items: center; }
.prd-slider-nav .slick-list div{ height: 100%;  display: flex !important; align-items: center;  justify-content: center; background: #f2f7fc; cursor: pointer;}
.prd-slider-nav .slick-list div img{ width: auto; height: auto; max-width: 80px; max-height: 80px; }
.prd-slider-nav .slick-slide.slick-current{ border:1px solid #0c426d; position: relative; }
.prd-slider-nav .slick-slide.slick-current:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: #0c426d; }
/***************** PRODUCT DETAILS PANEL *********************/
/***************** FAQ PANEL *********************/
.total-faq-area{ padding: 90px 0; }
.total-faq-area h2{ text-align: center; font-size: 70px; margin-bottom: 50px; }
.total-faq-area h2 span{ position: relative; top: -5px; left: 5px; }
.total-faq-area figure.faq-pic{ height: 100%; margin: 0 0 10px; }
.total-faq-area figure.faq-pic img{ width: 100%; height: 100%; object-fit: cover; }
.faq-accordion-area .card-header{ border:0 !important; background: #eff7f9; font-size: 22px; line-height: 1.2; padding: 0; }
.faq-accordion-area .card{ border:0; margin-bottom: 10px; }
.faq-accordion-area .card .btn{ color: #0c426d; text-decoration: none!important; outline: none; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; padding: 12px 40px 12px 20px; position: relative; background: transparent !important;}
.faq-accordion-area .card .btn.collapsed:after{ content: '+';  text-shadow: 0px 0px 5px #93b1b9; top: 20%;	}
.faq-accordion-area .card .btn:after{ content: '-';text-shadow: 0px 0px 5px #00aeef; top: 10%;font-size: 32px; position: absolute; right: 15px;font-family: "Gothic A1", sans-serif;;  line-height: 1; color: #eff7f9;}
.faq-accordion-area .card .card-body{ padding-bottom: 0; }
.faq-accordion-area p{ font-size: 15px; color: #5d7691; }
.faq-accordion-area .card .collapse.show{ background: #fff; /*-webkit-box-shadow: 22px 0 59px rgba(12,66,109,0.1); box-shadow: 22px 0 59px rgba(12,66,109,0.1);*/}
/***************** FAQ PANEL *********************/
.prms-bg-area.prms-againara{ background-color: #f7f7f7; background-image: url('../images/mmd-bg-left.jpg'), url('../images/mmd-bg-right.jpg'); background-position: left bottom, right top; background-size: auto auto, auto 100%;}


/*******21/09/2020********/
.shop-area{ text-align: center; padding: 90px 0;}
.shop-area h2, .total-contact-page h2{ font-size: 70px; color: #0c426d; margin-bottom: 20px; position: relative; }
.shop-area h2 span{ position: relative; top: -5px; left: 5px; }
.shop-area p.shop-pra-only{ font-size: 22px; line-height: 2;color: #0c426d; }
.featured-item-slider.shop-prod-item{position: relative; z-index: 1; background: #fff;-webkit-box-shadow: 18px 0 57px rgba(12,66,109,0.05); box-shadow: 18px 0 57px rgba(12,66,109,0.05); margin-bottom: 30px;}
.featured-item-slider.shop-prod-item .cart-btn{ display: inline-block; /*opacity: 0;*/}
.featured-item-slider.shop-prod-item:hover .cart-btn{ opacity: 1; }
.featured-item-slider.shop-prod-item:hover{ -webkit-box-shadow: 30px 0 95px rgba(12,66,109,0.16); box-shadow: 30px 0 95px rgba(12,66,109,0.16); }
.no-active-btn.prd-subs-area .prd-sub-btn.active{ border-width: 2px; }
.no-active-btn.prd-subs-area .prd-sub-btn.active:after, .no-active-btn.prd-subs-area .prd-sub-btn.active:before{ display: none; }
p.cntct-para{ margin-bottom: 30px; line-height: 2!important; }
p.cntct-para a{ position: relative; background: #0c426d; color: #fff; padding: 5px 20px; margin: 0 10px; }
p.cntct-para a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0;height: 0; border-top: 20px solid transparent;   border-left: 10px solid #fff;border-bottom: 20px solid transparent; }
p.cntct-para a:after{ content: ''; position: absolute; right: 0; top: 0; width: 0;height: 0; border-top: 20px solid transparent;   border-right: 10px solid #fff;border-bottom: 20px solid transparent; }
/*===========CART_DRAWER_PAGE============*/
/*body{-webkit-transition: all ease 0.5s;transition: all ease 0.5s; overflow-x: hidden;}*/
.drawer {width: 300px;right: 0;	border-left: 1px solid #e5e5e5;	-ms-transform: translateX(300px);-webkit-transform: translateX(300px);transform: translateX(300px);position: fixed;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;top: 41px;bottom: 0;padding: 0 10px 10px;z-index: 22;color: #000000;background-color: #ffffff;transition: all ease 0.5s;	}
.cart_open .drawer{-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);	}
.total-area{transition: all ease 0.5s;}
.cart_open{ padding-top: 0; }
.cart_open .total-area{-ms-transform: translateX(-300px);-webkit-transform: translateX(-300px);transform: translateX(-300px);}	
.drawer__header {float:left;height: 50px;width: 100%;padding-top:5px;border-bottom: 1px solid #e5e5e5;}
.table-cell {float:left;width: 50%;font-size:18px;color:#2d2d2d;text-align:left;}
.cart-icon{float: right;margin:15px 25px 0 0;position:relative;	}
.cart-icon img{ display:inline-block; vertical-align:middle;}
.cart-icon span { position: absolute;width: 20px;height: 20px;right: -10px;top: -10px; background: #ef5237;border-radius: 50%; text-align: center;font-size: 14px;color: #ffffff;line-height: 19px;	}
.table-cell .cart-icon{margin:4px 40px 0 0;}
.cross-icon{float:right;cursor:pointer;width:16px;margin-top:4px;}
.drawer__header i, .drawer__header svg{ cursor: pointer; font-size: 30px; color: #f00; line-height: 1; }
.drawer_row{float:left;width:100%;padding:15px 0 15px;border-bottom:1px solid #d0d0d0;}
.drawer-prod-lft{float:left;width:60px;height:60px;border:1px solid #c0d3d9;text-align:center;background:#e8f1f4;position:relative;}
.drawer-prod{display:inline-block;vertical-align:middle;margin-top: 2px;   max-width: 90%; max-height: 90%;}
.drawer-prod-lft span{position:absolute;width:20px;height:20px;right:-10px;top:-10px;background:#0c426d;border-radius:50%;text-align:center;font-size:14px;color:#ffffff;line-height:19px;}
.drawer-prod-rght{float:right;width:190px;text-align:left;}
.drwer-prod-name{float:left;width:100%;font-size:14px;line-height:16px;color:#393733;font-weight:normal;margin-top:-3px;}
.drwer-prod-name span{ color:#0c426d; font-weight:bold; font-size:15px;}
.drwer-txt1{float:left;width:100%;font-size:14px;line-height:18px;color:#393733;}
.drwer-txt1 span{font-weight: 500; color: #0c426d; padding-left:20px;}
.drwer-txt2{float:left;width:100%;font-size:15px;line-height:18px;color:#393733;margin-top:3px;}
.drwer-txt2 a{float:right;font-size:14px;color:#959595;font-weight:300;}
.cart-remv img{display:inline-block;vertical-align:middle;width:15px;margin-top:-50px;    cursor: pointer;}
.sub-total{float:left;width:100%;font-size:19px;line-height:27px;color:#1e1e1e;font-weight:600;margin-top:10px;text-align:left;}
.sub-total span{float:right;}
a.chk-btn{float: left; width: 100%;border: 2px solid #00aeef;color: #fff;font-size: 25px;line-height:25px;text-decoration: none; padding: 12px 0 17px;text-align:center;font-weight: bold;margin-top:20px; background: #00aeef; outline: 0;}
a.chk-btn:hover{    background: transparent; color: #00aeef; border: 2px solid #00aeef;	}
.cards-img{	display:block;vertical-align:middle;margin-top:10px;max-width:100%;}
.cards-img img { width: 135px; height: 24px; }
.join-comnty-area .ka-Dddv.ka-Dddv{ padding: 0 !important; background: transparent !important; max-width: 500px; padding: 0 15px; margin: 0 auto; -webkit-box-sizing:border-box;box-sizing:border-box; }
.join-comnty-area .ka-Dddv.ka-Dddv .csTKKN.csTKKN{ padding:0; width: 100%; }
.join-comnty-area .gLWInZ.gLWInZ{ padding: 25px 0; }
.join-comnty-area .cRCNZW.cRCNZW.cRCNZW.cRCNZW.cRCNZW.cRCNZW{ -webkit-border-radius:0;border-radius:0; background: #00aeef !important; outline: 0; }
.join-comnty-area input[type="email"]{ margin-top: 30px !important; }
.total-ship-panel textarea.form-control{ height: 150px; padding-top: 15px; }
.total-contact-page h3, .total-contact-page form, .snd-msg-btm-area{ text-align: left; }
.cntct-snd-msg-area h2{ font-size: 70px; }
.total-contact-page p{ font-size: 22px; line-height: 1.5; }
.cntct-snd-msg-area{ padding: 50px 0; }
.total-contact-page h3{margin-bottom: 30px; font-size: 50px;}
.cstmr-sprt-area{ position: relative; padding-left: 80px; }
.cstmr-sprt-area img{ position: absolute; left: 0; top: 0; }
.cstmr-sprt-area p{ line-height: 30px; margin-bottom: 10px;}
.cstmr-sprt-area p small{ font-size: 24px; line-height: 32px; color: 0c426d; display: block; }
.cstmr-sprt-area p a{ font-family: "Gothic A1", sans-serif;;color: #00aeef; font-size: 20px; line-height: 28px;}
.cntct-snd-msg-area h3{text-align: center;}
/***************** ABOUT US PANEL *********************/
.total-area{width:100%;overflow: hidden;}
.about-sec1{ background:#f6f6f6 url(../images/about-bg.jpg) 0 100% no-repeat; background-size: 219px auto;position:relative;}
.about-sec1 .ps {position: static; /* min-height: 868px; */ padding: 25vw 0;}
.about-sec1 img.model2 { position: absolute;height: 100%;width: auto;left: 53%; top: 0;}
.about-sec1 h3 {font-size:56px;color: #0c426d;line-height: 1.2;margin-bottom:30px;}
.about-sec1 p {color: #0c426d;font-size: 20px;line-height: 1.6;font-weight: 400;margin-bottom:30px;}
.about-sec1 .dr{color:#00aeef;font-size: 30px;font-weight:700;}
.about-sec1 p.small{color: #0c426d;font-size: 19px;line-height: 1.4;font-weight:400;}
.hd {font-size: 70px; color: #0c426d;margin-bottom: 0px;position: relative;margin-bottom: 50px;}
.hd span { position: relative;top: -10px;left: 5px;}
.about-sec2{padding:145px 0; }
.about-sec2 .icon {width: 205px;height: 205px; margin: -100px auto 0;}
.about-sec2 h4{margin-bottom: 20px;}
.about-sec2 .box{background-color: rgb(255, 255, 255);box-shadow: 0px 18px 57px 0px rgba(12, 66, 109, 0.05);padding-bottom: 35px; margin-bottom: 40px; }
  .about-sec2 .box h4, .about-sec2 .box p{padding:0 35px;}
  .about-sec2 .box p{padding:0 35px;font-size: 16px;}
  .about-sec3{padding:145px 0; background: #d7f9ff; }
  .model3 { background-color: rgb(12, 66, 109);box-shadow: 0px 18px 62px 0px rgba(0, 0, 0, 0.13); max-width: 100%; }
  .about-sec3 .hd{font-size: 60px;}
  .about-sec3 h4{font-size: 35px; margin-bottom:25px;}
  .about-sec3 p{font-size:20px;}
  .about-sec3 h5{font-size:25px; padding: 30px 0;}
  /***************** ABOUT US PANEL *********************/
/***************** INGREDIENTS PANEL *********************/
.prod-tab-area .tab-pane h3{ font-size: 50px; margin-bottom: 30px; }
.ingrdnts-list-area{ background: #f3f8fc; margin-bottom: 20px; padding: 10px 30px; }
.ingrdnts-list-area figure.ingrdnts-pic-area{ margin: 0; width: 242px; height: 242px; overflow: hidden; -webkit-border-radius:100%;border-radius:100%; }
.ingrdnts-list-area figure img{ width: 100%; height: 100%; object-fit: cover; }
.ingrdnts-list-area h4{ position: relative; padding: 0 0 0 90px; min-height: 60px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 35px; margin-bottom: 15px; }
.ingrdnts-list-area h4 span{ position: absolute;top: 0; left: 0; }
.ingrdnts-list-area p{ color: #49535b; font-size: 20px; line-height: 1.4; }
.tab-prd-dtls-inner-area{ background: #f3f8fc; margin-top: 30px; }
.tab-prd-dtls-inner-area .tab-dtls-prd-list{ padding-top: 40px; margin-top: 40px; border-top: 1px solid #dbe5ed; }
.tab-prd-dtls-inner-area .tab-dtls-prd-list h4{ font-size: 40px; color: #00aeef; }
.tab-prd-dtls-inner-area .tab-dtls-prd-list h4 img{ margin-right: 15px; }
.tab-prd-dtls-inner-area .tab-dtls-prd-list:first-child{ border-top: 0; padding-top: 0; margin-top: 0; }
.tab-prd-dtls-area ul{ padding: 0; margin:  0;}
.tab-prd-dtls-area ul li{ position: relative; padding: 10px 0 10px 35px; background-image: url(../images/dtls-list-check-icon@2x.png); background-repeat: no-repeat; background-position: 0 17px; -webkit-background-size:26px 26px;background-size:26px 26px; color: #0c426d; font-size: 24px; }
.tab-prd-dtls-area p{ color: #0c426d; font-size: 21px; line-height: 1.4; }
.tab-prd-dtls-area a.stylsh-anchr{ display: inline-block; position: relative; background: #0f446f; color: #fff; padding: 5px 10px; overflow: hidden; top: 11px; }
.tab-prd-dtls-area a.stylsh-anchr:after{ content: ''; position: absolute; right: 0; top: 0;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right:5px solid #fff;  }
.tab-prd-dtls-area a.stylsh-anchr:before{ content: ''; position: absolute; left: 0; top: 0;width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left:5px solid #fff;  }
.prod-tab-area .safe-for-areaa{ padding: 50px 0; border-bottom: 1px solid #e6ecf0; }
.prod-tab-area .safe-for-areaa h4{ font-size: 30px; text-transform: uppercase; margin-bottom: 30px; text-align: center; }
.prod-tab-area .safe-for-areaa ul li { font-size: 22px; }
.prod-tab-area .safe-for-areaa ul li img{ margin-right: 8px; }
/***************** INGREDIENTS PANEL *********************/
.mission-area ul li a.shop-now{ border: inherit;}
a.shop-now{ color: #e9f9ff; font-size: 25px; background: #00aeef; border: 2px solid #00aeef !important; padding: 10px 40px; -webkit-box-shadow: 20px 0 40px rgba(14,37,56,0.15); box-shadow: 20px 0 40px rgba(14,37,56,0.15); text-decoration: none;}
.each{
	font-size: 22px;
}
.banner-slider .slick-list, .banner-slider .slick-track, .banner-slider .slick-slide{ width: 100%!important; }
.cmplt-chckout-btn-area{    width: 100%;
    height: auto;
    background: #00aeef;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    display: block;  margin-top: 15px; text-align: center; padding: 10px 5px; text-transform: capitalize;
}
.cmplt-chckout-btn-area .api-check-btn{color: #fff !important; font-size: 30px; outline: 0; }
header.header-area button.navbar-toggler {
    width: auto;
    border: none;
    background: transparent;
}
.total-contact-page .snd-msg-btm-area.d-flex {
    align-items: start;
}
/*@media screen and (max-width: 450px){
.cmplt-chckout-btn-area {
    width: 100%;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
    height: 50px;
}
}*/


.frmElements {
    float: left;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    /* margin-top: 16px; */
    overflow: hidden;
}
.coupon-filed-area .input-box.hlf{
    width: 48%;
}
.fr{ float: right;}
.input-box input[type="text"]{
    background: #FFF;
    /* border: 1px solid #a7abad; */
    color: #222;
    height: 32px;
    line-height: 22px;
    width: 100%;
    font-size: 14px;
    padding: 3px 8px;
    outline: 0;
    font-family: Arial, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.field-all {
    float: left;
    width: 100%;
    border: none;
    outline: none;
    height: 50px !important;
    color: #000;
    font-size: 18px;
    padding: 2px 10px 2px 18px;
    font-family: 'Apercu Pro';
    font-weight: normal;
    border-radius: 0 3px 3px 0;
    -webkit-appearance: none;
}
.coupon-filed-area .applybtn {
    padding: 0;
    display: block;
    height: 50px;
    line-height: 1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.input-box .applybtn{
    border: 0;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    /* padding: 20px 15px; */
    background: #2288D0;
    color: #fff;
    font-size: 20px;
}
.coupon-filed-area{ margin-top: 15px;}
.chk-prc{ width: 100%;}
.chk-prc span{ float: right;}

.key-facts{ margin-bottom: 15px;}
.lft-key{ width: 65%; float: left;}
.rgt-key{ width: 32%; float: right;}
.clear{ display: block; clear: both;}

.card-body ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.card-body ul li{ width: 49%; margin-bottom: 5px; padding: 5px 5px 5px 25px; position: relative;}
.card-body ul li:before{ content: '\2713'; position: absolute; left: 0; top: 4px;}

.secure-pay{
    text-align: center;
}
.sixty-dys{
    max-width: 250px;
}
.contact-btn.mb-4.active {border: 2px solid #219fed;}
.contact-btn{border-radius: 7px;box-shadow: 0 3px 7px #c1c1c1;/* padding: 10px 15px; */text-align: left;padding: 1.1rem;margin-bottom: 2.2rem !important;}
.contact-btn.cstmr-sprt-area img{ top: 15%; left: 15px;}
ul.AdjPostion li a i {
    position: relative;
    top: -1px;
}

ul.AdjPostion li a {
    display: flex !important;
    align-items: flex-start;
    position: relative;
    top: 7px;
    font-size: 1.2rem;
}

p.green-text:before {
    content: "";
    width: .6rem;
    height: .6rem;
    display: inline-block;
    background-color: #16a34a;
    border-radius: 50%;
    margin-right: .3rem;
}
p.red-text{font-size: 15px;line-height: 26px;color: #f00;margin: 0;display: block;clear: both;padding-left: 78px;position: relative;top: -24px;}

p.red-text:before {
    content: "";
    width: .6rem;
    height: .6rem;
    display: inline-block;
    background-color: #f00;
    border-radius: 50%;
    margin-right: .3rem;
}
p.green-text{font-size: 15px;line-height: 26px;color: #16a34a;margin: 0;display: block;clear: both;padding-left: 78px;position: relative;top: -24px;}

.active p.red-text, .deactive p.green-text{ display: none;}
.deactive p.red-text, .active p.green-text{ display: block;}

.deactive a.chatUs{ background: #cfcfcf; color: #777;}

#end-footer{ text-align: center;}
#new-footer .container{ text-align: left;}
.contact-below-cont{ text-align: center; border: 1px solid #0f446f; border-radius: 8px; margin-top: 20px;}
.fa-comments{width: 60px;height: 60px;font-size: 20px;line-height: 60px !important;text-align: center;border-radius: 50%;background: #00aeef;color: #fff;margin-right: 10px;}
p.sm-txt{ font-size: 16px; margin: 0;}
a.chatUs {
    background: #219fed;
    color: #ffffff;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    padding-top: .6rem;
    padding-bottom: .6rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: .5rem;
    margin: .7rem 0;
}
a.chatUs:hover {
    background: #1b6898;

}

.contact-btn.deactive {
  /* opacity: 0.5; */
  pointer-events: none;
}

.cont-icon{ width: 66px; height: 66px; border-radius: 50%; font-size: 30px; line-height: 66px; border: 2px solid #ccc; position: absolute; left: 0; top: 0; text-align: center; color: #00aeef;}

.deactive .fa-comments{ background: #e6ecf0; color: #777;}

@media only screen and (max-width: 1023px){
    .checkout-right{ width: 36%;}
}
.terms_app-new{ color: #000; font-size: 14px; }
.terms_app-new a{ text-decoration: underline !important; }
.tooltip{ max-width: 300px; min-width: 220px; }
.bs-tooltip-top{ border:0 !important; }
.join-cmnt-for-frm .Ndwyt.Ndwyt {width: 100%; max-width: 600px; margin: 0 auto; padding: 0 25px; -webkit-box-sizing:border-box;box-sizing:border-box;}
.join-cmnt-for-frm .csTKKN.csTKKN{ padding: 0; }



.prd-s1-ul {
    width: 100%;
    margin: 15px 0;
}
.prd-s1-ul li {
    width: 100%;
    padding-left: 40px;
    text-align: left;
    background: url(../images/prd-tik.png) no-repeat left 7px;
    margin: 5px 0 10px;
    font-size: 16px;
    line-height: 26px;
    color: #1a1a1a;
    font-weight: 500;
}

.single-checkout{
    align-items: flex-start;
}




/*********10-01-2025**********/
#new-cont-sec{ padding: 70px 0; background: #f3f8fc;}
#new-cont-sec h3{ text-align: center; display: block; width: 100%; font-size: 50px; color: #0c426d; margin-bottom: 35px;}
#new-cont-sec p{ font-size: 21px;}
#new-cont-sec h4{ display: block; width: 100%;}

@media screen and (max-width: 1200px) {
    #new-cont-sec h3{
        font-size: 48px;
    }
    #new-cont-sec p{ font-size: 20px;}
}
@media screen and (max-width: 992px) {
    #new-cont-sec h3{
        font-size: 36px;
    }
    #new-cont-sec p{ font-size: 18px;}
}
@media only screen and (max-width: 1021px){
	.prd-s1-ul li {
	    font-size: 14px;
	    line-height: 24px;
	    padding-left: 35px;
	}
    .card-body ul li{ width: 100%;}
}



::-webkit-input-placeholder { 
  text-transform: capitalize;
}

:-ms-input-placeholder {
  text-transform: capitalize;
}

::placeholder {
        text-transform: capitalize;
}
#coupon_code{
    text-transform: uppercase;
}
.join-cmnt-for-frm form{ background-color: transparent !important; }
.join-cmnt-for-frm form .ql-font-palatino-linotype, .join-cmnt-for-frm form .ql-font-geneva{ color: #fff !important; }
.no-border{ border: none !important; }
.success-copun-msg{ color: green;font-size: 14px;line-height: 1.2; display: block; }
@media screen and (max-device-width: 1500px) and (orientation : landscape){
.banner-area{ height: auto !important; }
}
.banner-area .slick-slider{ margin: 0; padding: 30px 0 0; }

@media only screen and (max-width: 767px){
    .lft-key{ width: 100%; float: none; margin-bottom: 15px;}
    .rgt-key{ width: 100%; float: none;} 
    .cont-icon{ display: inline-block; position: inherit;}
}
@media screen and (max-width: 767px){
    
.join-comnty-area.join-cmnt-for-frm .inEugF.inEugF , .join-comnty-area.join-cmnt-for-frm .gQihfJ.gQihfJ {
    padding: 10px !important;
}
.join-cmnt-for-frm .needsclick.notranslate.kl-private-reset-css-Xuajs1 {
    padding: 10px 5px !important;
}
.drawer{
    top: 75px;
}

}

@media only screen and (max-width: 479px){
    .afterpay-logo{
        width: 100%;
    }
}


section.top_new_bannersd {
    background: #0c426d;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    position: relative;
    font-size: 14px;
}
.top_cont_wrap {
    max-width: 1124px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
}
p.week_coupon_code b {
    color: red;
    font-weight: 900;
    padding: 0px 5px;
    font-size: 16px;
}
p.noted_top b {
    color: #19c1ff;
    font-size: 16px;
    padding-right: 5px;
}

p.noted_top {
    margin-bottom: 5px;
    line-height: 22px;
}
p.week_coupon_code {
    margin-bottom: 5px;
    line-height: 20px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef00 !important; 
}




.flex-gift {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.flex-gift .input-box.hlf.frmElements {
    max-width: 75%;
    margin-right: 15px;
    position: relative;
    border: none;
    border-radius: 0px;
}

.flex-gift input#gift_card {
        -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    color: #0c426d;
    height: 74px !important;
    line-height: 1;
    padding-left: 20px;
    padding-right: 20px;
    border-color: #dce1e6;
    -webkit-box-shadow: 20px 0 40px rgba(9,0,32,0.05);
    box-shadow: 20px 0 40px rgba(9,0,32,0.05);
}

.flex-gift .input-box.hlf.fr.no-border {
    width: 100%;
    max-width: 180px;
    padding: 0px;
}

.flex-gift button#giftcard-apply {
        border: 1px solid #2288d0;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    padding: 20px 15px;
    background: #2288D0;
    color: #fff;
    font-size: 20px;
}

label.fieldToggle {
    display: inline-flex;
    align-items: center;
    height: 50px;
    margin: 25px 0px 10px;
}
span.paycard_flex1 {
    font-size: 20px;
    padding: 0px 10px;
    position: relative;
    top: 1px;
}
img.py_flx_img {
    max-width: 60px;
    position: relative;
    top: -2px;
}

.msg-flex-wrp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}
span.paycard_flex {
    position: relative;
    top: -10px;
}
span#gcresponse {
    padding-top: 10px;
    width: 100%;
    position: relative;
    display: block;
        font-weight: 400;
}

span.address_isblli {
    position: relative;
    top: -11px;
    left: 10px;
}

.payment-icons-area a img.b-r-g {
    margin: 7px 0;
    border: 1px solid #00000014;
    border-radius: 5px;
}

.ul_covr {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:667px) {
    .ul_covr {
    align-items: baseline;
    flex-direction: column;
}
}

@media only screen and (max-width: 479px){
    .nav-item{ width: 100%;}
    .prd-sub-btn{ margin-bottom: 10px;}
    .prd-subs-area .prd-sub-btn.active:after{ display: none;}
    .prd-subs-area .prd-sub-btn.active:before{ display: none;}
}

ul.fttr_other_lnks {
    /* display: flex; */
 
    width: 100%;
    /* display: -webkit-flex;
    display: -ms-flexbox; */
    position: relative;
       display: none;
}

ul.fttr_other_lnks span {
    padding: 0px 6px;
}

@media (max-width:667px) {
    ul.fttr_other_lnks span {
    display: none;
}
ul.fttr_other_lnks {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
}

.search.collapsed {
    position: relative;
}
.search.collapsed input[type="text"] {
     -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    width: 650px;
    opacity: 1;
}
.search.befor_cllps input[type="text"] {
    
     
     -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
     width: 0px;  
opacity: 0;
}
.search input[type="text"] {
    position: realtive;
    width: 0px;
        right: 0px;
    height: 50px;
    top: 0px;
     opacity: 0;
    /* transition: 0.5s; */
     -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
}


.search button {
    background: transparent;
    color: #00aeef;
    padding: 0px;
    width: 35px;
    text-align: center;
    height: 35px;
    /* border: 1px solid #00aeef; */
    position: relative;
    right: -10px;
    outline: none !important;
}

.inp_with_drp {
    position: absolute;
    right: 30px;
    width: 0px;
    height: fit-content;
    min-height: 70px;
    top: -8px;
    opacity: 0;
     -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;

}
.search.collapsed .inp_with_drp {
     -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    width: 650px;
    opacity: 1;
     /* transition: width 1s; */
}
.search.befor_cllps .inp_with_drp{
     -webkit-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    -o-transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    transition: width 1s ease-in-out, padding-left 1s ease-in-out, padding-right 1s ease-in-out;
    width: 0px;
    opacity: 0;
     /* transition: width 1s; */

}
.resultsDiv {
    position: relative;
    width: 100%;
    bottom: 0px;
    background: #ffffff;
    border: 1px solid #0c426d;
    z-index: 99999;
}

ul.searchResult li {
    padding: 15px 15px 0px;
}
ul.searchResult li a {
    width: 100%;
    display: block;
}
ul.searchResult li:last-child {
padding-bottom: 15px;
}
.search button i.fa.fa-search {
    position: relative;
    top: -1px;
    font-size: 19px;
}
@media (max-width:767px) {
.search {
    display: none;
}
}

@media only screen and (max-width: 375px){
    span.paycard_flex1{
        font-size: 16px;
    }
    span.address_isblli{
        font-size: 16px;
    }
    .total-checkout-area h1{
        font-size: 30px;
    }
}

@media only screen and (max-width: 661px) {
.prdct-dtls-area h1 {
    position: relative;
    font-size: 36px;
    margin-bottom: 15px;
}
}

/** Black Friday Banner Styles Here **/
.black_friday_banner {
    background: #ff0000;
}
.black_friday_banner p {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
}

.sub-total {
    float: left;
    width: 100%;
    font-size: 19px;
    line-height: 27px;
    color: #1e1e1e;
    font-weight: 600;
    margin-top: 10px;
    text-align: left;
}
.sub-total span {
    float: right;
}
.text-right {
    text-align: right !important;
}
.total-ship-panel .form-control {
    font-family: Arial, Helvetica, sans-serif;
}