/*
 Project Name: Foguete Surf Boards
 Theme Name: Default
 Author: Digisoft E-commerce
 URI: www.foguetesurfboards.com.br 

 Sumary:
 [ 1 - Home ]
 
*/


/*************************
 1 - Home
**************************/


.container-store-social {display: flex; flex-direction: row;}
.container-store-social h3 {font-size: 18px;}
.container-store-social > div {width: 100%; /*50%*/}
.photo-store {list-style: none; display: flex; flex-direction: row; justify-content: center; width: 100%;}
.photo-store > div {margin: 0 10px 0 0;}
.photo-store img {max-width: 100%;}
.container-store-social .lnk-whatsapp-contact {font-size: 18px; margin-right: 84px}
.container-store-social .box-store {padding-top: 22px;}
.container-store-social .box-store p {display: inline-block; vertical-align: top; margin: 10px 0 0 0; font-size: 14px; font-weight: 600;}
.container-store-social .box-social h3 {font-style: normal; font-weight: 700; display: inline-block; vertical-align: top; text-align: left; line-height: 22px;} 
.container-store-social .box-social img.insta {display: inline-block; width: 36px; margin: 34px 0 0 10px;}

.container-sale {background-color: #191919; text-align: center; padding: 30px 0;}
.container-sale h3 {font-family: 'Urbanist', sans-serif; margin: 0;}
.container-sale h3, .container-sale h3 > span {font-size: 26px; font-weight: 400;}
.container-sale h3 {line-height: 30px;}
.container-sale h3 > span {color: #C1272D;}
.container-sale ul.lst-category {list-style: none; margin: 20px 0;}
.container-sale ul.lst-category > li {box-sizing: border-box; display: inline-block; width: 20%; margin: 0 20px; max-width: 240px; background-color: #151515; padding: 180px 10px 20px; border: 1px solid #eaeaea; vertical-align: top; min-width: 220px;}
.container-sale ul.lst-category > li.pijamas {background: transparent url(../img/promo/sale-winter-19/category-pijama.svg) center 20px no-repeat;}
.container-sale ul.lst-category > li.camisolas {background: transparent url(../img/promo/sale-winter-19/category-camisolas.svg) center 20px no-repeat;}
.container-sale ul.lst-category > li.mascaras {background: transparent url(../img/promo/sale-winter-19/category-mascaras.svg) center 20px no-repeat;}
.container-sale ul.lst-category > li.blusas {background: transparent url(../img/promo/sale-winter-19/category-blusas.svg) center 20px no-repeat;}
.container-sale ul.lst-category > li.baby-dolls {background: transparent url(../img/promo/sale-winter-19/category-baby-dolls.svg) center 20px no-repeat;}
.container-sale ul.lst-category > li.acessorios {background: transparent url(../img/promo/sale-winter-19/category-acessorios.svg) center 20px no-repeat;}
.container-sale a.btn {display: inline-block; background-color: #C1272D; border: none; padding: 4px 20px; font-size: 16px; font-weight: 400; border-radius: 0px; line-height: 18px;}
.container-sale a.btn:hover {text-decoration: none;}

.box-home { float: left; margin: 2% 2% 0 0; position: relative; width: 66%;}
.box-home::before {content: ""; display: block; margin-top: 66%;}

.box-home > .content {overflow: hidden; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; color: #FFF; padding: 0px; text-align: center; text-transform: uppercase; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.box-home > .content img {position: absolute; left: 0; height: auto; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.box-home > .content:hover {background-color: #7F582E;}
.box-home > .content:hover > a img {opacity: 0.5; width: 104% !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.box-home .no-effect {background-color: transparent !important;}
.box-home > .no-effect > img {width: auto;}

.effect-box {position: absolute !important; display: table; width: 100%; height: 100%;}
.effect-box > blockquote {color: #fff; display: table-cell; vertical-align: middle; font-family: 'Urbanist', sans-serif; font-size: 28px; line-height: 28px; font-weight: 300;}
.effect-box > blockquote span {display: block; font-size: 16px;}
.effect-box > blockquote.film {background: url(../img/home/icon-film.svg) center center no-repeat; padding-top: 130px;}
.box-home .circle {background-color: #B68C47; bottom: 10px; border-radius: 100px; display: table; height: 128px; position: absolute; right: 10px; width: 128px;}
.box-home .circle blockquote {color: #fff; display: table-cell; font-size: 16px; vertical-align: middle;}
.box-home .circle blockquote > span {display: block; font-size: 22px; margin-top: 3px;}
.box-home .circle blockquote span.currency {display: inline-block; font-size: 14px; line-height: 14px; margin-right: 4px; vertical-align: top;}
.box-home.ad-margin-bottom {margin-bottom: 2%;}


ul.lst-news-index {list-style: none;}
ul.lst-news-index > li {float: left; height: 600px; margin: 0 0.5% 30px; text-align: center; width: 24%;}
ul.lst-news-index > li:first-of-type > p {color: #A79271; margin: 20px 0;}
ul.lst-news-index > li:first-of-type > button {margin: 0 0 20px 0;}

ul.lst-photos-news {list-style: none;}
ul.lst-photos-news > li {border: 1px solid #BF995B; height: 280px; margin-top: 15px; overflow: hidden; position: relative; text-align: center;}
ul.lst-photos-news > li img {width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
ul.lst-photos-news > li:hover img {width: 103%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
ul.lst-photos-news > li span.highlight, ul.lst-photos-news > li span.sub {color: #FFF; font-family: 'Urbanist', sans-serif; position: absolute; width: 100%;}
ul.lst-photos-news > li span.highlight {margin: 130px 0 0 0; font-size: 18px;}
ul.lst-photos-news > li span.sub {margin: 150px 0 0 0; font-size: 12px;}


ul.half-width {clear: both; list-style: none;}
ul.half-width > li {float: left; height: 430px; margin: 0 0 0 1%;  width: 49%;}
ul.half-width > li:first-of-type {margin: 0 1% 0 0;}

/*ul.product-list-index > li {
    display: block;
    float: left;
    height: 580px;
    margin: 0px 0.5%;
    padding-bottom: 20px;
    position: relative;
    width: 19%;
}

ul.product-list {display: inline-block; width: 100%;}
ul.product-list li a {text-decoration: none;}*/

/*ul.list-seals-product {list-style: none; margin: 5px; position: absolute; z-index: 999;}
ul.list-seals-product > li {height: 52px; margin: 5px 0 0 5px; position: relative; width: 52px;}
ul.list-seals-product-page-pro {margin: 5px 0 0 86px;}*/


.half-box {border: 1px solid #BF995B; height: 323px; overflow: hidden; position: relative; width: 100%;}
.half-box img {height: auto; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.half-box:hover img {width: 102%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}


/*ul.list-seals-product li.icon-seals-new {background: transparent url('../img/icon-product-new.svg') 0px 0px no-repeat;}
.no-svg ul.list-seals-product li.icon-seals-new {background: transparent url('../img/icon-product-new.png') 0px 0px no-repeat;}
ul.list-seals-product li.icon-seals-off {background: transparent url('../img/icon-product-off.svg') 0px 0px no-repeat;}
.no-svg ul.list-seals-product li.icon-seals-off {background: transparent url('../img/icon-product-off.png') 0px 0px no-repeat;}
ul.list-seals-product li.icon-seals-off > span {color: #FFF; display: inline-block; font-family: 'Urbanist', sans-serif; font-weight: 600; font-style: italic; margin: 20px 0 0 0;}
ul.list-seals-product li.icon-seals-ship {background: transparent url('../img/icon-product-ship.svg') 0px 0px no-repeat;}
.no-svg ul.list-seals-product li.icon-seals-ship {background: transparent url('../img/icon-product-ship.png') 0px 0px no-repeat;}
*/


.container-index-mobile {display: none;}

.combo-fast-selectors {display: none; padding: 20px 10px; background-color: #f7f3ed; margin: 30px 0;}
.combo-fast-selectors h3 {margin: 0 0; border-bottom: none;}
.combo-fast-selectors ul {list-style: none;}
.combo-fast-selectors ul > li {box-sizing: border-box; display: block; margin: 0 0 5px 0; width: 100%;}
.combo-fast-selectors ul > li select {background-color: #FFF; box-sizing: border-box; display: block; width: 100%;}

.index-banner-promo {margin: 20px auto 0;}
.index-banner-promo-only-mobile {display: none;}


ul.product-list {justify-content: center;}

.container-ft-info {background-color: #111; padding: 20px; margin: 20px 0 40px;}
.container-ft-info .h3-home {color: #FFF; font-size: 24px; margin: 20px;}
.container-ft-info .elastic {max-width: 1700px;}
.info-ft-mobile {display: none; text-align: center;}
.info-ft-dektop {text-align: center;}
.info-ft-dektop img, .info-ft-mobile img {max-width: 100%; text-align: center;}
.txt-info-ft {margin: 10px auto 30px; display: flex; flex-direction: row; justify-content: space-around; max-width: 95%;}
.txt-info-ft p {color: #FFF; margin: 7px auto; font-size: 14px;}
.txt-info-ft h4 {color: #FFF; text-transform: uppercase; font-weight: 700; font-style: normal; margin: 10px auto; font-size: 16px; line-height: 22px;}
.txt-info-ft table {color: #fff; font-style: italic; max-width: 350px;}
.txt-info-ft table span {font-weight: 600;}
.txt-info-ft > div {max-width: 1000px; margin-top: 0px; text-align: center;}
.txt-info-ft > div.md {width: 24%; margin: 0 3%;}
.txt-info-ft-mobile {display: none;}


@media screen and (max-width: 1400px) {
    .container-store-social .lnk-whatsapp-contact {margin-right: 20px}
}
    
@media screen and (max-width: 1160px) {
    .container-sale ul.lst-category > li {margin: 0 10px;}
}

@media screen and (max-width: 1100px) {
    
    .container-sale ul.lst-category > li {margin: 0 2px;}
    .container-sale a.btn {font-size: 15px;}
    
    .container-ft-info {padding: 20px 0;}
    .container-ft-info .elastic {padding: 0 0;}
    .container-ft-info .slick-dots {bottom: -30px !important;}
    .info-ft-dektop {display: none;}
    .info-ft-mobile {display: block;}    
    .txt-info-ft > div {width: 100%;}
    
    .category-selector div {width: 370px; box-sizing: border-box; margin: 0; padding:0;}
    .container-ft-info .slick-dots li button::before, .container-ft-info .slick-dots li.slick-active button::before {color: #FFF;}    
    .container-ft-info .slick-prev, .container-ft-info .slick-next {display: none !important;}
    .container-ft-info .slick-prev {left: 0; display: none !important;}
    .container-ft-info .slick-next {right: 0; display: none !important;}
    .container-ft-info .slick-dots li button::before {font-size: 10px;}    
}
    
@media screen and (max-width: 850px) {
    .combo-fast-selectors {display: block;}
    ul.product-list {justify-content: flex-start;}
}

@media screen and (max-width: 700px) {
    .container-store-social > div {width: 100%; text-align: center;}
    .container-store-social {flex-direction: column;}
    
    .container-index-desktop {display: none;}
    .container-index-mobile {display: block;}
    
    .index-banner-promo {margin: 0 auto 0;}
    .index-banner-promo-only-mobile {display: block;}
    .index-banner-promo-no-mobile {display: none;}
}

@media screen and (max-width: 500px) {
    .lst-categorias-ofertas > li {width: 47%; margin: 0 1% 30px;}
    .lst-categorias-ofertas > li img {max-width: 100%;}        
}

@media screen and (max-width: 400px) {
    .category-selector div {width: 320px;}
}

@media screen and (max-width: 1250px) {
    /*ul.product-list-index > li {width: 24%;}*/
}

@media screen and (max-width: 1020px) {
        
    ul.lst-news-index > li:first-of-type {display: block; float: none; height: 260px; text-align: center; width: 100%;}
    ul.lst-news-index > li {width: 32%;}
    ul.lst-photos-news > li {height: 260px;}    
}


@media screen and (max-width: 850px) {
    /*ul.product-list > li {width: 32%;}*/
    ul.half-width > li {height: 410px;}
    .half-box {height: 293px;}
}

@media screen and (max-width: 740px) {    
    ul.lst-news-index > li {height: 520px;}
    ul.lst-photos-news > li {height: 240px;}
    ul.lst-photos-news > li span.highlight {margin: 100px 0 0 0;}
    ul.lst-photos-news > li span.sub {margin: 120px 0 0 0;}
    ul.lst-photos-news > li img {-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: all 1s ease; transition: none;}
    ul.lst-photos-news > li:hover img {width: 100%; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: all 1s ease; transition: none;}
    ul.lst-photos-news > li a {line-height: 0px; vertical-align: top;}
    
    .half-box {height: 323px;}
    ul.half-width > li {clear: both; display: block; float: none; height: 360px; margin: 0 0 0 0; position: relative; width: 100%;}
    
}


@media screen and (max-width: 630px) {    
    ul.lst-news-index > li {height: auto;}
    ul.lst-photos-news > li {height: auto;}
    
    /*.container-product-list {width: 100%;}*/
    
}

@media screen and (max-width: 500px) {
    ul.lst-news-index {margin: 0 auto; width: 80%;}
    ul.lst-news-index > li {height: auto; margin: 0px; width: 100%;}
    ul.lst-news-index > li:first-of-type p {display: none; height: auto;}
    ul.lst-news-index > li.ad-mar-bt-smartphone {margin-bottom: 30px;}
    ul.lst-photos-news > li span.highlight {margin: 150px 0 0 0;}
    ul.lst-photos-news > li span.sub {margin: 170px 0 0 0;}
    

    /*ul.list-seals-product {margin: 0px;}
    ul.list-seals-product > li {margin: 0px 0 5px 0px;}*/
    
}