/*   GENERALES    */
.container{}

/*   HEADER    */
header{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: absolute;top: 0;left: 0;right: 0;margin:0 auto;color:#FFF;}
header nav{background:#9DD6C6;padding: 20px 50px 15px;display: inline-block;margin-top:40px;}
.logo svg{display: inline-block;max-width:550px;max-height:340px;height:100%;width:100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.menu{text-align: center;}
.menu li{padding: 0 10px;display: inline-block;}
.menu li a{color:#FFF;font-size: 23px;line-height: 1em;font-weight: normal;display: block;text-transform: uppercase;position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.menu li a:before {content: ""; position: absolute; width: 100%; height: 1px; bottom: -7px; left: 0; background-color: rgba(255,255,255,0.7); visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.menu li a:hover{}
.menu li a:hover:before {visibility: visible; -webkit-transform: scale(1); transform: scale(1);}
.menu li.active a{color:#8acde3;}
.menu li.active a:before{background-color: rgba(255,255,255,0.7);}
.top-menu{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

#hamburguesa{position: absolute;width: 26px;height: 26px;right: 20px;top:37px;cursor: pointer;display: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#hamburguesa span{background:#FFF;height: 2.5px;width: 100%;border-radius: 2px;display: block;position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#hamburguesa span:nth-child(1){top:3px;}
#hamburguesa span:nth-child(2){top:11px;}
#hamburguesa span:nth-child(3){top:19px;}
#hamburguesa.close span:nth-child(1){top:11px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}
#hamburguesa.close span:nth-child(2){top:11px;opacity: 0;}
#hamburguesa.close span:nth-child(3){top:11px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);}

/*   ANIMACION DEL HEADER    */
@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9;top:-100%;top:1/9; /* IE9 only */ } to { opacity:1;top:0; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9;top:-100%;top:1/9; /* IE9 only */ } to { opacity:1;top:0; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9;top:-100%;top:1/9; /* IE9 only */ } to { opacity:1; top:0;} }

.fade-in {
    opacity:0;
    -webkit-animation:fadeIn 1;
    -moz-animation:fadeIn 1;
    animation:fadeIn 1;

    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;

    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;

}
/*ANCHOR*/
.cont-anchor{position: absolute;text-align: center;left: 0;right: 0;bottom: 20px;}
section.principal .cont-anchor{bottom: 60px;}
.anchor{display: inline-block;}
.anchor svg{width:65px;height:34px;}

/*   SECCIONES    */
section.principal{background: #A5A7A9;height: 100vh;position: relative;/*min-height: 450px;*/}
section.principal .tabla{background: #A5A7A9;    height: calc(100vh - 196px);display: table;width: 100%;padding: 93px 0 103px;}
section.principal .celda{vertical-align: middle;display: table-cell;text-align: center;}
section.principal .socalo{position: absolute;bottom: 0;left:0;right:0;background: #555658;color:#FFF;padding: 10px 0;font-size: 19px;}
section.principal .socalo div{display: inline-block;}
section.principal .socalo span{padding: 0 20px;}

section#sacudeteysigue{background: #9DD6C6;position: relative;padding: 80px 0 130px;}
.solapa{z-index:-1;position: absolute;top: 10px;right:10px;bottom:10px;left:10px;background: rgba(255,255,255,0.9);color: #404041;padding:10px 30px;opacity: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.solapa h2{font-family: 'Stag', sans-serif;font-size: 20px;margin-bottom: 0.5em;}
.solapa p{font-family: 'StagSans-Light', sans-serif;font-size: 16px;line-height: 1.4em;}
.tabla{display: table;width: 100%;height: 100%;}
.tabla .celda{display: table-cell;vertical-align: middle;}
.cont-img:hover .solapa{opacity: 1;z-index: 2;}
.solapa:hover{opacity: 1;z-index: 2;}


.seccion{padding: 60px 0;}
h2.title{font-size: 40px;line-height: 1.2em;font-weight: normal;font-family: 'StagSans-Light', sans-serif;color: #404041;text-transform: uppercase;margin-bottom: 0.8em;text-align: center;}
p.big{font-family: 'Stag', sans-serif;font-size: 25px;}


/*   FOOTER    */
.contacto{width: 50%;text-align: right ;}
.contacto img{margin-right:-8%;}
.datos-contacto{width: 50%;text-align: left ;padding-left: 50%;font-family: 'Stag Book';letter-spacing: 0.04em;}
.verde{background: #9DD6C6;padding-top: 30px;}
.amarillo{background: #EFDCA1;padding-top: 120px;}
.copy{padding: 8px 0;border-top: 1px solid rgba(255,255,255,0.2);margin-top: 80px;font-size: 12px;font-family: sans-serif;}
footer{text-align: center;color: #FFF;font-size:16px;background-color: #555;padding: 30px 0 0;background: #EC7B6E;}