.jumbotron{
    background: transparent;
    padding: 0;
}

#home >.container {
    width: 90%;

}

.video_popup{
    margin: auto;
    width: 720px;
    display: block;
}

@media screen and (max-width:991px){

    .video_popup{
        margin: auto;
        width: 100%;
        height: auto;
        display: block;
    }
}

/*************************************
PARALLAX
**************************************/
.scene,
.layer {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.scene {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
    overflow: visible;
    text-align: center;
    height: 750px;
}

.layer {
    position: absolute;
}

.layer div {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.prllx_logo{
    left: 15%;
    top: 70px;
    position: absolute;
}

.newsletter {
    top: 84px;
    position: absolute;
    right: 15%;
    cursor: pointer;
}
.carro {
    top: 135px;
    position: absolute;
    left: 19%;
    -webkit-animation: carro 450ms 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: carro 450ms 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer;
    z-index: 999;
}

.nuvem_gr {
    top: 205px;
    position: absolute;
    left: 5%;
}

.nuvem_pq {
    top: 275px;
    position: absolute;
    left: 11%;
}

.monte_01 {
    bottom: 175px;
    position: absolute;
    right: 27%;
}
.monte_02 {
    /*    bottom: 225px;*/
    position: absolute;
    right: 11%;
    bottom: 175px;
}

.monte_03 {
    /*    bottom: 245px;*/
    position: absolute;
    right: 0;

    bottom: 165px;
}
.casa {
    bottom: 99px;
    position: absolute;
    left: 5%;
    bottom: 115px;
}
.linha_horizonte {
    bottom: 159px;
    position: absolute;
    left: 0;
    width: 100%;
}


.rolo_pendurado_01 {
    -webkit-animation: rolo_pendurado_01 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: rolo_pendurado_01 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    top: -115px;
    position: absolute;
    right: 41%;

    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

    -webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
    transform: translate3d(15%,0,0) rotateZ(10deg);
}
.rolo_pendurado_02 {
    -webkit-animation: rolo_pendurado_02 7s 0.3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: rolo_pendurado_02 7s 0.3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    top: -115px;
    position: absolute;
    right: 11%;

    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

    -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    transform: translate3d(-15%,0,0) rotateZ(-10deg);
}

/********** IPAD PORTRAIT ************/
@media screen and (min-width:768px) and (max-width:991px){

    body.home{
        height: 991px;
    }

    #footer_home{
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
    }
    .scene {

        height: 100%;
        max-height: 800px;

    }
    .prllx_logo{
        left: 1%;
        top: 30px;
        position: absolute;
        width: 82%;
    }

    .newsletter {
        top: 84px;
        position: absolute;
        right: 3%;
        cursor: pointer;
    }

    .nuvem_gr {
        top: 205px;
        left: 1%;
    }

    .nuvem_pq {
        top: 275px;
        left: 5%;
    }

    .linha_horizonte {
        top: 490px;
        position: absolute;
        left: 0;
        width: 100%;
    }
    .casa {
        top: 399px;
        position: absolute;
        left: 1%;
        width: 100%;
    }
    .monte_03 {
        top: 365px;
        right: 0;
        width: 105px;
    }
    .rolo_pendurado_01 {
        top: -115px;
        position: absolute;
        left: 5%;
    }
    .carro {
        top: 275px;
        position: absolute;
        left: 19%;

    }

}

/********** IPAD Landscape ************/
@media screen and (min-width:1024px) and (max-width:1199px){
    /*
    body.home{
    height: 650px;
}

    */
    .scene {
        /*        height: 100%;*/
        max-height: 650px;
    }

    #footer_home{
        position: relative;
        bottom: 0px;
        left: 0;
        right: 0;
    }
    .rolo_pendurado_01 {
        top: -215px;
        position: absolute;
        right: 21%;
    }
    .linha_horizonte {
        top: 430px;
        left: 0;
        width: 100%;
    }
    .casa {
        top: 325px;
        left: 1%;
    }
    .carro {
        top: 195px;
        left: 15%;
    }

    .nuvem_gr {
        top: 125px;
        left: 0;
    }

    .nuvem_pq {
        top: 225px;
        left: 3%;
    }
    .monte_02 {
        top: 175px;
        right: 10%;
    }

    .monte_03 {
        top: 195px;
        right: 0;
    }
}



@media screen and (max-width:767px){


    body.home{
        height: 700px;
    }
    .scene {
        height: 100%;
        max-height: 800px;
    }
    .prllx_logo{
        left: 1%;
        top: 30px;
        width: 90%;
    }
    .nuvem_gr {
        top: 205px;
        left: 0;
    }

    .nuvem_pq {
        top: 275px;
        left: 3%;
    }

    .linha_horizonte {
        top: 490px;
        left: 0;
        width: 100%;
    }
    .casa {
        top: 399px;
        left: 1%;
        width: 100%;
    }
    .monte_03 {
        top: 365px;
        right: 0;
        width: 105px;
    }
    .rolo_pendurado_01 {
        top: -115px;
        left: 5%;
    }
    .carro {
        top: 475px;
        left: 19%;
    }

}

/************************
MOBILE LANDSCAPE IPHONE 6
***********************/

@media screen and (max-width:667px){
    .prllx_logo{
        left: 1%;
        top: 30px;
        width: 90%
    }

    .nuvem_gr {
        top: 205px;
        left: 0;
    }

    .nuvem_pq {
        top: 275px;
        left: 3%;
    }

    .monte_03 {
        top: 285px;
        right: 0;
        width: 105px;
    }
    .casa {
        top: 355px;
        left: 1%;
        width: 100%;
    }
    .linha_horizonte {
        top: 395px;
        left: 0;
        width: 100%;
    }

    .carro {
        top: 385px;

        left: 19%;
    }

}

/************************
MOBILE PORTRAIT
***********************/
@media screen and (max-width:450px){

    .carro {
        top: 385px;
        /*left: 14%;*/
        left: 5%;
        width: 90%;
    }
    .monte_03 {
        top: 165px;
        right: 0;
        width: 105px;
    }

}






/*************************************
ANIMATIONS
**************************************/



@-webkit-keyframes rolo_pendurado_01 {
    0% {
        -webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
        transform: translate3d(15%,0,0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-35%,0,0) rotateZ(-10deg);
        transform: translate3d(-35%,0,0) rotateZ(-10deg);

    }
}

@keyframes rolo_pendurado_01 {
    0% {
        -webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
        transform: translate3d(15%,0,0) rotateZ(10deg);
    }

    100% {
        -webkit-transform: translate3d(-35%,0,0) rotateZ(-10deg);
        transform: translate3d(-35%,0,0) rotateZ(-10deg);
    }
}

/******************** ROLO 02 *********************************/

@-webkit-keyframes rolo_pendurado_02 {
    0% {
        -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
        transform: translate3d(-15%,0,0) rotateZ(-10deg);
    }

    100% {
        -webkit-transform: translate3d(5%,0,0) rotateZ(5deg);
        transform: translate3d(5%,0,0) rotateZ(5deg);
    }
}

@keyframes rolo_pendurado_02 {
    0% {
        -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
        transform: translate3d(-15%,0,0) rotateZ(-10deg);
    }

    100% {
        -webkit-transform: translate3d(5%,0,0) rotateZ(5deg);
        transform: translate3d(5%,0,0) rotateZ(5deg);
    }
}


/******************** CARRO *********************************/

@-webkit-keyframes carro {
    0% {
        -webkit-transform: translate3d(0,-15%,0) ;
        transform: translate3d(0,-15%,0);
    }

    100% {
        -webkit-transform: translate3d(0,5%,0) ;
        transform: translate3d(0,5%,0) ;
    }
}

@keyframes carro {
    0% {
        -webkit-transform: translate3d(0,-15%,0) ;
        transform: translate3d(0,-15%,0);
    }

    100% {
        -webkit-transform: translate3d(0,5%,0) ;
        transform: translate3d(0,5%,0) ;

    }
}

/*.carro{
    z-index: 999;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}*/

.layer:nth-of-type(11) img{
    border: 2px solid #f70;
    z-index: 999999999;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.footer_termos{
    padding-top: 10px;
    height: 40px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.footer_termos p{
   color: #337ab7;
    font-size: 11px;
    text-align: center;
}

.home .footer_termos ul{
    list-style: none;
    margin: 0px auto 8px;
}
.home .footer_termos ul li{
    display: inline-block;
    color: #337ab7;
    font-size: 12px;
}

.footer_termos ul li a{
    font-size: 12px;
}