/*
Theme Name: Flatsome Spanish Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
 

body { margin: 0; padding: 0;   font-size:16px; font-weight: 400; }
h1, h2, h3, h4, h5, h6 {   font-weight: 700; margin:0 0 15px; padding:0; color:#102344;}
h1{ font-size:38px;}
h2{ font-size:38px;}
h3{ font-size:34px;}
h4{ font-size:30px;}
h5{ font-size:28px;}
h6{ font-size:26px; text-transform: capitalize;}
p{ margin:0 0 15px; padding:0; line-height: 1.2;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #000; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}
h6, .uppercase{letter-spacing: 0 !important; opacity: 1 !important;}
.fs-18{ font-size: 18px;}
.mb-3{ margin-bottom: 15px !important;}
header#header { position: fixed;} 
.header-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.nav > li > a {  }

.header-nav li.html.custom img { width: 120px; }
.header-nav li.html a.button { background: #fc7753;
  margin: 0;
  width: 150px;
  padding: 8px 15px !important;
  font-size: 18px;
  line-height: 1;
  height: 20px !important;
  color: #fff;
  box-shadow: none; }
.header-nav li.html a.button:hover { box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%) !important; }

.header-top{ margin-bottom: -12px; padding-top: 5px;}
.top-bar-nav li {
  font-size: 18px !important;
  text-align: right;
  line-height: inherit;
  font-weight: 600;
  color: #01406b;
  text-transform: inherit;
  font-style: inherit;letter-spacing: 1.5px;
}

/* new */
.top-banner .section-bg { background-attachment: fixed;}
.top-banner { padding-top: 180px!important; padding-bottom: 0px !important; }
.top-banner .banner-left { position: relative !important;}
.top-banner .banner-left .col-inner { height: 100%;}
.top-banner .banner-left .col-inner .ban-left-row{ position: absolute; bottom: 0;}
.top-banner .banner-card-left p { font-size: 26px; line-height: inherit; font-weight: 700;}

.top-banner .banner-right { padding-bottom: 0px !important;}
.top-banner .banner-right-card{ padding-bottom: 0px !important;}
.top-banner .banner-right-card .Compared-text h2{ font-family: "Source Sans Pro", sans-serif;}
.top-banner .banner-right-card .Compared-text p{ font-size: 30px; margin-bottom: 0px; line-height: 1.2;}
.top-banner .banner-right-card .right-product-text h2 { font-size: 60px; margin-bottom: 4px;}
.top-banner .banner-right-card .right-product-text h4 {margin-bottom: 0px;}

.inner-banner-1{ padding-top: 15% !important;  padding-bottom: 5% !important;}
.inner-banner-1 h1{ margin: 150px 0px; font-size: 44px; }

.home-2nd-section{ color: #000 !important;}

.about-text-card h3 { font-size: 32px; font-weight: 400 !important;}
.about-text-card .about-data-ol ol li::before { content: counter(item) " "; counter-increment: item; font-size: 22px; font-weight: bolder; color: #01406b; margin-right: 6px;}
.about-text-card .about-data-ol ol{counter-reset: item; list-style-type: none;}
.about-text-card .about-data-ol ol li { margin-bottom: 0; padding-left: 0px; margin-left: 10px;}

.features-section .features-left-text p { margin-bottom: 0;}
.features-section .features-left-text h6 { font-weight: 400 !important; color:#2b343a; }

.clinically-tested-section .clinic-row{ margin: 0 !important;}
.clinically-tested-section .clinical-heading { padding-bottom: 0px;} 
.clinically-tested-section .clinical-heading h3{ margin-bottom: 30px;}
.clinically-tested-section .clinical-heading .sec-hdng h5{font-weight: 400 !important;}
.clinically-tested-section .clinic-row .col { padding-bottom: 0;}
.clinically-tested-section .clinical-text p{ font-size: 18px;} 
.clinically-tested-section .clinical-image { max-width: 540px; margin: auto;}
.clinically-tested-section .image-sup-text{ font-size: 14px;}

.free-gift-card { box-shadow: 0 15px 20px -10px rgb(0 0 0 / 56%); background-color: #d3e7f1; margin-bottom: 80px;}
.free-gift-card .free-gift-left{ padding: 0 !important;}
.free-gift-card .free-gift-right{ padding: 30px 20px 30px !important;}
.free-gift-card .free-gift-right h5{  font-weight: 400 !important; line-height: 1;}
.free-gift-card .free-gift-right h6{  font-size: 20px; text-transform: uppercase; font-weight: 400 !important; line-height: 1;} 
.free-gift-card .free-gift-right .col { padding-bottom: 10px;}
.free-gift-card .free-gift-right .image-sup-text{font-size: 14px;}

.free-gift-card .free-gift-left .back-img .img-inner img{height: 100%; max-height: 560px; min-height: 560px; object-fit: cover; object-position: top;}
.free-gift-card .free-gift-left .back-img{ margin-bottom: 0;}
.free-gift-card .free-gift-left .ab-image { position: absolute; bottom: 0; right: 0; text-align: right;}
.free-gift-card .free-gift-left .ab-image img{ width: 155px;}

.review-section .testimonial-card{ padding-bottom: 0;}
.review-section .testimonial-card .testimonial-head { padding-bottom: 0;}
.review-section .testimonial-card .colon-left {text-align: left; margin-bottom: 8px;}
.review-section .testimonial-card .colon-left img { width: 40px;}
.review-section .testimonial-card .colon-right {text-align: right;}
.review-section .testimonial-card .colon-right img { width: 40px;}
.review-section .testimonial-card > .col-inner { padding: 20px 15px !important;}
.review-section .testimonial-card  p{ margin-bottom: 10px; font-style: normal;}
.review-section .testimonial-card .testimonial-meta.pt-half {text-align: right; font-size: 22px; line-height: 1.2;}
.review-section .testimonial-card .icon-box-img.testimonial-image.circle{ display: none;}
.review-section .testimonial-head { padding-bottom: 0;}

.offer-section .offer-right{ padding: 0;}
.offer-section .offer-left{ padding: 0;}
.offer-section .offer-left .offer-prices h2{ font-size: 46px; line-height: 1;}
.offer-section .offer-left .offer-prices h4{ font-size: 66px; line-height: 1.2;} 
.offer-section .offer-left .offer-prices h3{ font-size: 32px; line-height: 1;}
.offer-section .offer-left .offer-prices h5{ line-height: 1.4;}
.offer-section .offer-points .offer-ul-wrap { background-color: #e9eff3; padding: 8px 15px 8px 5px;}
.offer-section .offer-points .offer-ul-wrap .offer-ul{ margin-bottom: 0;}
.offer-section .offer-points .offer-ul-wrap ul li {
  background: url(https://staging-walkfit.kinsta.cloud/wp-content/uploads/2021/12/b2e8246fbf9b4d0a83c9bfa68f52d03e_1.png) no-repeat 0;
  list-style-type: none;
  background-size: 13px 13px;
  padding-left: 28px;
  background-position-x: 5px;
  background-position-y: center;
  font-size: 20px; margin:0;
  font-family: Cabin,sans-serif;
  text-align: inherit;
  line-height: 1.4;
  font-weight: 700; 
  font-style: inherit;
  color: #fc7753;
  text-transform: uppercase;
}
.offer-section .offer-points .offer-point-left{ padding-right: 0; padding-bottom: 0;}
.offer-section .offer-points .offer-point-right{ width: 0; height: 0;border-top: 79px solid transparent;border-left: 54px solid #e9eff3;border-bottom: 78px solid transparent;background: #fff; padding: 0;}
.offer-section .org-bdr { border-top: 3px solid #fc7753; border-bottom: 3px solid #fc7753; padding: 15px 0;}
.offer-section .order-btn-row {padding: 0; margin-top: 25px;}
.offer-section .order-btn-row .order-btn{ margin: 0;}


.footer-widgets.footer.footer-2{padding: 6% 0px 4% !important; position: relative;}
.footer-widgets.footer.footer-2 {background-repeat: no-repeat; background-attachment: inherit; background-position: 50%; background-size: cover;}
.footer-widgets.footer.footer-2:before{ content: ''; position: absolute; right: 0; left:0; top: -1px; bottom: 0;  background-color:rgba(233,239,243,.75);}
.footer-widgets.footer.footer-2 .is-divider{ display: none;}
.footer-widgets.footer.footer-2 #media_image-3{ max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%;}
.footer-widgets.footer.footer-2 #nav_menu-3{ max-width: 41%; -ms-flex-preferred-size: 41%; flex-basis: 41%;}
.footer-widgets.footer.footer-2 span.widget-title { font-size: 26px; text-transform: capitalize;color: #01406b;}
ul.menu>li+li, .widget>ul>li+li {
  border-top: 0px solid #ececec;
}
.footer-widgets.footer.footer-2 #nav_menu-3 .menu-secondary-container ul.menu a{ color: #01406b; padding: 0;}
.footer-widgets.footer.footer-2 #nav_menu-3 .menu-secondary-container ul.menu{ display: flex; flex-wrap: wrap;}
.footer-widgets.footer.footer-2 #nav_menu-3 .menu-secondary-container ul.menu li{ flex:0 0 50%; margin-bottom: 10px;}
.footer-widgets.footer.footer-2 .widget-title { margin-bottom: 15px;  display: block;}

.textwidget.custom-html-widget p { color: #01406b;}

.absolute-footer { padding: 20px 0; font-size: 16px;} 
.absolute-footer .copyright-footer,.absolute-footer a { color: #01406b; } 
.absolute-footer a{ color: #01406b; text-decoration: underline;} 
.absolute-footer .copyright-footer,.absolute-footer a:hover { color: #01406b;} 

.product-d-head{max-width: 740px; margin: auto!important; overflow: hidden;} 
.product-d-head p{ font-size: 25px;}
   
.faq-main-block .accordion-item:last-child { margin-bottom: 0; }
.faq-main-block .accordion{ margin-top: 60px;}
.faq-main-block .accordion-title { border-bottom:2px solid #b0b9c4; border-top: none; padding: 30px 20px 30px 60px;} 
.faq-main-block .accordion-title span{font-size: 24px; font-family: Cabin,sans-serif; font-weight: 700; color: #3a506b;}
.faq-main-block .accordion-title.active { color: #3a506b; border-color: #FFF; background-color: #FFF;}
.accordion-inner { position: relative; padding: 0px 20px 20px 60px; font-size: 20px;} 
.faq-main-block .accordion .active>.toggle {-webkit-transform: rotate(-227deg); -ms-transform: rotate(-227deg); transform: rotate(-227deg);}
.faq-main-block .accordion .toggle i{ line-height: 1.2 !important; font-weight: 700 !important;}
.faq-main-block .accordion .toggle .icon-angle-down:before{ content: "+";}
.faq-main-block .accordion-inner{line-height: 1.4;}
.faq-main-block .accordion .toggle { border: 2px solid #276FBF!important; text-align: center!important; color: #276FBF!important;  height: 43px !important; width: 43px !important; top: inherit!important; opacity: 1!important;}


.contact-wrap {padding-bottom: 40px !important;}
.contact-wrap .contact-details-card { box-shadow: 0 2px 40px 0 rgb(0 0 0 / 25%); border: 2px solid #276fbf; padding: 27px 25px 25px; background-color: #276fbf; overflow: hidden; max-width: 1000px; margin: -80px auto 0;}
.contact-wrap .contact-details-card .contact-text-wrap p{font-size: 20px;line-height: 1.4; margin-bottom: 0;}
.contact-wrap .contact-details-card .contact-text-wrap h5{font-size: 26px; }
.contact-wrap .contact-details-card .contact-text-wrap:not(:last-child) { margin-bottom: 40px;}

.contact-wrap .contact-bottom { margin-top: 60px !important;}
.contact-wrap .contact-bottom h6{font-size: 22px; font-weight: 400; color: #29384b;}
.contact-wrap .contact-bottom p{font-size: 18px; }

.tc-section{ padding-top: 117px !important;}
.tc-section .tc-heading{ margin: 40px 0px 60px;}

/*.single-cartflows_step .content-area > .row.row-main { max-width: 100%;}
.single-cartflows_step .content-area > .row.row-main > .large-12.col{ padding: 0;}
.row .row:not(.row-collapse){ margin-left: auto;  margin-right: auto;}*/

.product-section-1{ padding-top: 150px !important;}
.product-section-1 .product-heading h1{font-size: 48px; color: #276fbf; margin-bottom: 30px;}
.product-section-1 .product-left {padding: 0; }
.product-section-1 .product-right h5{ font-size: 20px;}
.product-section-1 .product-right p{ font-size: 18px;}
.product-section-1 .product-right ul li{ font-size: 18px;}


.guarantee-section .guarantee-card{ padding-bottom: 0;}
.guarantee-section .guarantee-img { text-align: center; margin-bottom: 0 !important;}
.guarantee-section .guarantee-img img { width: 160px;}
.guarantee-section .guarantee-text h6{ color: #3a506b;}
.guarantee-section .guarantee-text p{ font-size: 18px;}

.product-testimonials .testimonial-box .testimonial-text
.product-testimonials .testimonial-box img { width: 40px;}

.p-test-head{ padding-bottom: 0;}
.pro-test-wrap .colon-right { text-align: right;}
.pro-test-wrap .colon-right img { width: 60px;} 
.pro-test-wrap .colon-left { text-align: left;}
.pro-test-wrap .colon-left img { width: 60px;}
.pro-test-wrap .testimonial-box .icon-box-img{ width: 200px !important; max-width: 200px; margin-bottom: 0;}
.pro-test-wrap .testimonial-box .testimonial-meta { padding: 0; text-align: right; color: #2c3135; font-weight: 700;}
.pro-test-wrap .testimonial-box .testimonial-text p{ font-size: 18px; font-style: initial;}

/* new */
  
.product-dtls-wrap { padding: 60px 0; }
.col-6 { width: 50%; padding: 0 15px; }
.col-4 { width: 40%; padding: 0 15px; }
.col-8 { width: 60%; padding: 0 15px; }
.col-lg-6 { width: 50%; padding: 0 15px; }
.col-lg-3 { width: 30%; padding: 0 15px; }
.col-lg-9 { width: 70%; padding: 0 15px; }
.col-lg-12 { width: 100%; }
.col-lg-4 { width: 33.3333%; padding: 0 15px; }
.col-lg-8 { width: 66.6666%; padding: 0 15px; }
 

.faq-main-block {
  padding: 5px;
}



ul.product_list_widget li a.remove.cartflows-icon-close {  display: none; }
.woocommerce-mini-cart__buttons.buttons a.button { width: 100% !important; margin: 5px 0 !important; }
.woocommerce-mini-cart__buttons.buttons a.button.checkout { background: #01406b; }


.woocommerce-page header#header, .page-id-1984 header#header{ position: relative; }
.wishlist-icon { 
  display: none;
}

.single-product .is-divider.small{ display: none;}
.single-product .price-wrapper{ display: none;}
.single-product .variations .label span{display: none !important;}
.single-product .variations .label { font-size: 24px; }


.woo-variation-swatches .variable-items-wrapper { display: flex; flex-wrap: wrap; margin: 0!important; padding: 0; list-style: none; column-gap: 10px; row-gap: 15px;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
    padding: 10px; margin: 0; display: block; box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%); border: none; cursor: pointer; text-decoration: none;
    text-align: center; background-color: #dee4e6; font-family: Lato, sans-serif; line-height: inherit; font-weight: 700; font-style: inherit;
    color: #242f35; text-transform: inherit;height: auto; flex: 0 0 49%;}

.variations tr:nth-child(2) .variable-items-wrapper .variable-item:not(.radio-variable-item){ flex: 0 0 32%;}
.woo-variation-swatches.wvs-attr-behavior-hide .variable-item.disabled{ display: none;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover { box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%); background: #7b919d;color: #fff;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover { box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);background: #7b919d; color: #FFF;}
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
  background-color: #FFF !important; font-size: 20px; border: 3px solid #0066b1 !important; color: #0066b1 !important; box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%); width: 75%;}

.quantity.buttons_added input[type=number] { max-width: 3.5em; width: 3.5em; height: 53px;}
.quantity.buttons_added .button { height: 53px;}

.single-product p.first-payment-date { display: none;}
.single-product .social-icons { display: none;}

.product-info .breadcrumbs { display: none;}
.product-main h1 { font-size: 26px;}
.product-short-description h6 {font-size: 20px;}
.product-short-description p {font-size: 18px;}
.product-short-description li { font-size: 18px; margin-bottom: 10px; line-height: 1.3;}
.button-variable-item span { font-size: 18px;}

.offer-page .row { max-width: 1000px !important;}
.offer-page .image-card1 { width: 470px; margin: auto;}
.offer-page h2{color: #276fbf; margin-bottom: 40px;}
.offer-page .button { color: #fff !important; background-color: #276fbf; border-color: rgba(0,0,0,.05); width: 100%; font-size: 18px;}
.offer-page a{ font-size: 18px; color: #276fbf;}
.offer-page p { font-size: 18px;}
.offer-page ul li { margin-bottom: 0;}

/*************** ADD MOBILE ONLY CSS HERE  ***************/

@media only screen and (max-width: 1599px) {


}

@media only screen and (max-width: 1300px) {
section.offer-section {
  padding-left: 20px!important;
  padding-right: 20px!important;
}

}
@media only screen and (max-width: 1199px) {
  .header-nav li.html a.button { min-width: inherit; }

  .shop-container .product-dtls-wrap { padding-top: 0; }
  .col-6 { width: 100%; }
  .summary.entry-summary { padding-top: 30px; }

  .mdl-info-step .col { padding-left: 0; }
  
  .free-gift-card .free-gift-left .back-img .img-inner img { max-height: 650px; min-height: 650px;}

  section {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  section.gift-section { padding: 0px 20px !important;}
  section.offer-section { padding-left: 20px!important; padding-right: 20px!important;}
  section.contact-wrap {padding-left: 20px!important; padding-right: 20px!important;}
  .contact-wrap .contact-bottom { margin: 60px -15px 0px !important;}

  .nav-size-xlarge>li>a { font-size: 14px;}
  .offer-page .image-card1 {  width: auto; margin: auto;}
  
}

@media only screen and (max-width: 991px) {
  .col-4, .col-8 { width: 100%; }

  h1{ font-size:30px;}
  h2{ font-size:30px;}
  h3{ font-size:28px;}
  h4{ font-size:26px;}
  h5{ font-size:24px;}
  h6{ font-size:20px; }
  .top-banner .banner-card-left p { font-size: 20px;}
  .top-banner .banner-right-card .Compared-text p { font-size: 24px; font-weight: 700;}
  .top-banner .banner-right .large-6{ padding: 0; } 
  .top-banner .banner-right-card .right-product-text h2 { font-size: 44px;}
  .free-gift-card .free-gift-left .back-img .img-inner img { height: 100%; max-height: 810px; min-height: 810px; object-fit: cover;   object-position: left;}
 

  .offer-section .offer-left .offer-prices h2 { font-size: 36px; }
  .offer-section .offer-left .offer-prices h4 { font-size: 36px; margin-bottom: 0;}
  .offer-section .offer-left .offer-prices h3 { font-size: 26px; }
  .offer-section .offer-points .offer-ul-wrap ul li { font-size: 16px;}
  .offer-section .offer-points .offer-point-right {  border-top: 66px solid transparent; border-bottom: 66px solid transparent;}
  
  .footer-widgets.footer.footer-2 #media_image-3 { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
  .footer-widgets.footer.footer-2 #nav_menu-3 { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
  .show-for-medium .html_topbar_left{ font-size: 16px !important; margin-bottom: 15px; font-weight: 700;}

  .contact-wrap { padding: 0 20px 40px !important;}

}
 
@media only screen and (max-width: 767px) { 

  .top-banner { padding-top: 418px!important; }
  .top-banner .banner-left .col-inner .ban-left-row { bottom: -40px;}
  .fix-mob-gap { padding-bottom: 0;}
  .mob-fix-img { max-width: 200px; margin: 0 auto;}
  .top-banner .banner-right-card .right-product-text h4 br{ display: none;}
  .free-gift-card .free-gift-left .back-img .img-inner img { max-height: 285px; min-height: 285px; object-position: top;}
  .free-gift-card .free-gift-left .ab-image img { width: 100px;}
  .review-section .testimonial-card { padding-bottom: 15px;}
  .offer-section .offer-points .offer-point-left { padding-right: 15px; }
 
  .inner-banner-1 { padding-top: 30% !important; padding-bottom: 5% !important;}
  .inner-banner-1 h1 { margin: 80px 0px 50px; font-size: 34px;}
  .faq-main-block { padding: 50px 0px !important;}
  .product-d-head p { font-size: 20px;}
  .faq-main-block .accordion-title span { font-size: 20px; }
  .faq-main-block .accordion { margin-top: 15px;}
  .contact-wrap .contact-details-card { margin: 25px auto 0;}
  

}

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





/*************** ADD MOBILE ONLY CSS HERE  ***************/







