/*--
    Theme Name: MR
    Theme URI: www.grupoapaza.com.pe
    Author: Studioh
    Author URI: http://www.studioh.pe
    Description: Diseñado por Studioh
    Version: 1.0
    Tags:  
    License: 
    License URI: 

--*/
body {
    font-family: 'Poppins';
    -webkit-font-smoothing: antialiased;
    color: var(--blue);
}

section.error_404 {
    background: var(--blue);
    min-height: 600px;
    display: flex;
    align-items: center;
    color: white;
}

:root{

--main: #d2ac67;
--blue: #212e46;

}



/*-----------------------------------------------------------------------------------*/
/*  GENERAL
/*-----------------------------------------------------------------------------------*/
.container{
    max-width: 90%;
}
.center-v {
    align-items: center;
}
.end {
    justify-content: flex-end;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
li{
    padding: 0;
    margin: 0;
}
body::-webkit-scrollbar {
    width: 16px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color:var(--main);
  outline: 1px solid white;
}

a {
    color: var(--turqueza);

}

::selection {

  background: var(--main);;
  color: #fff;  
  text-shadow: none;

}

::-moz-selection {
  background: var(--main);
  color: #fff;
  text-shadow: none;

}


button:focus, button {
    outline: none;
}
.bt {
    display: block;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 4px;
}

a {

  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;

}



a:hover{

  color: inherit;

}



input::-moz-focus-inner {

  border: 0;

}

.middle{
      display: flex;
    -ms-display: flex;
    display: flex;
    align-items: center;
}

a:hover, a:active, a:focus {

  text-decoration: none;

  outline: none;

}



h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;


}

h1{
  font-size: 60px;
  font-weight: 600;
}
.titulo-1 {
    font-size: 50px;
         color: var(--main);
}
h2{
  font-family: 35px;
  font-weight: 600;
}
.titulo-2 {
    margin-bottom: 20px;
    font-size: 40px;
    color: var(--main);
}

.blue-text {
    color: var(--blue);
}

button{
    padding: 0;
    border: 0;
    background: inherit;
}



input, select {
  border: none;
  outline: none;
}



th {
  border-width: 0 1px 1px 0;
}



td {
  border-width: 0 1px 1px 0;
}



section{
  padding: 100px 0; 
}


p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.5;
    letter-spacing: 0.3px;
}

.border-t {
    border-top: 1px solid #ffffff29;
    padding-top: 10px;
}
.taxonomy-image, .taxonomy-description {
    display: none;
}
.no-over{overflow: hidden;}

.text-justify {text-align: justify;}

.margin-t100{margin-top: 100px;}
.margin-t40{margin-top:40px;}
.margin-t30{margin-top:30px;}
.margin-t50{margin-top:50px;}

.margin-b50{margin-bottom: 50px}

.margin-b100{margin-bottom: 100px}

.margin-b25{margin-bottom: 25px;}

.display-none{display: none;}

.no-padding {padding: 0;}

.no-margin {margin: 0;}

.white-text{color:white;}

.bg-white{
  background-color: white;
  color: #333;
}

#pagepiling .section{
background:white;
}
.no-relative{
  position: inherit;
}


.row-sb {display: -ms-flexbox;
    display: flex;-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.copyright-h{
  fill: white;
  width: 50px;
}

.menu {
    padding: 0 0 0 10px;
}

.menu li::marker {
    color: #00daff;
}

p.cta-wpp a {
    background: #00daff;
    color: #020715;
    padding: 6px 20px;
    display: block;
    border-radius: 9px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
}

p.cta-wpp a i {
    color: #020715;
    font-size: 20px;
    margin-right: 7px;
}

p.microcopy {
    color: #59637d;
    font-size: 11px;
    padding: 5px;
}

/*===================/
COLUM H
/*==================/
=======================*/
.cl-10 {
    width: 10%;
}
.cl-20 {
    width: 20%;
}
.cl-25 {
    width: 25%;
}
.cl-30 {
    width: 30%;
}
.cl-40 {
    width: 40%;
}
.cl-50 {
    width: 50%;
}
.cl-60 {
    width: 60%;
}
.cl-70 {
    width: 70%;
}
.cl-80 {
    width: 80%;
}
.cl-90 {
    width: 90%;
}
.cl-100 {
    width: 100%;
}

/*======================/
===================/
HEADER
/*==================/
=======================*/
.head_mobile {
    position: relative;
    z-index: 9;
    display: none;
}
.header_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box-menu ul {
    display: flex;
    flex-wrap: wrap;
}

.box-menu ul li > a {
    padding: 3px 5px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    margin: 0 15px;
    font-size: 14px;
}


a.btn-1 {
    padding: 5px 30px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    border-radius: 25px;
    background: #d2ac67;
    border: 2px solid #d2ac67;
    color: #212e46;
}

a.btn-0 {
    padding: 7px 20px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    border-radius: 25px;
    border: 2px solid var(--main);
    margin-left: 20px;
    color: #ffffff;
    padding-left: 33px;
    background: #f27124;
}

a.btn-0 i {
    font-size: 22px;
    position: absolute;
    left: 10px;
}
.box-menu2 {
    margin-left: 50px;
    display: flex;
}



.box-menu {
    display: flex;
    justify-content: space-around;
}
ul.social-icon {
    display: flex;
}

ul.social-icon > li {
    margin-right: 30px;
}
.main-head {
    background: white;
    padding: 0;
    box-shadow: 0px 0px 10px #00000029;
    position: fixed;
    font-size: 18px;
    width: 100%;
}

.head_1 {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

.menu-principal li {
    display: inline-block;
}

.box-logo {
    width: 30%;
}

.menu-principal li > a {
    color: white;
    margin-right: 10px;
    font-weight: 500;
    padding: 0 10px;
}

ul.menu-principal {
    margin-left: 0;
}

.box-logo img {
    width: 180px;
    margin-top: 25px;
}

.head_2 {
    
    height: 80px;
    display: flex;
    align-items: center;
    padding: 30px;
    color: white;
}

.location-head > span {
    margin-right: 20px;
}

.location-head .number i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 7px;
    line-height: 1;
}
.main-head_white {
    position: fixed;
    z-index: 99;
    background: white;
    width: 100%;
    box-shadow: 0px 0px 8px #00000017;
}
ul.social-icon img {
    width: 24px;
}
.main-head_white .head_2 {
    background: #ffffff;
    
    color: black;
}
.page-template-page-agencias {
    overflow: hidden;
}
.bread {
    width: 100%;
    display: flex;
    padding: 20px 0;
}

.bread h6 {
    padding: 0 10px;
}
.menu-principal li > a {
    color: white;
    font-weight: 600;
    padding-left: 45px;
}
 .menu-principal li > a {
   
}
.hamburger-menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: table;
    cursor: pointer;
    z-index: 11;
    height: 30px;
  }
.hamburger-menu span {
    text-transform: uppercase;
    left: calc(-100% + -5px);
    padding: 8px 9px 8px 0;
    top: calc(50% - 18px);
    position: absolute;
    font-size: 13px;
    color: #111;
  }
.hamburger-menu .bar,
.hamburger-menu .bar::after,
.hamburger-menu .bar::before {
    width: 25px;
    height: 2px;
  }
.hamburger-menu .bar {
    position: relative;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(0px);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: #fff;
    top: 0;
  }
.hamburger-menu .bar::before, .hamburger-menu .bar::after {
    position: absolute;
    background: #fff;
    content: '';
    left: 0;
    border-radius: 5px;
  }
.hamburger-menu .bar::before {
    bottom: 7px;
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
.hamburger-menu .bar::after {
    top: 7px;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
.open_menu .hamburger-menu .bar {
    background: rgba(255, 255, 255, 0);
  }
.open_menu .hamburger-menu .bar::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
.open_menu .hamburger-menu .bar::before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

.w_menu {
    width: 40px;
    position: absolute;
    right: 0;
    top: 20px;
}

.container_menu-movil {
    position: fixed;
    height: 100%;
    width: 350px;
    right: 0;
    color: white;
    transition: 0.4s ease;
    transform: translateX(100%);
    z-index: 9;
}

ul.menu-principal > li > a {
    color: var(--main);
        padding: 10px 40px;
    font-size: 15px;
    font-family: 'Poppins';
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    border-bottom: 1px solid #ffffff33;
}

.buttons-mobile a {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid var(--blue);
    margin: auto;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 10px;
    color: var(--blue);
    font-size: 18px;
    font-weight: 800;
    font-family: 'Poppins';
}

.menu-principal > li {
    display: block;
}

.menu-principal {
    padding: 0;
    margin: 0;
}

.social-media_movil {
    display: flex;
    width: 100%;
    padding: 30px;
}

.social-media_movil a {
    display: block;
    font-size: 25px;
    padding: 3px 10px;
    margin: 0 20px;
}

.open_menu .container_menu-movil {
    transition: 0.4s ease;
    transform: translateX(0%);
}

.header-container {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9;
}

.shape_1 {
    position: absolute;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    top: 0;
    z-index: 2;
    background-size: contain;
}

.content-hero {
    position: relative;
}

.content_h1 h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

/*------------------------------------*\
   SERVICIOS
\*------------------------------------*/

.image-servicio {
    position: relative;
}

.item_slider {
    display: flex;
    color: white;
}

.item_slider > div {
    width: 50%;
}

section.bl-slider-servicios {
    padding: 80px 0 0;
}

.box_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.servicio_content {
    width: 80%;
    min-height: 410px;
}

.content_agencias {
    display: none;
}

.swiper-pagination-row {
    position: absolute;
    bottom: 60px;
    text-align: right;
    font-size: 50px;
    z-index: 9;
    padding: 0 50px;
    color: white;
}

.descripcion-servicios {
    padding: 60px;
}

.servicio_content h2 {
    margin-bottom: 30px;
}

.servicio_content p {
    margin-bottom: 30px;
}

section#map-home img {
    width: 100%;
    border-radius: 30px;
}

.bl-info-individual2 img {
    width: 100%;
}


.bl-info-individual3 {
    padding: 80px 0px;
    background: whitesmoke;
}

.bl-info-individual3 p {
    font-size: 25px;
    font-weight: 700;
    color: var(--main);
}

.bl-info-individual3 li {
    list-style: inside;
}

.cl-45 {
    width: 45%;
}

/*------------------------------------*\
    swiper custom
\*------------------------------------*/
.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: .4;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 60px;
    left: 0;
    width: 100%;
}


.next-but {     
    right: 0px;
    
}

.back-but {     
    left: 0px;
    
}

.next-but:hover, .back-but:hover {
    color: #ffffff;
    background: #000000;
}

.next-but, .back-but {
    position: absolute;
    top: 200px;
    color: #ffffff;
    z-index: 9;
    font-size: 40px;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    border-radius: 50%;
    text-align: center;
    background: #0000003b;
    cursor: pointer;
    justify-content: center;
}
.arrows_slider {
    position: absolute;
    left: 10%;
    bottom: 10%;
    z-index: 10;
    width: 120px;
}

/*------------------------------------*\
    ANIMATION INTRO
\*------------------------------------*/
  .animation-2 {   
     
    opacity: 0;
    -webkit-transform: translateY(200px) scaleY(1.3);
    transform: translateY(200px) scaleY(1.3);
    -webkit-transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);       
  }

    .has-animate .animation-2{
    opacity: 1;
    -webkit-transform:translateY(0px) scaleY(1);
    transform: translateY(0px) scaleY(1); 
   
  }

/*------------------------------------*\
    ANIMATION 1
\*------------------------------------*/
  
  .animation-1 {   
    z-index: 0;  
    opacity: 0;
    -webkit-transform: translateY(200px) scaleY(1.3);
    transform: translateY(200px) scaleY(1.3);
    -webkit-transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);       
  }

  .item-h:first-child.animation-1{
    opacity: 1;
    -webkit-transform:translateY(0px) scale(1);
    transform: translateY(0px) scale(1);  
  }
  

  
  .animation-1.active, .item-h:first-child.animation-1{
    opacity: 1;
    -webkit-transform:translateY(0px) scaleY(1);
    transform: translateY(0px) scaleY(1); 
  }
  



.animation-1:nth-child(3) {
    transition-delay: 0.4s;
}

.animation-1:nth-child(4) {
    transition-delay: 0.6s;
}

.animation-1:nth-child(5) {
    transition-delay: 0.8s;
}

/*======================/
===================/
HOME
/*==================/
=======================*/
section#servicios {
    color: var(--blue);
    padding: 0;
}
.hm_1 {
    color: white;
    padding: 0;
    background-size: cover;
    position: relative;
background-position: center;
}

.page-id-8 .hm_1 {
    color: white;
    padding: 0;
    background-size: cover;
    position: relative;
    background-position-y: 65%;
}
.page-id-12 .hm_1 {
    color: white;
    padding: 0;
    background-size: cover;
    position: relative;
    background-position-y: 65%;
}



.page-id-14 .hm_1 {
    color: white;
    padding: 0;
    background-size: cover;
    position: relative;

    background-position-y: 65%;
}


.hm_1_1 {
    color: white;
    padding: 0;
    background-size: cover;
    position: relative;
    background-position: center;
}

.portfolio-menu{
    text-align:center;
}
.portfolio-menu ul li{
    display:inline-block;
    margin:0;
    list-style:none;
    padding:10px 15px;
    cursor:pointer;
    -webkit-transition:all 05s ease;
    -moz-transition:all 05s ease;
    -ms-transition:all 05s ease;
    -o-transition:all 05s ease;
    transition:all .5s ease;
}

.portfolio-item{
    /*width:100%;*/
}
.portfolio-item .item{
    /*width:303px;*/
    float:left;
    margin-bottom:10px;
}


.bq-galeria {
    padding: 100px 0px;
}

.hm_1:after {
    content: '';
    position: absolute;top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #00000066, transparent);
}


.hm_1_1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00000047, transparent);
}


.map-svg > svg {
    width: 100%;
}

.tiempo {
    display: flex;
    text-align: right;
    align-items: center;
}

span.square {
    font-size: 60px;
    font-weight: 600;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    border: 3px solid var(--main);
    text-align: center;
    position: relative;
}
.box-menu ul li > a:hover {
    color: #d2ac67;
}
span.square b {

}



.bq-contacto {
    display: flex;
    min-height: 100vh;
    align-items: center;
}

.f-1 {
    align-items: center;
    width: 50%;
    display: flex;
}

.bq-contacto > div {
    padding: 0 10%;
    min-height: 100vh;
}

.f-2 {
    background: var(--blue);
    width: 50%;
    display: flex;
    position: relative;
   }

.f-11 {
    text-align: center;
    position: absolute;
}

.capa-blue {
    position: absolute;
    background: #212e469c;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.f-11 span {
    color: var(--main);
    font-weight: 600;
}

.col-form input::placeholder {
    color: #ffffffa6;
}

.head_2 .box-menu .menu-item-has-children ul.sub-menu li > a:hover {
    color: var(--blue);
}

.f-11 p {
    color: white;
    font-size: 23px;
    font-weight: 600;
}

span.year {
    width: 145px;
    padding: 0 20px;
    text-align: left;
    display: block;
}

.content_desc h6 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 2px;
}


.map_tooltip {
    opacity: 0;
    visibility: hidden;
}
.showText {
    cursor: pointer;
}

.showText:hover {
    fill: #f36f21;
}

text.map_tooltip.active {
    opacity: 1;
    visibility: visible;
    font-size: 15px;
}
.row-cl {
    display: flex;
    flex-wrap: wrap;
}

.box-image {
    position: relative;
}

.box-image img {
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    border-radius: 30px 0 0 0;
}

.content_h1 {
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    align-content: center;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0px 20px 100px;
    text-align: right;
}

.content_h1 h1 {
    margin-bottom: 20px;
    font-size: 50px;
    display: block;
    width: 100%;
    text-transform: uppercase;
    line-height: 1;
}
.bt_1 {
    padding: 10px 40px;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    border: 2px solid;
}

section#why {
    padding: 0 0 100px;
}



.bl_2 {
    margin-top: 100px;
}

.center {
    justify-content: center;
    text-align: center;
}


.bl-misvi {
    padding: 80px 0 30px;
    background: #f2f2f2;
}

.box-cualidades {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-servicio {
    width: 100%;
    position: relative;
    margin-bottom: 150px;
}


.head_2 .box-menu .menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
    transform: translateY(0px);
}

.head_2 .box-menu .menu-item-has-children ul.sub-menu li > a {
    color: white;
    display: block;
    padding: 3px 0;
}

.head_2 .box-menu .menu-item-has-children ul.sub-menu li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ae8e55;
    padding: 2px 10px;
}

.head_2 .box-menu .menu-item-has-children ul.sub-menu {
    position: absolute;
    width: 280px;
    background: var(--main);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(14px);
}

.head_2 .box-menu .menu-item-has-children ul.sub-menu li > a {
    color: white;
    display: block;
    padding: 3px 0;
}

.current-menu-item > a {
    color: var(--main);
}


.box-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #4caf50;
    width: 60px;
    height: 60px;
    z-index: 99;
    color: white;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.box-whatsapp:hover {
    background: #239827;
    color: white;
}

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/

.tabset > label {
    border-radius: 50px;
    position: relative;
    display: inline-block;
    padding: 5px 17px;
    border: 1px solid var(--blue);
    cursor: pointer;
    font-weight: 600;
    margin-right: 20px;
    color: var(--blue);
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: var(--blue);

}



.tabset > input:checked + label {
    border-color: var(--main);
    background: var(--main);
    color: white;
    border-radius: 50px;
    font-size: 17px;
}

.tab-panel {
    padding: 25px 0;
}


/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

.tabset {
  max-width: 65em;
}

.box-cld {
    width: 50%;
    margin-bottom: 50px;
}

.box-cld h5 {
    color: var(--main);
    font-size: 14px;
    font-weight: 600;
}

.box-cld img {
    width: 60px;
    margin-bottom: 10px;
}


.content_desc:after {content: '';position: absolute;top: 0;left: 0;width: 80%;height: 7px;background: var(--main);}

section#servicios img {
    width: 100%;
}


.content_desc {
    background: whitesmoke;
    position: relative;
    padding: 60px 45px;
    margin-bottom: 100px;
}

a.bt_default.blue {
    background: var(--blue);
    padding: 5px 20px;
    color: white;
    border-radius: 15px;
    display: inline-block;
    float: right;
}

.content_desc p {
    margin: 20px 0 20px;
}

.box-servicio:nth-child(2n) .serv_img-box {
    margin-left: 20%;justify-content: start;
}

.box-servicio:nth-child(2n) .serv_img-box .content_desc {

    right: 15%;
}

.box-servicio:nth-child(2n) .serv_img-box2 {
    margin-left: 20%;justify-content: start;
}

.box-servicio:nth-child(2n) .serv_img-box2 .content_desc {
    
    right: 15%;
}


/*/Por que elegirnos/*/

.row-sa {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.icon-2 {
    width: 150px;
    height: 150px;
    border: 5px solid var(--main);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    margin: auto;
    position: relative;
}

.icon-2 img {
    height: 60px;
}

.box-choise {
    text-align: center;
    margin-top: 80px;
}

.text h4 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: var(--blue);
}

.text {
    padding: 0 30px;
}


.content_default {
    display: flex;
    flex-wrap: wrap;
    min-height: 390px;
    align-content: flex-end;
    position: relative;
    z-index: 2;
    width: 50%;
    padding: 0 60px 40px;
}


/*======================/
PAGE CONTACTO
=======================*/
.container-form h2 {
    margin-bottom: 20px;
}

.capa_form {
    position: relative;
    z-index: 1;
}

.mfp-content {
    background: #212e468f;
}

.form-hero {
    max-width: 330px;
    position: relative;
    color: white;
    margin: 100px auto 0;
}

button.mfp-close {
    color: white!important;
}


.container-form {
    padding: 45px 15px 10px;
}

.col-form input {
    width: 100%;
    border-bottom: 2px solid #d2ac67;
    padding: 9px 5px;
    background: transparent;
    font-size: 15px;
    color: white;
}

.col-form {
    position: relative;
    margin-bottom: 10px;
}
.col-form label small {
    position: absolute;
    bottom: 30%;
    left: 10px;
    background: white;
    line-height: 1;
    transition: all 0.4s;
    padding: 0 5px;
}

.col-form label {
    margin-bottom: 0;
    padding: 0;
}

.col-form br {
    display: none;
}

.col-form label.has-value small {
    transform: translateY(-22px);
    z-index: 2;
    transition: all 0.4s;
    font-size: 10px;
    color: white;
}

.col-form .has-value input {
    border-color: white;
    transition: all 0.4s;
}

.wpcf7-response-output {
    display: none;
}

.wpcf7-submit.submit {
    background: white;
    padding: 5px 10px;
    color: var(--main);
    border-radius: 30px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    margin: 0;
    width: 140px;
}
.wpcf7-submit.submit:hover {
    transition: 0.4s ease;
    background: var(--main);
  color:white;
    transform: scale(1.03);
}
.col-form select {
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    padding: 9px 15px;
    background: transparent;
    font-size: 80%;
    color: white;
}
.text-acept {
    padding-left: 30px;
    display: block;
    font-size: 12px;
    color: white;
}
.text-acept a {
    border-bottom: 1px solid;
    font-weight: 600;
}
.col-form .your-name input {
    text-transform: capitalize;
}
/*======================/
===================/
LA EMPRESA
/*==================/
=======================*/

.content_desc_2 {
    background: whitesmoke;
    width: 100%;
    position: relative;
    right: -15%;
    top: 40px;
    padding: 60px 45px;
}

.content_desc_2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 7px;
   background: var(--blue);
}

.bl-info-individual img {
    width: 100%;
}

.box-individual span {
    color: var(--main);
    font-size: 25px;
    font-weight: 600;
    line-height: 0px;
}

.box-individual p {
    margin-top: 20px;
}

.box-individual ul {
    font-weight: 700;
}

.box-individual ul li {
    font-weight: 300;
}

.bl-info-individual {
    padding: 100px 0;
}

.bl-individual {
    padding: 80px 0;

}

.img-abt {
    width: 100%;
    margin-bottom: 50px;
}

.img-fluid {
    max-width: 100%;
    min-height: 196px!important;
}

.content_desc_3 {
    background: whitesmoke;
    width: 100%;
    position: relative;
    right: 0%;
    top: 0px;
    padding: 60px 45px;
}



.content_desc_3:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 7px;
   background: var(--blue);
}


.page-id-27 .titulo-1 {
    font-size: 50px;
    color: #ffffff;
}

.page-id-8 .titulo-1 {
    font-size: 50px;
    color: white;
}


.page-id-14 .titulo-1 {
    font-size: 50px;
    color: white;
}


/*======================/
===================/
FOOTER
/*==================/
=======================*/
.footer_1 {
  padding: 70px 0 30px;
  background: var(--blue);
  color: white;
  font-size: 14px;
}
.line {
    height: 1px;
    width: 100%;
    background: var(--main);
    margin: 30px 0;
}
.menu-footer li {
    border-bottom: 1px solid #4a458c;
}
.menu-footer li.current_page_item > a {
    color: inherit;
    border-bottom: 0;
}
.footer_1 a {
    color: white;
    padding: 5px 0;
    display: block;
}

.box-footer img {
    max-width: 100%;
}


.between {
    justify-content: space-between;
}


.box-footer_2 {
    display: flex;
    flex-wrap: wrap;
}

.box-footer_2 > div {
    width: 50%;
    margin-bottom: 30px;
    padding: 0 15px;
}

.box-footer_2 ul li i {
    color: var(--yellow-o);
    font-size: 17px;
    margin-right: 10px;
    width: 10px;
}

.box-footer_2 ul li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}


.box-footer h5 {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
        margin-bottom: 20px
    }

.box-footer i {
    font-size: 19px;
    margin-right: 15px;
    color: var(--main);
}

.box-icon {
    display: flex;
    margin-bottom: 10px;
}

.our-offices {
    padding-left: 30px;
    position: relative;
}

ul.our-offices > li {
    margin-bottom: 15px;
    position: relative;
}


/*-----------------------------------------------------------------------------------*/
/*  Form Home
/*-----------------------------------------------------------------------------------*/
.formulario-slider .wpcf7-not-valid-tip {

    display: none;
}

.formulario-slider {
    background: #ffffffeb;
    padding: 30px 30px 30px;
    border-radius: 20px;
    transition: 0.4s;
    overflow: hidden;
    width: 100%;
    margin: auto;
}

.page-loaded .formulario-slider {
    
    opacity: 1;
    transition: 0.4s; 
    transition-delay: 1.1s; 
    transform: translateY(0px);    
}

.formulario-slider input {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 10px;
    color: var(--blue);
    font-weight: 600;
    background: transparent;
    font-size: 18px;
    border-bottom: 2px solid #c5c5c5ba;
}

span.ajax-loader {
    position: absolute;
}

.formulario-slider h5 {
    padding: 0 15px;
    font-size: 19px;
    text-align: center;
    margin-bottom: 30px;
    color: var(--blue);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
}

.formulario-slider input[type=submit] {
    background: var(--main);
    color: white;
    font-size: 15px;
    border-radius: 25px;
    width: 210px;
    border: 0;
    margin: 20px auto 0;
    display: block;
    cursor: pointer;
    padding: 10px 0;
    font-size: 18px;
}



.formulario-slider textarea {
    height: 90px;
    width: 100%;
    margin-bottom: 10px;
    border: 0;
    padding: 8px 10px;
    color: var(--blue);
    font-weight: 600;
    background: transparent;
    font-size: 18px;
    border-bottom: 2px solid #c5c5c5ba;
}

.formulario-slider textarea {
    outline: none;
}

div#popup-form {
    width: 40%;
    margin: auto;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: var(--main);
    background: var(--main);
    color: white;
}


/*======================/
===================/
MATENINIMIENTO
/*==================/
=======================*/



section.mant_section {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0;
    background: var(--blue);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.box-logo-mant {
    position: relative;
    z-index: 9;
    width: 100%;
    text-align: center;
}

canvas#bg-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box-logo-mant img {
    width: 250px;
}

.footers-mant {
    position: absolute;
    bottom: 50px;
    left: 50px;
    color: #ffffff4a;
    font-size: 11px;
}

.map-mobile{
    display: none;
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){


}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){


}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){



}

/*=============================================
MOVIL (SM revisamos en 320px)
=============================================*/

@media (max-width:767px){
.hm_1 {

    background-position: center;
}
.map-mobile svg {
       width: 100%;
    height: auto;
    margin: 40px 0;
}
text.map_tooltip.active {
    opacity: 1;
    visibility: visible;
    font-size: 28px;
}
.map-svg > svg {
    width: 100%;
    height: 160px;
    display: none;
}
.map-mobile{
    display: block;
}
.showText {
    cursor: pointer;
    font-size: 40px;
}
.titulo-2 {   
    font-size: 25px;
}
/*===================/
HEADER
/*==================/
=======================*/
/*/Movil/*/
.container_menu-movil h5 {
    margin-bottom: 40px;
    padding: 0 30px;
}

.box-mov {
    padding: 30px 30px;
}

a.bt_nav {
    border: 1px solid;
    display: block;
    border-radius: 25px;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

a.bt_nav i {
    position: absolute;
    left: 18px;
    font-size: 25px;
}

.open_menu .head_mobile svg path {
    fill: var(--blue);
    transition: 1s;
}
section#why {
    overflow: hidden;
}
.head_mobile {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
}
.content_desc_2 {
   
    width: 100%;   
    right: 0;
    top: 0px;
    padding: 60px 25px;
        background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 130px;
   

}

section#servicios img {
    width: 100%;
    margin-bottom: 50px;
}

.serv_img-box {    
width: 100%;
    margin-left: 0;
   margin-bottom: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 130px;
}

.serv_img-box2 {    
width: 100%;
    margin-left: 0;
   margin-bottom: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 130px;
}

.content_desc {
    width: 100%;
    right: 0;
    margin-bottom: 50px;
}

.box-servicio:nth-child(2n) .serv_img-box .content_desc {
    right: 0;
}
.box-servicio:nth-child(2n) .serv_img-box {
    margin-left: 0;
   
}

.box-servicio:nth-child(2n) .serv_img-box2 .content_desc {
    right: 0;
}
.box-servicio:nth-child(2n) .serv_img-box2 {
    margin-left: 0;
   
}


.content_h1 h1 {  
    font-size: 35px;
  
}
.content_h1 {

    width: 100%;
    padding: 0 0px 40px;
    min-height: 60vh;
}


.xs-none{
    display: none;
}
.shape_1 {
    height: 50%;
    width: 30%;
    transform: scaleX(-1);
    right: 0;
    display: none;
}
.box-footer {
    margin-bottom: 80px;
}
.head_1 {
    padding: 10px 0px;
}
.content_desc h3 {
    font-size: 20px;
}

.xs-block {
    display: block!important;
}


/*===================/
COLUM H
/*==================/
=======================*/


.info_agencias {
    width: 100%;
    padding: 30px;
    overflow-y: auto;
    padding-left: 20px;
}
.row_map {
  
    flex-wrap: wrap;

}
div#popup-form {
    width: 100%;
    margin: auto;
}
.head_mobile svg {
    height: 80px;
    width: 80px;
    transform: scale(1);
    transition: 0.4s;
}

.open_menu .head_mobile svg {
    transform: scale(30);
    transition: 0.4s;
}

.cl-10, .cl-20, .cl-25, .cl-30, .cl-40, .cl-50, .cl-60, .cl-70, .cl-80, .cl-90 {

width: 100%;
flex: 0 0 100%;
max-width: 100%;
}

.f-11 span {
    color: var(--main);
    font-weight: 600;
    font-size: 19px;
}

.bl-contact {
    background: white;
    width: 100%;
    height: 50vh;
    padding-top: 70px;
}


.f-11 p {
    font-size: 19px;
    color: var(--blue);
}

.bl-contact2 {
    background: var(--blue);
}

.titulo-1 {
    font-size: 50px;
}

.wpcf7-submit.submit {
    background: white;
    padding: 5px 10px;
    color: var(--main);
    border-radius: 30px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    margin: 0 50px;
    width: 140px;
}

.content_default {
    display: flex;
    flex-wrap: wrap;
    min-height: 390px;
    align-content: flex-end;
    position: relative;
    z-index: 2;
    width: 50%;
    padding: 0px 0px 40px;
}

.box-logo img {
    width: 160px;
    margin-top: 15px;
}


}/*/Fin 767/*/


/*=============================================
MOVIL (XS revisamos en 565px)
=============================================*/

@media (max-width:565px){
.cl-10, .cl-20, .cl-25, .cl-30, .cl-40, .cl-50, .cl-60, .cl-70, .cl-80, .cl-90 {

width: 100%;
flex: 0 0 100%;
max-width: 100%;
}




}