/*
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
*/

@import './css/variables.css';

.validate_email_against_bot {
    display: none;
}

#Action_bar .contact_details li{
	padding:5px 0px !important;
	color:black;
	font-family:var(--family-body);
}
#Action_bar .contact_details{
	    text-align: center;
    width: 100%;
}
#Action_bar{
	background:var(--shadow) !important;
}
#Action_bar .social{
	display:none !important;
}

.top_bar_right {
	position: absolute !important;
    right: 0;
    top: 0;
    bottom: 0;
}
.top_bar_left .menu_wrapper{
	width:100% !important;
	display:flex;
	justify-content:center;
	padding:0px 200px;
}
.top_bar_left  .logo{
	position: absolute;
    left: 0;
    top: 0;
}

#Top_bar .menu > li > a{
	font-weight: 600 !important;
}
#Top_bar .menu > li ul li a{
	font-family:var(--family-body);
	font-weight:600;
}

.top_bar_right_wrapper .action_button{
	background:var(--primary) !important;
	color:white !important;
	border-radius: 50px;
	padding:10px 40px !important;
}

#Subheader h1.title{
	font-size:var(--tx-xl) !important;
	color:var(--primary) !important;
	font-weight:600;
	font-family:var(--family-body) !important;
	font-style:normal;
	padding-top: 50px;
}
#Subheader h1.title:after{
	content:"";
	background:var(--primary);
	height:3px;
	width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}
body:not(.template-slider) #Header{
	min-height: auto !important;
}

#Subheader:after{
	display:none !important;
}

#Top_bar .menu li ul{
	background-image: none !important;
	background-color:white !important;
}

/*Clases*/

h4{
	font-weight:600;
}

.back-shadow{
	background:var(--shadow) !important;
}


.column.border-left{
	border-left: 2px solid var(--primary);
    padding-left: 40px;
}

.column-button.over .mcb-column-inner {
	margin-bottom:0px !important;
}

.column_button.over a.button {
	    margin-top: -30px !important;
		
}

.btn-primary a{
	
	background: var(--primary) !important;
    color: white !important;
    padding: 7px 50px !important;
    border-radius: 50px !important;
    font-size: var(--tx-btn);
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 3px;
    font-family: 'Lora';
}

.btn-primary.center{
	text-align: center !important;
}

.color-primary{
	color:var(--primary) !important;
}
.tx-xl{
	font-size:var(--tx-xl) !important;
}
.tx-l{
	font-size:var(--tx-l) !important;
}
.tx-m{
	font-size:var(--tx-m) !important;
}
.tx-s{
	font-size:var(--tx-s) !important;
}
.tx-xs{
	font-size:var(--tx-xs) !important;
}

.title-sec .column_attr>*{
	font-weight:600 !important;
	font-size:var(--tx-sm) !important;
	line-height:1.3 !important;
	}
	.line-primary{
		    background-color: var(--primary);
    color: var(--primary);
    height: 2px;
	}
	
.maxW700{
	max-width:700px;
	margin:0 auto !important;
}

.subtitle{
	font-size: 18px;
    line-height: 1.5;
	color:var(--primary);
	font-family:Lora !important;
}

/*Row srvices*/

.row-service{
	padding:30px 0px;
	background:var(--shadow) !important;
}

.row-service .col-text .mcb-wrap-inner{
	 padding-top: 100px !important;
    padding-right: 15% !important;
    padding-bottom: 100px !important;
    padding-left: 15% !important;
	
}
.row-service .col-text h4{
	border-bottom: 2px solid var(--primary);
    padding-bottom: 20px;
    margin-bottom: 40px;
	padding-right:50px;
	font-size:var(--tx-m) !important;
	line-height:1.4 !important;
}

.row-service .col-text .btn-arrow{
	margin-top: 40px !important;
    display: block;
	font-weight:600 !important;
}

.row-service .col-img{
	border-radius: 0 20px 20px 0;
    overflow: hidden;
}
.row-service.reverse .col-img{
	border-radius: 20px 0px 0px 20px;
  
}
.row-service.reverse .col-text {
	justify-content: flex-end !important;
}

.btn-arrow i{
	background: var(--primary);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size:var(--tx-xs);
    line-height: 20px;
    display: inline-block;
    color: white;
    text-align: center;
    margin-left: 7px;
	}
	.popup-inner  .icon-wrapper{
		margin-bottom:20px;
	}
.popup-inner .title{
	font-size:var(--tx-s) !important;
	margin-bottom:20px;
}
.popup-inner .btn-arrow{
	display:block;
	font-weight:600;
	margin-top:20px;
}	


/*Row text*/
.row-text .mcb-wrap-inner{
	padding:0px !important;
}

.row-text .mcb-wrap-inner .column {
	background: white;
    border-radius: 20px;
    margin: 10px;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 7%);
	padding:50px 20px !important;
	height: 100%;
}


/*CV*/

.img-cv .image_wrapper{
	background: var(--shadow);
    border-radius: 50%;
    width: 250px;
    height: 250px;
    margin-bottom: 0px;
}
.img-cv.white .image_wrapper{
	background:white !important;
}

.img-cv.white .image_wrapper{
	box-shadow:0px 2px 11px rgb(0 0 0 / 7%) !important;
}

/*Icon box*/
.column_icon_box_2 {
	margin-bottom:30px;
}
.column_icon_box_2 .mcb-column-inner{
	border-radius: 20px !important;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 7%) !important;
height: 100%;
    margin-bottom: 0px;
}
.mfn-icon-box .title{
	font-size:var(--tx-s) !important;
	    line-height: 1.3;
	
}

.mfn-icon-box .icon-wrapper{
	margin:0 0 15px 0 !important;
}

.mfn-icon-box .desc-wrapper .desc{
	margin-top:15px !important;
	    color: black;
    line-height: 1.5;
}

/*Popup link*/

 .popup-link{
	    display: block;
    font-weight: 600;
    font-family: 'Lora';
    color: var(--primary)!important;
    margin-top: 30px;
}

 .popup-link:after{
	content: '\e917';
	font-family: "mfn-icons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none!important;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
	    background: var(--primary);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size:var(--tx-xs);
    line-height: 20px;
    display: inline-block;
    color: white;
    text-align: center;
    margin-left: 7px;
	transition:0.3s all ease;
}

  .popup-link:hover{
	color:var(--primary)!important;
	text-decoration:none !important;
}
.popup-link:hover:after{
	 margin-left: 13px;
	
}


/*Popup*/

.mfp-inline{
	border-radius: 10px !important;
}

/*Feature list*/
.feature_list ul li .icon{
	width: 5px;
    height: 5px !important;
}
.mcb-section .mcb-wrap .mcb-item-f095f9bc0 .feature_list ul li .icon i,
.feature_list ul li:hover .icon i, .feature_list ul li:hover a .icon i{
	font-size: var(--tx-xs) !important;
	line-height:1 !important;
	color:var(--primary) !important;
}
.feature_list ul li{
	    padding: 0px !important;
}
.feature_list ul li:hover, .feature_list ul li:hover a {
    background: #0095eb00 !important;
}
.feature_list ul li:hover, .feature_list ul li:hover a{
	color: #2c2c2c !important;
}


/*Infobox*/
.column_info_box .mcb-column-inner{
	margin-top: -50px !important;
	box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.07);
border-radius: 20px;
height:100%;
}

.infobox,.infobox li{
	    color: #000 !important;
}
.infobox h3{
	    color: var(--primary);
    font-size:var(--tx-s);
    text-align: center;
    border-bottom: 2px solid var(--primary);
}

.infobox ul li{
	    padding: 10px 0 10px 0px !important;
		border-bottom:1px solid rgb(136 136 136 / 10%) !important;
}
.infobox ul li span{
	float:right !important;
}
.infobox ul li:before{
	display:none !important;
}
.infobox .ib-desc{
	    margin-top: 20px;
    font-size: 12px;
    line-height: 1.3;
}

/*Zoom box*/
.column_zoom_box .mcb-item-zoom_box-inner,
.column_zoom_box{
	
    height: 100%;
}
.column_zoom_box{
	margin-bottom:30px !important;
}
.zoom_box{
	background: var(--shadow);
    border-radius: 20px;
	display: flex;  
	height:100%;
	flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
	box-shadow: 0px 2px 11px rgb(0 0 0 / 7%);
    overflow: hidden;

}
.column_zoom_box img{
	transform: translate(50px, 20px) !important;
}
.zoom_box .desc{
	opacity: 1;
	transform: scale(1);
	background: 0;
	 position:absolute;
	 top:0;
}
.zoom_box .desc_wrap{
	top: 0 !important;
    transform: none !important;
}
.zoom_box .desc .desc_txt{
    font-size: var(--tx-xs);
    line-height: 1.3;
	
}
.zoom_box .photo{
	overflow:hidden;
}
.mcb-item-zoom_box-inner{
	overflow:visible !important;
}
.white .zoom_box{
	background:white !important;
}

.box-banner .mcb-column-inner{
	border-radius: 20px !important;
	background-position:center !important ;
}
.box-banner .column_attr{
	
	padding: 20px 50px 150px !important;
	color: white;
	font-size:var(--tx-btn) !important;
	overflow: hidden;
    position: relative;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 39.51%, rgba(0, 0, 0, 0) 99.13%);
	border-radius:20px;
	
}

.box-banner .popup-link{
	color:white !important;
	font-size:var(--tx-m) !important;
}
.box-banner .popup-link:after{
	background:white;
	color:var(--primary) !important;
	
}
.box-banner .flag{
	position: absolute;
    top: 50px;
    right: -90px;
    transform: rotate(45deg);
    background: var(--primary);
    padding: 5px 100px;
	font-size:var(--tx-xs);
	font-weight:600;
	
}

/*Testimonios*/

.testimonials_slider .hr_dots{
	display: none !important;
}
.testimonials_slider .slick-slide{
	  border-radius: 20px !important;
}
.testimonials_slider li{
	display: flex !important;
    flex-direction: column-reverse !important;
	background: var(--shadow);
    border-radius: 20px;
    padding: 20px 0px !important;
    overflow: hidden;	
}

.testimonials_slider .testimonials_slider_ul li .author h5{
	color: black !important;
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
	margin-top: 20px !important;
}

.testimonials_slider .testimonials_slider_ul li .author .company{
	font-family: 'Lora' !important;
    font-size: 18px !important;
    color: var(--primary) !important;
    font-weight: 600 !important;
}

.testimonials_slider blockquote{
	font-family: 'Montserrat' !important;
    font-style: normal !important;
	top: 0 !important;
	font-size:var(--tx-xs) !important;
	margin-bottom:0px !important;
}

.testimonials_slider a.slider_prev, 
.testimonials_slider a.slider_next{
	margin: 0;
    border: 0px;
    border-radius: 50%;
    padding: 0px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	top: calc(50% - 20px) !important;
	background: white !important;
	box-shadow:0px 2px 11px rgba(0, 0, 0, 0.07) !important;
}

.testimonials_slider a.slider_prev i,
.testimonials_slider a.slider_next i{
	color:var(--primary) !important;
}
.testimonials_slider a.slider_prev .button_icon:after,
.testimonials_slider a.slider_next .button_icon:after{
	display:none !important;
}

.testimonials_slider a.slider_prev{
	margin-left: -20px;
}

.testimonials_slider a.slider_next{
	margin-right: -20px;
}

/*Legal text*/

.wpcf7-form .legal-text{
	font-size: 11px;
    line-height: 1;
	margin-bottom:15px;
}
.legal-text span.wpcf7-form-control-wrap{
	width: auto !important;
}

/*Item grid*/

.posts_group,
.post-related .mcb-column-inner{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.post-related {
	margin-bottom:20px !important;
}
.post-related .mcb-column-inner{
	flex-wrap:nowrap !important;
}
.post-related .mcb-column-inner{
	margin-bottom:0px;
}
.post-item,
.post-related .mcb-column-inner{
	background: white !important;
    display: flex;
    flex-direction: row;
	border-radius: 20px;
	box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.07);
}

.grid .post-photo-wrapper,
.grid .post-footer,
.post-related .single-photo-wrapper.image,
.post-related .desc .button{
	    display: none;
}
.post-excerpt .big{
	    font-size: 14px;
    line-height: 1.3;

}
.post-item .date_label,
.post-related .date_label{
	background:none !important;
	border-right:1px solid var(--shadow);
	    border-radius: 0 !important;
	display:flex !important;
	    position: initial !important;
		flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px !important;
    font-size: var(--tx-s);
    line-height: 1.3;
    text-transform: uppercase;
    font-family: 'Lora';
    font-weight: 600;
    color: var(--primary);

}
.post-related .date_label{
	font-size:15px !important;
}
.post-related .desc {
	width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.post-related .desc h4{
	margin-bottom:0px !important;
}
.post-related .desc h4 a{
	    font-size: 15px !important;
    line-height: 25px !important;
    font-weight: 700;
}
.section-post-related .simple .post-related .date_label{
	    margin-bottom: 0 !important;
}




/*Contact*/

.cover-img {
	    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.cover-img .mcb-column-inner {
	height: 100%;
    width: 100%;
    margin: 0px;
}

.cover-img .image_frame{
	width: 100% !important;
    height: 100% !important;
}

.cover-img .image_wrapper{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cover-img .image_wrapper img{
	display: flex;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
.wpcf7-form input,.wpcf7-form textarea{
	border: 0px !important;
    border-bottom: 1px solid var(--primary) !important;
    box-shadow: none !important;
}
.wpcf7-form label{
	font-weight: 600;
    margin-top: 20px;
}
.back-gif{
	color:white !important;
	text-align:center;
	font-size:var(--tx-sm);
	font-style:italic;
	font-family:'Lora' !important;
}
.back-gif h3{
	color:white !important;
	font-size:var(--tx-xl) !important;
}

/*Blog*/

.blog #Content,
.archive #Content{
	background:var(--shadow) !important;
}

.single-post #Subheader,
.single-post #Action_bar {
	background:white !important;
}

.single-post #Top_bar #menu,
.single-post #Top_bar .menu_wrapper{
	background: var(--shadow);
}

.single-post .the_content_wrapper{
	max-width: 900px;
    text-align: justify;
    margin: 0 auto;
    padding-bottom: 50px;
}

.share-simple-wrapper{
	border-top: 0;
    padding: 15px 0;
    text-align: center;
}
.section-post-related .section-related-adjustment{
	    border-top-width: 0 !important;
		    width: 100% !important;
}

.section-related-adjustment>h4{
	text-align:center;
	padding:50px 0px !important;
}

.section-related-adjustment{
	    padding: 50px 0px;
}

/*Contact*/

.contact-form .wpcf7{	
	background: white;
    padding: 40px;
    border-radius: 20px;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 7%) !important;
  
}

.section.contact  h1,
.section.contact  h2{
	color:white !important;
}

.intro.contact .back-gif .mcb-column-inner{
	box-shadow:inset 0 0 0 4000px #036731a1 !important;
}
.info-contact {
	z-index:99;
}
.info-contact .mfn-icon-box .icon-wrapper i{
	font-size: 30px;
    line-height: 1;
    color: var(--primary);
}
.info-contact .section_wrapper{
	max-width:calc(900px + 2%) !important;
}

.info-contact .mfn-icon-box .title{
	font-size: 16px !important;
    text-align: center !important;
}
.info-contact .icon-wrapper{
	    background: #094e29;
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
}

/*Footer*/
.textwidget a{
	display: flex;
    align-items: center;
    justify-content: center;
	    font-weight: 500;
    font-family: var(--family-body);
    font-size: 16px;
}
.textwidget .icon-contact{
	width:40px;
	height:40px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
    background: #094e29;
    border-radius: 50%;
    margin-right: 20px;
}

/*RESPONSIVE*/
@media(max-width: 1024px){

	.top_bar_left .logo{ position: relative; }
	#Top_bar a.responsive-menu-toggle{ color: var(--primary); }
	#Top_bar .top_bar_right{ display: none; }
	#Top_bar a.responsive-menu-toggle i:before { font-weight: 700; }
    body.mobile-side-slide { left: 0 !important; }
    body.side-slide-is-open #Side_slide { right: 0 !important; }
    #Side_slide { right: -100% !important; transition: all 1s ease; }
    #Side_slide #menu ul li a{ font-weight: 600; }
    #Side_slide .extras .action_button{ background-color: var(--primary); color: #fff; border-radius: 50px; }
    
}
@media(max-width: 959px){

	#Footer .widgets_wrapper .one-third.column{ width: 100%; }
	#Footer .widgets_wrapper .widget {  margin: 15px 0; }
	.textwidget a{ justify-content: flex-start; }
	.lightSlider .arrow.arrowLeft { left: 17%; }
	.lightSlider .arrow.arrowRight{ right: 17%; }
	.column_info_box .mcb-column-inner .infobox{ padding-left: 0; }
	.zoom_box .desc .desc_txt{ padding: 0; }
	.mcb-section .mcb-wrap-fcb261618 .mcb-wrap-inner{ padding: 50px !important; }
}
@media(max-width: 768px){
	.row-service .col-text .mcb-wrap-inner { padding-top: 50px !important; padding-right: 8% !important; padding-bottom: 50px !important; padding-left: 8% !important; }
}
@media(max-width: 767px){
	#Subheader .title{ line-height: 50px; }
	.mobile-header-mini #Action_bar, #Action_bar .contact_details li.slogan{ display: block; }
	.row-service .col-img{ height: 350px; }
	.column_icon_box_2 .mcb-column-inner{ margin-bottom: 30px; }
	.mcb-section .mcb-wrap .mcb-item-3dk072xlo, .mcb-section .mcb-wrap .mcb-item-d3038e75e{ margin-top: 60px; margin-bottom: 30px; }
	.column_zoom_box .mcb-item-zoom_box-inner, .column_zoom_box { height: auto; }
	.back-gif{ padding: 40px 0 20px; }
	.intro.contact .back-gif{ padding: 0; }
	.mcb-section .mcb-wrap-fcb261618 .mcb-wrap-inner, .mcb-section .mcb-wrap-348947781 .mcb-wrap-inner, .mcb-section .mcb-wrap-b1c7a8636 .mcb-wrap-inner, .mcb-section .mcb-wrap-d57fadd21 .mcb-wrap-inner { padding: 40px !important; background-color: #fff; width: 90%; margin: auto; border-radius: 20px; }
	.col-text:not(:last-child){ margin-bottom: 30px; }
}
@media(max-width: 480px){
	.lightSlider .arrow.arrowLeft { left: 12%; }
	.lightSlider .arrow.arrowRight{ right: 12%; }
	.mcb-section .mcb-wrap .mcb-item-9ut8yvikx .mcb-column-inner{  height: 210px !important; padding-top: 30px !important; }
	.row-service .col-text .mcb-wrap-inner { padding-top: 30px !important; padding-right: 8% !important; padding-bottom: 0px !important; padding-left: 8% !important; }
	.back-shadow:not(.mcb-section-98dc13eba){ padding: 40px 0 80px !important; }
	.box-banner .column_attr { padding: 120px 20px 50px !important; }
	.box-banner .popup-link{ line-height: 32px; }

}
@media(max-width: 480px){
	.lightSlider .text-wrap h1, .lightSlider .text-wrap .h1{ font-size: 30px; }
	h4.tx-m{ line-height: 30px; }
	.post-item, .post-related .mcb-column-inner{ flex-wrap: wrap; }
	.post-item .date_label, .post-related .date_label{ border-right: unset; border-bottom: 1px solid var(--shadow); }

	
}