/********************************
HOME-BANNER
********************************/
.banner-desktop{
    background-image: url('../img/home-banner.jpg');
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: 100%;
    background-origin: border-box;
    text-align: center;
}
.banner-desktop img{
    z-index: 2;
    position: relative;
}

/********************************
VIDEO-1
********************************/
.video-1{
    text-align: center;
    padding: 60px 0px;
    position: relative;
    background-color: #FFF;
}
.video-1 h2{
    position: relative;
    font-family: 'Komika Axis', arial;
    color: #000;
    font-size: 1.6em;
    z-index: 2;
}
.video-1 span{
    position: relative;
    color: #061e4a;
    z-index: 2;
}
.video-1::before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: inherit;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform-origin: top left;
    transform: skewY(6deg);
    z-index: 1;
}
.video-1::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: inherit;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform-origin: top left;
    transform: skewY(-6deg);
    z-index: 1;
}
.container-yt {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 2;
}
.video-yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.bg-video{
    background-color:#cacaca; 
    padding:20px; 
    position:relative; 
    z-index:2; 
    border: solid 2px #000; 
    margin-top:50px;
}
/********************************
PRECO
********************************/
.preco{
    background-image: url('../img/home-banner.jpg');
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat!important;
    background-size: cover;
    text-align: center;
    min-height: 550px;
}
.preco img{
    margin-top: 10%;
}
.price-balloon-mobile{
    display: none;
}
/********************************
LUCIANE
********************************/
.luciane-texto{
    text-align: center;
    position: relative;
    padding: 70px 0px;
    background-color: #c8f2f3;
    margin-bottom: -40px;
}
.luciane-texto h2{
    font-family: 'Komika Axis', arial;
    z-index: 1;
    position: relative;
    margin: 50px auto 0px auto;    
}
.luciane-texto span{
    color: #061e4a;
}
.luciane-texto::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: inherit;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform-origin: top right;
    transform: skewY(-7deg);
    z-index: 0;
    border-bottom: #000 solid 3px;
}
.luciane{
    background-image: url('../img/nina-estrelas.png');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: #000 solid 3px;
}
.luciane img{
    margin-top:42px;
}
.luciane-img{
    margin-right: 130px;
    position: relative;
    top:19px;
}
.balao-img{
    margin-left: 130px;
}
/********************************
DEPOIMENTOS
********************************/
.depoimentos{
    background-image: url('../img/nina-nuvem.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
    padding: 100px 0px;
    text-align: center;
}
.depoimentos p{
    font-family: 'Komika Axis', arial;
    color: #4b4b4b;
}
.depoimentos span{
    color:#061e4a;
}
/********************************
VIDEO-2
********************************/
.video-2{
    text-align: center;
    padding: 60px 0px;
    position: relative;
    background-color: #FFF;
}
.video-2 h2{
    position: relative;
    font-family: 'Komika Axis', arial;
    color: #000;
    font-size: 1.6em;
    margin-top: 80px;
    z-index: 2;
}
.video-2 h3{
    position: relative;
    font-family: 'Komika Axis', arial;
    color: #000;
    font-size: 1.8em;
    color: #061e4a;
    z-index: 2;
}
.video-2 h4{
    position: relative;
    font-family: 'Komika Axis', arial;
    color: #000;
    font-size: 1.4em;
    margin-top: 100px;
    z-index: 2;
}
.video-2 span{
    position: relative;
    color: #1253cc;
    text-decoration: underline;
    z-index: 2;
}
button{
    font-size: 1.6em;
    background-color: #ffa800;
    border-bottom: 3px solid #b97c01;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 25px;
    color: #FFF;
    font-family: "Komika Axis", arial;
    margin-top: 15px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    padding: 8px 15px;
    z-index: 2;
    position: relative;
}
.video-2::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: inherit;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform-origin: top right;
    transform: skewY(-8deg);
    z-index: 1;   
}
/*****************************
FOOTER
****************************/
.footer{
    background-image: url('../img/home-banner.jpg');
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 10px 0px;
    padding-bottom: 0;
}
.footer img{
    position: relative;
    z-index: 1;
}
.footer p{
    margin: 20px auto;
    font-family: 'Komika Axis', arial;
    color:#5ea4a6;
}
/*************************
MEDIA QUERIES
************************/
@media(min-width:1440px){
    .depoimentos{
        min-height: 850px;
    }
}
@media(max-width:1440px){
    .depoimentos{
        min-height: 600px;
    }
}
@media(max-width:766px){
    .preco{
        min-height: auto!important;
    }
    .depoimentos{
        background-image: none;
        background-color: #fdffff;
    }
    .depoimentos-responsive{
        background-image: url('../img/nina-nuvem.png');
        min-height: 260px;
        background-size: 130%;
        background-position: center;
        margin-top: -100px;
    }
    .price-balloon-mobile{
        display: block;
    }
    .price-balloon{
        display: none;
    }
}

@media(max-width:425px){
    .preco{
        min-height: auto!important;
    }
    .depoimentos{
        background-image: none;
        background-color: #fdffff;
    }
    .depoimentos-responsive{
        background-image: url('../img/nina-nuvem.png');
        min-height: 250px;    
        background-repeat: no-repeat;
        background-size: 120%;
        background-position: center;
        margin-top: -100px;
    }
    .luciane-img{
        margin-right: 0;
    }
    .balao-img{
        margin-left: 0;
    }
    .depoimentos{
        min-height: 400px;
        padding: 50px 0;
    }
    .price-balloon-mobile{
        display: block;
    }
    .price-balloon{
        display: none;
    }
}
.ass-adict{
    background:#333;
    padding-top: 30px;
    padding-bottom: 30px;
}

@keyframes anima-nina{
    from{top:80px}
    to{top: 0px}
}
@keyframes anima-luciane{
    from{opacity: 0;}
    to{opacity: 1.0}
}
.botao-quero:hover{
        -webkit-transform: rotateZ(-8deg);
        -ms-transform: rotateZ(-8deg);
        transform: rotateZ(-8deg);
}