@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*
font-family: "Montserrat", sans-serif;

*/
    
html{ margin:0 !important;height: 100%; background: #FFFCF8}
body { background: #FFFCF8!important; font-family: "Montserrat", sans-serif!important;margin:0; padding:0 !important; color: #88827A;  position:relative; font-size:16px!important; line-height: 20px; width:100%; /*cursor: none!important*/}

h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; margin: 0; color: #88827A; font-weight: normal;  }
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:#88827A }
nav ul,ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#012E40; 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: "Montserrat", 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: #012E40!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: "Montserrat", sans-serif!important}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.seo{text-align: center}
.seo h1,.seo ul li a h2{color: #8b8b8b;  font-family: "Montserrat", sans-serif!important}
.seo h1{ text-transform: uppercase;font-size: 14px;}
.seo ul{display: flex; align-content: center; justify-content: center; flex-wrap: wrap}
.seo ul li:before{ display: none!important}
.seo ul li a h2{ font-weight: normal!important; font-size: 10px!important}
/******************************* HEADER *****************************/

#content_header{ background: #FFFCF8; transition: all 400ms ease-out; padding:  40px 0; margin: 0 auto;width: 100%;top: 0px; left: 0; right: 0;z-index: 99999991; position: sticky;}
#content_header .cont_at{margin-bottom: 0!important}
#content_header.header_fix{  top: 0; transition: all 300ms ease-out;}

.row_header{ display: flex; align-items: center;justify-content: space-between}


#logo_top{ }

#h_left{padding: 0!important; margin: 0!important; position: relative; width: calc(250px)}

.btn_talk{ text-transform: uppercase; color: #F2ECE4; font-size: 20px; background: #0239B0;padding: 10px 35px; margin-left: 20px}
.btn_talk:hover{ color: #F2ECE4;  background: #88827A;}

#h_right{ width: calc(100% - 250px); display: flex; align-items: center; justify-content: flex-end}
#idioma { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999991}
.cont_idioma{ background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;width: 100%; height: 100%;}
.cont_idioma #idioma_cont{position: relative;background: #F2ECE4; padding: 55px!important; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,25%)}
.cont_idioma #idioma_cont h3{text-transform: uppercase; text-align: center;color: #88827A; margin-bottom: 35px; letter-spacing: 3px; font-weight: 600}
#close_idioma{ border: 1px solid #88827A; line-height: 40px; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; text-align: center; padding: 0px; border-radius: 90px}
.cont_idioma #idioma_cont ul{display: flex; align-content: center; justify-content: space-between}
.cont_idioma #idioma_cont ul li{ margin:0 10px}
.cont_idioma #idioma_cont ul li a{ text-transform: uppercase; text-align: center;display: block; border-radius: 15px; padding: 10px 25px; border: 2px solid #88827A}
.cont_idioma #idioma_cont ul li a i{ margin-right: 10px}
.cont_idioma #idioma_cont ul li a { font-size: 18px; font-weight: 500; line-height: 18px; text-transform: uppercase;color: #88827A;}
.cont_idioma #idioma_cont ul li a:hover { background: #88827A; color: #fff;}
#access{padding-bottom: 5px }
#access .menu-menu-ppal-container{ }
#access ul{ display: flex; align-items: center; justify-content: flex-end}
#access li,#menu_second ul li{ position: relative; display: flex; align-items: center}
#access li:after{ content: '/'; display: flex; align-items: center; margin: 0 10px;font-weight: 500;  color:#88827A; font-size: 20px;}
#access li:last-child:after{ display: none!important }
#access li:last-child,#menu_second ul li:last-child{margin: 0!important}
#access .menu-menu-ppal-container a, #access  .menu-menu-ppal-container .btn_menu{ font-weight: 500;  color:#88827A ;display: block; cursor: pointer;font-size: 20px; text-transform: uppercase;letter-spacing: 4px; line-height: 25px; padding: 5px 10px ; font-family: "Montserrat", sans-serif;display: flex; justify-content: space-between; align-items: center; transition: all 400ms ease-out; }
#access a:hover,.btn_menu:hover,#access li.active a,#access li.current-menu-item a,#access [aria-current]:not([aria-current="false"]){ color: #0239B0; transform: translateY(-10px);transition: all 400ms ease-out;}

.btn_menu i {position: relative; cursor: pointer;display: inline-block; vertical-align: middle; margin-left: 10px; width: 10px; height: 10px; border-right: 2px solid #F2ECE4;border-bottom: 2px solid #F2ECE4;top: -1px;transform: rotate(45deg); }
.btn_menu:hover i{}
#access ul .sub-menu{background: #012E40 ; min-width: 280px; left: -90px; top: 49px; position: absolute;display: none; padding:  10px 0!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: #F2ECE4 !important; font-size: 13px!important; font-weight: 500; text-align: center; padding: 5px 10px; position: relative; border-radius: 0!important}
#access ul .sub-menu li a:hover,#access ul .sub-menu li .btn_menu:hover{ background: #F2ECE4; color: #012E40!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: #1b1b1b!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: #1b1b1b!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: #1b1b1b!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;}

#redes_top a:before{color: #012E40}



/************FORMATO formularios***************/
.form_col form{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap}
.wpcf7-form .col_at{padding: 5px 10px}
.wpcf7-form .wpcf7-form-control-wrap{ width: 100%; position: relative;display: inline-block; margin-bottom: 10px!important}
.wpcf7-form .wpcf7-form-control-wrap label{font-weight: 300!important ; font-size: 12px}
.wpcf7-form .wpcf7-form-control-wrap input,.wpcf7-form .wpcf7-form-control-wrap textarea,.wpcf7-form .wpcf7-form-control-wrap select{ background: none; width: 100%; color:#88827A; font-size: 14px;padding: 10px 15px;border-radius: 10px;font-weight: 400!important ;  border: 1px solid #88827A; } 
.wpcf7-form .wpcf7-form-control-wrap select option{color: #88827A!important}
.wpcf7-form  textarea{ max-height: 150px; height: 150px; border: none; border-radius: 10px}
.wpcf7-form .btn_form{ background: #88827A; color: #F2ECE4; text-transform: uppercase;font-size: 17px; cursor: pointer;border-radius: 0px; padding: 10px 25px!important; width: 100%!important; text-align: center; justify-content: center;}
.wpcf7-form .btn_form:hover{ background: #88827A}
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #88827A;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: #88827A; font-size: 13px!important}

.wpcf7-form input:focus::-webkit-input-placeholder { color:#88827A; }
.wpcf7-form input:focus::-moz-placeholder { color:#88827A; } 
.wpcf7-form input:focus::-ms-input-placeholder { color:#88827A; } 
.wpcf7-form input:focus::-o-placeholder { color:#88827A; }

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




.wpcf7-form textarea:focus::-webkit-input-placeholder { color:#88827A; }
.wpcf7-form textarea:focus::-moz-placeholder { color:#88827A; } 
.wpcf7-form textarea:focus::-ms-input-placeholder { color:#88827A; } 
.wpcf7-form textarea:focus::-o-placeholder { color:#88827A; }

.wpcf7-form textarea::-webkit-input-placeholder { color:#88827A; }
.wpcf7-form textarea::-moz-placeholder { color:#88827A; } 
.wpcf7-form textarea::-ms-input-placeholder { color:#88827A; } 
.wpcf7-form textarea::-o-placeholder { color:#88827A; }

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

.wpcf7-not-valid-tip {background: #88827A;padding:  3px 10px; color: #F2ECE4; border: 1px solid #F2ECE4; font-weight: normal;display: table;position: absolute;font-size: 12px;bottom: -7px;line-height: 12px;border-radius: 0;left: 0;right: 0;margin: auto;}

.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: #88827A}
.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; border-radius:0px;content: '';height: 18px;width: 18px;top: 0px;left: 0px;border: 1px solid #88827A; border-radius: 0px}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute; border-radius:0px;content: "";height: 18px;width: 18px;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: #88827A;}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:after {visibility: visible;}
.wpcf7-list-item-label {margin-left: 25px; display: inline-block; font-size: 16px}

.wpcf7-form-file{visibility: hidden;}
.wpcf7-form-file:after{content: 'Ajuntar hoja de vida';visibility: visible;display: block;position: absolute;background: #88827A;color: #88827A;    padding: 15px;  top: 0px; left: 0; width:100%; height: 100%; text-align: center}

.requerido{position: absolute;color: #88827A; top: 5px; left: 3px;font-size: 17px; font-weight: 300!important;}
.wpcf7-spinner{ display: none}
.wpcf7 form>div, .wpcf7 form>p{ margin-bottom: 20px}
#terminos .wpcf7-form-control-wrap{ width: auto!important}
#terminos  a{ color: #88827A!important; margin-left: 5px; font-size: 15px }

  .wpcf7-form .wpcf7-list-item label {border: 1px solid #88827A;border-radius: 0px;display: flex;height: 25px;margin: 0!important; position: relative;width: 55px; cursor: pointer}
  .btn_dif_dir input {display: none;  }
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {animation: move-left-36 400ms;background: none; border-radius: 90px; border: 1px solid #88827A;border-radius: 0px;content: '';left: 8px;outline: none;position: absolute;transition: background 100ms linear;width: 20px;height: 20px;left: 3px;top: 2px;}
  .wpcf7-form .wpcf7-list-item span:active {}
.wpcf7-form .wpcf7-list-item  label:hover:before{background: #88827A; border: 1px solid #88827A;}
  .wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {animation: move-right-36 400ms;background: #F2ECE4; border: 1px solid #88827A;left: 30px; }

  @keyframes move-right-36 {
    0% {left: 3px;}
    100% {left: 30px;}
  }

  @keyframes move-left-36 {
    0% {left: 30px;}
    100% {left: 3px;}
  }

.radio_form{ display: flex; align-items: center; margin-top: 15px}
.radio_form .wpcf7-list-item.first{ margin-right: 20px}

   .wpcf7-form .radio_form .wpcf7-list-item label {border: 1px solid #88827A;border-radius: 90px;display: flex;height: 25px;margin: 0!important; position: relative;width: 75px; cursor: pointer}
.wpcf7-form .radio_form .wpcf7-list-item-label{ margin-left: 5px; line-height: 23px}
  .radio_form input {display: none;  }
.wpcf7-form .wpcf7-list-item input[type=radio] + span:before {animation: move-left-36 400ms;background: none; border: 1px solid #88827A;border-radius: 90px;content: '';left: 8px;outline: none;position: absolute;transition: background 100ms linear;width: 35px;height: 20px;left: 3px;top: 2px;}
  .wpcf7-form .wpcf7-list-item span:active {}
.wpcf7-form .wpcf7-list-item  label:hover:before{background: #88827A; border: 1px solid #88827A;}
  .wpcf7-form .wpcf7-list-item input[type=radio]:checked + span:before {animation: move-right-36 400ms;background: #88827A; border: 1px solid #88827A;left: 30px; border-radius: 90px }
  

#cto_home #terminos a{ color: #fff!important}
#cto_home .wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before,#cto_home .wpcf7-form .wpcf7-list-item label{ border-color: #fff}

#col_list_serv{}
#col_list_serv h4{ margin-bottom: 10px}
.check_list_serv{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
.check_list_serv .wpcf7-list-item{ width: calc(33.33%); margin-bottom: 10px!important}
.check_list_serv .wpcf7-list-item .wpcf7-list-item-label{ margin-left: 30px}
.check_list_serv .wpcf7-list-item label{ width: 100%; display: flex; align-items: center;border: none!Important}
.check_list_serv .wpcf7-list-item input[type=checkbox] + span:before{animation: none!important; border-radius: 90px;}
.check_list_serv   .wpcf7-list-item input[type=checkbox]:checked + span:before {left: 0!important; background: #88827A!important }


.wpcf7-response-output{ background: #F2ECE4; border: none!important; text-align: center; border-radius: 5px!important; color: #88827A; font-size: 13px; line-height: 14px; text-transform: uppercase;padding: 5px 10px!important}

/*******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: #88827A;  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 ";}
.redes_sociales a[href*="tiktok.com"]:before {	content: "\e07b ";}
.redes_sociales a[href*="api.whatsapp.com"]:before {	content: "\f232 ";}

.text_redes{ display: none }


#lets_talk{ background: #88827A; padding: 115px 0;}
#lets_talk .cont_at{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
#lets_talk h3{color: #F2ECE4;font-family: "Montserrat", Sans-serif; margin-right: 30px; font-size: 26px;font-weight: 600;text-transform: uppercase;letter-spacing: 2.6px;}
#lets_talk .btn_talk{    background-color: #61CE7000;
    font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
    fill: #F2ECE4;
    color: #F2ECE4;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #F2ECE4;
    border-radius: 20px 20px 20px 20px;
    padding: 10px 30px 10px 30px; transition: all 500ms ease-out;}
#lets_talk .btn_talk:hover{background-color: #F2ECE4;
    color: #88827A;
border-color: #F2ECE4;transform: translateY(-8px); transition: all 500ms ease-out;}

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

.btn_at{font-size: 15px;font-weight: 600;text-transform: uppercase;letter-spacing: 4px;color: #88827A;border: 2px solid #88827A;border-radius: 15px;padding: 10px 25px;}

.btn_at:hover{background: #88827A; color: #fff}


.btn_center{display: flex; margin: 0 auto}
.title_section {color: #88827A;margin-bottom: 35px!important; font-size: 40px; font-weight: 800!important; font-family: "Montserrat", sans-serif}

.section_home{padding-bottom: 60px}
.header_section{margin-bottom: 45px}
.header_section h3,.header_section h2{ line-height: 40px; font-size: 40px; font-weight: 400; }
#banner_top {position: relative;  overflow: hidden;padding-top: 0px}


#banner_top .cont_at{ width: 80%}
#banner_top  h1{color: #88827A;font-size: 65px; line-height: 75px; font-weight: 600;text-transform: uppercase;
    letter-spacing: 3px;}
.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;}



#mod_gallery,.restauracion,#investigacion{ padding: 70px 0}{ padding: 70px 0}
.elementor-widget:not(:last-child){ margin-bottom: 0!important}

.ico_num{background: #012E40!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: #012E40!important; line-height: 45px!important;}

.dots_lineas .owl-dots{ display: flex; align-items: center; justify-content: center; margin-top: 30px!important}
.dots_lineas .owl-dot {width: 25px; height: 5px; border-radius: 90px!important; border: none!important; background: #ccc!important; margin: 0 5px;transition: all 200ms ease-out;}
.dots_lineas .owl-dot.active,.dots_lineas .owl-dot:hover { width: 55px;background: #012E40!important;transition: all 200ms ease-out;}


.elementor-widget-text-editor p{ margin-bottom: 10px!important}
.elementor-widget-text-editor b,.elementor-widget-text-editor strong{color: #88827A}
.elementor-widget-text-editor ul{ margin: 15px 0!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: 7px;	height: 7px; background: #012E40; border-radius: 20px;	}

.no_bullet li:before{content: ''; display:none!important }

.btns_serv a{ width: 100%!important}

.eael-accordion-list .eael-accordion-header{ display: flex;flex-direction: row-reverse;}
.gallery-item{padding: 0}
.gallery-item a{ display: block; margin: 0 15px 10px 15px; overflow: hidden}
.gallery-item img{border:none!important}
.gallery-item img:hover{transform: scale(1.15)}

.swiper-pagination{bottom: -10px!important}
.swiper-pagination .swiper-pagination-bullet{ border: 1px solid #012E40!important}

#single_gral #banner_top{ min-height: 365px;background-position: bottom right!important; margin-bottom: 45px}

#blog #banner_top{ display: flex; align-items: flex-end; justify-content: center;min-height: 0;background-position: bottom right!important; margin-bottom: 45px; padding-bottom: 3%} 


#list_blog article{ margin: 0 35px}
#list_blog .item_blog{ align-items: center; margin-bottom: 35px}
#list_blog .item_blog .summary_blog{padding: 0; display: flex; flex-wrap: wrap}
.item_blog .summary_blog h2{ margin: 15px 0;font-size: 15px; font-weight: 600; letter-spacing: 2px;text-transform: uppercase;color: #88827A;}
.item_blog figure { display: block; margin-bottom: 15px!important }

.item_blog figure a{ display: block;}

.item_blog .summary_blog .txt_summary{}
.item_blog .summary_blog .txt_summary p{ margin-bottom: 15px; font-size: 14px; line-height: 15px}
.item_blog .summary_blog .btn_at { display: table; margin: 10px auto}


#single_gral{ padding-top: 135px}
#single_gral.single_blog{ padding-top: 0}
#header_article {width: 75%;  margin-bottom: 25px}
#header_article h1{ text-transform: uppercase; font-size: 20px; line-height: 22px;font-weight: 600}
#header_article .exceprt_blog{  margin-top: 15px; }
#header_article .exceprt_blog h2{ font-size: 15px; line-height: 17px; font-weight: 600; text-transform: uppercase}

.entry_blog{}
.entry_blog h2,.entry_blog h3,.entry_blog h4,.entry_blog h5,.entry_blog h6{ margin-bottom: 10px!important; font-weight: 600}
.entry_blog p{ font-size: 16px!important; line-height: 25px!important}
.entry_blog p{ font-size: 16px!important; line-height: 25px!important}

.entry_blog ul,.entry_blog ol{margin: 0 0px 15px 25px!important; padding: 0!important}
.entry_blog ul,.entry_blog ul li{list-style: disc!important}
.entry_blog ul li,.entry_blog ol li{margin-bottom: 5px}
.entry_blog ol,.entry_blog ol li{list-style: decimal!important}


#footer_blog{padding-bottom: 35px; padding-top: 35px; width: 100%}
.pagination_post { width: 100%; display: flex; align-items: center; justify-content: center}
.pagination_post li{margin: 0 10PX}
.pagination_post li a{display: table;border: 2px solid #88827A;color: #88827A;padding: 10px 35px;border-radius: 15px;font-size: 15px;transition: all 800ms ease-out; text-transform: uppercase}
.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: #88827A; color: #fff!important}
/***SIDEBAR****/

#blog_sidebar{}
#blog_sidebar .cont_sidebar{width: 100%; display: contents; align-items: flex-start; flex-wrap: wrap; justify-content: center}

.cont_sidebar .widget{ width: 30%; display: block; background: #F2ECE4; border: 1px solid #88827A!important; padding: 10px; border-radius: 10px; margin: 10px!important}
.cont_sidebar .widget .widget_title{ font-size: 20px!importrant; margin-bottom: 10px!important; color: #88827A ; text-transform: uppercase; text-align: center;font-weight: bold!important}
.cont_sidebar .widget ul li{ position: relative;}
.cont_sidebar .widget ul li:before{ content: '\f35a'; font-family:"Font Awesome 5 Free"; display: inline-block; vertical-align: middle; margin-right: 5px; color: #012E40}
.cont_sidebar .widget ul li a{ color: #012E40 }

#menu_categorias li{margin-bottom: 10px}
#menu_categorias li a{  display: inline-block; transition: all 400ms ease-out}
#menu_categorias li a:hover{  color: #012E40 ; transform: translateX(10px);transition: all 400ms ease-out}
#more_blog.widget li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed}
#more_blog.widget li:before{ display: none}
#more_blog.widget li a{ display: flex; align-items: center;color: #012E40 }
#more_blog.widget li a:hover{ }
#more_blog.widget li a i{ width: calc(25% - 10px)}
#more_blog.widget li a span { width: calc(70%); margin-left: 10px; font-size: 13px; line-height: 14px}


/*****CSS**COL****/

.cont_at{ width: 90%;  margin: 0 auto; }
.cont_at_100{ width: 100%;  margin: 0 auto; }
.cont_at .cont_at{width: 100%; padding: 0}
.cont_at_full,#cont_page{ block-size: 100%;  inline-size: 100%; }
.cont_at [class*='row_at_']  > .col_at{  padding: 5px 10px; margin: 5px; display: flex; flex-wrap: wrap}
.row_at{display: flex; justify-content: center}
.row_at_1{ display:grid;grid-template-columns: repeat(1, 1fr); box-sizing: border-box;}
.row_at_2{ display:grid;grid-template-columns: repeat(2, 1fr); box-sizing: border-box;}
.row_at_3{ display:grid;grid-template-columns: repeat(3, 1fr); box-sizing: border-box;}
.row_at_4{ display:grid;grid-template-columns: repeat(4, 1fr); box-sizing: border-box;}

.row_at_5_7{ display:grid;grid-template-columns: 1.2fr 1.8fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_7_5{ display:grid;grid-template-columns:  1.8fr 1.2fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_2_8{ display:grid;grid-template-columns:  0.4fr 1.6fr;   grid-template-rows: 1fr;box-sizing: border-box;}

.col_at > [class*='row_at_'] .col_at{ margin:  0; padding: 5px 0}
.col_at [class*='row_at_']{ padding: 0; margin: 0}

.img_fluid{ max-width: 100%}
.no_gutter{ margin: 0 0 5px 0!important; padding:0!important}
.ico_center{ display: table; margin: 0 auto}
.align_left{ text-align: left}
.align_center{ text-align: center}
.align_right{text-align: right}
.text_uppercase{text-transform: uppercase}
.radius_full{ border-radius: 800px; overflow: hidden}
.summary_text p{ margin-bottom: 0px}
.current_page{pointer-events: none; position: fixed; left: 35px; bottom: 10%;font-weight: 500;text-transform: uppercase;letter-spacing: 4px;font-size: 19px;width: 300px;color: rgb(0, 0, 0); z-index: 999992; transform: rotate(-90deg) translateX(138px) translateY(-138px);}

#breadcrumbs{ margin: 35px 0; text-transform: uppercase}


#tax_portfolio{}
#tax_portfolio  #list_porta.cont_at{ width: 80%}
#tax_portfolio #banner_top{ margin-bottom: 55px}
#banner_top header.cont_at{ display: flex; align-items: center; width: 100%;padding: 0px 15px}
#banner_top .text_left_banner{ width: calc(350px)}
#banner_top .text_left_banner a{ display: table}
#banner_top .text_left_banner h3{ font-size:22px; margin-bottom: 15px; line-height: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px}
#banner_top .text_header{width: calc(100% - 350px)}
#banner_top .text_header p{ font-size: 17px; line-height: 22px; color: #88827A}

.item_porta{margin-bottom: 70px}
.item_porta h2{color: #88827A;font-size: 30px;font-weight: 600;text-transform: uppercase; border-bottom: 2px solid #88827A; padding: 10px 0; margin-left: 15px;margin-bottom: 20px}
.summary_porta.col_at{flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: space-between;}
.summary_porta.col_at p{ font-size: 17px; line-height: 22px; color: #88827A}
/****************/


.entry_content{ }
.entry_content ul{ margin-bottom: 15px!important}
.entry_content h3,.entry_content h4,.entry_content h3{ }
/****************/

#form_news{ margin-bottom: 35px; padding: 0 10%; }
#form_news  form{ display: flex;flex-wrap: wrap;align-items: flex-start; justify-content:flex-start; width: 100%}
#form_news p{color:#88827A;font-size: 14px;margin-top: 5px; font-weight: 300}
#form_news  .wpcf7-form-control-wrap{ width: calc(100%); border: 1px solid #88827A;overflow: visible!important; margin: 0px!important}
#form_news  .wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute}
#form_news  .wpcf7-form-control-wrap input[type=email],#form_news  .wpcf7-form-control-wrap input[type=text]{ border: none; border-radius: 0px; height: 30px; background: none;font-size: 13px!important; line-height: 13px!important; color: #88827A!important; text-transform: uppercase; font-weight: 300}
#form_news  .btn_at{ width: 130px!important; margin-left: 5px; font-weight: 400!important;text-transform: uppercase; cursor: pointer;background: #88827A ; color: #fff!important; height: 32px; border-radius: 0px; font-size: 14px!important; line-height: 10px!important} 
#form_news  .btn_at:hover{background: #c6acb2!important; color: #88827A!important;}
.cont_form_bt {display: flex;align-items: center;justify-content: space-between;margin-top: 5px;}

#content_footer{ padding: 85px 0 20px 0;  position: relative;background: #FFFCF8;; position: relative;}
#content_footer .cont_at{max-width: 1170px;} 
#foo_redes .col_1{  padding-left: 45px}
#foo_redes .col_1 h4{ font-size: 17px; font-weight: 600}
#foo_redes .col_2{ justify-content: flex-end; padding-right: 45px}
#menu_foo .col_at{ width: 100%}
#foo_menu{ border-bottom: 3px solid #88827A; border-top: 3px solid #88827A; width: 100%}
#foo_menu ul{ display: flex; justify-content: space-between; align-items: center; padding: 35px 5%!important}
#foo_menu ul a{text-transform: uppercase; font-size: 18px; color: #88827A; font-weight: 600; letter-spacing: 3px; position: relative}

#foo_info{ padding-top: 40px; padding-bottom: 40px}
#foo_info .col_at,#foo_brand .col_at{ display: flex; flex-direction: column; justify-content: center; align-items: center}
#foo_info .col_at h4{text-transform: uppercase; font-size: 18px; color: #88827A; font-weight: 600; letter-spacing: 3px; margin-bottom: 40px}
#foo_info .col_at ul li{ font-size: 19px; font-weight: 400; letter-spacing: 3px; text-align: center; margin-bottom: 5px}

#foo_brand{padding-bottom: 40px}
#foo_brand .col_at img{ margin: 0 auto; width: 230px}
/**********CCS*MB****************/
#menu:focus{outline: none!important}
    #menu{width: 30px; height: 35px; padding: 5px; margin-left: 15px!important; cursor: pointer;overflow: hidden;display: none; vertical-align: middle;position: relative; z-index: 9999992; margin: 0px;}
    #lineas_menu{ display: flex; flex-wrap: wrap; align-content:center;justify-content: flex-end;align-items: center;position: absolute; width: 95%; height: 95%; top: 0; left: 0; margin: auto}
    .linea_menu{ background: #88827A; display: inline-block; text-align: right;width: 100%; height: 2px; border-radius: 90px; margin: 3px 0;transition: all 400ms ease-out;}
    .linea_3{width: 100%}
    #menu:hover .linea_2{ margin: 6px auto;transition: all 400ms ease-out;}
    #menu:hover .linea_3{ width: 100%;transition: all 400ms ease-out;}
#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); width: 100%}
    #menu.on .linea_menu{ background: #88827A; }




.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){


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

}
@media only screen and (max-width: 1024px){ 
    #content_header{ background:#FFFCF8; padding: 10px 0px }
    .row_header{ align-items: center}
    #h_right{ height: auto!important; margin: 0!important; border: none!important;width: calc(100% - 250px); }
    #h_left{width: calc(250px)}
    .trp-language-switcher > div > a{ color: #fff!important; background:#012E40;  border-radius: 0px}
    .trp-language-switcher{ height: auto!important; }
    #access{ display: none; position: fixed; width: 100%; left: 0; height: 100%; background:#FFFCF8; }
    #access .menu-menu-ppal-container{ margin-bottom: 40px}
    #access ul { justify-content:flex-start; align-items: flex-start; margin-left: 10px!important; padding-top: 35px!important; flex-direction: column}
    #access ul li:after{ display: none!important}
    #access ul li{ margin: 0 10px 0 0!important}
    #access ul li a{font-size: 25px!important;}
    #menu{ display: inline-block;}
    #access [aria-current]:not([aria-current="false"]){ color: #0239B0; transform: translateY(0)!important;transition: all 400ms ease-out;}

}

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

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

@media only screen and (max-width: 767px){
    #h_right{ height: auto!important; margin: 0!important; border: none!important;width: calc(100% - 160px); }
    #h_left{width: calc(160px)}
    .row_at_7_5,#list_porta .row_at_2,#content_footer .row_at_3,#list_blog .row_at_3,.wpcf7-form .row_at_2,.wpcf7-form .row_at_5_7, #content_footer .row_at_2{display:grid;grid-template-columns: repeat(1, 1fr); box-sizing: border-box;}
    #banner_top h1{font-size: 50px; line-height: 55px;}
    #banner_top header.cont_at {flex-direction: column-reverse;}
    #banner_top .text_left_banner{ width: calc(100%)!important}
#banner_top .text_header{width: calc(100%)!important}
    .item_porta h2{line-height: 25px; font-size: 25px; margin-left: 0px}
    .item_porta .col_at{margin: 0px!important; padding: 0!important}
    .item_porta figure.col_at{ margin-bottom: 15px!important}
    #banner_top header.cont_at{ padding: 0}
    .cont_idioma #idioma_cont{padding: 55px 20px}
    .cont_idioma #idioma_cont ul{ flex-direction: column;}
    .cont_idioma #idioma_cont ul li{  margin-bottom: 15px}
    #content_footer #foo_left{ display: none}
    #header_article {    width: 100%;    margin-bottom: 25px;}
    .alignleft ,.alignright ,.aligncenter {  float: none!important;clear: both; display: block; margin: 0 auto 1.75em}
    #single_gral{ padding-top: 30px}
    #blog #banner_top{ min-height: 115px; padding-top: 0px}
    .check_list_serv .wpcf7-list-item {width: calc(50%);margin-bottom: 10px !important;}
    #banner_top{padding-top: 70px}
    #banner_top h1{margin-bottom: 15px}
    #lets_talk h3{ margin-right: 0; margin-bottom: 20px}
    #content_footer #foo_right.col_at {    align-items: center; margin-bottom: 55px}
    #foo_redes .col_1{ justify-content: center; padding: 0!important; margin-bottom: 10px}
    #foo_redes .col_2{ justify-content: center; padding: 0!important}
    
    #foo_menu ul {    display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 35px 5% !important;}

}