.cbp-hrmenu {max-width:1200px; width:100%; margin:0 auto;}

/* general ul style */
.cbp-hrmenu ul {margin:0; padding:0; list-style-type:none;}
.head-responsive {display: none; background: #0e538c; color:#ffffff; padding:20px 0; border-top: 5px solid #f04c56; width:100%;}
.head-responsive .auxi-responsive {padding:0 20px;}
.head-responsive .menu-top {padding: 0 0 20px 0; text-align: left;}
.head-responsive .menu-top li {display: inline-block; margin: 0 15px 5px 0;}
.head-responsive .menu-top li a {color:#FFFFFF; font-size: 14px;}
.head-responsive .icono {background-size: 20px 20px !important; float: left; margin:0;
    padding: 0 25px 0 0;
}

/* first level ul style */
.cbp-hrmenu > ul {max-width:1200px; width:100%; margin:0; padding:0; text-align: center;}
.cbp-hrmenu .cbp-hrsub-inner {max-width:1100px; width:100%; margin:0 auto; padding:0; float:none;}
.cbp-hrmenu > ul > li {display:inline-block;}
.cbp-hrmenu > ul > li {display:inline-block; margin:0;}
.cbp-hrmenu > ul > li + li {display:inline-block; margin:0;}
.cbp-hrmenu > ul > li > a.first {padding:1.5em 1.5em 1.4em;}
.cbp-hrmenu > ul > li > a {font-family:latoBold, Verdana, Geneva, sans-serif; font-size:12px; color:#003366;  padding:1.5em 1.5em 1.4em; display:inline-block; text-transform:uppercase; letter-spacing: 1px}
.cbp-hrmenu > ul > li a.first {border-left:0px solid #CCC;}
.cbp-hrmenu > ul > li a i {font-size: 16px; margin:-2px 0 0 8px; float:right; color:#989898;}
.cbp-hrmenu > ul > li > a:hover {background:#f04c56; color:#fff;}
.cbp-hrmenu > ul > li.cbp-hropen > a {color:#fff; background:#f04c56;}
.cbp-hrmenu > ul > li.cbp-hropen > .cbp-hrsub a {background:none;}
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#fff; background:#f04c56;}
.cbp-hrmenu > ul > li.cbp-hropen > a i {color:#fff;}

.cbp-hrsub-inner div article > a {float:left; margin:0 10px 0 0;}
.cbp-hrsub-inner div article > span { font-family:latoLightItalic, Verdana, Geneva, sans-serif; color:#333; font-size:14px;}

/* sub-menu */
.margin-top-2em {margin-top:2em;} 
.cbp-hrmenu .cbp-hrsub {display:none; position:absolute; background:#edf2f5; width:100%; left:0; text-align: left;}
.cbp-hrmenu .cbp-hrsub * {opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}
.cbp-hropen .cbp-hrsub {display:block; padding:1em 0 3em; z-index:999; border-bottom:15px solid #0e538c;}
.cbp-hropen .cbp-hrsub * {opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;}
.cbp-hrmenu .cbp-hrsub-inner > div {padding:0;}
.cbp-hrmenu .cbp-hrsub-inner > div + div {padding:0 0 0 4em;}
.cbp-hrmenu .cbp-hrsub-inner > div.grid-4 {width: 32.26%;}
.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {content:" "; display:table;}
.cbp-hrmenu .cbp-hrsub-inner:after {clear:both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {line-height:2em; font-size: 14px;}
.cbp-hrsub h4 {font-family:latoBold, Verdana, Geneva, sans-serif; color:#333; padding:1em 0 0.6em; font-size: 14px; margin:0 0 0.6em; font-weight:300; border-bottom:1px solid #f04c56;}
.cbp-hrsub h4 a {font-family:latoBold, Verdana, Geneva, sans-serif; color:#333 !important; padding:0 !important; margin:0;}
.cbp-hrsub h3 {border-bottom:1px solid #fff; color:#fff; font-family:open_sans_semibold,Verdana,Geneva,sans-serif; font-size:120%; font-weight:300; margin:0; padding:1em 0 1em;}
.cbp-hrsub h4.tit2 {border-bottom:0px solid #FFF; border-top:1px solid #FFF; padding:0.6em 0 ; margin:25px 0 0 0;}
.cbp-hrsub-inner ul li a {color: #4f4f4f !important;}

.cbp-hrmenu .cbp-hrsub-inner > div.grid-4 img {float:left; margin:0 10px;}
.cbp-hrmenu .cbp-hrsub-inner > div.grid-4 .frase {color:#333333; display:block; font-family:latoLightItalic,Verdana,Geneva,sans-serif; font-size:14px; line-height:120%;}
.cbp-hrmenu .cbp-hrsub-inner > .show_desktop > div.grid-4 .frase {color:#333333; display:block; font-family:latoLightItalic,Verdana,Geneva,sans-serif; font-size:14px; line-height:120%;}
.cbp-hrmenu .cbp-hrsub-inner > div.grid-4 h5 {color:#fff; display:block; font-family:latoBold,Verdana,Geneva,sans-serif; font-size:15px; line-height:120%; padding:10px 0;}
.cbp-hrmenu .cbp-hrsub-inner > div.grid-4 h5 a {font-family:latoBold,Verdana,Geneva,sans-serif; font-size:15px; line-height:120%; color: #333333;} 
.cbp-hrmenu .cbp-hrsub-inner > div p {font-family:lato,Verdana,Geneva,sans-serif; font-size:13px; line-height:120%; color:#333;}

header .ver-menu {background:#0e538b !important; clear:both; color:#fff; display:table; font-family:opensans,Verdana,Geneva,sans-serif; font-size:13px; line-height:2em; margin:10px auto; padding:3px 20px; width:auto; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; transition: all 0.6s ease 0s;}
header .ver-menu:hover {background-color:#f04c56 !important; color:#FFFFFF !important; }

.show_desktop{display:block; width:100%; padding:0px !important;}
.show_movil{display:none;}
.grid-wpad{padding-left:4px !important; padding-right:4px !important}

/* Examples for media queries */

@media screen and (max-width: 52.75em) {
	.cbp-hrmenu {font-size:80%;}
}
@media only screen and (max-width:1190px) {
	.cbp-hrmenu > ul > li > a.first, .cbp-hrmenu > ul > li > a {padding:0.938em 0.5em;}
}
@media only screen and (max-width: 750px) {
	#header .auxi {position: relative;}
	.box-menu {border-bottom:none;}
	.head.aright {display: none;}
	.head-responsive {display: block;}
	.cbp-hrmenu {font-size:120%; border:none;}
	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {width:100% !important; padding:0;}
	.cbp-hrmenu .cbp-hrsub-inner {padding:0 2em; font-size:75%;}
	.cbp-hrmenu > ul > li {display:block; border-bottom:1px solid #87a9c5; width:100%; text-align: center; position: relative;}
	.cbp-hrmenu > ul > li > a:first-child {padding:1em 3em;}
	.cbp-hrmenu > ul > li > a {display:block; padding:1em 3em;}
	.cbp-hrmenu .cbp-hrsub {position:relative;}
	.cbp-hrsub h4 {padding-top: 0.6em;}
	#header .auxi {overflow: hidden;}
	.cbp-hrmenu .cbp-hrsub-inner > div {width:100% !important; float:none !important; padding:0 2em !important;}
	#header {border-bottom:3px solid #0E538B;}


    .con {cursor:pointer; display:inline-block; padding:10px 13px; background:#f04c56;}
	.special-con {cursor:pointer; display:inline-block; padding:5px 10px;}	
	.special-con .bar {display:block; height:1px; width:20px; background:#87a9c5; margin:0 auto 6px;}
    .bar {display:block; height:3px; width:25px; background:#fff; margin:6px auto;}

    .con {
      width: auto;
      margin: 0 auto;
      -webkit-transition: all .7s ease;
      -moz-transition: all .7s ease;
      -ms-transition: all .7s ease;
      -o-transition: all .7s ease;
      transition: all .7s ease;
    }

    .colBtn {display:inline-block; text-align:center; position:relative; float:right;}
	.cbp-hrmenu ul li a h2.animar {position: relative;}
	.cbp-hrmenu .colBtn {position:absolute; right:5px; top:8px;}
    .middle {margin: 0 auto;}
    .bar {
      -webkit-transition: all .7s ease;
      -moz-transition: all .7s ease;
      -ms-transition: all .7s ease;
      -o-transition: all .7s ease;
      transition: all .7s ease;
    }

    .con.open .top{
      -webkit-transform: translateY(9px) rotateZ(45deg);
      -moz-transform: translateY(9px) rotateZ(45deg);
      -ms-transform: translateY(9px) rotateZ(45deg);
      -o-transform: translateY(9px) rotateZ(45deg);
      transform: translateY(9px) rotateZ(45deg);
      }

    .con.open .bottom {
      -webkit-transform: translateY(-9px) rotateZ(-45deg);
      -moz-transform: translateY(-9px) rotateZ(-45deg);
      -ms-transform: translateY(-9px) rotateZ(-45deg);
      -o-transform: translateY(-9px) rotateZ(-45deg);
      transform: translateY(-9px) rotateZ(-45deg);
    }

    .con.open .middle {width:0;}  

    .con.open .arrow-top {
      -webkit-transform: rotateZ(45deg) translateY(11px);
      -moz-transform: rotateZ(45deg) translateY(11px);
      -ms-transform: rotateZ(45deg) translateY(11px);
      -o-transform: rotateZ(45deg) translateY(11px);
      transform: rotateZ(45deg) translateY(11px);
      width: 25px;

    }

    .con.open .arrow-middle {
      -webkit-transform: translateX(-25px);
      -moz-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
      -o-transform: translateX(-25px);
      transform: translateX(-25px);
      
    }

    .con.open .arrow-bottom {
      -webkit-transform: rotateZ(-45deg) translateY(-11px);
      -moz-transform: rotateZ(-45deg) translateY(-11px);
      -ms-transform: rotateZ(-45deg) translateY(-11px);
      -o-transform: rotateZ(-45deg) translateY(-11px);
      transform: rotateZ(-45deg) translateY(-11px);
      width: 25px;

    }

    .con.open .arrow-top-r {
     -webkit-transform: rotateZ(-45deg) translateY(11px);
     -moz-transform: rotateZ(-45deg) translateY(11px);
     -ms-transform: rotateZ(-45deg) translateY(11px);
     -o-transform: rotateZ(-45deg) translateY(11px);
     transform: rotateZ(-45deg) translateY(11px);
     width: 25px;
   }

   .con.open .arrow-middle-r {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px);  
  }

  .con.open .arrow-bottom-r {
    -webkit-transform: rotateZ(45deg) translateY(-11px);
    -moz-transform: rotateZ(45deg) translateY(-11px);
    -ms-transform: rotateZ(45deg) translateY(-11px);
    -o-transform: rotateZ(45deg) translateY(-11px);
    transform: rotateZ(45deg) translateY(-11px);
    width: 25px;
  }

  .con.open .arrow-top-fall {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }

  .con.open .arrow-bottom-fall {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  .special-con {
    margin: 0 auto;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
  }

  .special-con.open .arrow-top-fall {
   -webkit-transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -ms-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
   -webkit-transform: translateY(7px);
   -moz-transform: translateY(7px);
   -ms-transform: translateY(7px);
   -o-transform: translateY(7px);
   transform: translateY(7px);
 }

 .arrow-bottom-fall,
 .arrow-top-fall {
   -webkit-transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -ms-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
 }

 .special-con.open .arrow-bottom-fall {
  -webkit-transform: translateY(-7px);
  -moz-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  -o-transform: translateY(-7px);
  transform: translateY(-7px);
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

.ua {
  position: absolute;
  right: 30px;
  bottom: 20px;
  color:  #6FFFE9;
  font-size: 2em;
}

.fa {
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.ua.open .fa {
   color: #6FFFE9;
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -ms-transform: scale(1.5);
   -o-transform: scale(1.5);
   transform: scale(1.5);
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}
	
	.responsiveBtn {display:block; cursor:pointer; position:absolute; right:10px; bottom:33px; z-index:9999;}
	.toggler #effect {display:none;}
	.ui-corner-all.show {display:block !important;}
	#header .ui-state-default, #header .ui-widget-content .ui-state-default, #header .ui-widget-header .ui-state-default {background:none; border:0; }
	
	
	.cbp-hrmenu .cbp-hrsub {width: 90% !important; padding: 0 5% 20px; border-top: 1px solid #EDF2F5 !important;}
	.cbp-hrmenu .cbp-hrsub .span_1_of_3, .cbp-hrmenu .cbp-hrsub .span_2_of_3, .cbp-hrmenu .cbp-hrsub .span_3_of_3 {width:100% !important; margin: 0 0 10px 0 !important; text-align: left;}
	.header .mainMenu .cbp-hrsub {text-align: left !important; }
	.header .mainMenu .cbp-hrsub li {text-align: left !important;}
	.header .mainMenu .menuCol:first-child {border-right: none;}
	.header .mainMenu .photo {display: none;}
	.cbp-hrmenu .cbp-hrsub-inner {width: 100%; padding: 0; text-align: left;}
	.cbp-hrmenu .cbp-hrsub-inner img {display: none;}
	.cbp-hrmenu .cbp-hrsub-inner > div.grid-4 {width:100%; padding: 0 !important;}
	.cbp-hrmenu .cbp-hrsub-inner > div {padding: 0 !important;}
	.cbp-hrmenu .cbp-hrsub-inner .ver-menu {margin: 20px auto 0;}
	
	.toggler {-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.75); display: block; overflow: hidden; width: 100%;}
.toggler .cbp-hrmenu {margin: 0 !important;}
.cbp-hrsub h4 {padding: 10px 0 20px !important;}
.cbp-hrmenu > ul > li.cbp-hropen {background:#676767 !important; color:#ffffff !important; }
.cbp-hrmenu > ul > li.cbp-hropen a:hover { }
.cbp-hrmenu > ul > li.cbp-hropen a:hover h2 {background:#ff4c00 !important; color:#fff !important;}
.cbp-hrmenu > ul > li.cbp-hropen a h2.animar, .cbp-hrmenu > ul > li.cbp-hropen a:hover h2.animar {
    transition: all 0s ease-in-out 0s;}

.show_movil{display:block; margin-top:20px;}
.show_desktop{display:none;}
}


@media(max-width:480px) {
#logo span {font-size:20px; max-width:235px;}
}

@media(max-width:440px) {
	.head-responsive .menu-top, .head-responsive .icono {display: none;}
	.box-search {margin: 0; width: 100%;}
	.box-search input.search {width: 80%;}
	.head-responsive {width:100%;}
}


@media(max-width:400px) {
#logo span {max-width:155px;}
}