/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/



.fa,

.fas,

.far,

.fal,

.fad,

.fab {

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1; }

.fa-lg {

  font-size: 1.33333em;

  line-height: 0.75em;

  vertical-align: -.0667em; }



.fa-stack-1x,

.fa-stack-2x {

  left: 0;

  position: absolute;

  text-align: center;

  width: 100%; }



.fa-stack-2x {

  font-size: 2em; }



.fa-inverse {

  color: #fff; }

  .fa-stack {

  display: inline-block;

  height: 2em;

  line-height: 2em;

  position: relative;

  vertical-align: middle;

  width: 2.5em; }

.fa,

.fas,

.far,

.fal,

.fad,

.fab {

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1; }



.fa-stack-1x {

line-height: inherit; }

.fa-phone:before {

content: "\f095"; }

.fa-envelope:before {

content: "\f0e0"; }

.fa-whatsapp:before {

content: "\f232"; }

.fa-caret-right:before {

content: "\f0da"; }

.fa-circle:before {

content: "\f111"; }

.fa-facebook-f:before {

  content: "\f39e"; }

.fa-instagram:before {

content: "\f16d"; }

.fa-twitter:before {

content: "\f099"; }

.fa-pinterest-p:before {

content: "\f231"; }



@font-face {

    font-display: swap;

  font-family: 'Font Awesome 5 Brands';

  font-style: normal;

  font-weight: normal;

  font-display: auto;

  src: url("webfonts/fa-brands-400.eot");

  src: url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-brands-400.woff2") format("woff2"), url("webfonts/fa-brands-400.woff") format("woff"), url("webfonts/fa-brands-400.ttf") format("truetype"), url("webfonts/fa-brands-400.svg#fontawesome") format("svg"); }



.fab {

  font-family: 'Font Awesome 5 Brands'; }

@font-face {

    font-display: swap;

  font-family: 'Font Awesome 5 Free';

  font-style: normal;

  font-weight: 400;

  font-display: auto;

  src: url("webfonts/fa-regular-400.eot");

  src: url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-regular-400.woff2") format("woff2"), url("webfonts/fa-regular-400.woff") format("woff"), url("webfonts/fa-regular-400.ttf") format("truetype"), url("webfonts/fa-regular-400.svg#fontawesome") format("svg"); }



.far {

  font-family: 'Font Awesome 5 Free';

  font-weight: 400; }

@font-face {

    font-display: swap;

  font-family: 'Font Awesome 5 Free';

  font-style: normal;

  font-weight: 900;

  font-display: auto;

  src: url("webfonts/fa-solid-900.eot");

  src: url("webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-solid-900.woff2") format("woff2"), url("webfonts/fa-solid-900.woff") format("woff"), url("webfonts/fa-solid-900.ttf") format("truetype"), url("webfonts/fa-solid-900.svg#fontawesome") format("svg"); }



.fa,

.fas {

  font-family: 'Font Awesome 5 Free';

  font-weight: 900; }

.css-selector::before {

   font-family: 'Font Awesome 5 Free';

   content: "\f101";

   font-weight: 900;

}

ul, ol{margin:auto;}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{background: transparent!important;}

div#primary-menu ul li a{color: #54595f;}

div#primary-menu ul li a{background: transparent;}

.main-navigation li{background-color: transparent;}

div#primary-menu ul li a:hover {

    background: #fff;

    border-bottom: solid #82c8c6 1px;

}

.main-navigation, .main-navigation ul ul{background: none}

.inside-header {

    padding: 10px 5px;

}

.ttl-beneficios h2{

	color: #98c5c4;

  font-weight: 600;

}

span.no-display{z-index: -1;position: absolute;color: #fff;}



.contenido-blanco ul li,

.contenido-blanco p,

.contenido-blanco h2,

.contenido-blanco h3{color:#fff;}

.vc_row.formulario-sesiones {

    color: #fff;

}

.vc_row.formulario-sesiones select::placeholder{color:#fff}

div#primary-menu ul li a {

    color: #54595f;



    padding: 0px;

    line-height: 50px;

    padding: 0px 20px;

}

header#masthead{

	background-image: linear-gradient(180deg, rgba(255,255,255,0.47) 58%, rgba(130,200,198,0.48) 100%);

}

.ttl-verde h2{

	

	color: #82c8c6;

}

.wpb_text_column.wpb_content_element.bloque-principal{text-align: center;}

.bloque-principal h2{

	color: #80c8c4;

	font-weight: 900;

	margin-bottom: 0px;

  font-size: 70px

}

.bloque-principal h3{

    color: #7a7a7a;

    font-weight: 600;

    margin-bottom: 0px;

    font-size: 40px;

    display: block;

    max-width: 300px;

    margin: 0 auto;

    line-height: normal;

    color: #be85b8;

}

.bloque-principal h4 {

	color: #7a7a7a;

    font-weight: 900;

    font-size: 50px;

    margin-bottom: 0px;

}





.bloque-formulario h2{

	

	color: #82c8c6;

	font-weight: 700;	

	text-align: center;

}

.wpb_text_column.wpb_content_element.bloque-formulario p {

    text-align: center;

}

.beneficio{}



.wpb_text_column.wpb_content_element.beneficio.icon-1:before {

    content: '';

    background: url(https://tratamientohifu.bodysanctuary.com.mx/wp-content/uploads/2020/01/ic_bisturi.svg);

    width: 120px; height: 120px;

    position: relative;

    text-align: center;

    margin: 0 auto;

    display: block;

}

.beneficio.icon-2:before{

    content: '';

    background: url(https://tratamientohifu.bodysanctuary.com.mx/wp-content/uploads/2020/01/ic_inyeccion.svg);

    width: 120px; height: 120px;

    position: relative;

    text-align: center;

    margin: 0 auto;

    display: block;

    

}

.beneficio.icon-3:before{

    content: '';

    background: url(https://tratamientohifu.bodysanctuary.com.mx/wp-content/uploads/2020/01/ic_personalizado.svg);

    width: 120px; height: 120px;

    position: relative;

    text-align: center;

    margin: 0 auto;

    display: block;

    

}

.beneficio.icon-4:before{

    content: '';

   	background: url(https://tratamientohifu.bodysanctuary.com.mx/wp-content/uploads/2020/01/ic_resultados.svg);

    width: 120px; height: 120px;

    position: relative;

    text-align: center;

    margin: 0 auto;

    display: block;

}



.bloque-formulario p{

	

	color: #54595f;

}

.bg-formulario{

    background: rgba(255,255,255,0.8);

    border-radius: 50px;

}

.vc_row.wpb_row.vc_row-fluid.contendor-like.vc_custom_1580940683783.vc_row-has-fill{

    background-position: top center!important;

}



.ttl-dislike h2, .ttl-like h2{

	color: #82c8c6;

	text-align: center;

	font-weight: 700;

  font-size: 30px;

}

.ttl-dislike i, .ttl-like i{

	font-size: 50px;

	text-align: center;

	color: #54595f;

	display: block;

}

.ttl-tratamiento ul li{

  font-size: 30px;

  text-align:center;

  font-weight: bold;

}

.lista-beneficios ul{list-style: none;}

.lista-beneficios ul li{margin: 10px 0px; color: #7a7a7a;}

.lista-beneficios ul li:before {

    font-family: "Font Awesome 5 Free";

    font-weight: 700;

    content: "\f0da";

    text-decoration: inherit;

    color: #82c8c6;

    font-size: 20px;

    position: relative;

    left: -10px;

    padding: 0px;

    margin-left: 10px;

}

.ttl-tratamientos h2{

	color: #80c8c4;

	text-transform: uppercase;	

	font-weight: 300;

}

.ttl-tratamientos h2 span{

	color: #be85b8;

	font-size: 50px;

}

.ttl-tratamientos h3 {

    text-align: center;

    color: #7a7a7a;

    font-size: 35px;

    padding: 25px 0px 0px 0px;

}

.ttl-escribenos h2{color: #82c8c6;}

.ttl-escribenos h2 span{color: #be85b8; font-weight: 700;}

ul#menu-menu-principal li a:hover {

    background: transparent!important;

}



.icon-tratamiento i{

	text-align: center;

	font-size: 50px;

	color: #fff;

}

.text-tecnologia h2{

	color:#54595f;

}

.site-info {

    background-color: #fff;

    text-align: center;

    margin: 0 auto;

    color: #000;

}

.ditrecciones h3{color: #82c8c6;}

.ditrecciones p{color: #7a7a7a;}

.icon-tratamiento{color: #fff; text-align: center}

.ttl-satisfaccion h2{

    color: #82c8c6;

    font-family: "Oswald", Sans-serif;

    font-size: 35px;

    font-weight: 300;

    padding: 0px 15px;

    text-align: center;

}

.lista-beneficios{color: #7a7a7a!important;}

.ttl-beneficio{color: #7a7a7a!important;}





.whatsaap a {

    position: fixed;

    right: 5px;

    z-index: 9999999999999999;

    top: 30%;

    font-size: 20px;

    color: #00d674;

}

.site-info{padding: 0;}

.only-mobil{display: none;}



div#footer-widgets {

    background: black;

    color: #fff;

    padding: 60px;

}

.footer-widgets .widget-title{line-height: initial;color: #82c7c4;font-size: 20px;margin-bottom: 0; padding: 10px 0px;}

.footer-bar-align-center .footer-bar {

    margin-bottom: 0px;

    padding: 15px 0px;

    font-size: 20px;

}

.vc_row.formulario-sesiones select,

.vc_row.formulario-sesiones input::placeholder{

color:#fff;

}

.vc_row.formulario-sesiones select,

.vc_row.formulario-sesiones input {

    width: 100%;

    height: 45px;

    background: transparent;

    color: #fff;

    border: solid #fff 1px ;

}

.wpb_text_column.wpb_content_element.borde-tratamiento {

    background: #FFFFFF;

    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);

    border-radius: 20px;

    padding: 30px 10px 30px 10px;

    margin-top: -20px;

}

.link-tel a:hover{color: #b069a3;}

input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-enviar {

    border-radius: 25px;

    background: #B069A3;

    max-width: 150px;

    display: block;

    margin: 10px 0px;

    color: #fff!important;

}

.vc_row.formulario-contacto select,

.vc_row.formulario-contacto input{

        background: 0 0;

    border: none;

    border-bottom: solid 1px silver;

    padding: 5px;

    margin: 5px;

    width: 100%;

    height: 50px;

    color: #7a7a7a!important;

}

.vc_row.formulario-contacto select,

.vc_row.formulario-contacto input {

    background: #fff;

    width: 100%;

    height: 45px;

    margin: 10px 0px;

}



.wpcf7-not-valid-tip {

    color: #dc3232;

    font-size: 1em;

    font-weight: 400;

    display: block;

    background: #98c5c4;

}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {

    border-color: #ffb900;

    background: #98c5c4;

}

.wpcf7 form.sent .wpcf7-response-output{    background: #98c5c4;}



.formulario-sesiones input[type="radio"] {

    width: auto;

}

.formulario-sesiones input::placeholder,

.formulario-sesiones select::placeholder{

  color: #7a7a7a!important;

  font-size: 18px;

}

.lista-beneficios{color: #7a7a7a!important;}

.ttl-beneficio{color: #7a7a7a!important;}



.formulario-sesiones input{

    background: transparent;

    border: none;

    border-bottom: solid 1px silver;

    padding: 5px;

    margin: 10px 5px;

    width: 100%;

    color: #7a7a7a!important;

}

.formulario-sesiones select{

	background: transparent;

    border: none;

    border-bottom: solid 1px silver;

    padding: 5px;

    margin: 5px;

    width: 100%;

    height: 50px;

    color: #7a7a7a!important;

}



aside#text-4 a:hover,

aside#text-3 a:hover,

ul.social-list li a:hover{

  color: #82c7c4;

  transition: 0.3s all;

}

aside#text-4 a,

aside#text-3 a {

    color: #fff;

}

aside#text-3 a:before{

  content: "\f095";

  font-family: 'Font Awesome 5 Free';

  font-weight: 800;

  transform: rotateY(180deg);

  padding-left: 6px;

  display: inline-block;

}

aside#text-4 a:before{

  content: "\f232";

  font-family: 'Font Awesome 5 Brands';

  font-weight: 400; 

  display: inline-block;

  padding-right:6px;

}

ul.social-list li {

    display: inline-block;

    padding: 0px 20px;

    border-right: solid #fff 2px;

}

ul.social-list li a{

    font-family: 'Font Awesome 5 Brands';

  font-weight: 400; 

  display: inline-block;

  padding-right:6px;

  color: #fff

}

ul.social-list li {

    display: inline-block;

    padding: 0px 10px 0px 10px;

    border-right: solid #fff 2px;

    font-size: 14px;

}

.bloque-apartir h4 {

    font-size: 35px;

    text-align: center;

    font-weight: 900;

    margin-bottom:0px;

}



.bloque-apartir h3 {

    font-size: 30px;

    text-align: center;

    font-weight: 900;

    margin-bottom:0px;

}

.bloque-meta{text-align: center;}

.bloque-meta h1{font-size: 58px; font-weight: 900; color: #be85b8;}

.bloque-meta h2{font-size: 45px; font-weight: 400; color:#7a7a7a;}

.bloque-meta h3{font-size: 35px;font-weight: 900; color: #be85b8;}



.wpb_text_column.wpb_content_element.lista-beneficios.ttl-tratamiento.bg-formulario h2{

	font-size: 40px;

	color: #98c5c4;

	font-weight: 800;

}

.wpb_text_column.wpb_content_element.lista-beneficios.ttl-tratamiento.bg-formulario h2 span{

	color: #be85b8;

	font-weight: 800;

}

.wpb_text_column.wpb_content_element.ttl-beneficio{

    color:#7a7a7a!important;

}

@media  (max-width: 768px) {

  .vc_custom_1579906416640{

    background-position: right center!important;

  }

	.no-mobil{display: none}

	.col-depilacion,

	.col-escribenos{width: 100%!important;}

	.vc_row.wpb_row.vc_row-fluid.seccion-principal.vc_custom_1576193833165.vc_row-has-fill.vc_row-o-content-middle.vc_row-flex,

	.vc_row.wpb_row.vc_row-fluid.seccion-ventaja.vc_custom_1576192826382,

	.vc_row.wpb_row.vc_row-fluid.seccion-protocolo.vc_custom_1576191145545.vc_row-has-fill{

		padding-top: 20px!important;

		padding-bottom:  20px!important;

	}

	.site-logo {float: left!important;}

	.menu-toggle .mobile-menu{display: none;}

	nav#site-navigation.main-navigation {

    	background: transparent!important;

    	margin-top: -70px;

    	width: 100%;

	}

	button.menu-toggle {

	    background-color: transparent;

	    width: 100%;

	    border: 0;

	    text-align: right;

	    color: #000;

	}

	[class*="nav-float-"] .site-header .inside-header > *{

		float: right;

	}

	nav#site-navigation {

    	margin-top: -70px!important;

	}

	button.menu-toggle:hover, button.menu-toggle:focus, .main-navigation .mobile-bar-items a, .main-navigation .mobile-bar-items a:hover, .main-navigation .mobile-bar-items a:focus{

		color: #000;

	}

	.bg-formulario{background: #fff;}

	.text-tecnologia p{

		    font-size: 21px;

	}

	.bloque-formulario h2,

	.ttl-satisfaccion h2{

		text-align: left!important;

	}

}

@media (max-width: 425px) {

  .vc_row.wpb_row.vc_row-fluid.vc_custom_1576193414694.vc_row-o-equal-height.vc_row-o-content-middle.vc_row-flex {

    padding-top: 0!important;

}

  .bloque-formulario h2, .ttl-satisfaccion h2{text-align: center!important;}

  .ttl-tratamiento ul li{font-size: 23px;}

  .bg-formulario{padding:20px 10px;}

  .wpb_text_column.wpb_content_element.lista-beneficios.ttl-tratamiento.bg-formulario h2{font-size: 25px;}

  .bloque-formulario h2, .ttl-satisfaccion h2

  input, select, textarea{font-size: 18px;}

  .grecaptcha-badge {

  width: 70px !important;

  overflow: hidden !important;

  transition: all 0.3s ease !important;

  left: 4px !important;

}



.grecaptcha-badge:hover {

  width: 256px !important;

}

.vc_row.wpb_row.vc_row-fluid.seccion-principal.vc_custom_1581539616722.vc_row-has-fill.vc_row-o-content-middle.vc_row-flex{

    background: url(https://liposuccionsincirugia.bodysanctuary.com.mx/wp-content/uploads/2020/02/Untitled-1-1.jpg)!important;

    background-repeat: no-repeat!important;

    background-size: cover!important;

    padding: 20px 10px!important;

}

  .wpb_text_column.wpb_content_element.beneficio.icon-1:before,

  .beneficio.icon-2:before,

  .beneficio.icon-3:before,

  .beneficio.icon-4:before{

  width: 80px;

  height: 80px;

}

  div#footer-widgets {

    padding: 30px;

  }

  .bg-formulario{opacity: 0.8;}

  label span.no-display {

      z-index: -1;

    position: absolute;

    color: #fff;

    opacity: 0.8;

}

  .bloque-principal{max-width: 50%;}

  .bloque-principal h2{font-size: 23px;}

  .bloque-principal h3{font-size: 20px;}

  .bloque-principal h4{font-size: 15px;}

  .bloque-principal h5{font-size: 20px;padding: 20px 0;}

  .vc_row.wpb_row.vc_row-fluid.seccion-principal.vc_custom_1580415961545.vc_row-has-fill.vc_row-o-content-middle.vc_row-flex{background: url(https://tratamientohifu.bodysanctuary.com.mx/wp-content/uploads/2020/01/Untitled-1-1.jpg)!important;

    padding-top: 0px!important;

    padding-bottom: 0px!important;

    }    .ttl-dislike h2, .ttl-like h2{color: #54595f}

    .vc_row.wpb_row.vc_row-fluid.contendor-like.vc_custom_1580225251940.vc_row-has-fill {

        background-position: -700px 0px!important;

    }

	.only-mobil{display: block;}

	.vc_row.wpb_row.vc_row-fluid.seccion-principal.vc_custom_1576194486800.vc_row-has-fill.vc_row-o-content-middle.vc_row-flex {

    	background: #82c8c6!important;

    	padding: 0px!important;

	}

	.bloque-depilacion{padding: 20px 10px;text-align: center;}

	.bloque-depilacion h2{color: #fff}

	

	

	.col-depilacion,

	.col-escribenos{width: 100%!important;}

	.vc_row.wpb_row.vc_row-fluid.seccion-protocolo.vc_custom_1576193790314.vc_row-has-fill,

	.vc_row.wpb_row.vc_row-fluid.seccion-ventaja.vc_custom_1576192826382,

	.vc_row.wpb_row.vc_row-fluid.seccion-protocolo.vc_custom_1576191145545.vc_row-has-fill{

		padding-top: 20px!important;

		padding-bottom:  20px!important;

	}

	

}

@media (max-width: 375px){

  .bloque-principal h2{font-size: 23px;}

  .bloque-principal h3{font-size: 20px;}

  .bloque-meta h1{ font-size: 45px;}

  .bloque-meta h2{ font-size: 35px;}

  .bloque-meta h3{ font-size: 35px;}

}