https://thinkit.com.co/cpanel@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
/*
font-family: "Quicksand", sans-serif;

*/
   

html{ margin:0 !important;height: 100%; background: #fff}
body { background: #fff!important; font-family: "Quicksand", sans-serif!important;margin:0; padding:0 !important; color: #000 !important;  position:relative; font-size:16px!important; line-height: 20px; width:100%; /*cursor: none!important*/}
.cursor{
   position: fixed;
   width: 35px;
   height: 35px;
    transform: rotate(180deg);
   background: url(https://clientes.atmosferadigital.co/think/wp-content/uploads/2024/04/burbujas.svg);
   pointer-events: none;
   background-size: cover!important;
   z-index: 999999991;

   transition: transform 0.2s;
 }


/*
:hover{ cursor: none!important}

*/
h1, h2, h3, h4, h5, h6 { font-family: "Quicksand", sans-serif; margin: 0; color: #000; font-weight: normal; letter-spacing: 4px  }
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:#000 }
nav ul,ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#000; 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: "Quicksand", 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: #000!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: "Quicksand", 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: "Quicksand", 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:transparent;   transition: all 400ms ease-out; padding:10px 0; margin: 0 auto;width: 100%;top: 35px; left: 0; right: 0;z-index: 99999991; position: fixed;}
#content_header .cont_at{margin-bottom: 0!important}
#content_header.header_fix{  background: #22343d; top: 0; transition: all 300ms ease-out;}
.serv_int #content_header{  background: #22343d; top: 0; transition: all 300ms ease-out;}

#logo_top{ width: 290px }

#h_left{}

#h_right{ display: flex; justify-content: flex-end; align-items: center}
#idioma{display: flex; align-items: center; margin-right: 20px}
#idioma i{ color: #fff; margin-right: 10px}
#idioma a{font-size: 19px; color: #fff;}
#slide_home{position: relative}
#slide_home .ico_burbujas{position: absolute; display: block; bottom:  58px; right: 30px; width: 45%!important}

#slide_home  .ico_burbujas{display: block; width: 100% }
#slide_home  .ico_burbujas path{stroke-dasharray: 10000;  stroke-dashoffset: 10000; }
#slide_home  .ico_burbujas .circle_big{fill:transparent;stroke:#46786D; stroke-width:3px;animation: dash 15s linear forwards infinite;  }
#slide_home  .ico_burbujas .circle_medio{fill:transparent;stroke:#6FB1A2; stroke-width:3px;animation: dash 20s linear forwards infinite;}
#slide_home  .ico_burbujas .circle_small{fill:transparent;stroke:#599286; stroke-width:3px;animation: dash 25s linear forwards infinite;}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
      stroke:#fff; 
  }
}



#btn_down{ position: relative;background: #52b9b6; width: 95px; height: 95px; border-radius: 90px; text-align: center; line-height: 80px; display: flex;    justify-content: center;align-items: center; margin: auto; bottom: 35px; z-index: 999}

#slide_home #btn_down{position: absolute; background: #52b9b6; width: 95px; height: 95px; border-radius: 90px; text-align: center; line-height: 80px; display: flex;    justify-content: center;align-items: center; right: 75px; bottom:90px}

#btn_down i{background: #111c23; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 90px;transition: all 200ms ease-out;}
#btn_down .txt_scroll{transition: all 200ms ease-out; position: absolute; display: table; top: 35px; left: 0; right: 0; margin: auto; transform: rotate(-5deg) scale(0); z-index: -1;}

#btn_down:hover{ box-shadow: inset 0px 0px 25px rgba(0,0,0,20%); transition: all 200ms ease-out;}
#btn_down:hover i{box-shadow:  0px 0px 25px rgba(0,0,0,60%), inset 0px 0px 10px rgba(0,0,0,60%), inset 0px 0px 25px rgba(256,256,256,60%); color: #fff; transition: all 200ms ease-out;}
#btn_down:hover i,#btn_down:hover .txt_scroll{transform: scale(1.15);transition: all 200ms ease-out;}
#btn_down:hover .txt_scroll{top: -20px; transform: rotate(-5deg) scale(1);transition: all 200ms ease-out;z-index: 90}


#access{ background: linear-gradient(90deg, rgba(40,120,130,1) 0%, rgba(4,50,41,1) 100%); width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; z-index: 999991;transition: all 200ms ease-out}
#access.acc_off{ transform: scale(0); border-radius: 60000px; opacity: 0;}
#access.acc_on{ transform: scale(1); border-radius: 0px; opacity: 1;}
#access_left{ display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 45px; align-items: center; border-right: 1px solid #fff}
#access_right{display: flex; flex-direction: column; justify-content: flex-end;align-items: center;; padding-bottom: 55px!important; position: relative}
#access_right .row_at_2{display: flex; align-items: center}
#access_right .row_at_2 .info_cto_top .tel{ margin-left: 30px}
#access_right .row_at_2 #redes_top{ margin-left: 30px}
#access_right .row_at_2 ul li{ margin: 0 10px}
#access_right .info_cto_top span{ color: #fff!important}
#access_right .ico_menu{ display: block; position: absolute; bottom: 0; right: 0; width: 80%}
.circle_big{fill:#46786D;  }
#access.acc_on .circle_big{ animation: circle_big 2s ease-in-out  alternate; }
.circle_medio{fill:#6FB1A2;}
#access.acc_on .circle_medio{ animation: circle_medio 1.5s ease-in-out  alternate; }
.circle_small{fill:#599286;}
#access.acc_on .circle_small{ animation: circle_small 1s ease-in-out  alternate; }


@keyframes circle_big {
  from {
   transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}


@keyframes circle_medio {
  from {
   transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}


@keyframes circle_small {
  from {
   transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}


#access .menu-menu-ppal-container{ }
#access ul{}
#access li,#menu_second ul li{ position: relative;margin-left: 0; margin: 10px 0}
#access .menu-menu-ppal-container a, .menu-menu-ppal-container.btn_menu{ font-weight: 500; border-radius:5px;   color:#fff ;display: block; cursor: pointer;font-size: 22px; line-height: 22px; padding: 10px 30px ; font-family: "Quicksand", sans-serif;text-transform: uppercase;display: flex; justify-content: space-between; align-items: center;  border-radius: 90px}
#access a:hover,.btn_menu:hover,#access li.active a{ color: #22343d; background: #fff}

.btn_menu i {position: relative; cursor: pointer;display: inline-block; vertical-align: middle; margin-left: 10px; width: 10px; height: 10px; border-right: 2px solid #1b1b1b;border-bottom: 2px solid #1b1b1b;top: -1px;transform: rotate(45deg); }
.btn_menu:hover i{}
#access ul .sub-menu{background: #000 ; 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: #1b1b1b !important; font-size: 14px!important; font-weight: 500; text-align: left; padding: 5px 10px; position: relative}
#access li.menu_bg a{background:#000; color: #1b1b1b !important; font-size: 10px; padding: 5px 15px }
#access li.menu_bg a:hover{background:#1b1b1b ; color: #000!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: #1b1b1b ; color: #000!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;}

/************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: 0px!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:#ffffff!important; font-size: 14px;padding: 12px 15px;border-radius: 90px;font-weight: 400!important ; font-family: "Quicksand", sans-serif; border: 1px solid #ffffff; } 
.wpcf7-form  textarea{ max-height: 150px; height: 150px; border: none; border-radius: 30px!important}
.wpcf7-form .btn_at{ background: #52b9b6; color: #000!important; text-transform: uppercase;font-size: 17px; cursor: pointer;border-radius: 90px; padding: 10px 25px!important; width: 100%!important; font-family: "Quicksand", sans-serif;text-align: center; justify-content: center;}
.wpcf7-form .btn_form:hover{ background: #000!important}
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #000;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: #ffffff!important; font-size: 13px!important}

.wpcf7-form input:focus::-webkit-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }
.wpcf7-form input:focus::-moz-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form input:focus::-ms-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form input:focus::-o-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }

.wpcf7-form input::-webkit-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }
.wpcf7-form input::-moz-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form input::-ms-input-placeholder { color :#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form input::-o-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }




.wpcf7-form textarea:focus::-webkit-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }
.wpcf7-form textarea:focus::-moz-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form textarea:focus::-ms-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form textarea:focus::-o-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }

.wpcf7-form textarea::-webkit-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }
.wpcf7-form textarea::-moz-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form textarea::-ms-input-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; } 
.wpcf7-form textarea::-o-placeholder { color:#ffffff;font-family: "Quicksand", sans-serif; }

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

.wpcf7-not-valid-tip {background: #22343d;padding:  3px 10px; color: #fff; border: 1px solid #fff; font-weight: normal;display: table;position: absolute;font-size: 12px;bottom: -7px;line-height: 12px;border-radius: 14px;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: #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; border-radius:5px;content: '';height: 18px;width: 18px;top: 0px;left: 0px;border: 1px solid #000; border-radius: 0px}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute; border-radius:5px;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: #000;}
.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: #000;color: #000;    padding: 15px;  top: 0px; left: 0; width:100%; height: 100%; text-align: center}

.requerido{position: absolute;color: #000; top: 5px; left: 3px;font-size: 17px; font-weight: 300!important;}
.wpcf7-spinner{ display: none}



  .wpcf7-form .wpcf7-list-item label {border: 1px solid #fff;border-radius: 90px;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: 1px solid #fff;border-radius: 90px;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: #52b9b6; border: 1px solid #52b9b6;}
  .wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {animation: move-right-36 400ms;background: #52b9b6; border: 1px solid #52b9b6;left: 30px; }

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

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


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

 #terminos  .wpcf7-form-control-wrap{ width: auto!important}
 #terminos   a{ color: #fff!important; margin-left: 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: #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 }


/***FORM Transparencia***/

#form_transparente  .cont_form{ box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25) !important; border-radius: 20px; padding: 20px; margin-bottom: 20px!important}
#form_transparente  .title_form{  margin-left: 10px; margin-bottom: 15px; font-size: 30px; font-weight: bold}
#form_transparente  .col_at{  margin-bottom: 10px!important}
.form_col form{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap}
#form_transparente .wpcf7-form.col_at{padding: 5px 10px}
#form_transparente .wpcf7-form .wpcf7-form-control-wrap { width: 100%; position: relative;display: inline-block; margin-bottom: 0px!important}
#form_transparente .wpcf7-form .wpcf7-form-control-wrap  label{font-weight: 300!important ; font-size: 12px}
#form_transparente .wpcf7-form .wpcf7-form-control-wrap  input,#form_transparente .wpcf7-form .wpcf7-form-control-wrap  textarea,#form_transparente .wpcf7-form .wpcf7-form-control-wrap  select{ background: none; width: 100%; color:#22343d!important; font-size: 14px;padding: 5px 15px;border-radius: 0px;font-weight: 400!important ; font-family: "Quicksand", sans-serif; border-bottom: 1px solid #22343d; } 
#form_transparente .wpcf7-form textarea{ max-height: 50px; height: 50px; border: none; border-radius: 0px!important}

.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #000;font-weight: 300!important ;text-align: center;width: 95%; clear: both}
#form_transparente .wpcf7-form.item_form.acepto_term a,#form_transparente .wpcf7-form.item_form.acepto_term span{color: #22343d!important; font-size: 13px!important}

#form_transparente .wpcf7-forminput:focus::-webkit-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }
#form_transparente .wpcf7-forminput:focus::-moz-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-forminput:focus::-ms-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-forminput:focus::-o-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }

#form_transparente .wpcf7-forminput::-webkit-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }
#form_transparente .wpcf7-forminput::-moz-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-forminput::-ms-input-placeholder { color :#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-forminput::-o-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }




#form_transparente .wpcf7-formtextarea:focus::-webkit-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }
#form_transparente .wpcf7-formtextarea:focus::-moz-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-formtextarea:focus::-ms-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-formtextarea:focus::-o-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }

#form_transparente .wpcf7-formtextarea::-webkit-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }
#form_transparente .wpcf7-formtextarea::-moz-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-formtextarea::-ms-input-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; } 
#form_transparente .wpcf7-formtextarea::-o-placeholder { color:#22343d;font-family: "Quicksand", sans-serif; }

#form_transparente .wpcf7-formselect::-webkit-input-placeholder { color:#22343d; }
#form_transparente .wpcf7-formselect::-moz-placeholder { color:#22343d; } 
#form_transparente .wpcf7-formselect::-ms-input-placeholder { color:#22343d; } 
#form_transparente .wpcf7-formselect::-o-placeholder { color:#22343d; }

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

#form_transparente .wpcf7-form.ajax-loader{ display: none}
#form_transparente .wpcf7-form[class*='acceptance']{border: none!important}
input:-internal-autofill-selected { background: none!important}
span.wpcf7-list-item {display: inline-block;margin: 0;}

#form_transparente .wpcf7-form .wpcf7-list-item {display: block;margin-bottom: 0px;}
#form_transparente .wpcf7-form .wpcf7-list-item label {position: relative;cursor: pointer; color: #000}
#form_transparente .wpcf7-form .wpcf7-list-item input[type=checkbox] {/*position: relative;*/position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;}
#form_transparente .wpcf7-form .wpcf7-list-item input[type=checkbox] + span {}
#form_transparente .wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute; border-radius:5px;content: '';height: 18px;width: 18px;top: 0px;left: 0px;border: 1px solid #000; border-radius: 0px}
#form_transparente .wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute; border-radius:5px;content: "";height: 18px;width: 18px;top: 0;left: 0;
visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;}
#form_transparente .wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {background: #000;}
#form_transparente .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}


.requerido{position: absolute;color: #000; top: 5px; left: 3px;font-size: 17px; font-weight: 300!important;}
.wpcf7-spinner{ display: none}


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

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

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

#evidencias .cd-upload-btn{background:#90D5AC; border-radius: 10px; color: #22343d; font-weight: 600; text-transform: uppercase;padding: 5px 30px; margin: 5px auto; display: table}

#evidencias .cd-upload-btn:hover{background:#22343d; color: #fff; } 

#form_transparente .wpcf7-form .btn_at{ background: #52b9b6; color: #000!important; text-transform: uppercase;font-size: 17px; cursor: pointer;border-radius: 10px; padding: 10px 25px!important; width: 50%!important; font-family: "Quicksand", sans-serif;text-align: center; justify-content: center;}
#form_transparente .wpcf7-form.btn_form:hover{ background: #000!important}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar{ background: none; border: 1px solid #90D5AC}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span{ background: #90D5AC;  color: #22343d;}


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

 #terminos  .wpcf7-form-control-wrap{ width: auto!important}
 #terminos   a{ color: #22343d!important; margin-left: 10px!important}
 #terminos   span.personales{ color: #22343d!important; margin-left: 10px!important}


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

.btn_at{ padding: 3px 5px 3px 25px; width: 200px;  font-size: 16px; line-height: 16px; background:#52b9b6; text-transform: uppercase;color: #111c23;  border-radius: 90px; font-weight: 500; text-align: center; display: flex; justify-content:  space-between; align-items: center;transition: all 300ms ease-out;position: relative}
.btn_at:before{content: ''; width: 0%;height: 0%; border-radius: 99px;  border: 1px solid transparent; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;transition: all 300ms ease-out;}
.btn_at:hover:before{width: 105%;height: 122%; left: -2.5%;transition: all 300ms ease-out; border-color: #52b9b6 }

.btn_at i{ width: 40px; height: 40px; background:#111c23; color: #fff; line-height: 40px; text-align: center;border-radius: 90px;transition: all 500ms ease-out; }

.btn_at:hover{ width: 220px; background: #111c23; color: #fff!important; transition: all 300ms ease-out;}
.btn_at:hover i{ background: #fff; color: #111c23!important; transform: rotate(90deg);transition: all 300ms ease-out;}

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

.section_home{padding-bottom: 60px}
.header_section{margin-bottom: 45px; position: relative; z-index: 999}
.header_section h3,.header_section h2{ line-height: 50px; font-size: 45px; font-weight: 700; }
#banner_top {position: relative; height: 150px; overflow: hidden}
.before_banner{ position: absolute; display: block; width: 130px; height: 140px; top: 0; left: -35px; background-size: 100%!important; background-repeat: no-repeat; opacity: 0.5}

#banner_top .container{ display: flex; height: 100%;align-items: center;}
#banner_top  h1,#banner_top h2,#banner_top h3{color: #48a9a0!important; font-weight: 900; font-size: 45px; line-height: 45px}
.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: #000!important; background: #000!important; line-height: 30px; margin:  0 10px}
.owl-nav button:hover{  background: #000!important}
.owl-nav .owl-prev{ }
.owl-nav .owl-next{} 


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

.ico_num{background: #000!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: #000!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: #50b387!important; margin: 0 5px;transition: all 200ms ease-out;}
.dots_lineas .owl-dot.active,.dots_lineas .owl-dot:hover { width: 55px;background: #22343d!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: #000}
.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: #000; border-radius: 20px;	}

.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 #000!important;}
.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 #000!important}

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

#single_serv .elementor-widget-text-editor b,#single_serv .elementor-widget-text-editor li b,#single_serv .elementor-widget-text-editor li a,#single_serv .elementor-widget-text-editor strong,#single_serv .elementor-widget-text-editor a{color: #90d5ac!important; font-size: 17px!important}

#single_serv  .elementor-widget-text-editor ul li:before{ content: ''; background: #90d5ac;	}

/*****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);}
/*****CSS**secciones****/

#section_sln{padding: 0; display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
#section_sln header{ margin-left: 30px}
#section_sln header h1 {line-height: 50px;font-size: 45px;font-weight: 700;}
#section_sln header h1 span{display: table}
#section_sln header h1 span:first-child{color: #22343d}
#section_sln header h1 span:last-child{color: #52b9b6}
#sln_left{ display: flex; align-items: flex-end; padding-left: 10%; padding-top: 5%}
#sln_info_left{margin: 0!important}
#sln_left article{padding: 20px 30px}
#sln_left article h2{ background: #52b9b6; display: table; border-radius: 90px; margin-bottom: 20px; color: #1d1d1b; font-size: 17px; font-weight: 600; text-align: center;padding: 20px 20px; min-width: 90%; position: relative; overflow: hidden}
#sln_left article h2 .title_serv{transition: all 300ms ease-out;}
#sln_left article:hover h2 .title_serv{transform: translateX(100%); display: block; opacity: 0}

#sln_left article h2 .btn_at_title{ font-size: 25px; color: #fff; border-radius: 99px; background: #111c23; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; display: flex; justify-content: space-between; align-items: center;padding: 0 5px 0 15%;transition: all 300ms ease-out;}
#sln_left article h2 .btn_at_title i{ width: 40px; height: 40px; background:#fff; color: #111c23; line-height: 40px; text-align: center;border-radius: 90px;transition: all 500ms ease-out; }
#sln_left article:hover .btn_at_title{transition: all 300ms ease-out;left: 0%;}


#sln_left article .summary_txt{padding-left: 20px}
#sln_left article .summary_txt p{ font-size: 18px; line-height: 25px;; margin-bottom: 0}

#sln_info_right{padding-top: 15%!important}

#sln_right .cont_summary{ display: flex; flex-direction: column; align-items: center; position: relative; padding-bottom: 55px}
#sln_right .cont_summary .ico_burbujas{display: block; width: 100% }
#sln_right .cont_summary .circle_big{fill:transparent;stroke:#46786D; stroke-width:3px  }
#sln_right .cont_summary .ico_burbujas .circle_big{ animation: circle_big_2 2s ease-in-out  alternate; }
#sln_right .cont_summary .circle_medio{fill:transparent;stroke:#6FB1A2; stroke-width:3px}
#sln_right .cont_summary .ico_burbujas .circle_medio{ animation: circle_medio_2 1.5s ease-in-out  alternate; }
#sln_right .cont_summary .circle_small{fill:transparent;stroke:#599286; stroke-width:3px}
#sln_right .cont_summary .ico_burbujas .circle_small{ animation: circle_small_2 1s ease-in-out  alternate; }
#sln_right .cont_summary figure{ display: block; width: 100%}
#sln_right .cont_summary figure img{ display: block; width: 100%}
#arc_servicios{ border-bottom: 10px solid #50b387; margin-top: 55px}

@keyframes circle_big_2 {
  from {
   transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}


@keyframes circle_medio_2 {
  from {
   transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes circle_small_2 {
  from {
   transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/****/

#capacidades{ background: #2c373f; padding: 70px 0}
#capacidades header h3 {color: #fff}
#capacidades .cont_at_100{padding: 0 5%;display: flex;flex-direction: column;align-items: center;}
#capacidades .row_at .col_at{ width: calc(20%)}
#capacidades .row_at .col_at .btn_at{ width: 200px}
#capacidades .row_at .col_at .btn_at:hover,#capacidades .row_at .col_at:hover .btn_at{ width: 100%}

#capacidades .cont_capa{ padding:  30px; height: 100%; border: 1px solid #52b9b6; border-top-width: 3px}
#capacidades .cont_capa i.ico_capa{ width: 120px; display: table}
#capacidades .summary_text { margin: 30px 0 50px 0}
#capacidades .cont_capa h4{color: #52b9b6; font-weight: 700}
#capacidades .cont_capa p{color:#fff }
#capacidades .cont_capa h4,#capacidades .cont_capa p{font-size: 18px; line-height: 25px}

#capacidades .row_at .col_at { transition: all 300ms ease-out; }
#capacidades .row_at:hover > .col_at:not(:hover){transform: scale(0.9, 0.9);opacity: 0.35;  transition: all 300ms ease-out;}

#capacidades .btn_at{ width: 230px; margin-top: 40px!important}
/****/

#diferenciadores{padding: 70px 0; background: #35858B }
#diferenciadores .cont_at_100{padding: 0 5%}
#diferenciadores .cont_dif{text-align: center}
#diferenciadores .cont_dif figure{ width: 50%; padding: 10px; border:3px solid #91cfd0; margin-bottom: 30px }
#diferenciadores .cont_dif figure img{ border-radius: 100%}
#diferenciadores .cont_dif h4{ font-weight: 700; color: #fff; font-size: 25px; line-height: 25px; padding: 0 10%}

#diferenciadores .btn_at{margin: 35px auto 0 auto; width: 270px!important}


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

#client,#our_partners{padding: 70px 0; position: relative; }
#client .cont_at, #our_partners .cont_at{width: 75%}
#client .item_client{padding: 15px 10%}
#client .item_client img{}

#our_partners{ overflow: hidden }
#our_partners .cont_at{}
/****************/

.section_circle{ position: relative}
.section_circle:after{ content: ''; width: 600px; height: 600px; border: 2px solid #90d5ac; border-radius: 800px; display: block; position: absolute; right: -10%; top: -5%;animation: floatAnimation 2s ease-in-out infinite alternate; /* Animación */}
.section_circle:before{ content: ''; width: 250px; height: 250px; border: 2px solid #90d5ac; border-radius: 800px; display: block; position: absolute; right: 35%; top: -120px; animation: floatAnimation2 2s ease-in-out infinite alternate; /* Animación */}

@keyframes floatAnimation {
  from {
    transform:  translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-20px);
    opacity: 0.5;
  }
}@keyframes floatAnimation2 {
  from {
    transform:  translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-20px);
    opacity: 0.5;
  }
}



.section_circle.white_section:after{ content: ''; width: 600px; height: 600px; border: 2px solid rgba(0,0,0,50%); border-radius: 800px; display: block; position: absolute; right: -10%; top: -5%}
.section_circle.white_section:before{ content: ''; width: 250px; height: 250px; border: 2px solid rgba(0,0,0,50%); border-radius: 800px; display: block; position: absolute; right: 35%; top: -120px}
.section_circle{ position: relative}


#section_dif.white_section:after{left: -10%; right: inherit;top: inherit; bottom: -5%}
#section_dif.white_section:before{}
#section_dif .img_dif{ position: relative}
#section_dif .img_dif:after{content: ''; position: absolute; display: block;width: 80px; height: 80px; background:#22343D; border-radius: 90px;    top: 22%;z-index: 9;right: -5%; animation: img_dif 2s ease-in-out infinite alternate; /* Animación */}

@keyframes img_dif {
  from {
    transform: translate( 0, 0) scale(0.7);
   
  }
  to {
    transform: translate( 25px, 25px) scale(1);

  }
}

/******ABOUT**********/

#nu_esencia.white_section:after{left: -10%; right: inherit;top: inherit; bottom: -5%}

#list_esencia{}
#list_esencia .item_esencia{width: 300px; height: 300px; clip-path: circle(50% at 50% 50%);border-radius: 10px; overflow: hidden; margin: 0 5px;transition: all 300ms ease-out;}
#list_esencia .item_esencia .elementor-heading-title {}
#list_esencia .item_esencia:hover .elementor-heading-title { display: none}

#list_esencia .item_esencia{position: relative}

#list_esencia .item_esencia .elementor-widget-image{  opacity: 0; transition: all 300ms ease-out;}
#list_esencia .item_esencia .elementor-widget-text-editor{ opacity: 0; padding: 10px; transition: all 300ms ease-out;}

#list_esencia .item_esencia:hover{clip-path: circle(50% at 50% 50%);transition: all 300ms ease-out;}

#list_esencia .item_esencia:hover .elementor-widget-wrap {background-position: 10% 0% !important;transition: background-position 0.5s ease; }
#list_esencia .item_esencia:hover{transform: translateY(-15px); box-shadow: 0px 0px 20px rgba(0,0,0,20%);transition: all 300ms ease-out;}
#list_esencia .item_esencia:hover .elementor-heading-title{left: 0px;transition: all 300ms ease-out;}

#list_esencia .elementor-container{transition: all 300ms ease-out;}
#list_esencia .elementor-container:hover{transition: all 300ms ease-out;}

#list_esencia .elementor-container:hover > .item_esencia:not(:hover){transform: scale(0.9, 0.9);opacity: 0.35;  transition: all 300ms ease-out;}

#list_esencia .item_esencia:hover .elementor-widget-text-editor{transform: translateY(15px); opacity: 1; transition: all 300ms ease-out;}

#list_esencia .item_esencia .elementor-heading-title{padding: 10px}
#list_esencia .item_esencia:nth-child(1) .elementor-heading-title{background: #003B4D!important}
#list_esencia .item_esencia:nth-child(2) .elementor-heading-title{background: #50b387!important}
#list_esencia .item_esencia:nth-child(3) .elementor-heading-title{background: #599286!important}
#list_esencia .item_esencia:nth-child(4) .elementor-heading-title{background: #52bcb9!important}

#list_esencia .item_esencia .elementor-element-populated{position: relative; z-index: 999}

#list_esencia .item_esencia .elementor-element-populated:hover:after{transform: scale(0);transition: all 300ms ease-out;}
#list_esencia .item_esencia:nth-child(1) .elementor-element-populated:hover{background: #003B4D!important}

#list_esencia .item_esencia:nth-child(2) .elementor-element-populated:hover{ background: #50b387!important }

#list_esencia .item_esencia:nth-child(3) .elementor-element-populated:hover{ background: #599286!important}

#list_esencia .item_esencia:nth-child(4) .elementor-element-populated:hover{ background: #52bcb9!important}


#cifras_about{}
#cifras_about .figure_cifras{ position: relative}
#cifras_about .figure_cifras:before{content: ''; position: absolute; display: block;width: 180px; height: 180px; background:#50b387; border-radius: 90px;top: -120px;z-index: 0;left: -6%;}
#cifras_about .figure_cifras:after{content: ''; position: absolute; display: block;width: 80px; height: 80px; background:#c4e2e3; border-radius: 90px;    top: 22%;z-index: 9;right: 5%;}

/********BLOG********/
#blog,#single_gral{position: relative; background:#22343d; display: flex; justify-content: space-between}
.blog_left{background: #fff; width: 75%; padding: 140px 30px 0px 30px}
#single_blog.blog_left{ padding: 140px 30px 0px 5%}
#list_blog .item_blog { margin-bottom: 35px}
#list_blog .item_blog figure a{ border-radius: 500px; overflow: hidden; display: block; margin: 10px}
#list_blog .item_blog figure{transition: all 400ms ease-out;}
#list_blog .item_blog figure:hover{transition: all 400ms ease-out; transform: translateY(-10px)}
#list_blog .item_blog figure a img{transition: all 400ms ease-out;}
#list_blog .item_blog figure a:hover img{transition: all 400ms ease-out; transform: scale(1.06)}
#list_blog .item_blog .summary_blog {padding: 0px 10px;display: flex;flex-direction: column;justify-content: center;}
#list_blog .item_blog .summary_blog h2{ font-size: 15px; margin-bottom: 10px; line-height: 15px; font-weight: 700; text-transform: uppercase}
#list_blog .item_blog .summary_blog p{ font-size: 14px; margin-bottom: 10px; line-height: 16px;font-weight: 500;  } 
#banner_blog{  width: 25%; display: flex; position: relative}
#banner_blog .h_100{height: 100%; display: flex; height: 100%;align-items: flex-start;justify-content: space-between;padding-top: 130px;flex-direction: column;}
#banner_blog  h1,#banner_blog  h3,#banner_blog h4{ color: #fff}
#banner_blog  h1,#banner_blog  h3{ text-transform: uppercase; margin-bottom: 30px; font-weight: 600;font-size: 45px; color: #90D5AC}
#banner_blog h1{ }
#banner_blog h4 span{display: block}
#banner_blog  .summary{text-align: center; padding-bottom: 75px}

#banner_blog .ico_burbujas{position: absolute; display: block; bottom:  10%; right: 0; width: 95%!important}
#blog #banner_blog .ico_burbujas{position: absolute; display: block; bottom:  5%; right: 0; width: 85%!important}

#banner_blog  .ico_burbujas path{stroke-dasharray: 10000;  stroke-dashoffset: 10000; }
#banner_blog  .ico_burbujas .circle_big{fill:transparent;stroke:#46786D; stroke-width:3px;animation: dash 15s linear forwards infinite;  }
#banner_blog  .ico_burbujas .circle_medio{fill:transparent;stroke:#6FB1A2; stroke-width:3px;animation: dash 20s linear forwards infinite;}
#banner_blog  .ico_burbujas .circle_small{fill:transparent;stroke:#599286; stroke-width:3px;animation: dash 25s linear forwards infinite;}

#banner_blog .btn_at{ margin: 30px auto;}
#footer_blog { width: 100%}
#footer_blog ul{ width: 100%;display: flex; align-items: center; justify-content: space-between}
#footer_blog ul li{margin: 0 15px}
#footer_blog ul li a{ display: flex; align-items: center; background: #22343d; color: #fff!important; padding: 5px 20px; border-radius: 90px}
#footer_blog ul li.previous  a i{ margin-right: 10px}
#footer_blog ul li.next  a i{ margin-left: 10px}

#cont_wp{}
#cont_wp .header_blog{ margin: 30px 0}
#cont_wp .header_blog h1{color: #00060c;font-size: 30px; line-height: 35px; font-weight: 700;}
#cont_wp h2,#cont_wp h3,#cont_wp h4,#cont_wp h5,#cont_wp h6{ margin-bottom: 15px;font-weight: 700;}
#cont_wp h2{color: #22343d;font-size: 25px;}
#cont_wp h3{color: #22343d;font-size: 23px;text-transform:uppercase}
#cont_wp h4{color: #22343d;font-size: 20px;text-transform:uppercase}
#cont_wp h5{color: #22343d;font-size: 17px;text-transform:uppercase} 
#cont_wp h6{color: #22343d;font-size: 17px;text-transform:uppercase}
#cont_wp blockquote{ display: flex; flex-direction: column; align-items: center;background: #00060c; padding: 15px 15%; border-radius: 10px; text-align: center}
#cont_wp blockquote p{ color: #fff; font-size: 18px}
#cont_wp blockquote h2,#cont_wp blockquote h3{ color: #22343d; font-size: 25px; line-height: 25px; text-transform: uppercase}
#cont_wp p{ font-size: 16px; line-height: 20px}
#cont_wp p a ,#cont_wp p b,#cont_wp p strong{font-size: 16px; font-weight: 500!important}
#cont_wp ul,#cont_wp ol{ margin-bottom: 1em!important}
#cont_wp ul li,#cont_wp ol li{ font-size: 16px; line-height: 27px}
#cont_wp ol li::marker{ color:#22343d; font-weight: bold;font-family: "Sulphur Point", sans-serif!important;}
#cont_wp ol li,#cont_wp ol{ list-style: decimal}
#cont_wp ol{margin-left: 20px!important}
#cont_wp ul li{position: relative}
#cont_wp ul li:before{content: '';background: #22343d; display: inline-block; vertical-align: top; transform: translateY(10px); margin-right: 5px; padding: 3px; background-size: cover!important;width: 8px; height: 8px; border-radius: 50px}

#footer_blog ul{ display: flex; align-items: center; justify-content: center}

.aligncenter,.alignleft,.alignright {display: block;padding: 0;}
.aligncenter {float: none;margin: .5em auto 1em;}
.alignright {float: right;margin: .5em 0 1em 1em;}
.alignleft {float: left;margin: .5em 1em 1em 0;}

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

.cto_transp{ color: #fff; font-size: 16px; text-transform: uppercase;margin: 15px 10px !important;display: table;}

#content_footer{ padding: 20px 0 20px 0; position: relative;background: #22343d;; position: relative;}
#logo_foo{ display: table; margin-bottom: 40px}
#content_footer .cont_at{ position: relative; z-index: 90}
#datos_AT{}
#datos_AT h4{ text-transform: uppercase; color: #fff; letter-spacing: normal!important; margin-left: 10px}
#datos_AT li{ color: #fff}

#anchor_text{padding: 15px 0; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #fff}
#anchor_text div,#anchor_text a,#anchor_text .terminos{ font-size: 13px; line-height: 13px; margin: 0!important; color: #fff}
#anchor_text a i{ margin-right: 5px}


#foo_left{ border-right: 1px solid #fff; padding-right: 10%}
#foo_left  .wpcf7-form-control-wrap select option{ color: #22343d!important}
#foo_left{}

#foo_left .header_section{margin-bottom: 15px; margin-left: 10px}
#foo_left h4{text-transform: uppercase; color: #fff; font-size: 25px; line-height: 25px}
#foo_left .col_at{ padding: 7px!important; margin: 0!important}
#foo_left  #terminos{ display: flex; align-content: center}
#foo_left  #terminos span{width: auto!important}
#foo_left  #terminos a{ color: #fff; margin-left: 15px}
#foo_left  #poli_trata p,#foo_left  #poli_trata a{ color: #fff; margin:0px!important; font-size: 11px!important; line-height: 12px!important}
#foo_right{  padding-left: 10%;align-items: center;}

#content_footer .ico_burbujas{position: absolute; width: 20%; display: block; position: absolute;bottom: 0; left: 0; opacity:0.20;transform: scaleX(-1); }
/**********CCS*MB****************/
#menu:focus{outline: none!important}
    #menu{width: 45px; height: 35px; padding: 5px;  cursor: pointer;overflow: hidden;display: inline-block; 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: #90D5AC; display: inline-block; text-align: right;width: 100%; height: 3px; border-radius: 90px; margin: 3px 0;transition: all 400ms ease-out;}
    .linea_3{width: 70%}
    #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: #90D5AC; }




.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){
.row_at_5{ display:grid;grid-template-columns: repeat(2, 1fr); box-sizing: border-box;}
}
@media only screen and (max-width: 1024px){
     #content_header{top:0px!important}
    #content_header .cont_at{ width: 95% }
    #access .row_at_5_7{grid-template-columns: repeat(2, 1fr);}
    #access .row_at_2{ flex-wrap: wrap}
    #access .row_at_2 .col_at{ width: 100%; padding: 10px}
    #access_right .ico_menu{bottom: 30%}
    #section_sln .row_at_7_5{display:grid;grid-template-columns: repeat(1, 1fr); box-sizing: border-box;}
    #sln_left{ padding: 35px 15px 0 15px}
    #sln_right{ display: none}
    #capacidades .row_at{ flex-wrap: wrap}
    #capacidades .row_at .col_at{width: calc(37% - 6%); margin: 1%;}
    #diferenciadores .row_at_4{display:grid;grid-template-columns: repeat(2, 1fr); box-sizing: border-box;}
    #diferenciadores .cont_dif{ margin-bottom: 30px}
    #client .cont_at{ width: 90%}
}

@media only screen and (max-width: 980px){
    #content_footer .cont_at{ width: 95%}
    #content_footer .row_at_2{grid-template-columns: 1.4fr 1.6fr; }
    #foo_left{ padding-right: 15px} 
    #foo_right{ margin-left: 15px}
    #contacto .row_at_7_5{grid-template-columns: repeat(1, 1fr)}
    #contacto .btn_at { text-align: center}
    #text_foo .cont_at{ width: 90%}
    #vista_pto #single_right{padding: 0!important; margin: 0!important}
   
}
@media only screen and (max-width: 800px){
  #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){
    #slide_home .ico_burbujas{position: absolute; display: block; bottom:  inherit; top: 100px; right: 30px; width: 85%!important}
    #blog, #single_gral{flex-direction: column-reverse;} 
    #banner_blog,#single_blog.blog_left,.blog_left{ width: 100%}
    #banner_blog .ico_burbujas,#blog #banner_blog .ico_burbujas{ display: none}
    #single_blog.blog_left,.blog_left{ padding: 30px 10px}
    #list_blog .row_at_2,.item_blog.row_at_5_7{grid-template-columns: repeat(1, 1fr);}
    .header_blog{}
    .cursor{ display: none}
    #logo_top{ width: 135px}
    #access .row_at_5_7{grid-template-columns: repeat(1, 1fr);}
    #h_bt .row_at_2_8{grid-template-columns: 1.2fr 1.8fr;}
    .header_section h3, .header_section h2{ font-size: 35px; line-height: 35px}
    #capacidades .row_at .col_at {width: calc(100% - 0%);margin: 0% 0 15px 0;}
    #capacidades .cont_at{ margin-bottom: 15px}
    #capacidades .cont_capa{ padding: 15px 0px; display:grid;grid-template-columns: 1fr 2fr;   grid-template-rows: 1fr;box-sizing: border-box;align-items: center; }
    .section_circle{ overflow: hidden}
    .section_circle:after{width: 200px; height: 200px}
    .section_circle:before{ width: 90px; height: 90px; right: inherit; left: -20px; top: 5%}
    #sln_left article{ padding: 10px}
    #capacidades .cont_capa i{ padding: 10px }
    #capacidades .summary_text{ margin: 10px}
    #capacidades .cont_capa h4, #capacidades .cont_capa p{font-size: 15px; line-height: 17px}
    #diferenciadores .cont_dif h4{ font-size: 17px; line-height: 20px}
    #content_footer .row_at_2,#sln_left .row_at_2, #form_transparente  .cont_form .row_at_2, #form_transparente  .cont_form .row_at_4, #form_transparente   .row_at_7_5{grid-template-columns: repeat(1, 1fr) } 
    #foo_left{ padding-right: 0!important; border: none!important} 
    #contacto{ width: 100%} 
    #foo_left h4{ text-align: center}
    #logo_foo{ display: none}
    #foo_right{padding-left: 0!important; border-top: 1px solid #fff; padding-top: 15px}
    .current_page{ display: none!important}
    #access_right .ico_menu{ display: none}
    #section_dif .img_dif:after{ display: none!important}
    #slide_home #btn_down{height: 70px; width: 70px; bottom: 40px; right: 30px}
    #sln_left article h2{ min-width: 100%;padding: 20px 10px; font-size: 16px} 
    #access .menu-menu-ppal-container a, .menu-menu-ppal-container.btn_menu{font-size: 22px; line-height: 22px; padding: 10px 15px}
    #access li, #menu_second ul li{ margin: 0 0 20px 0}
    #access_left{justify-content: flex-end;}
    #access .row_at_2 .col_at{ flex-wrap: wrap; justify-content: center}
    .info_cto_top span{ display: block; text-align: center; margin-bottom: 10px; font-size: 17px; line-height: 22px}
    #access_right .row_at_2 #redes_top{ margin-left: 0!important}
    #access_right{padding-bottom: 30px}
    #list_esencia .elementor-container{justify-content: center}
    #list_esencia .item_esencia{margin-bottom: 30px}
    .list_cifras .elementor-counter-title{ width: 100%; text-align: center; display: block!important;}
    
    #form_transparente  .cont_form{ box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25) !important; border-radius: 20px; padding: 20px 10px; margin-bottom: 20px!important}
    #form_transparente  .cont_form label{font-size: 14px; line-height: 14px}
#form_transparente  .title_form{  margin-left: 10px; margin-bottom: 15px; font-size: 22px; font-weight: bold}
    #form_transparente .col_at .btn_at{ width: 100%!Important}
 
}