/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/


.validate_email_against_bot {
    display: none;
}

:root{
	--blue:#20BED9;
	--orange:#FA7107;
	--yellow:#FAA707;
	--black:#303135;
	--gray:#C2C2C2;
	--blue-light:#d8f7fd;
	--grade-orange:linear-gradient(90deg, #FA7107 3.25%, #FAA707 100%);

	--big-title:50px;
	--title:40px;
	--big:20px;
	--subtitle:17px;

	
	}
	
	
.big-title{
font-size:var(--big-title);	
color:var(--black);	
font-weight:600;
}	
.title{
font-size:var(--title);	
color:var(--black);
font-weight:600;
line-height: 1.3;
}
.subtitle{
	font-size:var(--subtitle);	
	color:var(--gray);
	letter-spacing: 3px;
    font-weight: 100;
    text-transform: uppercase;
	line-height: 1.3;
}
.lower{
	text-transform:initial !important;
}
.white, .white p, .white a, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white strong, .white span{
	color:white !important;
}
.blue{
	color:var(--blue) !important;
}
.big, .big p, .big a, .big li, .big span{
font-size:var(--big);	
line-height: 1.3;
}
.grade-orange{
	background:var(	--grade-orange);
}
.button{
	    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
}
.button.hand:before{
	content:url('/wp-content/uploads/2021/02/press-button-1-2021-02-25.png');
	display:inline-block;
	margin-right:10px;
	
}
.button.hand{
	display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

hr.white.sm{
	    height: 3px;
    background: white;
    width: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.back-deco:before{
	content:url(/wp-content/themes/base/imagenes/Vector-m.svg);
	position:absolute;
	top:-100px;
	left:0;
	z-index:9;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	
}
.back-deco.right:before{
	content:url(/wp-content/themes/base/imagenes/Vector-r.svg);
	position:absolute;
	left: initial;
	right:-100px;
	z-index:9;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	
}
.back-deco.bottom:before{
	    content: url(/wp-content/themes/base/imagenes/Vector-m.svg);
    position: absolute;
    top: initial;
    left: 0;
    z-index: 9;
    bottom: -200px;
    opacity: 0.5;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.shadow.black{
	box-shadow:inset 0 0 0 1000px #0808087d;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/*HEADER*/
#Top_bar .column{
	display: flex !important;
    flex-direction: column-reverse !important;
	}
#Top_bar .top_bar_left{
	width: 100% !important;
}
#Top_bar .top_bar_right{
	padding: 0;
    width: max-content;
    position: absolute;
    top: -30px !important;
    right: 0;
	height: auto !important;
	}

#Top_bar .top_bar_right_wrapper	{
	    top: -2px;
		display: flex;
    flex-direction: row-reverse;
	}
#Top_bar .top_bar_right .top_bar_right_wrapper a.action_button{
	background-color: #ffffff !important;
    color: var(--black) !important;
    font-size: 14px !important;
    padding: 0px !important;
	}
#Top_bar .wpml-languages.horizontal{
	    padding: 0px 10px !important;
    border: 0 !important;
}
#Top_bar .menu > li > a span,
#Top_bar .menu > li > a
{
	line-height: 35px !important;
}
#Top_bar .menu > li > a{
	    padding: 0px 0 !important;
}
#Top_bar .menu > li.color span{
	    background: var(--blue);
    border-radius: 5px;
    color: white;
	line-height: 35px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Poppins';
}
#Top_bar #logo{
	padding: 0px 0px;
    position: absolute;
    top: -30px;
	left: 0;
}
#Action_bar .column{
	display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}
#Action_bar .contact_details{
	color: var(--black);
    padding-right: 100px;
}
#Action_bar ul.social{
	padding-right: 10px !important;
}
#Action_bar .social li a, #Header_creative .social li a, #Action_bar:not(.creative) .social-menu a{
	color:var(--blue) !important;
}
.header-classic #Action_bar, .header-fixed #Action_bar, .header-plain #Action_bar, .header-split #Action_bar, .header-stack #Action_bar {
		background-color: #ffffff !important;
	}
#Action_bar .contact_details a{
	color:var(--blue) !important;
	font-weight:500 !important;
}
#Top_bar.is-sticky .container{
	padding: 12px 0px;
}
#Top_bar.is-sticky  #logo{
	    top: -10px;
		padding: 0;
    height: 50px!important;
    line-height: 50px!important;
}
#Top_bar.is-sticky  #logo img{
	    max-height: 50px !important;
}
.top_bar_right_wrapper a.action_button,
#Side_slide  a.action_button
	{
		display:none !important;
	}
body:not(.template-slider) #Header{
	min-height: 90px !important;
}
.text{
	    font-size: 14px !important;
    line-height: 25px !important;
    font-weight: 400 !important;
}

.wpml-languages.horizontal li{
	border: 2px solid white;
}
.wpml-languages.horizontal li.lang-active{
	    border: 2px solid var(--blue);
}
.wpml-languages.horizontal li img{
	display:flex !important;
}

/*SLIDER PORTADA*/

.intro-slider .desc .column_attr,#lightSlider .text-wrap .inner{
	border-radius: 20px;
    padding: 40px 80px;
 animation: aparecerZoom 2s forwards;
    animation-delay: 0.5s;
    text-align: center !important;
    margin-bottom: 0px !important;
    margin: 0 auto;
        left: 0;
	color:white;
	opacity:0;
	    max-width: 800px;
    background: var(--blue);	
	}
.intro-slider .desc .column_attr h1,#lightSlider .text-wrap  h1,
#lightSlider .text-wrap  .tx-xl{
	    font-size: 24px;
    font-weight: 100;
	color:white !important;
}
.intro-slider .desc .column_attr h2,#lightSlider .text-wrap  h2,
#lightSlider .text-wrap .tx-xl.bold{
	    color: white;
    font-weight: 600;
    font-size: var(--title);
    line-height: 1.3;
}
.intro-slider .desc .column_attr a,#lightSlider .text-wrap  a{
	display: inline-block;
    background: #1d97ac;
    color: white;
    padding: 14px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}
.intro-slider .desc .column_attr a.link,#lightSlider .text-wrap a.link{
	display: inline-block;
    background: none;
    color: white;
    padding: 0px;
    border-radius: 0;
    font-size: inherit;
    font-weight: 500;
    margin-top: 0;
}

/*HOME*/

.list_item .list_left{
	width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
}
.list_item .list_right{
	    padding: 0;
    margin-left: 50px;
}
.tratamiento .column.column_list{
	margin-bottom:10px !important;
}


.video .column_image{
	margin-bottom: -50px;
    margin-top: -50px;
}
.call_to_action_wrapper{
	position: absolute;
    top: 50%;
    z-index: 999;
    margin-top: -40px;
}
.call_to_action{
	padding:0px !important;
	margin: 0px;
		
}
.call_to_action .call_center .icon_wrapper{
	width: 80px !important;
    height: 80px !important;
    background: var(--blue);
}
.call_to_action .call_center .icon_wrapper i{
	color:white !important;
}
.call_to_action .call_center a:hover{
	color: #ffffff !important;
}
.back-blue{
	background:var(--blue-light);
}
.sobre-mi{
	margin-top:260px;
}
.cita{
	z-index:99;
}
.cita .column_button{
	margin-bottom:-20px !important;
}
.cita strong,.cita strong a{
	font-size: 25px;
}
.cita .column{
	line-height: 1.5;
}
.border.column_image img{
	border-radius: 0px 100px 0px 100px !important;
}
.border.column_image img{
	border-radius: 0px 100px 0px 100px !important;
}

/*SOBRE MI*/
.sobre-mi.no-margin{
	margin-top:0px !important;
}
.sobre-mi:before{
	top:0 !important;
}
/*TRATAMIENTO*/

.column_icon_box.white {
	    background: var(--blue);
    padding: 30px;
	    border-radius: 20px;
}
.column_icon_box.white i{
	color:white !important;
}
.column_icon_box.line{
	    border: 2px solid var(--blue);
    padding: 30px;
	    border-radius: 30px;
}
.line-v:after{
	content:'';
	background:var(--blue);
	height:50px;
	width:2px;
	display:block;
	margin:0 auto;
	    visibility: visible;
}
.tcc .wrap.box-over{
	    border-radius: 0px 100px 0px 100px;
}
.proceso .list .column_list{
	margin-bottom:20px !important;
}

/*QUE TRATAMOS*/
.icon_box .title{
	font-size:var(--big) !important;
}
.style-simple .icon_box .icon_wrapper{
	font-size: 30px;
	width: 50px;
    height: 60px;
    line-height: 50px;
}
.icon_box.icon_position_left{
	    padding-left: 70px;
}
.row-box .mcb-wrap-inner{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.style-simple .icon_box:hover .desc_wrapper .title:before{
	display:none !important;
}
.shadow{
	box-shadow:inset 0 0 0 1000px #612d0496;
}

.row-box .icon_box.icon_position_left .image_wrapper{
	width: 50px;
    height: 50px;
	    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.row-box .icon_box.icon_position_left .image_wrapper img{
	height: 100% !important;
}
.icon_box h3:before{
	display:none !important;
}

/*CONTACT*/

.wpcf7-form-control.wpcf7-acceptance,.wpcf7-form-control.wpcf7-acceptance a{
	color:white !important;
}
.wpcf7-form-control.wpcf7-submit{
	    background-color: #ffffff !important;
		color:var(--blue) !important;
}
.info-contact a{
	font-size:16px;	   
    display: inline-block;;
}
.info-contact a i{
	font-size:25px;
	padding-right:10px;
}
.wpcf7-response-output{
	    border: 1px solid white;
    color: white;
}
/*FOOTER*/

#Footer .footer_action{
	background: none;
}

/*ANIMATION PULSE*/

.call_center .icon_wrapper{
	animation: 3s pulse2 infinite;
}

@keyframes pulse2 {
  0% {
    transform: scale(0.8);
        box-shadow: 0px 1px 0px 0px #ffffff4a, 0px 0px 0px 0px #ffffff3b;
  }
  50% {
    transform: scale(1);
    box-shadow: 0px 1px 0px 10px #ffffff36, 0px 0px 0px 23px #ffffff2e;
  }
 
  100% {
    transform: scale(0.8);
        box-shadow: 0px 1px 0px 0px #ffffff47, 0px 0px 0px 0px #ffffff21;
  }
}

video{
	border-radius: 0px 50px 0px 50px !important;
	
}

/*LEGAL TEXT*/
#cmplz-document, .legal-text{
	text-align: justify;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 0px;
	float: none !important;
}

#cmplz-document h2, .legal-text h2{
	font-size: 20px;
    line-height: 34px;
    font-weight: 600;
}

#cmplz-document table{
	    border-radius: 0px;
    border: 1px solid rgba(0,0,0,.08);
    margin-top: 10px !important;
}
#cmplz-document  th, #cmplz-document  td{
	border-width: 1px 1px 1px 1px;
}
#cmplz-document table tr th:last-child{
	border-right: 1px !important;
}
#cmplz-document h4{
	    font-weight: 300 !important;
}
#cmplz-document h3{
	    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.08);
	    font-size: 17px;
    line-height: 29px;
    font-weight: 600;
}


/*RESPONSIVE*/



@media(max-width:1239px){
	
	.section_wrapper, .container, .with_aside .content_wrapper{
		    max-width: 90%;
	}
		#Header .container{
			max-width: 98%;
		}
		#lightSlider .text-wrap .inner{
			    max-width: 60%;
		}
	.tratamiento{
		padding-bottom:150px !important;
	}
	.tratamiento .wrap.mcb-wrap{
		    width: 50% !important;
	}
.sobre-mi{
		margin-top:0px;
	}
	.sobre-mi .wrap.pad-none{
		padding: 180px 0px 80px 50px !important;
    width: 59% !important;
	}
	.sobre-mi .wrap.move-up{
		width: 40% !important;
		margin-top: 170px !important;
	}
	.section.conoceme{
	padding-top: 80px !important;
padding-bottom:80px !important;	
	}
	.tratamos .column_icon_box{
		    width: 47.333% !important;
	}
	.icon_box.icon_position_left{
		padding-right: 30px;
	}
	.proceso .column.full{
		    width: 100% !important;
	}
	.proceso .wrap.list{
		padding-left:50px !important;
	}
	.tcc .box-over .column_attr{
		padding: 50px 30px !important;
	}
	.conoceme .wrap{
		z-index:99 !important;
	}
}

@media(max-width:991px){
	.icon_box.icon_position_left{
		padding-right: 15px;
	}
	
	.icon_box.icon_position_left .image_wrapper{
		position: absolute;
	}
	.icon_box.icon_position_left .desc_wrapper{
		text-align: left;
	}
	
	#Side_slide .social a{
		color:var(--blue) !important;
	}
	#Side_slide li.color a{
		    background: var(--blue);
    color: white;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    font-size: 16px;
	margin-right:0px !important;
	}
	#Side_slide .extras{
		    display: flex;
    flex-direction: column-reverse;
	}
	
	.header-classic #Top_bar .top_bar_right{
		display:none;
	}
	#Action_bar .contact_details{
		padding-right: 20px !important;
	}
	#Action_bar{
		border-bottom: 1px solid var(--blue);
	}
	#Top_bar{
	    position: absolute !important;
 
    top: 46px !important;	
	}
	#Top_bar #logo{
		position: static !important;
	}
	
	:root{
		--title:30px;
		    --big: 18px;
    --subtitle: 15px;
	}
	.column.full{
		width: 89% !important;
	}
	.tratamiento .back-media .mcb-wrap-inner{
		height:100% !important;
	}
	.tcc .box-over{
		width: 45%;
	}
	.tcc .box-over .column_attr{
		padding: 50px 20px !important;
	}
	.tcc .three-fifth.mcb-wrap{
		width: 50%;
	padding-right:0px !important;
	}
	.info-contact a{
		    display: flex;
    flex-direction: column;
     align-items: flex-end;
    
	}
	.info-contact a i{
		padding-right: 0px;
    margin-bottom: 10px;
	}
	#Top_bar.is-sticky .container{
padding:0px !important;	
}
#Top_bar.is-sticky {
	top:0px !important;
}
}

@media(max-width:767px){
	.mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle{
		top: 38px!important;
	}
	.tratamiento .wrap.mcb-wrap{
		    width: 100% !important;
	}
	.contact .text .column_attr.align_right{
		    text-align: center;
	}
	.contact .wrap.contact-form{
		padding:0px !important;
	}
	.tcc .box-over .column_attr{
		padding: 50px !important
	}
	.tcc .three-fifth.mcb-wrap{
		padding-left: 0px !important;
	}
	.objetivo{
		padding-top:60px !important;
	}
	#Top_bar{
		position: static !important;
	}
	#lightSlider{
		    min-height: 100vh !important;
	}
	#Action_bar .contact_details li.slogan{
		    display: inline-block;
	}
	#Action_bar .social{
		display: flex;
    flex-direction: row;
    align-items: center;
	margin-bottom:0px !important;
	}
	#Action_bar .container{max-width:100% !important;}
	#Action_bar .column{
		    justify-content: space-between;
	}
	#Action_bar .contact_details{
		padding-right: 0px !important;
	}
	#Top_bar{
		top: 32px !important;
	}
	#Top_bar .logo
	{
		width: auto !important;
	}
	#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link{
		margin: 10px 33px !important;
	}
	#Top_bar a.responsive-menu-toggle{
		right: 33px !important;
	}
	.tratamiento{
		padding-bottom: 130px !important;
	}
	.sobre-mi .wrap.pad-none{
		padding: 100px 0px 0px 0px !important;
	}
	.sobre-mi .wrap.move-up{
		margin-top: 50px !important;
	}
	.tratamiento .section_wrapper,
	.sobre-mi .section_wrapper{
		display:flex;
		flex-direction:column-reverse;
	}
	.tratamiento .back-media{
		margin-top:50px;
	}
	.column.full{
		width: 100% !important;
	}
	.section.video .section_wrapper{
		max-width: 100% !important;
	}
	.call_to_action_wrapper {
		    margin-top: -60px;
	}
	.section.video  .column_image{
		margin-top: -30px;
	}
	.sobre-mi .wrap.one-second.mcb-wrap{
		width:100% !important;
	}		
	.section.conoceme .back-media{
		margin-top:50px;
	}
	.cita strong, .cita strong a{
		    font-size: 19px !important;
	}
	#lightSlider .text-wrap .inner{
		margin-bottom: 0px !important;
	}
	
	.tratamos .column_icon_box{
		    width: 100% !important;
	}
	.proceso .wrap.list{
		padding-left: 0px !important;
		z-index:99;
	}
	.proceso .wrap.list h4{
		font-size:16px !important;
	}
	.proceso{
		padding-bottom:80px !important;
	}
	.quien .back-media{
		margin-top:50px !important;
	}
	.quien{
		padding-bottom:80px !important;
		z-index:99;
	}
	.info-contact a{
		    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
	}
	.info-contact a i{
		margin-bottom:10px !important;
	}
	.info-contact .wrap{
		padding:0px !important;
	}
}

@media(max-width:548px){
	.quien {
    padding-bottom: 50px !important;
}
	a.button{
		font-size:14px !important;
	}
	#Top_bar #logo img.logo-mobile{
		max-height: 50px !important;
	}
	.info-contact a{
		font-size: 13px;
	}
	.tcc .box-over .column_attr{
		    padding: 70px 20px!important;
	}
	
body:not(.template-slider) #Header{
		    min-height: 80px !important;
	}
	#Action_bar{
		display:none;
	}
	#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link{
		margin: 10px 20px !important;
	}
	.section.full-width {
		background-position: 70% top !important;
	}
	.tratamiento{
		padding-top:80px !important;
		padding-bottom: 100px !important;
	}
	.section.conoceme{
	padding-top: 80px !important;
padding-bottom:80px !important;	
	}
	#lightSlider .text-wrap{
		    background: #20bed982 !important;
	}
	#lightSlider .text-wrap .inner{
		padding: 30px;
		background: transparent;
		max-width: 100% !important;
		
	}
	.intro-slider .desc .column_attr h1, #lightSlider .text-wrap h1, #lightSlider .text-wrap .tx-xl{
		font-size: 20px !important;
		
	}
	.section.video .section_wrapper{
		padding-left: 10px!important;
    padding-right: 10px!important;
	}
	#Side_slide  a.action_button{
		display:block !important;
	}
}