@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*
font-family: 'Inter', sans-serif;

*/
html{ margin:0 !important;height: 100%; background: #fff}
body { background: #fff!important; font-family: 'Inter', sans-serif!important;margin:0; padding:0 !important; color: #000000 !important;  position:relative; font-size:14px!important; line-height: 16px; width:100%;}
h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif; margin: 0; color: #fb8500; }
h1 { font-size:35px;}h2 { font-size:25px;}h3 { font-size:20px; }h4 { font-size:16px;  }
input:focus, select:focus, textarea:focus,.btn_cerra:focus,button:focus,button:focus { outline:none }
input, input[type="text"], input[type="file"],button { background: none; border: none;color:#000000 }
nav ul,ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#000000; font-size:16px;/*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ }
a:hover { text-decoration:none!important;  }
p{font-family: 'Inter', sans-serif!important;}
a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
:hover{transition: all 300ms ease-out;}
.clear { clear:both; }
.no_padding{ padding:0}
.no_gutter > [class*='col-'] {  padding-right:0; padding-left:0;}
.display_table{ display: table; width: 100%; height: 100%}
.display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle}
.shared{ text-align: center;}
.shared h5{ text-transform: uppercase; font-weight: 300!important ; color: #000000!important}
.shared li{ display: inline-block}
.shared li a{ display: block; margin: 0 2px}
.shared li a i{font-size: 13px; }
i{ font-style: normal!important}
.hvr-bob{-webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.cont_sblo{width: 80%; margin: 0 auto}
.font_2{font-family: 'Inter', sans-serif!important}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

/******************************* HEADER *****************************/

#content_header{ background: #fff; position: relative;top: 0; left: 0;box-shadow: 0px 0px 20px rgba(0,0,0,20%); padding: 0px 0px 10px 0px; right: 0; margin: 0 ; z-index: 99999; transition: all 400ms ease-out; }
#content_header.header_fix{position: fixed;   top: 0px;transition: all 400ms ease-out; }

#h_top{background: #f5f5f5; padding: 10px}
#h_top ul li{margin-right: 20px; display: flex; align-items: center}
#h_top ul li i{font-size: 17px; margin-right: 5px}
#h_left{ width: calc(15%);}
#h_right{width: calc(75%);}

#h_bt{padding-top: 10px}


#logo{ display: table; margin: 0 auto; width: 160px}

.wpcf7 form>div, .wpcf7 form>p{margin: 0!important}

#access{padding: 5px 10px }
#access ul.menu_ppal{ display: flex; align-items: center;justify-content:flex-end}
#access li{ position: relative;margin-left: 0; margin-left: 10px}
#access a,.btn_menu{  font-weight: normal; color:#000;display: block; cursor: pointer;font-size: 16px; line-height: 16px; padding: 5px 10px; justify-content: space-between; align-items: center; }
#access a:hover,.btn_menu:hover, #access ul li.current-menu-item a,#access ul li.current-menu-item .btn_menu{ background: #fb8500; color: #fff!important;}

.btn_menu i {position: relative; cursor: pointer;display: inline-block; vertical-align: middle; margin-left: 10px; width: 10px; height: 10px; border-right: 2px solid #000;border-bottom: 2px solid #000;top: -1px;transform: rotate(45deg); }
.btn_menu:hover i{}
#access ul .sub-menu{background: #fff ; width: 320px; position: absolute;display: none; padding:  10px 5px!important; z-index: 300}
#access ul .sub-menu li{ display: block; vertical-align: middle;margin: 0px!important; }
#access ul .sub-menu li a,#access ul .sub-menu li .btn_menu{display: block; color: #000000!important; font-size: 14px!important; font-weight: 500; text-align: left; padding: 5px 10px; position: relative}
#access li.menu_bg a{background:#fff; color: #000000!important; font-size: 10px; padding: 5px 15px }
#access li.menu_bg a:hover{background:#000000; color: #fff!important; font-size: 10px; }
#access ul .sub-menu li a:after,#access ul .sub-menu li .btn_menu:after{ display: none!important}
#access ul .sub-menu li:hover a,#access ul .sub-menu li:hover .btn_menu{background: #fb8500; color: #fff!important }


#access ul .sub-menu li.see_all { background: rgba(142,142,142,100%); ; text-align: center}
#access ul .sub-menu li.see_all a{ display: block; text-align: center;color: #000!important; font-weight: bold!important}
.sub-menu .btn_menu .arrow_menu{right: 10px!important; }
#access ul .sub-menu .sub-menu{ border-top: none; display: none;position: absolute; top: 60px!important; bottom: inherit!important; left: inherit!important; min-width: 230px!important; border-bottom: 1px solid  background: #000!important; padding: 10px!important }
#access ul .sub-menu .sub-menu li{display: block; margin: 0!important}
#access ul .sub-menu .sub-menu li a{color: background: rgba(66 107 168 / 100%)!important}
.sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;}

#access ul li .sub-menu li .btn_menu .arrow_menu{right: -10px!important;color: #000!important; }
#access ul li .sub-menu li .btn_menu .arrow_menu:after{content:"\e688"!important;}
#access ul li .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;}

.pagos_btn a{ background: #e6e6e6; color:#000000!important }
/********* SLIDER ************/
.home_page{}
#planding{  width: 100%; overflow: hidden}
#slider_home{position: relative; overflow: hidden; width: 100%; }

/************FORMATO formularios***************/
.form_col form{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between}
.wpcf7-form{}
.wpcf7-form .wpcf7-form-control-wrap{ overflow: hidden;width: 100%; position: relative;display: inline-block; margin-bottom: 10px!important}
.wpcf7-form .wpcf7-form-control-wrap label,.wpcf7-form .wpcf7-form-control-wrap label a{font-weight: normal; font-size: 13px}
.wpcf7-form .wpcf7-form-control-wrap label a{ color: #000; text-decoration: underline!important}
.wpcf7-form .wpcf7-form-control-wrap input,.wpcf7-form .wpcf7-form-control-wrap textarea,.wpcf7-form .wpcf7-form-control-wrap select{ background: #fff; width: 100%; color:#000!important; font-size: 14px;padding: 8px 15px;border-radius: 5px;font-weight: 400!important ; font-family: 'Inter', sans-serif; border-bottom: 1px solid #bfbfbf} 
.wpcf7-form  textarea{ max-height: 80px; height: 80px; border: none; border-radius: 0px}
.wpcf7-form .btn_form{ background: #FB5607; color: #fff!important; font-size: 15px;cursor: pointer;border-radius: 5px; padding: 10px 20px!important; width: auto;}
.wpcf7-form .btn_form:hover{ background: #FB5607!important; }
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #000000;font-weight: 300!important ;text-align: center;width: 95%; clear: both}
.wpcf7-form .item_form.acepto_term a,.wpcf7-form .item_form.acepto_term span{color: #000000!important; font-size: 13px!important}

.wpcf7-form input:focus::-webkit-input-placeholder { color:#000;font-family: 'Inter', sans-serif; }
.wpcf7-form input:focus::-moz-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form input:focus::-ms-input-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form input:focus::-o-placeholder { color:#000;font-family: 'Inter', sans-serif; }

.wpcf7-form input::-webkit-input-placeholder { color:#000;font-family: 'Inter', sans-serif; }
.wpcf7-form input::-moz-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form input::-ms-input-placeholder { color :#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form input::-o-placeholder { color:#000;font-family: 'Inter', sans-serif; }


.wpcf7-form textarea:focus::-webkit-input-placeholder { color:#000;font-family: 'Inter', sans-serif; }
.wpcf7-form textarea:focus::-moz-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form textarea:focus::-ms-input-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form textarea:focus::-o-placeholder { color:#000;font-family: 'Inter', sans-serif; }

.wpcf7-form textarea::-webkit-input-placeholder { color:#000;font-family: 'Inter', sans-serif; }
.wpcf7-form textarea::-moz-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form textarea::-ms-input-placeholder { color:#000;font-family: 'Inter', sans-serif; } 
.wpcf7-form textarea::-o-placeholder { color:#000;font-family: 'Inter', sans-serif; }

.wpcf7-form select::-webkit-input-placeholder { color:#000; }
.wpcf7-form select::-moz-placeholder { color:#000; } 
.wpcf7-form select::-ms-input-placeholder { color:#000; } 
.wpcf7-form select::-o-placeholder { color:#000; }

.wpcf7-form .ajax-loader{ display: none}
.wpcf7-form [class*='acceptance']{border: none!important}
input:-internal-autofill-selected { background: none!important}
span.wpcf7-list-item {display: inline-block;margin: 0;}
.wpcf7-form .wpcf7-list-item {display: block;margin-bottom: 0px;}
.wpcf7-form .wpcf7-list-item label {position: relative;cursor: pointer; color: #000}
.wpcf7-form .wpcf7-list-item input[type=checkbox] {/*position: relative;*/position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span {}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute;content: '';height: 11px;width: 11px;top: 0px;left: 0px;border: 1px solid #000000; border-radius: 0px}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute;content: "";height: 11px;width: 11px;top: 0;left: 0;
visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {background: #000000;}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:after {visibility: visible;}
.wpcf7-list-item-label {margin-left: 25px; display: inline-block;}
.wpcf7-form-file{visibility: hidden;}
.wpcf7-form-file:after{content: 'Ajuntar hoja de vida';visibility: visible;display: block;position: absolute;background: #000000;color: #fff;    padding: 15px;  top: 0px; left: 0; width:100%; height: 100%; text-align: center}

.requerido{position: absolute;color: #000000; top: 5px; left: 3px;font-size: 17px; font-weight: 300!important;}
.wpcf7-spinner{ display: none}
/*******Redes********/
.redes_sociales{ padding: 0!important;}

.redes_sociales ul {list-style: none; text-align: center; margin: 0}
.redes_sociales li {display: inline-block; vertical-align: middle; margin: 0 10px} 

.redes_sociales a{  text-align: center; position: relative;width: 30px; height: 30px;border-radius: 100%;  }
.redes_sociales a:before{ font-size: 25px; font-family: "Font Awesome 5 Brands";content: "\f415"; color: #fff;  display: block; line-height: 30px;  }
.redes_sociales a:hover:before{ }




.redes_sociales a[href*="codepen.io"]:before {content: "\f1cb ";}
.redes_sociales a[href*="digg.com"]:before {content: "\f1a6 ";}
.redes_sociales a[href*="dribbble.com"]:before {content: "\f17d ";}
.redes_sociales a[href*="dropbox.com"]:before {	content: "\f16b ";}
.redes_sociales a[href*="facebook.com"]:before {content: "\f09a"; }
.redes_sociales a[href*="flickr.com"]:before {content: "\f16e ";}
.redes_sociales a[href*="foursquare.com"]:before {content: "\f180 ";}
.redes_sociales a[href*="plus.google.com"]:before {	content: "\f0d5";}
.redes_sociales a[href*="github.com"]:before {content: "\f09b";}
.redes_sociales a[href*="instagram.com"]:before {content: "\f16d "; }
.redes_sociales a[href*="linkedin.com"]:before {content: "\f08c "; }
.redes_sociales a[href*="pinterest.com"]:before {content: "\f231";}
.redes_sociales a[href*="getpocket.com"]:before {content: "\f265";}
.redes_sociales a[href*="f281 .com"]:before {content: "\f222";}
.redes_sociales a[href*="skype.com"]:before {content: "\f17e ";}
.redes_sociales a[href*="twitter.com"]:before {	content: "\f099 "; }
.redes_sociales a[href*="vimeo.com"]:before {content: "\f27d ";}
.redes_sociales a[href*="youtube.com"]:before {	content: "\f431 ";}
.redes_sociales a[href*="behance.net"]:before {	content: "\f1b4 ";}

.text_redes{ display: none }





/*********Generales****************/

.btn_sblo{ padding: 5px 20px;  font-size: 14px; line-height: 14px; background: #fb8500 ; color: #fff; font-weight: 500; text-align: center}
.btn_sblo:hover{ background: #fb8500; color: #fff!important}
.btn_blanco{ background: #fff; color: #fb8500!important}
.btn_dorado{ background: #caa365; color: #fb8500!important}
.btn_sblo.btn_dorado:hover{ background: #fff!important; color: #fb8500!important}
.btn_azul{ background: #fb8500; color: #fff!important}
.btn_sblo.btn_azul:hover{ background: #caa365!important; color: #fb8500!important}
.btn_center{display: table; margin: 0 auto}
.title_section {color: #fb8500!important; text-transform: uppercase;margin-bottom: 35px!important; font-size: 40px; font-weight: 400!important; text-transform: uppercase;font-family: 'Inter', sans-serif}

.section_home{padding-bottom: 60px}
.header_section{margin-bottom: 45px}
#banner_top {position: relative; height: 250px}
#banner_top .container{ display: flex; height: 100%; justify-content: center; align-items: center;}
#banner_top  h1,#banner_top h2,#banner_top h3{color: #fb8500!important; font-size: 50px!Important; line-height: 50px}
.cont_banner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.ico_center{ display: table; margin: 0 auto}
.c_carousel{ padding: 0 10%}
.bg_cover{ background-size: cover!important;}
.owl-nav{ display: flex; justify-content: center; align-content: center}
.owl-nav button{ width: 30px; height: 30px; line-height: 45px!important; border-radius: 0px; color: #fff!important; background: #000000!important; line-height: 30px; margin:  0 10px}
.owl-nav button:hover{  background: #000000!important}
.owl-nav .owl-prev{ }
.owl-nav .owl-next{} 

.owl-dots{ display: flex; width: 100%; align-content: center; justify-content: center; margin-bottom: 30px; margin-top: 5px}
.owl-dot span{ width: 12px; height: 12px; display: block;  border: 10px solid #fb8500;  background: transparent!important; border-radius: 20px; margin: 0 5px}
.owl-dot.active span{ background: #fb8500}
figure{ margin-bottom: 0!important}
#mod_gallery,.restauracion,#investigacion{ padding: 70px 0}{ padding: 70px 0}
.elementor-widget:not(:last-child){ margin-bottom: 0!important}

.ico_num{background: #fb8500!important; width: 45px!important; height: 45px!important; line-height: 45px!important; margin: 0 auto;border-radius: 90px}
.ico_num .elementor-heading-title{ height: 45px!important; color: #fff!important; line-height: 45px!important;}

.btn_owl {margin: 0 auto 30px auto!important}
.btn_owl  li i{color: #0079f1!important}

.elementor-widget-text-editor ul li{position: relative; margin-bottom: 10px}
.elementor-widget-text-editor ul li:before{ content: ''; margin-right: 5px;  display: inline-block;width: 0;	height: 0;	border-width: 5px 0 5px 10px;	border-color: transparent transparent transparent #fb8500;	border-style: solid;}

.practica .elementor-widget-text-editor ul li:before{ border-color: transparent transparent transparent #000!important;}
.principios .elementor-widget-text-editor ul li:before{ border-color: transparent transparent transparent #fff!important;}
.no_bullet li:before{content: ''; display:none!important }



/**********CSS GRAL****************/

/**********CSS ABOUT****************/


/**********CSS SERV****************/
#c_diferen{}
#c_diferen .swiper-slide-inner{position: relative}
#c_diferen .swiper-slide-inner figcaption{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  display: flex;flex-direction: column;
    align-content: center;    justify-content: center; padding: 0 10%}
/*****CSS**CTO****/

#cto{}
#cto.cto_home{padding: 55px 0}
#cto.cto_home .cont_form{padding-right: 15%}

#cto_confiar {margin-bottom: 40px}
#cto_confiar .cont_sblo { width: 590px}
#list_confiar{}
#list_confiar li{ width: calc(20% - 30px); margin: 0 10px }
/****************/
#list_blog{ margin-top: 45px}
.item_blog{margin-bottom: 45px; display: flex; align-items: center; justify-content: space-between}
.item_blog .img_blog{width: calc(45%);box-shadow: -9px 9px 1px 0px #fb8500}
.item_blog .summary_blog{width: calc(100% - 45%); padding: 5px 10px}
.item_blog .summary_blog .summary_text{margin: 15px 0}
.item_blog .summary_blog h2{font-size: 19px; line-height: 19px; }


#footer_blog{padding-bottom: 35px; padding-top: 35px}
.pagination_post { }
.pagination_post li{}
.pagination_post li a{display: table;border: 1px solid #fb8500;color: #fb8500;padding: 5px 10px;border-radius: 0px;font-size: 15px;transition: all 800ms ease-out;}
.pagination_post li a i,.pagination_post li a span{ display: inline-block; vertical-align: middle;}
.pagination_post li a i{ margin: 0 5px}
.pagination_post li a:hover{background: #fb8500; color: #fff!important}

/****************/

#content_footer{background: #f5f5f5; ; padding: 35px 0 0 0; position: relative}
#content_footer li, #content_footer a, #content_footer p{ color: #000}
#logo_foo{ width: auto; margin: 0 auto 30px auto}
#redes_foo{ margin: 20px auto}
#redes_foo ul li{margin: 0 15px}
#redes_foo ul li a{ display: block; width: 25px; height: 25px} 

#menu_foo ul.foo_menu{ display: flex; align-items: center;justify-content:center}
#menu_foo li{ position: relative;margin-left: 0; margin:0 12px}
.info_cto li i{ font-size: 18px; line-height: 18px; margin-right: 5px}
.info_cto li:nth-child(2){justify-content: center}
.info_cto li:nth-child(3){justify-content:flex-end}
.item_foo.foo_cto{margin-bottom: 30px}
.item_foo.foo_cto h4{font-family: 'Inter', sans-serif; color: #fff; font-size: 18px; margin-bottom: 15px }

#anchor_tex{ padding-top: 15px; padding-bottom: 15px; border-top:1px solid #FFF }
/**********CCS*MB****************/
#menu:focus{outline: none!important}
    #menu{width: 40px; height: 40px; cursor: pointer;overflow: hidden;display: none; vertical-align: middle;border: none;position: relative; z-index: 9999; margin: 0px}
    #lineas_menu{ display: flex; flex-wrap: wrap; align-content:center;justify-content: flex-end;align-items: center;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto}
    .linea_menu{ background: #fb8500; display: inline-block; text-align: right;width: 100%; height: 2px; margin: 3px 0;transition: all 400ms ease-out;}
.linea_1,.linea_3{ width: 100%}
    #menu:hover .linea_2{ margin: 4px auto}
#menu.on{ }
    #menu.on .linea_2{ width: 0}
    #menu.on .linea_1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(45deg)}
    #menu.on .linea_3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(-45deg)}
    #menu.on .linea_menu{ background: #fb8500; }



.text_foo{margin-top: 15px}

/**********CCS*MB****************/

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

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


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

    #acerca{padding: 45px 5% 45px 5%;}
 
}
@media only screen and (max-width: 1170px){
 #acerca{padding: 45px 0px 45px 0px;}
}
@media only screen and (max-width: 1024px){
    
}

@media only screen and (max-width: 980px){
   #about_home [class*='col-'],#list_blog [class*='col-'],.info_cto  [class*='col-'],#list_servicios  [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #list_team  [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin: 0 ; padding: 0}
    #list_team article.item_team{margin: 0 2.5px 10px 2.5px!important}
    .cont_sblo{width: 100%}
    #content_header{background: #fff!important; top: 0}
#h_left,#h_right,#h_center{ width: calc(33.333%);}
    #logo{ width: 100%}
    #menu{ display: block} 
    #access{ display: none; background: #fff; position: fixed; width: 100%; height: auto; left: 0}
    #access ul.menu_ppal{ flex-direction: column;align-items:center; justify-content: center;}
    #access ul.menu_ppal li{ margin-bottom: 10px}
    #access a{ font-size: 20px!important; line-height: 20px!important; text-align: center;}
    #access ul .sub-menu{ position: relative; left: 0; width: 100%}
}
@media only screen and (max-width: 768px){
  #cto [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    
}

@media only screen and (max-width: 767px){
    
    
    #menu_foo{display: none!important}
}