@charset "CP850";
/*DESENVOLVIDO POR AGÊNCIA MESTRE*/
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:100,300,400,500,700);
@-webkit-keyframes setaCirculo {
    /* line 200, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 201, ../sass/partials/_variables.scss */
    48% {
        background-position: 18px;
    }

    /* line 202, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 20px;
    }

    /* line 203, ../sass/partials/_variables.scss */
    50% {
        background-position: -18px;
    }

    /* line 204, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 205, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 206, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@-moz-keyframes setaCirculo {
    /* line 199, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 200, ../sass/partials/_variables.scss */
    48% {
        background-position: 18px;
    }

    /* line 201, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 20px;
    }

    /* line 202, ../sass/partials/_variables.scss */
    50% {
        background-position: -18px;
    }

    /* line 203, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 204, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 205, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@-ms-keyframes setaCirculo {
    /* line 199, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 200, ../sass/partials/_variables.scss */
    48% {
        background-position: 18px;
    }

    /* line 201, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 20px;
    }

    /* line 202, ../sass/partials/_variables.scss */
    50% {
        background-position: -18px;
    }

    /* line 203, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 204, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 205, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@keyframes setaCirculo {
    /* line 199, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 200, ../sass/partials/_variables.scss */
    48% {
        background-position: 18px;
    }

    /* line 201, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 20px;
    }

    /* line 202, ../sass/partials/_variables.scss */
    50% {
        background-position: -18px;
    }

    /* line 203, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 204, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 205, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@-webkit-keyframes setaMaiorCirculo {
    /* line 208, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 209, ../sass/partials/_variables.scss */
    48% {
        background-position: 36px;
    }

    /* line 210, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 40px;
    }

    /* line 211, ../sass/partials/_variables.scss */
    50% {
        background-position: -36px;
    }

    /* line 212, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 213, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 214, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@-moz-keyframes setaMaiorCirculo {
    /* line 208, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 209, ../sass/partials/_variables.scss */
    48% {
        background-position: 36px;
    }

    /* line 210, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 40px;
    }

    /* line 211, ../sass/partials/_variables.scss */
    50% {
        background-position: -36px;
    }

    /* line 212, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 213, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 214, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@-ms-keyframes setaMaiorCirculo {
    /* line 208, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 209, ../sass/partials/_variables.scss */
    48% {
        background-position: 36px;
    }

    /* line 210, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 40px;
    }

    /* line 211, ../sass/partials/_variables.scss */
    50% {
        background-position: -36px;
    }

    /* line 212, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 213, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 214, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}

@keyframes setaMaiorCirculo {
    /* line 208, ../sass/partials/_variables.scss */
    0% {
        background-position: center;
    }

    /* line 209, ../sass/partials/_variables.scss */
    48% {
        background-position: 36px;
    }

    /* line 210, ../sass/partials/_variables.scss */
    49% {
        display: none;
        background-position: 40px;
    }

    /* line 211, ../sass/partials/_variables.scss */
    50% {
        background-position: -36px;
    }

    /* line 212, ../sass/partials/_variables.scss */
    51% {
        display: block;
    }

    /* line 213, ../sass/partials/_variables.scss */
    95% {
        background-position: 3px;
    }

    /* line 214, ../sass/partials/_variables.scss */
    100% {
        background-position: center;
    }
}



/*newClientes*/
body .destaque {
    position: absolute;
    height: 100%;
    width: 100%;
}

body .destaque .carroWRAP {
    width: 100%;
    height: 100%;
    min-height: 580px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding-top: 0px;
    position: relative;
}


.artistWRAP {
    position: absolute;
    width: 100%;
    height: 95%;
    top: 0;
    box-sizing: border-box;
    font-size:0px;
    background: #041D2C;
}
.artistWRAP ul li{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.6s ease-in-out ;
    -moz-transition: all 0.6s ease-in-out ;
    -o-transition: all 0.6s ease-in-out ;
    transition: all 0.6s ease-in-out ;
}
.artistWRAP ul li.do-ativo{
    display:block;
    opacity: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.artistWRAP div{
    float:left;
    left:0;
}
.artistWRAP div + div{
    float:right;
    right:0;
}
.artistDepoimento {
    padding-top:100px;
}
.artistPicture, .artistDepoimento {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    position:relative;
}
.artistPicture  img{
    max-width: inherit !important;
}
.artistDepoimento p{
    margin-top:20%;
    text-transform:uppercase;
    width:320px;
    color: #ffffff;
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height:27px;
    display:block;
    text-align:left;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all  0.3s ease-in 0.6s;
    -moz-transition:  all  0.3s ease-in 0.6s;
    -o-transition: all  0.3s ease-in 0.6s;
    transition:  all  0.3s ease-in 0.6s;
}
.do-ativo .artistDepoimento p{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.artistWRAP div p{
    float:right;
    right:0;
    margin-right: 0px;
}
.artistWRAP div + div p{
    float:left;
    left:0;
    margin-left:0px;
}
.artistWRAP .do-ativo div p{
    float:right;
    right:0;
    margin-right: 90px;
}
.artistWRAP .do-ativo div + div p{
    float:left;
    left:0;
    margin-left:90px;
}
.artistDepoimento p:before,
.artistDepoimento p:after{
    content:'';
    background-image: url("http://www.topwebcuritiba.com.br/clientes/adrianepaglia/assets/img/aspas-sprite.png");
    background-position:0px 0px;
    width:57px;
    height:45px;
    position:absolute;
}
.artistDepoimento p:before{
    background-position:0px 0px;
    margin-top:-40px;
    margin-left:-70px;
}
.artistDepoimento p:after{
    background-position:-57px 0px;
    margin-left:320px;
}
.artistDepoimento p span{
    display:block;
    font-size: 18px;
    text-align:right;
    margin-top:10px;
    margin-right:20px;
}

.artistWRAP span.down a{
    position:absolute;
    z-index: 40;
    float:right;
    right: 0;
    color: white;
    font-weight: 400;
    font-size: 0px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.2px;
    padding: 0px;
    width:54px;
    display: block;
    line-height: 54px;
    box-sizing: border-box;
    -webkit-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    cursor: pointer;
    bottom:100px;
    left:50%;
    margin-left: -27px;
}

.win.gecko .artistWRAP span.down a{
    bottom:154px;
}
.artistWRAP span.down a:after,
a.previousArtist:after,
a.nextArtist:after{
    content: '';
    position: absolute;
    width: 54px;
    height: 54px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url("http://www.topwebcuritiba.com.br/clientes/adrianepaglia/assets/img/seta-ico2.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 9px;
    margin-top: 0px;
    text-indent:0px;
    float:right;
    right:0;
    -webkit-transition: background 0.2s ;
    -moz-transition:  background 0.2s ;
    -o-transition:  background 0.2s ;
    transition:  background 0.2s ;
}
.artistWRAP span.down a:hover:after {
    background-position: center 65%;
    background-color: rgba(255, 255, 255, 1);
}

a.previousArtist, a.nextArtist{
    position:absolute;
    width:54px;
    display: block;
    line-height: 54px;
    box-sizing: border-box;
    -webkit-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
    bottom:100px;
    cursor:pointer;
    float:right;
}
a.previousArtist:after, a.nextArtist:after{
    background-image: url("http://www.topwebcuritiba.com.br/clientes/adrianepaglia/assets/img/seta-ico.png");
    -webkit-transition: background 0.2s ;
    -moz-transition:  background 0.2s ;
    -o-transition:  background 0.2s ;
    transition:  background 0.2s ;
}
a.previousArtist:hover:after ,
a.nextArtist:hover:after {
    background-position: 65%;
    background-color: rgba(255, 255, 255, 1);
}
a.previousArtist:active:after ,
a.nextArtist:active:after {
    background-position: 70%;
    background-color: rgba(255, 255, 255, 1);
}
a.previousArtist{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    margin-top:54px;
    margin-right:30px;
    left: 40%!important;
}
a.nextArtist{
    margin-bottom: 54px;
    right: 40%!important;
}