.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(font/flexslider-icon.eot);src:url(font/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(font/flexslider-icon.woff) format('woff'),url(font/flexslider-icon.ttf) format('truetype'),url(font/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}

body, html{
    height: 100%;
    margin: 0; /*Miguel Angel Hernández Von Hartmann*/
}


.flexslider.std-slider{
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin: 0;
    color: #ffffff;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
}
.flexslider.std-slider .slides{
    height: 100%;
}
.flexslider.std-slider .slides > li{
    background-size: cover;
    background-position: center center;
    height: 100%;
    overflow: hidden;
}

.flexslider.std-slider .slides > li.style1{
    background: #7fceee;
    background: -moz-radial-gradient(center, ellipse cover, #7fceee 0%, #2499d9 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #7fceee), color-stop(100%, #2499d9));
    background: -webkit-radial-gradient(center, ellipse cover, #7fceee 0%, #2499d9 100%);
    background: -o-radial-gradient(center, ellipse cover, #7fceee 0%, #2499d9 100%);
    background: -ms-radial-gradient(center, ellipse cover, #7fceee 0%, #2499d9 100%);
    background: radial-gradient(ellipse at center, #7fceee 0%, #2499d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fceee', endColorstr='#2499d9', GradientType=1);
}

.flexslider.std-slider .slides > li.style1:before{
    z-index: -1;
    content: "";
    background: rgba(127, 206, 238, 0);
    background: -moz-linear-gradient(top, rgba(127, 206, 238, 0) 0%, #c7eced 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(127, 206, 238, 0)), color-stop(100%, #c7eced));
    background: -webkit-linear-gradient(top, rgba(127, 206, 238, 0) 0%, #c7eced 100%);
    background: -o-linear-gradient(top, rgba(127, 206, 238, 0) 0%, #c7eced 100%);
    background: -ms-linear-gradient(top, rgba(127, 206, 238, 0) 0%, #c7eced 100%);
    background: linear-gradient(to bottom, rgba(127, 206, 238, 0) 0%, #c7eced 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fceee', endColorstr='#c7eced', GradientType=0);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.flexslider.std-slider .slides > li.style2{
    background: #f7951c;
    background: -moz-radial-gradient(center, ellipse cover, #fee057 0%, #f7951c 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fee057), color-stop(100%, #f7951c));
    background: -webkit-radial-gradient(center, ellipse cover, #fee057 0%, #f7951c 100%);
    background: -o-radial-gradient(center, ellipse cover, #fee057 0%, #f7951c 100%);
    background: -ms-radial-gradient(center, ellipse cover, #fee057 0%, #f7951c 100%);
    background: radial-gradient(ellipse at center, #fee057 0%, #f7951c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fceee', endColorstr='#2499d9', GradientType=1);
}

.flexslider.std-slider .slides img{
    width: auto;
    max-width: 100%;
}

.flexslider.std-slider a{
    font-size: 25px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.flexslider.std-slider a:hover, .flexslider.std-slider a:focus, .flexslider.std-slider a:active{
    text-decoration: none;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev{
    color: #ffffff;
    width: 90px;
    height: 90px;
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
    opacity: 0.5;
}

.flex-direction-nav .flex-next:before, .flex-direction-nav .flex-prev:before{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-topleft: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.flexslider.std-slider .flex-direction-nav a{
    margin-top: -45px;
    text-align: center;
    line-height: 90px;
    z-index: 9997;
}

.flex-direction-nav .flex-next{
    right: 7%;
}
.flex-direction-nav .flex-next:before{
    right: 0px;
}

.flex-direction-nav .flex-prev{
    left: 7%;
}
.flex-direction-nav .flex-prev:before{
    left: 0px;
}

.flexslider:hover .flex-prev{
    left: 12%;
}

.flexslider:hover .flex-next{
    right: 12%;
}


/* ======================== */
/* === GRAPHIC ELEMENTS === */

.parallax-viewport {
       position: absolute;
       height: 100%;
       width: 100%;
       overflow: hidden;
   }
.parallax-layer {
    position: absolute;
}

.cloud1{
    z-index: 3;
    left: -5%;
    top: 10%;
}

.cloud2{
    z-index: 3;
    right: 5%;
    top: 10%;
}

.cloud3{
    z-index: 3;
    left: -5%;
    bottom: 5%;
}

.cloud4 img{
    max-width: 270px;
}

.cloud4{
    z-index: 3;
    right: 15%;
    top: -2%;
}

.cloud5{
    z-index: 3;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    top: -3%;
    left: 17%;
}

.cloud6{
    z-index: 3;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    right: 10%;
    top: 50%;
}
.globo1{
    z-index: 1;
    left: -5%;
    top: 10%;
}
.globo2{
    z-index: 3;
    left: -5%;
    top: 10%;
}
.globo3{
    z-index: 2;
    left: -5%;
    top: 10%;
}

.sun, .elephant{
    z-index: 9998;
}

.imac{
    z-index: 9990;
    cursor: pointer;
}

.birdpink, .plane, .boia, .ballon, .flowers{
    z-index: 9999;
}
#boat{
    -webkit-animation-name: float;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-transition: rotate(-20deg);
}

@-moz-keyframes float {
    0% {-moz-transform: rotate(0deg); }
    50% {-moz-transform: rotate(-10deg); }
    100% {-moz-transform: rotate(0deg); }
}
@-webkit-keyframes float {
    0% {-webkit-transform: rotate(0deg); }
    50% {-webkit-transform: rotate(-10deg); }
    100% {-webkit-transform: rotate(0deg); }
}
@keyframes float {
    0% {transform: rotate(0deg); }
    50% {transform: rotate(-10deg); }
    100% {transform: rotate(0deg); }
}

.footer-images{
    position: relative;
    height: 40px;
    margin-top: 50px;
}
.footer-images.desert-flavour{
    margin-top: 200px;
    z-index: 1;
}


#wave1{
    background: url("../images/wave-1.png") repeat-x;
    width: 100%;
    height: 34px;
    position: absolute;
    top: 20px;
}
#wave2{
    background: url("../images/wave-2.png") repeat-x;
    width: 100%;
    height: 34px;
    position: absolute;
    top: 10px;
}

#wave3{
    background: url("../images/wave-3.png") repeat-x;
    width: 100%;
    height: 34px;
    position: absolute;
    top: 0;
}

#rainbow, #rainbow2{
    position: absolute;
    left: 7%;
    top: -270px;
}

#island{
    position: absolute;
    left: 10%;
    top: -250px;
}

#boat{
    position: absolute;
    left: 35%;
    top: -70px;
}

#fish1{
    position: absolute;
    left: 5%;
    width: 124px;
    height: 104px;
    top: 30px;
    background: url("../images/fish.png") no-repeat;
}

#fish2{
    position: absolute;
    right: 10%;
    width: 124px;
    height: 104px;
    top: 40px;
    background: url("../images/fish.png") no-repeat;
}

#hill{
    position: absolute;
    left: 20px;
    top: -80px;
    z-index: 1;
}

#grasshouse{
    position: absolute;
    left: 326px;
    top: -240px;
}

#housefence{
    position: absolute;
    left: 375px;
    top: -102px;
    z-index: 1;
}

#tree1{
    position: absolute;
    left: 256px;
    top: -130px;
}

#tree2{
    position: absolute;
    left: 167px;
    top: -46px;
}

#tree3{
    position: absolute;
    left: 523px;
    top: -50px;
}

#tree4{
    position: absolute;
    left: 464px;
    top: -121px;
}

#cloudfooter1{
    position: absolute;
    left: 20px;
    top: -100px;
}

#cloudfooter2{
    position: absolute;
    left: 400px;
    top: -170px;
}
#cloudfooter3{
    position: absolute;
    left: 20px;
    top: -200px;
}

#cloudfooter4{
    position: absolute;
    left: 300px;
    top: -250px;
}

#terrain{
    background: url("../images/desertland.png") no-repeat -600px;
    width: 100%;
    height: 353px;
    position: absolute;
    top: -200px;
}

#giraffe{
    position: absolute;
    left: -120px;
    top: -340px;
}

#lion{
    position: absolute;
    top: -100px;
    left: 700px;
}
#crocodile{
    position: absolute;
}

#flavour3tree1{
    position: absolute;
    left: 140px;
    top: -400px;
}
#flavour3tree2{
    position: absolute;
    left: 400px;
    top: -210px;
}
#flavour3tree3{
    position: absolute;
    left: 640px;
    top: -140px;
}
#flavour3tree4{
    position: absolute;
    left: 900px;
    top: -110px;
}
#flavour3tree5{
    position: absolute;
    left: 1200px;
    top: -130px;
}
#flavour3tree6{
    position: absolute;
    left: 1300px;
    top: -60px;
}

.absolute{
    position: absolute;
}

footer.type1{
    background: url("../images/circles.png") repeat;
    background-position-y: 13px;
    background-color: #1bb8e5;
    height: 120px;
}
footer.type2{
    background-color: #c9e631;
    height: 120px;
    border-top: 2px solid #a8cd3b;
}
footer.type3{
    height: 120px;
    background-color: #82b800;
}

/* =================== */
/* === ANIMATE.CSS === */

.animated{
    opacity: 0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}
.activate{
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}


@media(max-width: 1800px){
    .cloud1{
        left: -200px
    }

    .cloud5{
        left: 10%;
    }
}

@media(max-width: 1600px){

    #rainbow{
        left: -100px;
    }

    #island{
        left: -70px;
    }
    #hill{
        left: -200px;
    }
    #grasshouse{
        left: 106px;
    }
    #housefence{
        left: 160px;
    }
    #tree1{
        display: none;
    }
    #tree2{
        display: none;
    }
    #tree3{
        left: 305px;
    }
    #tree4{
        left: 245px;
    }
    #cloudfooter1{
        display: none;
    }
    #cloudfooter2{
        left: 200px;
    }
    #flavour3tree5,#flavour3tree6{
        display: none;
    }
    .footer-images.desert-flavour{
        margin-top: 250px;
    }

    #flavour3tree1 {
        top: -370px;
    }
}

@media(max-width: 1400px){
    .cloud1, .cloud3, .cloud6{
        display: none;
    }

    .cloud5{
        left: 2%;
    }
}

@media (max-width: 992px){
    .footer-images.desert-flavour{
        margin-top: 350px;
    }
    #lion{
        left: 500px;
    }
    #flavour3tree3{
        display: none;
    }
    .cloud4{
        display: none;
    }

    .container{
        width: 100%;
        left: 0;
        right: 0;
        margin: 0;
    }
}

@media (max-width: 767px){

    #lion,#flavour3tree3,#flavour3tree2,#cloudfooter4,#crocodile{
        display: none;
    }
    #giraffe{
        top: -200px;
    }
    #flavour3tree1{
        left: 10px;
    }
    #terrain{
        background-position: -700px;
    }
    .sun{
        display: none;
    }
}


.ipad{
    width: 316px;
    background-image: url("../images/ipad.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 387px;
    z-index: 9998;
    cursor: pointer;
}
.ipad .inner{
    height: 255px;
    width: 193px;
    overflow: hidden;
    margin-left: 56px;
    margin-top: 34px;
}
.ipad:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../images/ipadglare.png");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9999;
}
.iphone{
    width: 122px;
    background-image: url("../images/iphone.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 270px;
    z-index: 9998;
    cursor: pointer;
}

.iphone .inner{
    height: 164px;
    width: 90px;
    overflow: hidden;
    margin-left: 16px;
    margin-top: 37px;
}
.iphone:before{
    position: absolute;
    top: 12px;
    left: -9px;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../images/iphoneglare.png");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9999;
}
.ibook{
    width: 532px;
    background-image: url("../images/macbook.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 321px;
    z-index: 9998;
    cursor: pointer;
}

.ibook .inner{
    height: 250px;
    width: 402px;
    overflow: hidden;
    margin-left: 65px;
    margin-top: 21px;
}
.ibook:before{
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../images/macbookglare.png");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9999;
}

.button{
    padding: 10px 22px;
    background-color: #ffffff;
    color: #000000;
    font-size: 22px;
    top: 20px;
    position: absolute;
    left: 50%;
    margin-left: -106px;
    font-family: arial, sans-serif;
    text-decoration: none;
    -webkit-box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

.multipager, .onepager{
    top: 70%;
    left: 50%;
    width: 287px;
    height: 161px;
    position: absolute;
    color: transparent;
    z-index: 9999;
}
.multipager{
    margin-left: -340px;
    background: url("../images/multipage-btn.png") no-repeat center center;
}

.onepager{
    margin-left: 50px;
    background: url("../images/onepage-btn.png") no-repeat center center;
}

@media (min-width: 767px) {
    .button{
        display: none;
    }
}
@media (max-width: 767px) {
    .multipager, .onepager{
        display: none;
    }
}

@media(max-width: 1450px){
    .ipad, .iphone, .birdpink, .flowers, .elephant{
        display: none;
    }
}

@media (max-width: 860px) {
    .plane{
        display: none;
    }
}
@media (min-height: 1000px) {
    .boia{
        display: none;
    }
}
@media(max-width: 767px){
    .cloud5, .cloud2, .elephant{
        display: none;
    }
    .imac, .ibook {
        max-width: 100%;
    }

    .ibook, .plane, .boia{
        display: none;
    }
}

@media (max-width: 540px) {
    .imac{
        margin-left: auto !important;
        left: 0 !important;
        right: 0;
    }
}

@media(min-width: 1279), (max-height: 601px){
    .imac, .ibook, .plane, .ballon, .boia, .birdpink, .flowers{
        display: none;
    }
    .button{
        display: block;
    }
    .multipager, .onepager{
        display: none;
    }
}