/*
 * Theme Name: Dr. Morell Eye Care Clinic
 * Description: ECC
 * Author: Arroba PR
 * Author URI: https://www.arrobapr.com
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
body {color: #707070!important; overflow-x: hidden; font-family: 'Open Sans', sans-serif!important}
html {overflow-x: hidden}
h1 {font-weight: bold!important;color: #707070;font-size: 34px!important; }
h2 {font-weight: bold;}
p {line-height: 150%; font-size: 20px;}
img {max-width: 100%; height: auto;}
.mov {display: none!important;}
.img-movll {display: none!important}
a {text-decoration: none!important}
section {padding: 20px 0;}
.top-bar {text-align:center; display:block;}
.top-bar p {display: inline-block; border-right:3px solid #efefef; margin: 10px 5px; padding: 5px 15px; vertical-align: middle}
.top-bar i {font-size: 22px; display: inline-block; vertical-align: middle; color: #707070}
.top-bar b {display: inline-block; vertical-align: top;}
.top-bar a {display: inline-block;color: #707070; margin:0 3px}
.top-bar span {display: inline-block;}
.head-cita {padding-top: 60px}
.heade-icons {padding-top: 40px}
.woocommerce-store-notice, p.demo_store {background: #efefef; color: #000}
.heade-icons i:hover {color: #193d6e;}
.heade-icons span svg:hover {color: #193d6e;}
.heade-icons .fa-camera {width: 38px; height: 38px; line-height: 38px; border-radius: 50%;background: #707070; color: #fff ;transition: 0.4s all ease-in-out }
.heade-icons .fa-camera:hover {width: 38px; height: 38px; line-height: 38px; border-radius: 50%;background: #fff; color: #707070; transition: 0.4s all ease-in-out }
.head-cita a {margin: 0;text-transform: uppercase;vertical-align: middle; font-weight: bold; font-size: 18px}
.navbar-nav {float: none!important;width:100%!important; text-align:center!important; display: inline-block!important;transition: 0.6s; }
.navbar-nav > li {float: none; display: inline-block;}
.navbar {box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16);margin-bottom: 0;
    border-radius: 0 !important;
    padding: 0px!important;
    text-align: center;
    position: relative!important;
    width: 100%!important;
    z-index: 1;text-align: center!important;transition: 0.6s;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color: transparent}
.nav-item i {display: block; text-align: center; margin:2px auto; font-size: 20px}
.navbar-brand {
    transition: 0.5s all ease-in-out;
    background: transparent;

}
.navbar-brand img {max-width: 200px}
.navbar-nav > li > a {  border-bottom: 7px solid transparent;font-weight: bold;color: #707070;font-size: 22px;;margin:0 25px; transition: 0.3s all ease-in-out; text-decoration: none; position: relative; z-index: 1; text-transform:uppercase}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background: none; border-bottom: 7px solid #707070; color:#707070!important;transition: 0.3s all ease-in-out ; text-decoration: none}
.navbar-nav > li > .dropdown-toggle  {margin: 0px; padding: 0px}
.navbar-nav .active {color: #707070; border-bottom: 7px solid #707070}
.dropdown-toggle::after {
  vertical-align: middle;margin: 0 5px!important;font-size:26px; height:auto!important; vertical-align:middle!important}
.dropdown-menu li {display: inline-block}
.navbar-nav .dropdown-menu.show {
 transform:translate(0,0)!important;
 left:0%!important;
 top:98%!important;
 width:100%!important;
 text-align:center;
 border-radius:0;
  background:#707070;
 border:0}
.navbar-nav .dropdown-menu>li>a {
 color:#fff;
 font-size:22px;
display: inline-block;text-transform: uppercase; font-weight: bold;
 margin:0 15px;
 transition:0.3s all ease-in-out;
 text-decoration:none;
 text-shadow:none; border-bottom: 7px solid transparent}
.navbar-nav .dropdown-menu>li>a:hover,
.navbar-nav>li>a:focus {
 background:none;
 color:#fff;
 transition:0.3s all ease-in-out;
 text-decoration:none; border-bottom: 7px solid #fff}
.navbar-nav .dropdown-menu>li>a:focus,
.navbar .active a,
.navbar .active a {
 background:none;
 color:#707070;
 transition:0.3s all ease-in-out
}

/* Carousel */
.carousel-indicators {left:50%!important;}
.carousel-indicators .active {opacity: 1;background-color: #707070!important;}
.pasos .container {
  padding: 24px 87px 24px 107px;
  background-color: #efefef;
}
.carousel-inner {text-align: center}
.pasos {padding-top: 0}
.pasos strong {font-size: 24px;display: block;margin-top: 20px}
.pasos p {margin-bottom: 15px; line-height: 1em; padding-left: 35px}
.pasos .col-sm-4:nth-child(1) {
  border-right: 1px solid #2e4c71;
}
.pasos .col-sm-4:nth-child(2) {
  border-right: 1px solid #2e4c71;}
.hm-prod {text-align: center}
.hm-prod .tinv-wraper {display: none}
.hm-prod .button {display: none!important;}
.hm-prod .star-rating {display: none!important;}
.woocommerce ul.products li.product .price {color: #707070; font-size: 22px; font-weight: bold}
.products {padding: 0 10px}
.hm-prod .woocommerce-loop-product__title {display: none!important;}
.page-numbers li {display: inline-block; margin: 0 3px}
.page-numbers {text-align: center}
/* .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: none!important;margin: 10px!important;display: inline-block} */
.hm-test h1:after, .hm-ser h1:after, .hm-cat h1:after, .hm-prod h1:after, .clientes h1:after {content:'';display: block; width: 150px;height: 7px; background: #707070; margin:5px auto}
.hm-cat {text-align: center} 
.hm-cat .col-sm-6 {position: relative; margin-bottom: 20px}
.hm-cat img:hover {transform: scale(1.03); transition: 0.4s}
.hm-cat img {transition: 0.4s}
.hm-ser img:hover {transform: scale(1.03); transition: 0.4s}
.hm-ser img {transition: 0.4s}
.hm-cat strong {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:40%;text-transform:uppercase; color:#fff; font-size:30px}  
.cta {text-align: center; height: 350px; background: #efefef; margin-top: 100px}
.cta img {margin-top: -80px}
.cta h1 {font-size: 34px; margin-top: 100px}
.hm-ser {text-align: center}
.hm-ser .row {margin-top: 20px}
.hm-ser .col-sm-3 {position: relative; }
.hm-ser strong {display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom:30%; color: #fff; font-size:20px; width: 80%}
.hm-ser .btn-line { position: absolute; left: 50%; transform: translateX(-50%); bottom:15%; }

.hm-test {text-align: center;  background-color: #f7f7f7;}
.hm-test .single-item-wrapper {text-align: left}
.tss-wrapper .tss-layout3 .rating-wrapper, .tss-wrapper .tss-isotope1 .rating-wrapper, .tss-wrapper .tss-carousel3 .rating-wrapper {
  margin: 17px 0px -10px;
  text-align: left;
  display: block;
}
.tss-wrapper .tss-layout3 .single-item-wrapper h3.author-name, .tss-wrapper .tss-isotope1 .single-item-wrapper h3.author-name, .tss-wrapper .tss-layout3 .single-item-wrapper h4.author-bio, .tss-wrapper .tss-isotope1 .single-item-wrapper h4.author-bio, .tss-wrapper .tss-carousel3 .single-item-wrapper h3.author-name, .tss-wrapper .tss-carousel3 .single-item-wrapper h4.author-bio {
  text-align: left;color: #707070
}
.tss-carousel-main .swiper-arrow, .tss-carousel .swiper-arrow {
  background: transparent;
  width: 0px;
  height: 0px;
  display: block;
  border-radius: 0px;
  text-align: center;
  line-height: 0px;
  margin-top: 0;
  margin-top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
}
.tss-wrapper .tss-layout3 .item-content-wrapper, .tss-wrapper .tss-isotope1 .item-content-wrapper, .tss-wrapper .tss-video1 .item-content-wrapper, .tss-wrapper .tss-carousel3 .item-content-wrapper{ padding: 0}
.tss-wrapper .tss-even .tss-grid-item {padding: 20px 40px}
.tss-wrapper .single-item-wrapper .rating-wrapper span.dashicons {
  color: #000;
}
.tss-wrapper .tss-carousel3 .item-content-wrapper::before {display: none}
.tss-carousel-main .swiper-arrow > i, .tss-carousel .swiper-arrow > i {color: #707070; font-size: 22px}
.clientes {text-align: center}
.owl-carousel .owl-item img {
  display: block;
  width: auto!important;margin: auto;
}

.wc-proceed-to-checkout {margin-bottom: 20px}
.woocommerce-info {margin: 30px 0}
.btn-brow:hover{background: #c59a6e;color: #fff;transition: 0.3s all ease-in-out}
.btn-brow {padding:10px 20px;display: inline-block;
  border-radius: 34px;
  border: solid 4px #c59a6e;
background: #fff;text-decoration:none ; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: normal;
  text-align: center;
  color: #c59a6e; transition: 0.3s all ease-in-out; font-size:20px;text-transform:uppercase}
.btn-gris {padding:10px 20px;display: inline-block;
  border-radius: 34px;
  background-color:#707070;text-decoration:none ; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: normal;
  text-align: center;
  color: #fff; transition: 0.3s all ease-in-out; font-size:20px;text-transform:uppercase; border:3px solid transparent}
.btn-gris:hover{background: #fff;color: #707070;border:3px solid #707070;transition: 0.3s all ease-in-out}
/* Try Virtual */
.closeplug, .sizeplus, .navbar21 {background: #000;}
.icon-star {color: #555!important}
.widget .widget-header [class^="icon-"], .widget .widget-header [class*=" icon-"] {color: #fff}
.widget-content {background-color: #eee!important;}
.widget .widget-header {background: #fff!important;}
.entry-summary {padding-top: 45px}
.entry-summary .quantity {display: none}
.yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a {color: #000}
.yith-ywraq-add-to-quote a:hover {color: #fff}
.yith_ywraq_add_item_browse_message a:hover{color: #000}
.yith-ywraq-add-button {margin: 10px 0}
/* #scrapy_single {; margin-top: -260px; z-index:1; position:relative; margin-left: 51.5%} */
.add-request-quote-button:hover{background: #000000;color: #fff!important;border:3px solid #fff;transition: 0.3s all ease-in-out; color: #fff!important;}
.add-request-quote-button {padding:5px 20px;display: inline-block;
  border-radius: 34px;
  background-color:#fff;text-decoration:none ; font-weight: bold;
  font-stretch: normal;
  font-style: normal;;
  letter-spacing: normal;
  text-align: center;
  color: #000000; transition: 0.3s all ease-in-out; font-size:20px;text-transform:uppercase; border:3px solid #000000; margin: 10px 0; display: inline-block!important;}
.single_add_to_cart_button, #scrapy_single {padding:10px 20px;display: inline-block;
  border-radius: 34px;
  background-color:#000;text-decoration:none ; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: normal;
  text-align: center;
  color: #fff; transition: 0.3s all ease-in-out; font-size:20px;text-transform:uppercase; border:3px solid #000000; margin: 10px 0}
.btn-white {padding:10px 20px;display: inline-block;
  border-radius: 34px;
  background-color:#fff;text-decoration:none ; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: normal;
  text-align: center;
  color: #000000; transition: 0.3s all ease-in-out; font-size:20px;text-transform:uppercase; border:3px solid #000000}
#scrapy_single {width: auto}
.single_add_to_cart_button:hover, #scrapy_single:hover{background: #fff;color: #000;border:3px solid #000;transition: 0.3s all ease-in-out}
.btn-white:hover{background: #000000;color: #fff;border:3px solid #fff;transition: 0.3s all ease-in-out}
.btn-line {padding:10px 20px;display: inline-block;
  border-radius: 34px;;text-decoration:none ; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: normal;
  text-align: center;
  color: #fff; transition: 0.3s all ease-in-out; font-size:20px;text-transform:uppercase; border:3px solid #fff}
.btn-line:hover{background: #fff;color: #000;border:3px solid #fff;transition: 0.3s all ease-in-out}
/* TEST */
.qmn_results_page {text-align:center; padding: 20px 0}
.qmn_results_page h3, .qmn_results_page h4, .qmn_results_page li {text-align: center!important;}
.qsm-previous {float: left;position: relative; z-index: 1}
.qsm-next {float: right;position: absolute;top: 10px; right:0}
.quick-question-res-p {display: none}
.qsm-progress-bar {margin-bottom:  15px!important;}
.quiz_section h3 {margin: 10px 0; text-align: center!important;; display: block}
.qsm_check_answer {margin: 20px 0}
.mlw_horizontal_choice {margin: 20px 0; display: block}
.qsm-page-1 .quiz_section {
  display: inline-block!important;
  border: 0;
  margin: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 48%; margin: auto
}
.qsm-page-2 .quiz_section {
  display: inline-block!important;
  border: 0;
  margin: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 48%; margin: auto
}
.qsm-page-2 .qmn_radio_answers {text-align: center}
  .qsm-page-2 img {display: block; text-align: center;margin: auto}
.qsm-page-3 .quiz_section {
  display: inline-block!important;
  border: 0;
  margin: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width:45%; margin: auto
}
.qsm-page-3 .qmn_radio_answers {text-align: center}
  .qsm-page-3 img {display: block; text-align: center;margin: auto}

.qsm-page-4 .quiz_section {
  display: inline-block!important;
  border: 0;
  margin: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width:48%; margin: auto
}
.qsm-page-4 strong {display: block; text-align: center}
.qsm-page-4 .mlw_answer_number {text-align: center; display: block; margin: auto;width: 85%!important;}
  .qsm-page-4 img {display: block; text-align: center;margin: auto}
.qmn_pagination {
  position: relative;
  display: block!important;;
  align-items: stretch;
  flex-direction: column;
  padding: 15px 0 15px 0;
  text-align: center!important;;}
/* productos */
.wpfFilterWrapper {display: inline-block!important; width: auto!important}
.wpfFilterWrapper select {background:transparent!important; border: 0; font-size: 18px;}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {background: #fff; border: 2px solid #000!important;border-radius: 30px!important;}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {
  background: #b7eeff;
  border-radius: 0;
  border: 1px solid black;
}
.prd-gen .price {
  color: #707070;
  font-size: 22px;
  font-weight: bold;
}
.prd-gen .products .type-product {display: inline-table!important;text-align:center; width: 24%!important;;margin: 20px auto!important;;float: none!important;}
.prd-gen .star-rating {display: none}
.prd-gen .product_type_variable {display: none}
.prd-gen .woocommerce-loop-product__title {display: none}
.prd-gen .tinvwl_add_to_wishlist_button {display: none}
.woocommerce-breadcrumb {
  margin-left: 10%;
  display: inline-block;
  font-size: 18px;
  margin-top: 10px;
}
.woocommerce-tabs {display: none}
.product_meta {display: none}
.flex-control-thumbs {text-align: center; padding: 0}
.product .col-sm-6 img {margin: auto; display: block; border: 2px solid #a4a4a4; margin-bottom: 10px}
.woocommerce-product-details__short-description li {font-size: 18px}
.woocommerce-product-details__short-description p {font-size: 20px; margin-bottom:0}
.flex-control-thumbs li {
  display: inline-block;
  max-width: auto;
  list-style: none;
  margin: 20px 5px;
}
.accordion-button:not(.collapsed) {
 background:#fff!important;
 color:#333!important;;
 text-align:center;
}
.woocommerce-result-count {font-size: 16px; text-align: right}
.accordion-button {font-size: 18px!important;}
.accordion-button:focus {box-shadow: none!important}
.related {display: none}
.recoemndaciones h1 {text-align: center; text-transform: uppercase;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.34px;
  color: #707070;margin-bottom: 20px}
.recoemndaciones {background: #fff; text-align: center; margin-top: 200px}
.wpcp-carousel-section .wpcp-single-item { border: solid 1px #707070;}
/* Banner */
.banner {height: 250px; text-align: left; max-width: 100%; position: relative; background: url(img/h/header-d.webp)center no-repeat; background-size:cover}
.banner h1 {padding-top: 120px;   font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #707070;text-transform: uppercase}
/* .ser {background: url(https://via.placeholder.com/2000x250)center no-repeat; background-size: cover}
.tec {background: url(https://via.placeholder.com/2000x250)center no-repeat; background-size: cover}
.ct {background: url(https://via.placeholder.com/2000x250)center no-repeat; background-size: cover}
.sb {background: url(https://via.placeholder.com/2000x250)center no-repeat; background-size: cover}
.tnd {background: url(https://via.placeholder.com/2000x250)center no-repeat; background-size: cover} */
.servi1 h4 {text-align: left;margin: 10px 0; font-weight: 600}
.fil h4, .fil h6 {text-align: center}
.fil h6 {margin-bottom:  30px }
.servi1 .row{margin: 30px 0}
.servi1 ul {padding: 0 15px}
.servi1 li {display: block; margin: 5px 0}
.servi1 li p {display: inline-table; width: 80%}
.servi1 h1, .servi2 h2 {text-transform: uppercase}
.servi2 {background-color: #f7f7f7;padding:50px 0}
.servi2 h3 {margin-bottom: 20px}
.servi .btn-white, .servi2 .btn-white {margin: 10px; display: inline-block }
.ser-icon {text-align: center; padding:40px 0}
.ser-icon strong {display: block; margin: 10px 0; font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: #484848;}
.ser-icon h1, .ser-icon h2 {text-transform: uppercase}
.ser-icon {text-align: center; background: url(img/icons/banner-beneficios.webp)center no-repeat; background-size:cover}
.ser-icon h2:after{content:'';display: block; width: 150px;height: 7px; background: #707070; margin:5px auto}
.team {text-align: center}
/* Contacto */
.contact {text-align: center}
.contact a {display: block;  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: #313131;text-decoration:none; font-size:20px}
.redes-c a {display: inline-block; margin: 0 10px}
.contact strong {display: block; font-size: 22px; color: #e41f26; margin-top: 10px}
.contact i {color: #e41f26; font-size:30px;margin-top: 20px}
.contact p {display: block;  font-weight: normal;font-size:20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: #313131;}
.redes-c i {font-size: 34px}
.map {text-align: center}
.map strong {display: block; font-size: 22px; color: #e41f26}
.map i {color: #e41f26; font-size:30px;}
.map p {display: block;  font-weight: normal;font-size:20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: #313131;}
/* TERMS */
.term strong {display: block; font-size: 20px; margin: 10px 0}
.terms ul {font-size: 20px}
.terms li {font-size: 20px}
.terms b {font-size: 20px}
/* Blog */
.blog {max-width: 100%; text-align: center;border-top: 5px solid #cacfd5; padding: 20px 0}
/* .post-card img {display: inline-block}
.post-card p {display: inline-block; color: #333}
.post-card a {display: inline-block}
.post-card strong {color: #333;}
.green {color: #333}
.blog li {display: block; text-align: left;}
.blog ul {border-bottom: 5px solid #43a4d9; padding: 10px 0} */
/* Faqs */
/*
.preg {max-width: 100%; text-align: center}

.preg a {color: #00225f; text-decoration: none; text-align: center}
.accordion-button {background:  #ddd; color: #fff}
.accordion-item { margin: 25px 0;text-align: center}
.accordion-body {background: #ddd; text-align: left}
.accordion-button:not(.collapsed) {background: #00225f; color: #fff; text-align: center} */

#blog {padding: 20px 0}

.scrollup {
  display:none; position:fixed; z-index: 100; bottom:20px; right:20px;
  background:#555; color:#fff; font-size:36px; width:50px; height:50px;
  border-radius:25px; text-align:center; line-height:50px; cursor:pointer; opacity:0.7
}
.scrollup:hover {opacity: 1}


/*Footer*/

footer{max-width: 100%; background-color: #efefef; text-align:center;padding: 10px 0}
footer .fsocial{  font-size: 25px; color: 707070}
footer .fsocial:hover {  font-size: 25px; color: #707070}
footer strong {display: block; text-transform: uppercase; font-size: 20px; text-align:left}
footer a{
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #707070;;margin: 5px; font-size: 18px; text-decoration: none;display: inline-block}

footer a:hover {text-decoration:none; color: #707070; }
#myDIV {  animation-duration: 4s;
  animation-delay: 2s;; padding-top: 10px}
footer button {border: none!important;background: transparent; font-size: 26px}
#myDIV a {display: flex}
#myDIV2 a {
  display: inline-block;
}
#myDIV2 strong {text-align: center; margin: 5px 0}
/* Error 404 */
.not-found {text-align: center; margin: 100px 0; font-size: 24px;}
.row-mov {display: none!important;}

/*Responsive */

@media screen and (max-width:1540px){
  .qsm-page-1 .quiz_section{
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 45%; margin: 0 10px
}
  .qsm-page-2 .quiz_section{
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 45%; margin: 0 10px
}
  .qsm-page-3 .quiz_section{
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 45%; margin: 0 10px;
}
}
@media screen and (max-width:1399px){
  .banner {background: url(img/h/header-l.webp)center no-repeat; background-size:cover}
    #scrapy_single {
  margin-top: -240px;
  z-index: 1;
  position: relative;
  margin-left: 51.5%;
}
  .recoemndaciones {margin-top: 150px}
}
@media screen and (max-width:1366px){
  
}
@media screen and (max-width:1278px){

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

  .hm-ser strong {display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom:35%; color: #fff; font-size:20px; width: 80%}
.hm-ser .btn-line { position: absolute; left: 50%; transform: translateX(-50%); bottom:15%; font-size:18px; padding: 10px}
  .cta h1 {
  font-size: 34px;
  margin-top: 0px;
}
  .cta {height: 250px}
  .navbar-nav > li > a {font-size:20px}
    .navbar-nav .dropdown-menu > li > a {font-size: 20px}
  .navbar-brand img {max-width: 200px}
  .head-cita {padding-top: 45px;}
  .heade-icons {padding-top: 30px}
  .pasos .container {
  padding: 24px 47px 24px 37px;
  background-color: #efefef;
}
  .entry-summary {
  padding-top: 25px;
}
     #scrapy_single {
  margin-top: -210px;
  z-index: 1;
  position: relative;
  margin-left: 51.5%;
}
  .recoemndaciones {margin-top: 110px}
}

@media  screen and (max-width:991px){
    .qsm-page-1  .quiz_section {
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: auto; text-align: center
}
    .qsm-page-2  .quiz_section {
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: auto; text-align: center
}
    .qsm-page-3  .quiz_section {
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 100%; text-align: center
}
 .qsm-page-4  .quiz_section {
  display: inline-block!important;
  border: 0;
  padding: 15px 0 15px 0;
  font-size: 16px;
  width: 100%; text-align: center
}
  .test-conditions li {text-align: left}
  .woocommerce ul.products li.product .price {
  color: #707070;
  font-size: 18px;
  font-weight: bold;
}
  .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 21%;}
  .hm-ser .col-sm-3 {width: 40%; margin:10px auto}
    .hm-ser strong {display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom:35%; color: #fff; font-size:20px; width: 80%}
.hm-ser .btn-line { position: absolute; left: 50%; transform: translateX(-50%); bottom:15%; font-size:18px; padding: 10px}
  h1 {font-size: 30px!important;}
  .cta {height: 180px}
  .heade-icons {padding-top: 18px}
  .head-cita {
  padding-top: 35px;
}
  p {font-size: 18px}
  .pasos strong {
  font-size: 21px;
  display: block;
  margin-top: 0px;
}
   .pasos .container {
  padding: 24px 17px 24px 17px;
  background-color: #efefef;
}
  .head-cita a {
  margin: 0 2px;
  text-transform: uppercase;
  vertical-align: middle;
  font-weight: bold;
  font-size: 17px;
}
  .top-bar i {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #707070;
}
.heade-icons .fa-camera {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  background: #707070;
  color: #fff;
}
  .heade-icons .fa-camera:hover {
  width: 34px;
  height: 34px;
  line-height: 34px;

  border-radius: 50%;
  background: #fff;
  color: #707070;
  transition: 0.4s all ease-in-out;
}

  .navbar-nav > li > a {margin: 0 20px;font-size: 17px}
    .navbar-nav .dropdown-menu > li > a {font-size: 18px}

 .navbar-brand img {max-width: 150px}
   #scrapy_single {
  margin-top: -155px;
  z-index: 1;
  position: relative;
  margin-left: 52%;
}
  .recoemndaciones {margin-top: 60px}
  
}

@media screen and (max-width:880px){
  .head-cita {
  padding-top: 15px;
}
}
@media screen and (max-width:768px){
    .banner {background: url(img/h/header-t.webp)center no-repeat; background-size:cover}


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

  .wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
  padding: 2px 0!important;;
  align-items: center;
  min-height: auto!important;;
  border-radius: 4px;
  font-size: 16px!important;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
  white-space: normal;
  cursor: pointer;
  border: none;
  font-weight: bold;
  outline: none;
}
  .swiper-button-next {
  right: 20px!important;
}
  .wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
  width: 95%!important;
}
  .wpfFilterWrapper {display:  inline-block!important; width: 50%!important; margin: 0!important;}
.wpfFilterWrapper select {background:transparent!important; border: 0; font-size: 18px;margin: }
 .bootstrap-iso .row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none!important;
  margin-left: 0;

}
     #scrapy_single {
  margin-top: -0;
  z-index: 1;
  position: relative;
  margin-left: 0%;
}
  .recoemndaciones {margin-top: 0px}
  .bootstrap-iso .row-fluid .span12 {margin: 10px 0}
  .entry-summary {padding-top: 0px; text-align: center}
  .flex-control-nav, .flex-control-thumbs {margin-bottom: 0!important;}
  .flex-control-thumbs li {
  display: inline-block;
  max-width: auto;
  list-style: none;
  margin: 0px 5px;
}
  .woocommerce-breadcrumb {
  margin-left: 2%;
  display: inline-block;
  font-size: 16px;
  margin-top: 10px;
}
  .qsm-page-3 .quiz_section {margin: 0}
  .test-conditions {padding: 0 10px}
    .qsm-previous {float: left;}
.qsm-next {float: none!important;;position: absolute!important;top:15px!important;; margin-left: 50%; width: 100px}
  .qsm_check_answer {margin: 15px 0}
  .prd-gen .products .type-product {
  display: inline-table !important;
  text-align: center;
  width: 49% !important;
  margin: 20px auto !important;
  float: none !important;
}
  .servi1 img, .servi2 img {display: block; margin: 10px auto}
  .hm-ser strong {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 32%;
  color: #fff;
  font-size: 20px;
  width: 80%;
}
  .hm-ser .col-sm-3 {
  width: 100%;
  margin: 10px auto;
}
  .cta {height: auto}
.cta h1 {
  font-size: 34px;
  margin-top: 10px;
}
.img-movll {display: block}
  .img-deskkk {display: none}
  .navbar {
  position: relative;
  z-index: 10;
  padding: 0;text-align:center!important;justify-content: center;  justify-items: center
}
  .navbar-nav {display:  flex!important;}
  .navbar-nav > li > .dropdown-toggle {
  margin: 0px;
  padding: 0px;display: inline-block
}
  .navbar-nav li a {margin: 0px 0px; font-size: 20px; padding: 0px 0; }
  .navbar-brand img {max-width: 120px;}
  .navbar-brand {  padding-left: 8px;
  margin-right: 0 !important;
}
  .navbar-toggler-icon {height: auto; font-size: 28px;color: #707070;height: auto!important }
  .navbar-nav li { margin:10px 0px; display: table; text-align:center; justify-content:center}
  .navbar-nav  .dropdown-menu  li {display: block}
  .navbar-nav .dropdown-menu > li > a {font-size: 20px}
  .heade-icons {padding: 0px;}
.top-bar {
  margin-left:  auto;
}

.top-bar p {
    display: inline-block;
    border-right: 3px solid #efefef;
    margin: 5px 0px;
    padding: 5px 0px;
    vertical-align: middle;

}
  .top-bar i {font-size: 18px}
  .heade-icons .fa-camera:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: #fff;
  color: #707070;
  transition: 0.4s all ease-in-out;
}
  .heade-icons .fa-camera {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: #707070;
  color: #fff;
}
  .navbar-toggler { line-height: 0!important;padding: 5px!important;}
  .head-cita {padding-top: 5px}
  .navbar-toggler:focus {border: 0!important;box-shadow: none!important;; background: none!important;}
  .navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none!important;}
  .row-desk {display: none!important;}
  .row-mov {display: block!important;}
  .desk {display: none!important;}
  .mov {display: block!important}
  .pasos strong {
  font-size: 21px;
  display: block;
  margin-top: 10px;text-align: center
}
  .pasos p {
  margin-bottom: 15px;
  line-height: 1em;
  padding-left: 0px;text-align: center
}
  .carousel-indicators {
  left: 0% !important;bottom: -5%!important;
}
.pasos .container {
  padding:5px 24px;
  background-color: #efefef;}
  .pasos .col-sm-4:nth-child(1) {
  border-bottom: 1px solid #2e4c71;border-right: 0
}
  .pasos .col-sm-4:nth-child(2) {
  border-bottom: 1px solid #2e4c71;border-right: 0
}
  .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
  width: 42%;
}
  .hm-cat strong {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 35%;
  text-transform: uppercase;
  color: #fff;
  font-size: 26px;
}
   
   html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form {
  opacity: 0;
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 20px);
  min-width: 300px;
  z-index: 1000;
}
  .banner h1 {
  padding-top: 90px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #707070;
  text-transform: uppercase;
}
    .banner {background: url(img/h/header-m.webp)center no-repeat; background-size:cover}

}
@media screen and (max-width:390px){
   .navbar-brand {  padding-left: 5px;
  margin-right: 0 !important;}
  .navbar-brand img {width: 110px}
  .top-bar i {font-size: 16px}
     html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form {
  opacity: 0;
  display: none;
  position: absolute;margin-left: 300%;

  top: calc(100% + 20px);
  min-width: 250px;
  z-index: 1000;
}
}