/*
 Project Name: Divina Noite
 Theme Name: Default
 Author: Digisoft Informática
 URI: www.lojadivinanoite.com.br

 Sumary:
 [ 1 - Commons ]
 [ 2 - Home ]
 [ 3 - Consultant ]
 [ 4 - Help ]
 [ 5 - Stores ]
 
*/

/*************************
 1 - Commons
**************************/
.container-banner {display: inline-block; /*height: 470px;*/ position: relative;}
.container-banner-small {height: 395px; /*box-sizing: border-box;*/ display: block;}
.container-banner-small .list-banner-slider li {height: 395px;}

/*.container-banner-fixed {height: 488px; background: #000 url(../img/banners/black-week-2019/banner-black-1800.gif) center center no-repeat; border-bottom: none; display: block;}
.container-banner-fixed .txt {display: none;}*/

.list-banner-slider {list-style: none;}
.list-banner-slider li {background-size: auto; background-position: top; list-style: none; position: absolute; width: 100%;}
.list-banner-slider li img {width: 100%;}
/*.list-banner-slider li {background-size: cover; background-position: center; height: 395px; list-style: none; position: absolute; width: 100%;}*/

.slider-content {display: none; color: #F5EFE7; /*height: 470px;*/ margin: 0 auto; /*max-width: 1020px;*/ /*padding: 0px 20px;*/ position: relative; width: 100%;}
.banner-stores .slider-content, .banner-help .slider-content {display: block; margin: 0 auto; max-width: 1020px; position: relative; width: 100%;}

.list-banner-slider li .btn-slider {height: 34px; line-height: 34px; margin: 0 auto; padding: 0px 20px;}

/* nav banner */
.arrow-banner-nav {background-color: #C29C6B; border-radius: 100px; cursor: pointer; height: 76px; left: 50%; margin-top: 312px; opacity: 0.5; position: absolute; z-index: 998; width: 76px;}
.arrow-banner-nav:hover {opacity: 1;}
.left-arrow-nav {background-image: url(../img/icon-arrow-nav-left.svg);margin-left: -626px; /*550 + 76*/}
.right-arrow-nav {background-image: url(../img/icon-arrow-nav-right.svg); margin-left: 550px;}
.left-arrow-nav, .right-arrow-nav {background-position: center center; background-repeat: no-repeat;}

.ctrl-banners {display: flex; flex-direction: row; justify-content: center; position: absolute; bottom: 15px; width: 100%; z-index: 999;}
.ctrl-banners > div {cursor: pointer; height: 15px; width: 15px; background-color: rgba(255,255,255,0.7); border-radius: 30px; margin: 0 5px;}
.ctrl-banners > div.active, .ctrl-banners > div:hover {background-color: rgba(255, 255, 255, 1);}


.container-banner .slick-dotted.slick-slider {margin-bottom: 0 !important;}
.slick-banners {visibility: hidden;}
.slick-banners > div {position: relative;}
.slick-banners > div img {width: 100%; box-sizing: border-box;}
.slick-banners .slick-dots {bottom: 15px !important;;}
.slick-banners .slick-dots li.slick-active button::before {color: #FFF !important;;}
.slick-banners .slick-dots li button::before {font-size: 14px !important;; color: #FFF !important;;}

@media screen and (max-width: 1270px) {
    .arrow-banner-nav {background-color: transparent; opacity: 1;}
    .left-arrow-nav {left: 10px; margin-left: auto; margin-top: 212px;}
    .right-arrow-nav {right: 10px; margin-left: auto; margin-top: 212px;}
}

@media screen and (max-width: 700px) {
    /*.left-arrow-nav {left: 10px; margin-left: auto; margin-top: 200px;}
    .right-arrow-nav {right: 10px; margin-left: auto; margin-top: 200px;}*/
    .left-arrow-nav {left: 10px; margin-left: auto; margin-top: 330px;}
    .right-arrow-nav {right: 10px; margin-left: auto; margin-top: 330px;}
    .ctrl-banners > div {height: 20px; width: 20px;}
}

/**/



/*************************
 2 - Home
**************************/

.banner-home-1 {
    /*background-image: url('../img/banners/bazar-inverno-2018-prorrogado/banner_1920x500-pro.jpg');*/
    /*background-size: auto !important;*/
    z-index: 1;
}

.banner-home-2 {
    /*background-image: url('../img/banners/bazar-inverno-2018-prorrogado/banner_1920x500-pro.jpg');*/
    /*background-size: auto !important;*/
    opacity: 0;
    z-index: 0;
}

.banner-home-3 {
    /*background-image: url('../img/banners/bazar-inverno-2018-prorrogado/banner_1920x500-pro.jpg');*/
    /*background-size: auto !important;*/
    opacity: 0;
    z-index: 0;
}

.btn-only-mobile {display: none;}

.banner-home-1 .slider-content, .banner-home-2 .slider-content, .banner-home-3 .slider-content {color: #C29C6B;}

.box-info-banner {display: none; height: 300px; width: 100%; background: url(../img/banners/verao-2019/lettering.svg) center top no-repeat; margin: 80px 0px 0px 0px; position: absolute; left: 0px;}
.no-svg .box-info-banner {background: url(../img/banners/inverno-2018/info-banner-1.png) center center no-repeat;}

.banner-index .logo-collection {background: transparent url(../img/banners/memories-banner.png); display: block; height: 182px; margin: 40px 0 0 0; width: 332px;}

/*.banner-index .logo-verao-2017 {background: transparent url(../img/banners/summer2017/logo-verao-2017.svg) center center no-repeat; display: inline-block; height: 300px; margin: 110px auto 40px; width: 480px;}
.no-svg .banner-index .logo-save-the-date {background: transparent url(../img/banners/summer2017/logo-verao-2017.png) center center no-repeat;}*/

.banner-home-1 .slider-content span.txt, .banner-home-2 .slider-content span.txt {
    color: #FFF;
    display: block; 
    font-family: "Poiret One", cursive;
    font-size: 34px; 
    line-height: 34px;
    margin: 10px 10px 10px 10px;
    text-align: center;
    /*width: 100%;*/
}
.banner-home-1 .slider-content > span.txt {color: #FFF;}
    
.banner-home-2 .slider-content > span.logo-collection {float: right;}

.slider-content > span.logo-collection {margin: 30px 0 0 0};

.banner-home-1 .btn-slider, .banner-home-2 .btn-slider {float: left; margin: 10px 0px 0px 0px;}

/*.container-banner {border-bottom: none !important;}*/

@media screen and (max-width: 1920px) {
    /*.banner-home-1 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-2 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-3 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}*/
}
/*
@media screen and (max-width: 1650px) {
    .banner-home-1 {background-image: url('../img/banners/verao-2019/verao-1650-3.jpg');}
    .banner-home-2 {background-image: url('../img/banners/verao-2019/verao-1650-3.jpg');}
    .banner-home-3 {background-image: url('../img/banners/verao-2019/verao-1650-3.jpg');}
    
}

@media screen and (max-width: 1400px) {
    .banner-home-1 {background-image: url('../img/banners/verao-2019/verao-1400-3.jpg');}
    .banner-home-2 {background-image: url('../img/banners/verao-2019/verao-1400-3.jpg');}
    .banner-home-3 {background-image: url('../img/banners/verao-2019/verao-1400-3.jpg');}
    
}
*/
@media screen and (max-width: 1100px) {
    /*.banner-home-1 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-2 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-3 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}*/
    /*.container-banner {height: 832px;}
    .list-banner-slider li {height: 832px;}
    .slider-content {height: 832px;}
    .arrow-banner-nav {margin-top: 250px;}*/
}
    
@media screen and (max-width: 800px) {
    /*.banner-home-1 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-2 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-3 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}*/
    /*.container-banner {height: 609px;}
    .list-banner-slider li {height: 609px;}
    .slider-content {height: 609px;}
    .arrow-banner-nav {margin-top: 250px;}*/
}

@media screen and (max-width: 600px) {
    /*.banner-home-1 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-2 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}
    .banner-home-3 {background-image: url('../img/banners/lancamento-loja/mochilas.jpg');}*/
    /*.container-banner {height: 395px;}*/
    .list-banner-slider li {height: 395px;}
    .slider-content {height: 395px;}
    .arrow-banner-nav {margin-top: 250px;}
    /*.box-info-banner {display: inline-block;}*/
}

/**/

/*************************
 3 - Consultant
**************************/
.banner-consultant {
    background-image: url('../img/banners/banner-consultant.jpg');
}

.banner-consultant .slider-content > span {
    display: block; 
    font-family: "Poiret One", cursive;
    float: right;
    font-size: 40px; 
    line-height: 48px;
    margin: 100px 10px 10px 50px;
    text-align: right;
    /*width: 100%;*/
}

.banner-consultant .slider-content span.color-effect {color: #C29C6B; font-size: 42px;}
.banner-consultant .slider-content span.big-letter {color: #C29C6B; font-size: 60px;}
.banner-consultant .btn-slider {float: right; margin: 10px 0px 0px 0px;}
/**/

@media screen and (max-width: 980px) {
    .slider-content  {padding: 0px 10px;}
}

@media screen and (max-width: 640px) {
    .banner-consultant {
        background-image: url('../img/banners/banner-consultant-mobile.jpg');
    }
    
    
    /* consultant */
    .banner-consultant .slider-content > span {float: left; font-size: 30px; line-height: 36px; margin: 100px 0px 10px 10px; text-align: left;}
    .banner-consultant .slider-content span.color-effect {font-size: 30px;}
    .banner-consultant .slider-content span.big-letter {font-size: 40px;}
    .banner-consultant .btn-slider {float: left;}
}


/*************************
 4 - Help
**************************/
.banner-help {
    background-image: url('../img/banners/customer-service/atendimento.jpg');
    background-size: cover !important;
}

.banner-help .slider-content > span {
    color: #FFF;
    display: block; 
    font-family: "Poiret One", cursive;
    float: right;
    font-size: 40px; 
    line-height: 48px;
    margin: 200px 10px 10px 50px;
    text-align: right;
    /*width: 100%;*/
}

.banner-help .slider-content span.color-effect {color: #FFF; display: block; font-size: 42px; text-shadow: 1px 1px #d88aa3;}
.banner-help .slider-content span.big-letter {color: #FFF; font-size: 60px; display: block; }
.banner-help .btn-slider {float: right; margin: 10px 0px 0px 0px;}
/**/

/*@media screen and (max-width: 1700px) {
    .banner-help {background-image: url('../img/banners/winter-19/banner-marca-3-3-4.jpg');}
}
@media screen and (max-width: 1400px) {
    .banner-help {background-image: url('../img/banners/winter-19/banner-marca-3.jpg');}
}*/
@media screen and (max-width: 980px) {
    /*.slider-content  {padding: 0px 10px;}*/
    .slider-content  {padding: 0px 0px; width: 100%;}
}

@media screen and (max-width: 640px) {
    /*.banner-help {
        background-image: url('../img/banners/...');
    }*/
    
    .banner-help {background-position: -270px center !important;}
    .banner-help .slider-content > span {color: #FFF; display: block; float: left; font-size: 30px; line-height: 36px; margin: 230px 0px 10px 10px; text-align: left;}
    .banner-help .slider-content span.color-effect {font-size: 40px; text-shadow: 1px 1px #f2f2f2;}
    .banner-help .slider-content span.big-letter {font-size: 40px;}
    .banner-help .btn-slider {float: left;}
    

}
    


/*************************
 5 - Stores
**************************/
.banner-stores {
    /*background-image: url('../img/banners/8Q5A7020-web.jpg');*/
    background-image: url('../img/banners/winter-19/banner-marca-3-4.jpg');
}

.banner-stores .slider-content > span {
    color: #C29C6B;
    display: block; 
    font-family: "Poiret One", cursive;
    float: right;
    font-size: 24px; 
    line-height: 42px;
    margin: 160px 10px 10px 50px;
    text-align: right;
}

.banner-stores .slider-content span.color-effect {color: #C29C6B; font-size: 42px; display: block; font-weight: 400; text-shadow: 1px 1px #f2f2f2;}
.banner-stores .slider-content span.big-letter {color: #C29C6B; font-size: 60px;}
.banner-stores .btn-slider {float: right; margin: 10px 0px 0px 0px;}
/**/

@media screen and (max-width: 1700px) {
    .banner-stores {background-image: url('../img/banners/winter-19/banner-marca-3-3-4.jpg');}
}
@media screen and (max-width: 1400px) {
    .banner-stores {background-image: url('../img/banners/winter-19/banner-marca-3.jpg');}
}
@media screen and (max-width: 980px) {
    /*.slider-content  {padding: 0px 10px;}*/
    .slider-content  {padding: 0px 0px; width: 100%;}
}

@media screen and (max-width: 640px) {
    .banner-stores {
        background-image: url('../img/banners/winter-19/banner-stores-mobile-19.jpg');
    }
    
    .banner-stores .slider-content > span {float: left; font-size: 30px; line-height: 36px; margin: 200px 0px 10px 10px; text-align: left;}
    .banner-stores .slider-content span.color-effect {font-size: 40px;}
    .banner-stores .slider-content span.big-letter {font-size: 40px;}
    .banner-stores .btn-slider {float: left;}
}