@chartset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*,
*:after,
*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:'Open Sans', sans-serif;color:#3e3947;background-color:white; //-webkit-text-stroke-color: white; -webkit-font-smoothing:antialiased;}
body,
html{height:100%;}
a{color:#3e3947;text-decoration:none;}
a:hover{opacity:0.8;}
img{max-width:100%;border-color:transparent;border:0px;}
header {width:100%;height:50px;position:fixed;top:0;z-index:100;background-color:rgba(255, 255, 255, 0.9);transition:top 0.2s cubic-bezier(.42, 0, .57, .68);border-bottom: 2px #f6f6f6 solid;}
.entire-menu {position:absolute;top:20px;right: -80px;}
#logo {position:absolute;}
#logo a {float:left;opacity:1;}
#logo.ln a {width:162px;height:66px;left:15px;background:url(../svg/ln.svg) no-repeat center center;background-size:contain;margin:-8px 0 0 15px;}
#logo span {margin-left: 10px;line-height: 51px;font-weight: 400;font-size: 15px;text-transform: uppercase;color: #242424;}
.container {position:absolute;width:100%;heigh:100%;top:40%;left:0;font-family:'Roboto',sans-serif;margin:0 auto;}
.container a {display:inline-block;position:relative;color:#33a7b9;text-decoration:none;font-size:20px;overflow:hidden;top:5px;}
.container a:after {content:'';position:absolute;background:#fff;height:2px;width:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:0;-webkit-transition:.35s ease;transition:.35s ease;}
.button_container {position:absolute;top:11px;right:2%;height:25px;width:30px;cursor:pointer;z-index:99999;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;}
.button_container:hover {opacity:.7;}
.button_container.active .top {-webkit-transform:translateY(11px) translateX(0) rotate(45deg);-ms-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg);background:#fff;}
.button_container.active .middle {opacity:0;background:#fff;}
.button_container.active .bottom {-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);-ms-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg);background:#fff;}
.button_container span {background:#33a7b9;border:none;height:4px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;}
.button_container span:nth-of-type(2) {top:11px;}
.button_container span:nth-of-type(3) {top:22px;}
.overlay {position:fixed;background:#33a7b9;top:0;left:0;width:100%;height:0;opacity:0;visibility:hidden;-webkit-transition:opacity .35s, visibility .35s, height .35s;transition:opacity .35s, visibility .35s, height .35s;overflow:hidden;}
.overlay.open {opacity:.95;visibility:visible;height:100%;}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s;animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s;animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s;animation-delay:.50s;}
.overlay.open li span {font-size: 21px;color: #fff;font-family:'Roboto',sans-serif;}
.overlay nav {position:relative;height:70%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;font-family:Open Sans, sans-serif;font-weight:400;text-align:center;}
.overlay ul {list-style:none;display:inline-block;position:relative;height:100%;margin:0 auto;padding:0;}
.overlay ul li {display:block;height:calc(100%/6);min-height:50px;position:relative;opacity:0;}
.overlay ul li a {display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;}
.overlay ul li a:after {content:'';position:absolute;bottom:0;left:50%;width:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:3px;background:#fff;-webkit-transition:.35s;transition:.35s;}
.container a:hover:after,.container a:focus:after,.container a:active:after,.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after {width:100%;}
.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap;max-width:100%;}
.nav-hide {top: -60px;}
section{display:block;}
#section1{background:#397cb2 url('../img/wave01.png') bottom right repeat-x;z-index:1;height:820px;}
#section2{background:#3f88ba url('../img/wave02.png') bottom right repeat-x;z-index:0;height:1000px;}
#section3{background:#4c97c1 url('../img/wave03.png') bottom right repeat-x;z-index:0;height:1000px;}
#section4{background-color:#52a8ce;z-index:0;min-height:1000px;}
#section5{background:#b8b0ae url('../img/port.png') top no-repeat;z-index:0;min-height:1000px;}
#section6{background-color:#6b6b6d;min-height:800px;z-index:5}
#section7{background:#8c8c8c url('../img/road.jpg') top repeat-y;min-height:620px;z-index:5}
#section8{background-color:#69be68;z-index:4;min-height:1400px;}
#section9{background:#41aa4c url('../img/road.jpg') top repeat-y;min-height:580px;z-index:98;}
#section10{background:#309245 url('../img/road.jpg') top repeat-y;min-height:650px;z-index:4;}
#section11{background-color:#454646;min-height:70%;z-index:10}
.cd-section{min-height:100%;min-width:100%;position:relative;text-align:center;color:white;}
.cd-section h1,
.cd-section p{position:absolute;line-height:1.5;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;max-width:768px;z-index:12;}
.symbol{top:80px;position:relative;z-index:12;}
.sym-ship{top:0px;position:relative;z-index:12;}
.sym-brand{top:0px;position:relative;z-index:12;}
.titulo{top:100px;font-family:Open Sans, sans-serif;font-weight:800;font-size:30px;position:relative;text-align:center;z-index:12;}
.bajada{position:absolute;line-height:1.5;left:50%;top:200px;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;max-width:650px;z-index:12;}
.img-marca{position:absolute;line-height:1.5;left:7%;top:200px;right:auto;width:35%;max-width:768px;text-align:center;z-index:12;}
.texto-der{position:absolute;line-height:1.5;right:10%;top:120px;left:auto;width:30%;max-width:768px;text-align:left;z-index:12;}
.img-der{position:absolute;line-height:1.5;right:4%;top:150px;left:auto;width:35%;max-width:768px;text-align:center;z-index:12;}
.img-portd{position:absolute;line-height:1.5;right:7%;bottom:120px;left:auto;width:24%;max-width:768px;text-align:center;z-index:12;}
.img-porti{position:absolute;line-height:1.5;left:7%;bottom:110px;right:auto;width:25%;max-width:768px;text-align:center;z-index:12;}
.img-portc{position:absolute;line-height:1.5;left:43%;bottom:100px;right:auto;text-align:center;z-index:12;}
.port{width:90%;position:absolute;z-index:6;left:51%;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.origen{max-width:450px;position:absolute;z-index:6;left:49.9%;text-align:center;padding-top:0px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.texto-city{position:absolute;line-height:1.5;right:11%;top:18%;left:auto;width:28%;max-width:768px;text-align:left;z-index:11;}
.texto-city2{position:absolute;line-height:1.5;left:10%;bottom:140px;right:auto;width:30%;max-width:768px;text-align:left;z-index:11;}
.div-izq{position:absolute;line-height:1.5;left:2%;top:25%;right:auto;max-width:768px;text-align:center;z-index:12;}
.div-der{position:absolute;line-height:1.5;right:6%;top:40%;left:auto;max-width:768px;text-align:center;z-index:12;}
.div-porti{position:absolute;line-height:1.5;right:6%;top:35%;left:auto;max-width:768px;text-align:center;z-index:7;}
.div-portd{position:absolute;line-height:1.5;left:2.8%;top:10.5%;right:auto;max-width:768px;text-align:center;z-index:12;}
.origen-der{position:absolute;line-height:1.5;right:13%;top:300px;left:auto;width:19%;max-width:400px;text-align:left;z-index:12;}
.origen-ship{position:absolute;line-height:1.5;right:12%;top:100px;left:auto;width:20%;max-width:400px;min-width:230px;text-align:left;z-index:12;}
.origen-izq{position:absolute;line-height:1.5;left:12%;top:250px;right:auto;width:20%;max-width:400px;text-align:left;z-index:12;}
.gen-izq{position:absolute;line-height:1.5;left:12%;top:150px;right:auto;width:20%;max-width:400px;min-width:230px;text-align:left;z-index:12;}
.gentwo-izq{position:absolute;line-height:1.5;left:12%;top:100px;right:auto;width:20%;max-width:400px;min-width:230px;text-align:left;z-index:12;}
.ships{-webkit-animation: swing 5.4s infinite;animation: swing 5.4s infinite;}
.pop-izq{position:absolute;line-height:1.5;left:7%;top:100px;right:auto;width:35%;max-width:768px;text-align:center;z-index:12;}
.pop-der{position:absolute;line-height:1.5;right:7%;top:100px;left:auto;width:35%;max-width:768px;text-align:center;z-index:12;}
#grafico{margin-top:100px;}
#popular{margin-top:250px;z-index:12;position:relative;}
.nube1{position:absolute;left:0%;top:100px;right:auto;width:50%;z-index:99;pointer-events: none;}
.nube2{position:absolute;left:auto;top:3100px;right:35%;width:40%;z-index:99;}
.nube3{position:absolute;left:0%;top:6300px;right:auto;width:50%;z-index:99;}
.nube4{position:absolute;left:auto;top:8200px;right:35%;width:40%;z-index:99;}
.boat{left:36%;right:34%;;position:absolute;z-index:6;margin:-650px auto;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation: swing 8.4s infinite;animation: swing 8.4s infinite;}
.boatm{position:absolute;right:10%;top:50px;left:auto;z-index:15;}
.boatl{position:absolute;left:5%;top:100px;right:auto;z-index:15;}
.id{padding-left:150px;}
#comparative .team{width:50%;position:relative;float:left;padding:175px 0 35px 0;}
.top-boat{left:51%;right:auto;position:fixed;z-index:1;margin:-80 auto;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
#city{vertical-align:middle;margin-left:-8px;margin-top:150px;overflow:hidden;min-width: 1000px;}
#truck{z-index:11;position:absolute;width:100%}
.down1{position:absolute;width:100%;bottom:-5px;left:auto;text-align:center;z-index:11;}
.down2{position:absolute;width:100%;bottom:-5px;left:auto;text-align:center;z-index:11;}
.down3{position:absolute;width:100%;bottom:-600px;text-align:center;z-index:11;}
.up{position:absolute;width:100%;top:-100px;left:auto;text-align:center;z-index:1;}
.up-two{position:absolute;width:100%;top:-120px;left:auto;text-align:center;z-index:1;}
#road{background:rgba(65, 170, 76, 0) url('../img/road.jpg') top repeat-y;margin-top:-5px;min-height:125%;text-align:center;position:absolute;z-index:6;}
.clear{width:100%;height:100px;}
iframe{margin-top:200px;text-align:center;}
.cd-scroll-down{position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:210px;width:86px;height:64px;background:url("../img/cd-arrow-bottom.svg") no-repeat center center;}
.bt1{position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:1335px;width:105px;height:105px;background:url("../img/bt-down.svg") no-repeat center center;z-index: 10;}
.left{float:right;padding-right:50px;width:250px;color:#FFF;text-align:left;padding-top:0px;overflow:hidden;}
.right{float:right;padding-right:50px;width:250px;color:#FFF;text-align:left;padding-top:0px;overflow:hidden;}
.cifras{float:right;padding-right:50px;width:250px;color:#FFF;text-align:left;padding-top:0px;overflow:hidden;}
.column{margin-top:15%;padding:15px;width:25%;text-align:center;display:inline-block;text-align:left;vertical-align:top;line-height:1.5;}
.column-img{padding:15px;width:25%;text-align:center;display:inline-block;text-align:center;vertical-align:top;line-height:1.5;padding-bottom:10%;}
.clear{height:10%;}
.about a {border:1px solid #c2c2c2;border-radius:5px;color:#FFF;font-family:OpenSansSemiBold,sans-serif;font-size:13px;text-decoration:none;text-transform:uppercase;position:relative;top:0;background-color:#454646;padding:5px 20px;}
footer .main p strong{color:#b4b4b4;}
footer .main p{color:#fff;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;line-height:20px;letter-spacing:1px;background-color:#454646;height:150px;z-index:12;position:relative;}
#notification_IE{background-color: rgba(0, 0, 0, 0.9);width: 100%;height: 120vh;position: absolute;z-index: 1000;top: 0;bottom: 0;display: none;}
#mensaje{width: 200px;height: 200px;margin: 15% auto;background-color: #FFEB00; padding: 40px;}
.cd-nav-trigger{display:none;}
.no-touch #cd-vertical-nav{position:fixed;right:15px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:99;}
.no-touch #cd-vertical-nav li{text-align:right;}
.no-touch #cd-vertical-nav p{text-align:right; color: #fff;}
.no-touch #cd-vertical-nav a{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.no-touch #cd-vertical-nav a:after{content:"";display:table;clear:both;}
.no-touch #cd-vertical-nav a span{float:right;display:inline-block;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);}
.no-touch #cd-vertical-nav a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.no-touch #cd-vertical-nav a:hover .cd-label{opacity:1;}
.no-touch #cd-vertical-nav a.is-selected .cd-dot{background-color:white;font-size:18px;text-align:center;}
.no-touch #cd-vertical-nav .cd-dot{position:relative;top:8px;height:30px;width:30px;border-radius:50%;background-color:#fff;text-align:center;padding-top:6px;font-family:Open Sans, sans-serif;font-weight:800;color:#4c97c1;-webkit-transition:-webkit-transform 0.2s, background-color 0.5s;-moz-transition:-moz-transform 0.2s, background-color 0.5s;transition:transform 0.2s, background-color 0.5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.no-touch #cd-vertical-nav .cd-label{position:relative;margin-right:-1px;margin-top:2px;padding:.4em .5em;color:white;font-size:14px;font-size:1rem;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;-moz-transition:-moz-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;opacity:0;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%;}
.touch .cd-nav-trigger{display:block;z-index:20;position:fixed;bottom:30px;right:5%;height:44px;width:44px;border-radius:0.25em;background:rgba(255, 255, 255, 0.9);}
.touch .cd-nav-trigger span{position:absolute;height:4px;width:4px;background-color:#3e3947;border-radius:50%;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.touch .cd-nav-trigger span::before,
.touch .cd-nav-trigger span::after{content:'';height:100%;width:100%;position:absolute;left:0;background-color:inherit;border-radius:inherit;}
.touch .cd-nav-trigger span::before{top:-9px;}
.touch .cd-nav-trigger span::after{bottom:-9px;}
.touch #cd-vertical-nav{position:fixed;z-index:1;right:5%;bottom:30px;width:90%;max-width:400px;max-height:90%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;transition-duration:0.2s;border-radius:0.25em;background-color:rgba(255, 255, 255, 0.9);}
.touch #cd-vertical-nav a{display:block;padding:1em;border-bottom:1px solid rgba(62, 57, 71, 0.1);}
.touch #cd-vertical-nav a span:first-child{display:none;}
.touch #cd-vertical-nav a.is-selected span:last-child{color:#d88683;}
.touch #cd-vertical-nav.open{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:20;}
.touch #cd-vertical-nav.open + .cd-nav-trigger{background-color:transparent;}
.touch #cd-vertical-nav.open + .cd-nav-trigger span{background-color:rgba(62, 57, 71, 0);}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before,
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after{background-color:#3e3947;height:3px;width:20px;border-radius:0;left:-8px;}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:1px;}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);bottom:0;}
.touch #cd-vertical-nav li:last-child a{border-bottom:none;}
#m-boat{left:51%;right:auto;position:absolute;z-index:6;margin:0px auto;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.related {position:relative;width:1000px;margin:0 auto;height:250px;font-family:Open Sans, sans-serif;}
.col{width:25.3%;display:inline-block;height:200px;font-family:Open Sans, sans-serif;font-weight: 600;text-align: center;padding: 10px;font-size: 18px;}
#share {position:absolute;right:80px;top:13px;z-index: -1;}
#share li {float:left;}
#share li a {width:23px;height:23px;display:block;margin-left:8px;opacity:0.5;transition:opacity .5s ease 0;}
#share li a:hover {opacity:1;}
#share li.facebook a {background:url(../svg/share_facebook.svg) no-repeat center center;background-size:contain;}
#share li.twitter a {background:url(../svg/share_twitter.svg) no-repeat center center;background-size:contain;}
#share li.google a {background:url(../svg/share_google.svg) no-repeat center center;background-size:contain;}

@media only screen and (min-width:900px){.touch .cd-nav-trigger,
.touch #cd-vertical-nav{bottom:40px;}
}
@media screen and (max-width:1160px){.div-der{display:none;}
.div-izq{display:none;}
}
.nube1{animation:nube1 linear 60s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:nube1 linear 60s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:nube1 linear 60s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:nube1 linear 60s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:nube1 linear 60s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes nube1{0%{transform:translate(-100px, -1px);}
100%{transform:translate(450px, 0px);}
}
@-moz-keyframes nube1{0%{-moz-transform:translate(-100px, -1px);}
100%{-moz-transform:translate(450px, 0px);}
}
@-webkit-keyframes nube1{0%{-webkit-transform:translate(-100px, -1px);}
100%{-webkit-transform:translate(450px, 0px);}
}
@-o-keyframes nube1{0%{-o-transform:translate(-100px, -1px);}
100%{-o-transform:translate(450px, 0px);}
}
@-ms-keyframes nube1{0%{-ms-transform:translate(-200px, -1px);}
100%{-ms-transform:translate(400px, 0px);}
}
.nube2{animation:nube2 linear 60s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:nube2 linear 60s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:nube2 linear 60s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:nube2 linear 60s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:nube2 linear 60s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes nube2{0%{transform:translate(60%, 0%);}
100%{transform:translate(-302px, 0px);}
}
@-moz-keyframes nube2{0%{-moz-transform:translate(90%, 0%);}
100%{-moz-transform:translate(-302px, 0px);}
}
@-webkit-keyframes nube2{0%{-webkit-transform:translate(60%, 0%);}
100%{-webkit-transform:translate(-302px, 0px);}
}
@-o-keyframes nube2{0%{-o-transform:translate(60%, 0%);}
100%{-o-transform:translate(-302px, 0px);}
}
@-ms-keyframes nube2{0%{-ms-transform:translate(60%, 0%);}
100%{-ms-transform:translate(-302px, 0px);}
}
.nube3{animation:nube3 linear 90s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:nube3 linear 90s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:nube3 linear 90s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:nube3 linear 90s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:nube3 linear 90s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes nube3{0%{transform:translate(0px, -1px);}
100%{transform:translate(500px, 0px);}
}
@-moz-keyframes nube3{0%{-moz-transform:translate(0px, -1px);}
100%{-moz-transform:translate(500px, 0px);}
}
@-webkit-keyframes nube3{0%{-webkit-transform:translate(-100px, -1px);}
100%{-webkit-transform:translate(500px, 0px);}
}
@-o-keyframes nube3{0%{-o-transform:translate(-100px, -1px);}
100%{-o-transform:translate(500px, 0px);}
}
@-ms-keyframes nube3{0%{-ms-transform:translate(-200px, -1px);}
100%{-ms-transform:translate(500px, 0px);}
}
.nube4{animation:nube4 linear 120s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:nube4 linear 120s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:nube4 linear 120s;-moz-animation-iteration-count: infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:nube4 linear 120s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:nube4 linear 120s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes nube4{0%{transform:translate(60%, 0%);}
100%{transform:translate(-302px, 0px);}
}
@-moz-keyframes nube4{0%{-moz-transform:translate(60%, 0%);}
100%{-moz-transform:translate(-302px, 0px);}
}
@-webkit-keyframes nube4{0%{-webkit-transform:translate(60%, 0%);}
100%{-webkit-transform:translate(-302px, 0px);}
}
@-o-keyframes nube4{0%{-o-transform:translate(60%, 0%);}
100%{-o-transform:translate(-302px, 0px);}
}
@-ms-keyframes nube4{0%{-ms-transform:translate(60%, 0%);}
100%{-ms-transform:translate(-302px, 0px);}
}
.boatm{animation:boatm linear 60s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:boatm linear 60s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:boatm linear 60s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:boatm linear 60s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:boatm linear 60s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes boatm{0%{transform:translate(60%, 0%);}
100%{transform:translate(-200px, 0px);}
}
@-moz-keyframes boatm{0%{-moz-transform:translate(60%, 0%);}
100%{-moz-transform:translate(-200px, 0px);}
}
@-webkit-keyframes boatm{0%{-webkit-transform:translate(60%, 0%);}
100%{-webkit-transform:translate(-200px, 0px);}
}
@-o-keyframes boatm{0%{-o-transform:translate(60%, 0%);}
100%{-o-transform:translate(-200px, 0px);}
}
@-ms-keyframes boatm{0%{-ms-transform:translate(60%, 0%);}
100%{-ms-transform:translate(-200px, 0px);}
}
.boatl{animation:boatl linear 60s;animation-iteration-count:infinite;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:boatl linear 60s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:boatl linear 60s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:boatl linear 60s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:boatl linear 60s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;}
@keyframes boatl{0%{transform:translate(0px, -1px);}
100%{transform:translate(200px, 0px);}
}
@-moz-keyframes boatl{0%{-moz-transform:translate(0px, -1px);}
100%{-moz-transform:translate(200px, 0px);}
}
@-webkit-keyframes boatl{0%{-webkit-transform:translate(-100px, -1px);}
100%{-webkit-transform:translate(200px, 0px);}
}
@-o-keyframes boatl{0%{-o-transform:translate(-100px, -1px);}
100%{-o-transform:translate(200px, 0px);}
}
@-ms-keyframes boatl{0%{-ms-transform:translate(-200px, -1px);}
100%{-ms-transform:translate(200px, 0px);}
}
@-moz-keyframes swing{
    0%{-moz-transform:rotate(-0.8deg)}
    50%{-moz-transform:rotate(0.8deg)}
    100%{-moz-transform:rotate(-0.8deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-0.8deg)}
    50%{-webkit-transform:rotate(0.8deg)}
    100%{-webkit-transform:rotate(-0.8deg)}
}
@-webkit-keyframes fadeInRight {
  0% {opacity: 0;left: 20%;}
  100% {opacity: 1;left: 0;}
}

@keyframes fadeInRight {
  0% {opacity: 0:left: 20%;}
  100% {opacity: 1;left: 0;}
}