.containermenu {
  max-width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
}

.navmenu li {
   padding: 10px 0px 10px 0px;
}

.navmenu li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin: 55px;
  padding: 5px 55px; 
  color: #12429e;
}

#accordionMenu {
  /* max-width: 1600px; */
}

.panel-bodymenu {
  padding: 0;
  border:0;
  max-width: 600px;
}

.panel-groupmenu {
  border:0;
}
.panel-groupmenu .panel+.panel {
  margin-top: 0;
  border:0;
}

.panel-groupmenu .panel {
  border:0;
}

.panel-defaultmenu>.panel-heading {
  background-color: white;
  border: 0; 
  padding: 10px 0px 10px 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-defaultmenu>.panel-heading a {
  display: block;
  padding: 0px 70px;
  color: #12429e;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

.panel-defaultmenu>.panel-heading span
{
  font-family: 'Montserrat', sans-serif;
	font-size: 16px;
  color: #12429e;
  padding: 5px 10px;

}
.panel-defaultmenu>.panel-heading span:hover {
  transition: 0.3s;
  padding: 5px 10px;
  border-radius : 5px;
  background-color: #e9ecf3;
  
}

.panel-bodymenu>.nav  a:hover {
	transition: 0.3s;
  background-color: #e9ecf3;
  text-decoration: none;
  padding: 5px 15px; 
  margin: 95px;
  border-radius : 5px;
}

.panel-defaultmenu>.panel-heading span[aria-expanded="true"] {
  /*/background-color: #eee;*/
}

.panel-defaultmenu>.panel-heading span[aria-expanded="true"]:after {
	font-family: 'Glyphicons Halflings';
  content: "\e114";
}

.panel-defaultmenu>.panel-heading span[aria-expanded="false"]:after {
	font-family: 'Glyphicons Halflings';
  content: "\e080";
}
 
.panel-groupmenu .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border:0;
}

.btnmenu {
  padding: 0px;
  height: 20px;
  width: 30px;
  background-color: white;
  margin: 10px ;
}

.panelmenu { box-shadow: 0 0px 0px rgba(0,0,0,.05); }


img{vertical-align:middle;}
.img-responsive{display:block;max-width:100%;height:auto;}
.img-rounded{border-radius:6px;}
.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto;}
.img-circle{border-radius:50%;}

/*Tercer Nivel */

.navmenu3 li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin: 100px;
  padding: 5px 55px; 
  color: #12429e;
}

.navmenu3 a:hover {
  transition: 0.3s;
  background-color: #e9ecf3;
  text-decoration: none;
  /*padding: 5px 15px; */
  /*margin: 135px;*/
  border-radius : 5px;
}
#btn_search_spc{
  display: none;
}

.hovermenu3 a:hover {
  transition: 0.3s;
  background-color: #e9ecf3;
  text-decoration: none;
  /*padding: 5px 15px; */
  /*margin: 100px;*/
  border-radius : 5px;
}

.panel-defaultmenu3>.panel-heading span {
  /*display: block;*/
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #12429e;
  padding: 5px 15px;
}

.panel-defaultmenu3>.panel-heading span:hover {
  margin: 0px 0px;
  transition: 0.3s;
  border-radius : 5px;
  background-color: #e9ecf3;
  padding: 5px 15px;
}

.panel-defaultmenu3>.panel-heading a {
 padding: 5px 55px; 
  margin: 0px 55px;
  display: block;
  color: #12429e;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}


.panel-defaultmenu3>.panel-heading {
  background-color: white;
  border: 0; 
  padding: 10px 0px 10px 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.panel-defaultmenu3>.panel-heading span[aria-expanded="true"]:after {
   font-family: 'Glyphicons Halflings';
  content: "\e114";
}

.panel-defaultmenu3>.panel-heading span[aria-expanded="false"]:after {
   font-family: 'Glyphicons Halflings';
  content: "\e080";
}

.panel-bodymenu3 {
  padding: 0;
  border:0;
  max-width: 640px;
  min-width: 640px;
}


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

  .navmenu li { padding: 10px 0px 10px 0px; }
  .navmenu li a {
    margin:0;
    padding: 5px 25px;    
  }

  .panel-defaultmenu>.panel-heading { padding: 10px 0px 10px 0px; }
  .panel-defaultmenu>.panel-heading a { padding: 0px 0px; }
  .panel-defaultmenu>.panel-heading span { padding: 5px 10px; }
  .panel-defaultmenu>.panel-heading span:hover { padding: 5px 10px; }
  .panel-bodymenu>.nav  a:hover { padding: 5px 15px; }


  /*Tercer Nivel */

  .navmenu3 li a { padding: 5px 55px; }
  /*.panel-bodymenu3>.navmenu3 a:hover { padding: 5px 15px; }*/
  /*.hovermenu3 a:hover { padding: 5px 15px; }*/
  .panel-defaultmenu3>.panel-heading a {
    padding: 0px 15px; 
    margin: 0px 0px;
  }
  .panel-defaultmenu3>.panel-heading span {
    margin: 0px 0px;    
    padding: 5px 10px;
  }
  .panel-defaultmenu3>.panel-heading { padding: 10px 0px 10px 0px; }
  .rowmovil{ height:  50px; }
}



  
/*############################*/
.offcanvas {
  position: fixed;
  z-index: 1200;
  display: none;
  transform: translate3d(0, 0, 0);
  transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 0.3);
   overflow-x: hidden; 
  overflow-y:auto;
  -webkit-overflow-scrolling: touch; 
  white-space: nowrap; background-color:#dadada !important;
    
}

.offcanvas__trigger--close{ width:40px !important; height:40px !important;
 color:#13429e; border:1px solid #fff !important; border-radius:50%;  background-color:#fff; display:none;  }


.offcanvas--left {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
}
.offcanvas--left--active { transform: translate3d(100%, 0, 0) }
.offcanvas--initialized { display: block }


.nav_cont{ height: 100vh !important; padding:0px !important;}

.nav_cont_int{ width:100% !important; text-align:center !important; padding:0px !important;}

.button_btn{ background:#ff9900; color:#fff !important;z-index:150;cursor: pointer;}
.btn_botttom{
  position: absolute;
  bottom: 0px;
  border: 0px solid #8AC007;
  width:100%;
  height:50px;
  text-align:center !important;
}



 .main-wrapper1{background-image:url(../img/1_mov.jpg); height:100%;width:100%;position:relative;z-index:2;background-position: center;background-repeat: no-repeat;background-size: cover;transition:background-image 0.5s ease-in-out;}
 .main-wrapper2{background-image:url(../img/2_mov.jpg); height:100%;width:100%;position:relative;z-index:2;background-position: center;background-repeat: no-repeat;background-size: cover;transition:background-image 0.5s ease-in-out;}
 .main-wrapper3{background-image:url(../img/3_mov.jpg); height:100%;width:100%;position:relative;z-index:2;background-position: center;background-repeat: no-repeat;background-size: cover;transition:background-image 0.5s ease-in-out;}

 @media (max-width:900px){
 .main-wrapper1{background-image:url(../img/menu1.jpg); height:100%;width:100%;position:relative;z-index:2;background-position: center;background-repeat: no-repeat;background-size: cover;}
 .main-wrapper2{background-image:url(../img/menu2.jpg); height:100%;width:100%;position:relative;z-index:2;background-position: center;background-repeat: no-repeat;background-size: cover;}
 .main-wrapper3{background-image:url(../img/menu3.jpg); height:100%;width:100%;position:relative;z-index:2;background-position: center;background-repeat: no-repeat;background-size: cover;}
 }
 


 
 




.main-navigation-link{  
  -webkit-transition: width 2s; /* Safari */
  -webkit-transition-delay: 1s; /* Safari */
  transition: width 2s;
  transition-delay: 1s; 
  height:75px !important;
  font-size:1.8em;
  margin-bottom:1.5em;  
  cursor: pointer; 
  padding:10px !important; font-weight:300 !important;
} 

.main-navigation-title{ 
  color:#fff !important; 
  font-size:3em;
  margin-bottom:3em; 
  height:120px !important;
  padding:10px !important;
  cursor:default;font-weight:500 !important;
}

.esp_menu{ width:100%; height:10px;}
.esp_menu1{ width:100%; height:10px;}

 @media (max-width:1100px){
  .img-mie-ciud{
  margin: 0 auto;
  max-width: 80% !important;
}
.main-navigation-link{
  font-size:1.3em;  
  -webkit-transition: width 2s; /* Safari */
  -webkit-transition-delay: 1s; /* Safari */
  transition: width 2s;
   transition-delay: 1s; 
   height:50px !important;
   margin-bottom:3em;  
   cursor: pointer; 
   padding:10px !important; font-weight:300 !important;
 }
  

.main-navigation-title{
  color:#fff !important;
  font-size:2.0em;
  margin-bottom:3em; 
  height:90px !important; 
  padding:10px !important;
  cursor: default; font-weight:600 !important;
} 
  
.esp_menu{ width:100%; height:100px;}
.esp_menu1{ width:100%; height:100px;}   

}

@media (max-width:735px){
  .esp_menu{ width:100%; height:150px;}
  .esp_menu1{ width:100%; height:60px;}  
  .img-mie-ciud{
      max-width: 100% !important;
    }
}


@media (max-width:325px){
  .main-navigation-link{
    font-size:1.2em;  
    -webkit-transition: width 2s; /* Safari */
    -webkit-transition-delay: 1s; /* Safari */
    transition: width 2s;
     transition-delay: 1s; 
     height:40px !important;
     margin-bottom:3em;  
     cursor: pointer; 
     padding:10px !important; font-weight:300 !important;
   }
    

  .main-navigation-title{
    color:#fff !important;
    font-size:2em;
    margin-bottom:3em; 
    height:70px !important; 
    padding:10px !important;
    cursor: default; font-weight:400 !important;} 
      
    .esp_menu{ width:100%; height:75px;}
    .esp_menu1{ width:100%; height:15px;} 
  }

  .main-link{color:#fff !important; }
  .main-link:hover{color:#29bbf2 !important;}
  @-moz-document url-prefix() {
    .bgM {
      border-radius: 0%;
      background-color: transparent !important;
      box-shadow: 0px !important; 
      border:0px !important;
      position:relative!important;
      top:32px !important; 
      bottom:0px;
      right:5px !important;
     
    }
  }

  .bgM {
    border-radius: 50%;
    background-color: transparent !important;
    box-shadow: 0px !important; 
    border:0px !important;
    position:relative;
    top:60px; 
    bottom:0px;
    right:5px;
  }






  .bgM {z-index:30 !important;}


  .bgM::before { 
   -webkit-animation: wave 1.2s  infinite;
    animation: wave 1.2s  infinite;
   
    position: absolute;
    bottom:0rem;
    left:-1rem;
    right:0rem;
    display: block;
    width: 5rem;
    height: 5rem;
   
    border: 40px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    -webkit-transform: scale(0.50);
    transform: scale(0.50);
    opacity: 0;
  }

  .bgM::after { 
    -webkit-animation: wave 1.4s  infinite;
    animation: wave 1.4s  infinite;
   
    position: absolute;
    bottom: 0rem;
    left: -1rem;
    right:0rem;
    display: block;
    width: 5rem;
    height: 5rem;
   
    border: 40px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    -webkit-transform: scale(0.15);
    transform: scale(0.15);
    opacity: 0;
  }


  @-webkit-keyframes wave {
    10% {opacity: 0.1}
    100% {-webkit-transform: scale(1.3);transform: scale(1.3); opacity: 0}
  }

  @keyframes wave {
    10% {opacity: 0.1}
    100% {-webkit-transform: scale(1.3);transform: scale(1.3); opacity: 0}
  }

  .img-mie-ciud{
    margin: 0 auto;
    max-width: 60%;
  }
}