.hexagon:hover{transition:all 1s ease;transform:rotate(-360deg)}.hexagon{position:relative;width:100px;height:57.74px;margin:28.87px 0;border-left:solid 3px #cdcdcd;border-right:3px solid #cdcdcd}.hexagon:before,.hexagon:after{content:"";position:absolute;z-index:1;width:70.71px;height:70.71px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);background-color:inherit;left:11.6447px}.hexagon:before{top:-35.3553px;border-top:solid 4.2426px #cdcdcd;border-right:solid 4.2426px #cdcdcd}.hexagon:after{bottom:-35.3553px;border-bottom:solid 4.2426px #cdcdcd;border-left:solid 4.2426px #cdcdcd}.fadeIn1{opacity:0;-webkit-animation:fadein 1.5s forwards;-moz-animation:fadein 1.5s forwards;-ms-animation:fadein 1.5s forwards;-o-animation:fadein 1.5s forwards;animation:fadein 1.5s forwards}.fadeIn3{opacity:0;-webkit-animation:fadein 1s forwards;-moz-animation:fadein 1s forwards;-ms-animation:fadein 1s forwards;-o-animation:fadein 1s forwards;animation:fadein 1s forwards;animation-delay:3s}.fadeIn2{opacity:0;-webkit-animation:fadein 1s forwards;-moz-animation:fadein 1s forwards;-ms-animation:fadein 1s forwards;-o-animation:fadein 1s forwards;animation:fadein 1s forwards;animation-delay:1s}@keyframes fadein{0%{opacity:0}25%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}25%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}25%{opacity:0}100%{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}25%{opacity:0}100%{opacity:1}}@-o-keyframes fadein{0%{opacity:0}25%{opacity:0}100%{opacity:1}}.animationTop{-webkit-animation:animationtop 2s forwards;-moz-animation:animationtop 2s forwards;-ms-animation:animationtop 2s forwards;-o-animation:animationtop 2s forwards;animation:animationtop 2s forwards}@keyframes animationtop{from{opacity:0;top:-60px}to{opacity:1;top:50%}}@-moz-keyframes animationtop{from{opacity:0;top:-60px}to{opacity:1;top:50%}}@-webkit-keyframes animationtop{from{opacity:0;top:-60px}to{opacity:1;top:50%}}@-ms-keyframes animationtop{from{opacity:0;top:-60px}to{opacity:1;top:50%}}@-o-keyframes animationtop{from{opacity:0;top:-60px}to{opacity:1;top:50%}}.animationLeft{left:-600px;transform:translate(600px,0px);transition:3s ease-in-out}.animationTop2{-webkit-animation:animationtop2 2s forwards;-moz-animation:animationtop2 2s forwards;-ms-animation:animationtop2 2s forwards;-o-animation:animationtop2 2s forwards;animation:animationtop2 2s forwards}@keyframes animationtop2{from{opacity:0;top:-60px}to{opacity:1;top:100px}}@-moz-keyframes animationtop2{from{opacity:0;top:-60px}to{opacity:1;top:100px}}@-webkit-keyframes animationtop2{from{opacity:0;top:-60px}to{opacity:1;top:100px}}@-ms-keyframes animationtop2{from{opacity:0;top:-60px}to{opacity:1;top:100px}}@-o-keyframes animationtop2{from{opacity:0;top:-60px}to{opacity:1;top:100px}}.animationActu{-webkit-animation:animationActu 4s;-moz-animation:animationActu 4s;-ms-animation:animationActu 4s;-o-animation:animationActu 4s;animation:animationActu 4s;animation-delay:2s}.animationFacebook2{-webkit-animation:animationActu 4s;-moz-animation:animationActu 4s;-ms-animation:animationActu 4s;-o-animation:animationActu 4s;animation:animationActu 4s;animation-delay:4s}@-moz-keyframes animationActu{0%{right:-380px}25%{right:0}75%{right:0}100%{right:-380px}}@-webkit-keyframes animationActu{0%{right:-380px}25%{right:0}75%{right:0}100%{right:-380px}}@-ms-keyframes animationActu{0%{right:-380px}25%{right:0}75%{right:0}100%{right:-380px}}@-o-keyframes animationActu{0%{right:-380px}25%{right:0}75%{right:0}100%{right:-380px}}.animationFacebook-bottom{-webkit-animation:animationFacebook-bottom 4s;-moz-animation:animationFacebook-bottom 4s;-ms-animation:animationFacebook-bottom 4s;-o-animation:animationFacebook-bottom 4s;animation:animationFacebook-bottom 4s;animation-delay:2s}@-moz-keyframes animationFacebook-bottom{0%{bottom:-284px}25%{bottom:0}75%{bottom:0}100%{bottom:-284px}}@-webkit-keyframes animationFacebook-bottom{0%{bottom:-284px}25%{bottom:0}75%{bottom:0}100%{bottom:-284px}}@-ms-keyframes animationFacebook-bottom{0%{bottom:-284px}25%{bottom:0}75%{bottom:0}100%{bottom:-284px}}@-o-keyframes animationFacebook-bottom{0%{bottom:-284px}25%{bottom:0}75%{bottom:0}100%{bottom:-284px}}.fadeOut{-webkit-animation:fadeOut 3s forwards;-moz-animation:fadeOut 3s forwards;-ms-animation:fadeOut 3s forwards;-o-animation:fadeOut 3s forwards;animation:fadeOut 3s forwards;animation-delay:1.5s}@keyframes fadeOut{0%{opacity:1}99%{height:100vh}100%{opacity:0;height:0}}@-moz-keyframes fadeOut{0%{opacity:1}99%{height:100vh}100%{opacity:0;height:0}}@-webkit-keyframes fadeOut{0%{opacity:1}99%{height:100vh}100%{opacity:0;height:0}}@-ms-keyframes fadeOut{0%{opacity:1}99%{height:100vh}100%{opacity:0;height:0}}@-o-keyframes fadeOut{0%{opacity:1}99%{height:100vh}100%{opacity:0;height:0}}.tsunamiDark{background-image:url('tsunami/tsunamiDark.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiDanger{background-image:url('tsunami/tsunamiDanger.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiLight{background-image:url('tsunami/tsunamiLight.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiSuccess{background-image:url('tsunami/tsunamiSuccess.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiSecondary{background-image:url('tsunami/tsunamiSecondary.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiInfo{background-image:url('tsunami/tsunamiInfo.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiWarning{background-image:url('tsunami/tsunamiWarning.png');background-repeat:repeat-y;background-size:0 100%;transition:.5s}.tsunamiDark:hover,.tsunamiDanger:hover,.tsunamiLight:hover,.tsunamiSuccess:hover,.tsunamiSecondary:hover,.tsunamiInfo:hover,.tsunamiWarning:hover{background-size:105% 100%;background-color:transparent;transition:.5s}.tsunamiLight:hover>i{color:black!important;transition:.5s}.tsunamiLight:hover{color:black!important;border-color:white!important;transition:.5s}.tsunamiLight:hover>span{color:black!important;transition:.5s}.tsunamiDark:hover>i,.tsunamiDanger:hover>i,.tsunamiSuccess:hover>i,.tsunamiSecondary:hover>i,.tsunamiInfo:hover>i,.tsunamiWarning:hover>i{color:white!important;transition:.5s}.btn-cool>span{overflow:hidden;opacity:0;font-size:0;transition:.5s}.btn-cool:hover>span{opacity:1!important;font-size:18px;padding-left:5px;transition:.5s!important}.btn-cool:hover>i{color:white!important;transition:.75s}.triangle-tl{width:0;height:0;border-style:solid;border-width:200px 200px 0 0;border-color:rgba(255,255,255,0.5) transparent transparent transparent}.triangle-tl>a{position:absolute;bottom:90px;left:15px}.triangle-tr{width:0;height:0;border-style:solid;border-width:0 200px 200px 0;border-color:transparent rgba(255,255,255,0.5) transparent transparent}.triangle-tr>a{position:absolute;top:30px;left:120px}.triangle-bl{display:inline-block;width:0;height:0;border-style:solid;border-width:200px 0 0 200px;border-color:transparent transparent transparent rgba(255,255,255,0.5)}.triangle-br{width:0;height:0;border-style:solid;border-width:0 0 200px 200px;border-color:transparent transparent rgba(255,255,255,0.5) transparent}.giro:hover{transition:all 1s ease;transform:rotate(-360deg)}.flip:hover div{-webkit-animation:flip 1s;-moz-animation:flip 1s;-ms-animation:flip 1s;-o-animation:flip 1s;animation:flip 1s}.flip2:hover i{-webkit-animation:flip 1s;-moz-animation:flip 1s;-ms-animation:flip 1s;-o-animation:flip 1s;animation:flip 1s}.flip2:hover>div{-webkit-animation:flip 1s;-moz-animation:flip 1s;-ms-animation:flip 1s;-o-animation:flip 1s;animation:flip 1s}.flip2 i,.flip2 span,.flip2>div{transition:1s}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) rotateY(-190deg);transform:perspective(400px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-170deg);transform:perspective(400px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg)}}