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

 Sumary:
 [ 1 - Commons ]
 [ 2 - Header ]
 [ 3 - Banner ]
 [ 4 - Section ]
 [ 5 - Footer ]
 [ 6 - Forms ]
*/


/*************************
 1- Commons
**************************/

body {
    background-color: #FFF;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    top: 0px;
}

.elastic {
    margin: 0 auto;
    max-width: 1600px;	
    padding: 0px 20px;
    position: relative;
}

.elastic-more-mar-btom {margin-bottom: 70px;}

.no-padding {padding: 0px !important;}

a {color: #151515; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {color: #151515; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase;}
h1 {font-size: 20px; line-height: 22px; margin: 30px 0px 10px 0px;}
h2 {font-size: 16px; line-height: 22px; margin: 20px 0px 4px 0px;}
h3 {font-size: 20px; line-height: 28px; margin: 40px 0px 20px 0px; font-weight: 800; text-align: center; text-transform: uppercase;}
h6 {font-size: 18px; line-height: 24px;}

h1.h-mg-left {margin: 20px 0 40px 0;}

.h3-about {color: #151515; font-family: 'Raleway', sans-serif; font-size: 24px; font-weight: 500; text-align: center; margin: 20px auto 30px;}
.h3-about > span {color: #151515; font-weight: 800; padding-bottom: 4px;}

p.info-section, p.narrative {color: #151515; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 50px 0px; max-width: 550px;}
p.narrative {display: inline-block; margin: 0px 0px 10px 0px !important;}
p.about, ul.about {font-size: 16px; line-height: 20px; max-width: 1000px; text-align: center; margin: 20px auto 0;}
p.about span, p.about strong {font-weight: 600;}
ul.about {/*list-style-position: inside;*/ list-style: none;}

.no-bd-btom {border-bottom: none !important;}
.no-bd-top {border-top: none !important;}
hr.ln {background: url(../img/ln-title-bar-page.png) 0px 0px repeat-x; border: none; height: 2px; margin: 0px; width: 100%;}


.shadowBox-wrapper {background-color: #333; height: 100px; left: 0px; opacity: 0; position: fixed; top: 0px; z-index: 9999; width: 100%;}
.wrapper-content {height: 450px; opacity: 0; position: fixed; top: 0px; z-index: 9999; width: 710px;}
.close-wrapper {background: url(../img/icon-close-wrapper.svg) 0px 0px no-repeat; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px;}
.no-svg .close-wrapper {background: url(../img/icon-close-wrapper.png) 0px 0px no-repeat;}

.loading-checkout {background-color: #FFFFFF; border-radius: 3px; height: 70px; padding: 30px 0px; position: fixed; text-align: center; width: 300px; z-index: 9999;}
.loading-checkout span.iconLoading {background: url("../img/loading-buy.gif") no-repeat scroll 0px 0px transparent; background-size: 28px; display: block; height: 28px; margin: 0px auto; padding: 0px; position: relative; width: 28px;}
.loading-checkout span.infoLoading {color: #151515; display: block; font-size: 14px; font-weight: 500; margin: 10px 20px 0px;}

ul.indent {margin: 0px 0px 10px 13px;}
ul.number {list-style: decimal;}
p.alight {font-weight: 400;}

.alert-top-page {background-color: #EC93BE; color: #FFF; padding: 3px 0px 4px; text-align: center;}
.alert-ship span {background: transparent url(../img/alert-ship.svg) center center no-repeat; display: inline-block; height: 16px; margin: 1px 3px 0 0; vertical-align: top; width: 24px;}
.no-svg .alert-ship span {background: transparent url(../img/alert-ship.png) center center no-repeat;}

/* icons social header */
ul.list-social-flyout {height: 87px; list-style: none; position: fixed; right: 0px; top: 61px; width: 28px; z-index: 999;}
ul.list-social-flyout li {-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-social-flyout li {background: url(../img/px-social.png) 0px 0px repeat; height: 28px; margin-bottom: 1px; opacity: 0.7; width: 28px; text-align: center;}
ul.list-social-flyout li:hover {opacity: 1; -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-social-flyout li a {display: inline-block; height: 28px; position: relative; width: 28px;}
ul.list-social-flyout li a.fb {background: url(../img/icon-social-face.svg) center center no-repeat;}
ul.list-social-flyout li a.insta {background: url(../img/icon-social-insta.svg) center center no-repeat;}
ul.list-social-flyout li a.contact {background: url(../img/icon-social-mail.svg) center center no-repeat;}
ul.list-social-flyout li a.stores {background: url(../img/icon-social-place.svg) center center no-repeat;}
.no-svg ul.list-social-flyout li a.fb {background: url(../img/icon-social-face.png) center center no-repeat;}
.no-svg ul.list-social-flyout li a.insta {background: url(../img/icon-social-insta.png) center center no-repeat;}
.no-svg ul.list-social-flyout li a.contact {background: url(../img/icon-social-mail.png) center center no-repeat;}
.no-svg ul.list-social-flyout li a.stores {background: url(../img/icon-social-place.png) center center no-repeat;}

.alert-msg {background-color: #c29c6b; /*#F29B94*/ color: #FFF; text-align: center; padding: 5px 10px; margin: 30px auto 0; font-size: 14px;}
.alert-msg-product {margin: 0 auto 10px; font-size: 13px; display: block;}

@media screen and (max-width: 1300px) {    
    p.about, ul.about {font-size: 14px; line-height: 16px;}
}

@media screen and (max-width: 1020px) {
    ul.list-social-flyout {display: none;}
}

@media screen and (max-width: 520px) {
    .needless-to-smartphone {display: none !important;}    
}



/*************************
 2- Header
**************************/

.top-msg {background-color: #fff; color: #151515; font-size: 11px; width: 100%; text-align: center; line-height: 14px; padding: 6px 0; text-transform: uppercase; display: none;}
.top-msg span.bold {font-weight: bold;}
.top-msg a {display: inline-block; color: #151515;}
.top-msg .ln-top {display: inline-block;}
.top-msg .divisor {display: inline-block; margin: 0 5px;}

.top-links {display: none; background-color: #FFF; border-bottom: 1px solid #c29c6b; padding: 7px 0; width: 100%; box-sizing: border-box;}
.top-links > .elastic {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap;}
.top-links > .elastic > div {width: 30%; display: flex; flex-direction: row;}
.top-links > .elastic > div.center-links {justify-content: center;}
.top-links > .elastic > div.right-links {justify-content: center;}
.top-links a {font-size: 10px; /*color: #b58550;*/ line-height: 15px; text-transform: uppercase; padding: 2px 0 2px 0px; text-decoration: none;}
/*.top-links a:hover {color: #7E5F29;}*/
.top-links .stores {background: transparent url(../img/header/place.svg) left center no-repeat; padding: 2px 0 2px 20px;}
.top-links .reseller-store {background: transparent url(../img/header/secure.svg) left center no-repeat; padding: 2px 0 2px 20px; margin-left: 10px;}
.top-links .new-reseller {padding: 2px 0 2px 0; margin-left: 10px;}
.top-links .access-area {background: transparent url(../img/header/secure.svg) left center no-repeat; padding: 2px 0 2px 20px;}
.top-links .phone {background: transparent url(../img/header/phone.svg) left center no-repeat; padding: 2px 0 2px 20px; margin-left: 10px; font-size: 11px;}
.top-links .whatsapp {background: transparent url(../img/header/whatsapp.svg) left center no-repeat; padding: 2px 0 2px 20px; margin-left: 10px; font-size: 11px;}

.top-links-mobile {border: none; display: none; background-color: #FFF; position: fixed; top: 0px; /* 0px 38px*/ z-index: 9999; height: 70px; padding: 7px 0; width: 100%; box-sizing: border-box;}
.top-links-mobile .logo {background: transparent url(../img/header/logo-foguete-surfboards.svg) center center no-repeat; width: 180px !important; margin: 0px auto 0; height: 54px; background-size: contain;}
.top-links-mobile .access-area {background: transparent url(../img/header/top-links-mobile/secure.svg) center center no-repeat; margin: 0 0 0 3px; height: 30px; width: 30px; padding: 0;}
.top-links-mobile .whatsapp {background: transparent url(../img/header/top-links-mobile/whatsapp.svg) center center no-repeat; margin: 0 0 0 3px; height: 30px; width: 30px; padding: 0;}
.top-links-mobile .bag {background: transparent url(../img/header/bag.svg) center center no-repeat !important; margin: 0 0 0 3px; height: 30px; width: 30px; padding: 0; background-size: 22px !important;}
.top-links-mobile .search {background: transparent url(../img/header/search.svg) center center no-repeat !important; margin: 0 0 0 0; height: 30px; width: 30px; padding: 0; background-size: 22px !important;}

.nav-header {
    background-image: url(../img/nav-header.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: none;
    height: 18px;
    top: -999;
    width: 35px;
}

.container-header {
    background-color: #FFF;
    /*background: #FFF url(../img/bg-header.jpg) 0px 0px repeat;*/
    /*border-top: #C29C6B 4px solid;*/
    /*display: inline-block;*/
    min-height: auto;	
    position: relative;
    width: 100%;
}

.container-header-mobile-on {height: 100%; position: fixed !important; z-index: 9999; overflow: auto;}
.container-header-mobile-off {height: auto; position: relative; overflow: hidden;}

.container-login {background-color: #C29C6B; display: none; height: 0px;/*44px;*/ position: relative;}

.container-logo-search {
    /*border-bottom: #F7F7F7 1px solid;
    border-top: #FFF 1px solid;*/
    height: 80px;
    position: relative;
    z-index: 999;
    text-align: center;
}

.header-home .container-logo-search, .header-home .container-header {position: absolute; width: 100%;}

.container-logo-search > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.container-logo-search a {display: inline-block;}

.container-logo-search .logo {
    background: url(../img/header/logo-foguete-surfboards.svg) center center no-repeat;
    background-size: contain;
    height: 73px;
    margin: 3px auto 0;
    position: relative;
    width: 300px;
}

/* nav - top menu */
.container-top-items {background-color: #C29C6B; /*border-bottom: #F7F7F7 1px solid; border-top: 4px solid #C29C6B; */ height: 36px;}
.container-top-items ul.top-menu {display: inline-block; list-style: none; margin-top: 8px;}
.container-top-items ul.left {float: left;}
.container-top-items ul.right {float: right;}
.container-top-items ul.top-menu li {display: inline-block;}
.container-top-items ul.top-menu li a {color: #FFF; font-size: 12px; text-decoration: none;}
.container-top-items ul.top-menu li a:hover {color: #F7F7F7; cursor: pointer; text-decoration: none;}
.container-top-items ul.top-menu li i {color: #333; margin-right: 5px;}
/*.container-top-items ul.top-menu li.bag {background: transparent url(../img/icon-header-bag-white.svg) 0px 1px no-repeat; padding-left:  20px;}
.no-svg .container-top-items ul.top-menu li.bag {background: transparent url(../img/icon-header-bag-white.png) 0px 1px no-repeat; padding-left:  20px;}*/
.container-top-items ul.top-menu li.phone {background: transparent url(../img/icon-header-phone.svg) 0px 2px no-repeat; padding-left:  17px;}
.no-svg .container-top-items ul.top-menu li.phone {background: transparent url(../img/icon-header-phone.png) 0px 2px no-repeat; padding-left:  17px;}
.container-top-items ul.top-menu li.whatsapp {background: transparent url(../img/icon-whatsapp-header.svg) 0px 2px no-repeat; padding-left:  20px;}
.no-svg .container-top-items ul.top-menu li.whatsapp {background: transparent url(../img/icon-whatsapp-header.png) 0px 2px no-repeat; padding-left:  20px;}
.container-top-items ul.top-menu li.secure {background: transparent url(../img/icon-header-secure-white.svg) 0px 1px no-repeat; display: none; padding: 1px 0px 0px 19px;}
.no-svg .container-top-items ul.top-menu li.secure {background: transparent url(../img/icon-header-secure-white.png) 0px 1px no-repeat; display: none; padding: 1px 0px 0px 19px;}
.container-top-items ul.left li {margin-right: 15px;}
.container-top-items ul.right li {margin-left: 15px;}
.container-top-items span.arrow {border-bottom: 8px solid #C29C6B; border-left: 8px solid transparent; border-right: 8px solid transparent; height:0px; margin-left: -50px; opacity: 0; position: absolute; top: 40px; width: 0px;}    
    
#nav-btn-mobile {background: transparent url(../img/header/nav-button-mobile.svg) 0px 0px no-repeat; cursor: pointer; display: none; height: 20px; width: 40px; margin: 3px 0 0 0;}

.logo-top-mobile {background: transparent url(../img/logo-top-mobile-white.svg) 0px 0px no-repeat; display: none;  height: 20px; margin: 13px 0px 0px 10px; width: 34px;}
.no-svg .logo-top-mobile {background: transparent url(../img/logo-top-mobile-white.png) 0px 0px no-repeat;}

.tag-off-product {background: #FFF url(../img/natal2015/tag-off-product.svg) 0px 0px no-repeat; display: inline-block; margin: 7px 0px 0px; height: 36px; width: 334px;}
.no-svg .tag-off-product {background: #FFF url(../img/natal2015/tag-off-product.svg) 0px 0px no-repeat;}

.msg-header-b2b {min-height: 26px; border-top: 1px solid #FFF; border-bottom: 1px solid #F7F7F7; text-align: center; padding: 5px 0px; line-height: 23px; color: #999;}

/* container linhas */
h3.h3-lines-collection {text-align: center; font-weight: 400; margin: 0px 0; padding: 0;}


.category-hightlight {display: flex; flex-direction: row; justify-content: space-around; margin: 50px auto 30px; max-width: 1620px;}
.category-hightlight div img {box-shadow: #ccc 5px 5px 5px; width: 100%;}
.category-hightlight div {margin: 0 10px 20px;}
/*.category-hightlight div img:hover {border: 1px solid #000000;}*/

.slick-slide .bd {
  border: 1px solid #FFF;
  border-radius: 100px;
  background-color: #FFF;
}


/**/

@media screen and (max-width: 1280px) {    
    .top-links > .elastic > div {width: 32%;}
}

@media screen and (max-width: 1200px) {
    .top-links > .elastic > div {width: auto; margin: 14px 0 0;}
}

@media screen and (max-width: 1100px) {
    ul.container-lines-collection > li {width: 10.5%;}    
}

@media screen and (max-width: 990px) {    
    
    .container-top-items {/*background: #FFF url(../img/bg-header.jpg) 0px 0px repeat;*/ box-sizing: border-box; height: 46px; position: fixed; top: 0px; z-index: 9999; width: 100%;}
    .container-top-items ul.top-menu {margin-top: 13px;}
    .container-top-items ul.top-menu li a {font-size: 11px;}
    .container-top-items ul.left li {margin-right: 8px;}
    .container-top-items ul.right li {margin-left: 8px;}
    
    .tag-off-product {background: #FFF url(../img/natal2015/tag-off-product-small.svg) 0px 0px no-repeat; display: block; margin: 7px 0px 0px; height: 95px; width: 218px;}
    .no-svg .tag-off-product {background: #FFF url(../img/natal2015/tag-off-product-small.svg) 0px 0px no-repeat;}
}

@media screen and (max-width: 850px) {
    .main-menu .only-mobile {display: none;}
    .header-home {height: 92px; /*60px*/}
    header {height: 60px;}
    .top-msg {display: none; position: fixed; top: 0px; font-size: 11px; z-index: 9999; height: 32px;/*38px*/ box-sizing: border-box; padding: 10px 0;}
    .top-msg .ln-top {display: block;}
    .top-msg .divisor {display: none;}
    
    .top-links {display: none;}
    .top-links-mobile {display: block;}
    .top-links-mobile .left-links {width: 66px !important; margin-top: 10px;}
    /*.header-home .container-logo-search .logo, .header-home .container-logo-search .box-search, .header-home .container-logo-search .my-account-header {display: none !important;}*/
    .container-logo-search .logo, .container-logo-search .box-search-desktop, .container-logo-search .my-account-header {display: none !important;}
    .container-logo-search .box-search-mobile {display: flex;}
        
    #nav-btn-mobile {display: inline-block;}   
    
    .bag-header {display: none;}
    
    .logo-top-mobile {display: inline-block;}    
    .container-top-items ul.top-menu li a {font-size: 12px;}
    .container-top-items ul.left li {margin-right: 15px;}
    .container-top-items ul.right li {margin-left: 15px;}
    
    h3.h3-lines-collection {display: none;}
    ul.container-lines-collection > li {width: 24.5%; margin-bottom: 20px;}    
}

@media screen and (max-width: 650px) {
    .category-hightlight {flex-direction: column; flex-wrap: nowrap; justify-content: center;}
    
    .tag-off-product {display: block; margin: 7px auto;}
    .container-top-items ul.top-menu li.whatsapp {display: none;}
    .msg-header-b2b {display: none;}
    
    ul.container-lines-collection > li {width: 49%;}    
}

@media screen and (max-width: 520px) {
    .container-top-items ul.top-menu li.phone {display: none;}
}

@media screen and (max-width: 480px) {    
    .container-top-items ul.top-menu li.help {display: none !important;}
    .container-top-items ul.right li {margin-left: 7px;}
}

@media screen and (max-width: 340px) {    
    .container-top-items ul.right li {margin-left: 2px;}
}
                    
/**/


/* nav - main menu */
.container-nav {box-sizing: border-box; position: relative; z-index: 999; width: 100%; margin: 0px 0px 0 0px; background-color: #fff; padding: 0 0 7px 0;}
.container-nav > .elastic {max-width: none; padding: 0px; text-align: center;}

.main-menu {display: flex; flex-direction: row; justify-content: center; list-style: none; /*margin: 0px auto 0px;*/ margin: 30px auto 0;}
.main-menu > li:first-of-type {display: none;}
.main-menu > li {float: left; height: 22px; padding: 2px 20px; text-align: center; vertical-align: top; line-height: 22px;}
.main-menu > li.highlight {background-color: #C29C6B; margin-right: 10px; padding: 2px 10px;}
.main-menu > li.highlight-promo {background-color: #76c1ba; /*#f06072*/ margin-right: 10px;}
.main-menu > li.bazar {background-color: #d68399; padding: 2px 10px; border-radius: 0px;}
.main-menu > li.bazar > a, .main-menu > li.bazar:hover, .main-menu > li.bazar > a:hover {color: #FFF !important; /*#AD0064*/}

.main-menu > li.black-week {background-color: #151515; padding: 2px 10px; border-radius: 0px;}
.main-menu > li.black-week > a, .main-menu > li.black-week:hover, .main-menu > li.black-week > a:hover {color: #FFF !important;}
.main-menu > li.black-week > a {font-weight: bold;}
.main-menu > li.black-week > a > span {margin: 0 0px 0 5px; background-color: #00fffc; padding: 5px 10px 5px 5px;}

.main-menu > li.promo-alert {background-color: #E99394; /*#9D2033 #D82328 #98BFDF #eb5297 #BE0741*/ padding: 2px 10px; border-radius: 0px;}
.main-menu > li.promo-alert > a, .main-menu > li.promo-alert:hover, .main-menu > li.promo-alert > a:hover {color: #fff !important;}
.main-menu > li.promo-alert > a {font-weight: bold;}
.main-menu > li.promo-alert > a > span {margin: 0 0px 0 5px; background-color: #FD9354; /*#00fffc*/ padding: 5px 10px 5px 5px;}

.main-menu > li.promo-alert-2 {background-color: #CF907A; /*#D82328 #98BFDF #eb5297 #BE0741*/ padding: 2px 10px; border-radius: 0px; margin-right: 5px; margin-bottom: 5px !important;}
.main-menu > li.promo-alert-2 > a, .main-menu > li.promo-alert-2:hover, .main-menu > li.promo-alert-2 > a:hover {color: #FFF !important;}
.main-menu > li.promo-alert-2 > a {font-weight: normal;}
.main-menu > li.promo-alert-2 > a > span {margin: 0 0px 0 5px; background-color: #FD9354; /*#00fffc*/ padding: 5px 10px 5px 5px;}

.main-menu > li.brasil {background-color: #4e9634; /*C1272D #CC0064*/ margin-right: 10px; padding: 2px 10px;}
.main-menu > li.sale {background-color: #8cbcca; /*b7005d 3a4e50 754c24 C1272D #CC0064*/ margin-right: 10px; padding: 2px 10px;}
.main-menu > li.sale-50 {background-color: #429BB5; /*C1272D #CC0064*/ margin-right: 10px; padding: 2px 10px;}
.main-menu > li > a {color: #151515; font-size: 14px; font-weight: 600; text-decoration: none; vertical-align: middle; /*padding: 0 0 5px;*/}
.main-menu > li.highlight a, .main-menu li.brasil a, .main-menu li.sale a, .main-menu li.sale-50 a, .main-menu li.highlight-promo a {color: #FFF;}
.main-menu > li.highlight a:hover, .main-menu li.sale a:hover, .main-menu li.sale-50 a:hover, .main-menu li.highlight-promo a:hover {color: #000000;}
.main-menu > li.outlet a, .main-menu li.outlet a:hover {color: #000; font-weight: 800;}
.main-menu > li.black-friday a, .main-menu li.black-friday a:hover {color: #000; font-weight: 800;}
.main-menu > li.reseller a, .main-menu li.reseller a:hover {font-weight: 300;}
.main-menu > li.bazar:hover {color: #fff !important;}
.main-menu > li.bazar:hover > a:hover {color: #FFF;}
.main-menu > li > a:hover {color: #151515; text-decoration: none;}
.main-menu > li.only-mobile {display: none;}
.main-menu a.nav-only-mobile {display: none;}
.main-menu > li.brasil > a:hover {color: #FFF !important;}

/* nav-wrapper */
.box-nav-wrapper a.active-nav-wrapper {color: #000000; /*border-bottom: 2px #151515 solid;*/ display: inline-block; /*padding: 0px 0 3px;*/}
.box-nav-wrapper > li > .nav-wrapper {background: transparent url(../img/px-white.png) 0px 0px repeat;box-sizing: border-box; box-shadow: 0 2px 4px -3px #aaa; height: auto; opacity: 0; position: absolute; width: 220px; left: auto; top: 60px; visibility: hidden; z-index: 9999;}
/*.box-nav-wrapper > li > .nav-wrapper {background: transparent url(../img/px-white.png) 0px 0px repeat;box-sizing: border-box; box-shadow: 0 2px 4px -3px #aaa; height: 450px; opacity: 0; position: absolute; width: 100%; min-width: 900px; left: 0px; top: 40px; visibility: hidden; z-index: 9999;}*/
.box-nav-wrapper .nav-wrapper a {color: #151515 !important;}
.box-nav-wrapper .nav-wrapper a:hover {color: #000 !important;}

/*#nav-top-fixed .elastic {max-width: none; padding: 0px !important;}*/
.lst-nav-fixed a.active-nav-wrapper {/*border-bottom: 3px #151515 solid; */ display: inline-block; /*padding: 0px 0 8px;*/}
.lst-nav-fixed > li > .nav-wrapper {background: transparent url(../img/px-white.png) 0px 0px repeat; box-shadow: 0 2px 4px -3px #aaa; margin-top: 0px; top: 30px;}
/*.lst-nav-fixed .nav-wrapper a {color: #B89251 !important;}*/
.lst-nav-fixed .nav-wrapper a:hover {color: #000000 !important;}
.lst-nav-fixed .nav-wrapper .elastic {max-width: 1020px !important;}
.lst-nav-fixed .nav-wrapper .lst-nav-subgroup > li {/*background: url(../img/icon-circle-subgroup-color.svg) 0px 7px no-repeat;*/}
.no-svg .lst-nav-fixed .nav-wrapper .lst-nav-subgroup > li {background: url(../img/icon-circle-subgroup-color.svg) 0px 7px no-repeat;}

.lst-nav-fixed .bag {background: transparent url(../img/header/top-links-mobile/bag.svg) center center no-repeat !important; margin: 0 0 0 3px; height: 32px; width: 34px; padding: 0;}
.lst-nav-fixed .bag a {height: 22px; width: 34px; display: block;}
.lst-nav-fixed .bag span {background-color: #f9125f; height: 18px; width: 18px; border-radius: 30px; font-size: 10px; color: #FFF; display: inline-block; margin: 5px 10px 0 0; text-align: center; line-height: 16px;}

.nav-wrapper > .elastic {max-width: 1020px; text-align: left; padding: 25px; /*40px;*/}
.box-nav-wrapper .nav-columns-group {display: inline-block; left: 0px; list-style: none; margin: 0 0 0 0; vertical-align: top;}
.box-nav-wrapper .nav-columns-group > li {display: inline-block; width: 200px; vertical-align: top;}
.box-nav-wrapper .nav-wrapper-banner {float: right; height: 310px; margin: 0 0 0 0; max-width: 600px; display: none;}
.box-nav-wrapper .nav-wrapper a img {/*box-shadow: #f6eada 5px 5px 0px 0px; width: 410px;*/ width: 100%;}

.nav-wrapper h3 {margin: 0px 0px 0px 0px; text-align: left;}
.nav-wrapper h3 > a {color: #B47D34; font-size: 16px; font-weight: 600; /*border-bottom: 2px solid #000;*/}
.nav-wrapper a:hover {color: #7E5F29; text-decoration: none;}
.nav-wrapper .lst-nav-subgroup {list-style: none; margin: 15px 0 20px 0;}
.nav-wrapper .lst-nav-subgroup > li {/*background: url(../img/icon-circle-subgroup.svg) 0px 7px no-repeat;*/ display: block; padding: 0 0 0 0px;}
.no-svg .nav-wrapper .lst-nav-subgroup > li {background: url(../img/icon-circle-subgroup.svg) 0px 7px no-repeat;}
.nav-wrapper .lst-nav-subgroup > li > a {font-size: 14px !important; font-weight: 500 !important; line-height: 26px;}
/**/

@media screen and (max-width: 1100px) {
    .main-menu > li {padding: 2px 5px;}
    .box-nav-wrapper .nav-columns-group > li {width: 120px;}
}
@media screen and (max-width: 1030px) {.main-menu a {font-size: 11px;}}
@media screen and (max-width: 990px) {
    .main-menu > li {padding: 2px 3px;}
    .container-header {box-sizing: border-box; min-height: 150px;}    
}
@media screen and (max-width: 850px) {
    .container-logo-search {display: block; margin-top: 40px; /* 20px 73px*/}
    
    .main-menu {flex-direction: column; justify-content: flex-start;}
    .main-menu > li:first-of-type {display: block;}
    
    /*.container-header {min-height: 50px;}*/
    .container-header {min-height: 50px;}
    
    .container-top-items .left {display: none !important;}
    .container-logo-search {/*background: #FFF url(../img/bg-header.jpg) 0px 0px repeat;*/ display: none; height: 40px; /*margin-top: 46px;*/}
    .container-logo-search .logo {background-size: contain; display: block; height: 90px; margin: 15px auto auto auto;}
    #container-logo-search-index {display: block; height: 120px;}
    .container-nav {display: none; padding: 10px; box-sizing: border-box; background-color: #fff; margin-top: 20px;}	
    .container-nav .elastic {max-width: 1020px; padding: 0px 20px; text-align: left;}
    .nav-header {display: block; position: relative; top: 13px;}
    .main-menu {margin: 0px auto 0px; padding: 0px 0px 20px 0px !important; /*position: absolute;*/ position: relative; width: 100%;}
    .main-menu > li {float: none; height: 34px; line-height: 34px; padding: 0px; text-align: left; width: 100%; box-sizing: border-box; border-radius: 2px;}
    .main-menu > li.only-mobile {display: block;}
    .main-menu > li.line-divisor {background-color: #999; height: 1px !important; margin: 10px 0px; padding: 0px 0px !important;}
    .main-menu a {display: block; font-size: 13px;}
    .main-menu li.highlight, .main-menu li.highlight-promo {background-color: #C29C6B; margin-right: 0px; padding: 0 10px; box-sizing: border-box; color: #FFF; border-radius: 2px; margin: 0 0 4px 0;}
    .main-menu li.highlight-promo {background-color: #76c1ba; /*#f06072*/}
    /*.main-menu li.highlight a, .main-menu li.highlight a:hover {color: #B47D34;}    */
    .main-menu > li.bazar {background-color: #d68399; /*background-color: transparent;*/ padding: 0;}
    .main-menu > li.bazar > a, .main-menu li.bazar a:hover {color: #FFF !important; /*color: #AD0064 */ padding: 0 10px; }    
    .main-menu li.sale, .main-menu li.sale-50 {/*background-color: transparent; margin-left: 0px; padding: 0px;*/ margin-left: 0px; padding: 0px 10px; box-sizing: border-box; margin: 4px 0; border-radius: 2px;}
    .main-menu li.sale a, .main-menu li.sale-50 a, .main-menu li.highlight-promo a {color: #FFF; /* C1272D #E3124C*/}
    .main-menu li.sale a:hover, .main-menu li.sale-50 a:hover {color: #FFF;}
    .main-menu li.highlight-promo a:hover {color: #FFF;}
    /*.main-menu li.black-friday {padding: 0 5%; width: 90%;}*/
    
    .main-menu > li.black-week {display: inline-block; margin: 0 0 0 0px; padding: 0 0; border-radius: 2px;}
    .main-menu > li.black-week > a {display: inline-block; margin: 0 0 4px 0px; padding: 0 0 0 10px;}
    .main-menu > li.black-week > a > span {margin: 0 0px 0 5px; background-color: #00fffc; padding: 9px 10px 9px 5px;}

    .main-menu > li.promo-alert {display: inline-block; margin: 0 0 0 0px; padding: 0 0; border-radius: 2px;}
    .main-menu > li.promo-alert > a {display: inline-block; margin: 0 0 4px 0px; padding: 0 0 0 10px;}
    .main-menu > li.promo-alert > a > span {margin: 0 0px 0 5px; background-color: #00fffc; padding: 9px 10px 9px 5px;}

    .main-menu > li.promo-alert-2 {display: inline-block; margin: 0 0 0 0px; padding: 0 0; border-radius: 2px;}
    .main-menu > li.promo-alert-2 > a {display: inline-block; margin: 0 0 4px 0px; padding: 0 0 0 10px;}
    .main-menu > li.promo-alert-2 > a > span {margin: 0 0px 0 5px; background-color: #00fffc; padding: 9px 10px 9px 5px;}

    .box-nav-wrapper .nav-columns-group {box-sizing: border-box; margin: 0 0 0 0; width: 100%;}
    .box-nav-wrapper .nav-columns-group > li {box-sizing: border-box; padding: 0px 0px 0px 0px; width: 100%;}
    .nav-wrapper h3 > a {font-style: italic;}
    .nav-wrapper a {box-sizing: border-box; color: #B47D34 !important; display: block; line-height: 34px; position: relative; width: 100%;}
    .nav-wrapper a:hover {color: #7E5F29 !important; text-decoration: none;}
    .nav-wrapper .lst-nav-subgroup {display: inline-block; /*none;*/}
    .nav-wrapper .elastic {padding: 0px 0px !important;}
    
    .nav-wrapper {/*background: #FFF url(../img/bg-header.jpg) 0px 0px repeat;*/ box-shadow: none !important; display: none; height: auto !important; margin-top: 0px !important; opacity: 1 !important; position: relative !important; top: auto !important; visibility: visible !important;}
    .nav-wrapper-banner {display: none;}
    a.active-nav-wrapper {border-bottom: none; display: inline-block; padding: 2px 0 5px;}
    .nav-wrapper .lst-nav-subgroup {list-style: none; margin: 0px 0 0px 10px;}
    .nav-wrapper .lst-nav-subgroup > li {background: none; padding: 2px 0;}
    .nav-wrapper .lst-nav-subgroup > li > a {font-size: 15px !important; font-weight: 400 !important;}    
     
    .main-menu a.arrow-nav-mobile-link {background: url(../img/arrow-nav-mobile-link.svg) right 8px no-repeat;}
    .no-svg .main-menu a.arrow-nav-mobile-link {background: url(../img/arrow-nav-mobile-link.png) right 8px no-repeat;}
    .main-menu a.arrow-nav-mobile-open {background: url(../img/arrow-nav-mobile-open.svg) right 7px no-repeat; background-size: 20px;}
    .no-svg .main-menu a.arrow-nav-mobile-open {background: url(../img/arrow-nav-mobile-open.png) right 7px no-repeat;}
    .main-menu .arrow-nav-mobile-close {background: url(../img/arrow-nav-mobile-close.svg) right 7px no-repeat; background-size: 20px;}
    .no-svg .main-menu .arrow-nav-mobile-close {background: url(../img/arrow-nav-mobile-close.png) right 7px no-repeat;}
    
    .main-menu .nav-columns-group .arrow-nav-mobile-open {background: url(../img/arrow-nav-mobile-plus.svg) right 6px no-repeat;}
    .no-svg .main-menu .nav-columns-group .arrow-nav-mobile-open {background: url(../img/arrow-nav-mobile-plus.png) right 6px no-repeat;}
    .main-menu .nav-columns-group .arrow-nav-mobile-close {background: url(../img/arrow-nav-mobile-less.svg) right 6px no-repeat;}
    .no-svg .main-menu .nav-columns-group .arrow-nav-mobile-close {background: url(../img/arrow-nav-mobile-less.png) right 6px no-repeat;}
    
    .main-menu a.nav-only-mobile {display: block;}
    .main-menu > li > a {padding: 0; height: 30px;}
    .box-nav-wrapper > li > .nav-wrapper {min-width: unset;}
}
/**/

/* nav fixed */
#nav-top-fixed {background-color: #FFF; box-shadow: #999 0px 0px 10px; height: 80px; position: fixed; width: 100%; top: -120px; z-index: 9999; text-align: center;}
#nav-top-fixed > div {display: flex; flex-direction: row; justify-content: space-around;}
#nav-top-fixed > .area-top-info {border-bottom: #F7F7F7 1px solid; height: 30px;}
#nav-top-fixed > .area-nav-buttons {/*border-top: #FFF 1px solid;*/ height: 22px;}
#nav-top-fixed .logo {background: transparent url(../img/header/logo-foguete-surfboards.svg) left center no-repeat; display: inline-block; height: 70px; width: 300px; vertical-align: top; margin: 5px auto 0; background-size: contain;}
#nav-top-fixed .lst-nav-fixed {display: inline-block; list-style: none; margin: 30px 0px 0px 0px; padding: 0px !important; position: relative; text-align: center; width: 100%;}
#nav-top-fixed .lst-nav-fixed > li {display: inline-block; height: 52px; line-height: 20px; padding: 0px 7px; text-align: left; vertical-align: top;}
#nav-top-fixed .lst-nav-fixed a {font-size: 14px; color: #151515; font-weight: 600;}
#nav-top-fixed .lst-nav-fixed a:hover {color: #151515; text-decoration: none;}
#nav-top-fixed .lst-nav-fixed li.outlet a, #nav-top-fixed .lst-nav-fixed li.outlet a:hover {color: #333; font-weight: 800;}
#nav-top-fixed .lst-nav-fixed li.black-friday a, #nav-top-fixed .lst-nav-fixed li.black-friday a:hover {color: #333; font-weight: 800;}
#nav-top-fixed .lst-nav-fixed li.reseller a, #nav-top-fixed .lst-nav-fixed li.reseller a:hover {color: #333; font-weight: 300;}

#nav-top-fixed .lst-nav-fixed > li.highlight {background-color: #C29C6B; margin-right: 7px;}
#nav-top-fixed .lst-nav-fixed > li.highlight-promo {background-color: #76c1ba; /*#f06072*/ margin-right: 7px;}
#nav-top-fixed .lst-nav-fixed > li.highlight a {color: #FFF; /*#B47D34;*/}    
#nav-top-fixed .lst-nav-fixed > li.brasil {background-color: #4e9634; margin-left: 7px;}
#nav-top-fixed .lst-nav-fixed > li.brasil a, #nav-top-fixed .lst-nav-fixed > li.brasil a:hover {color: #FFF; text-decoration: none;}
#nav-top-fixed .lst-nav-fixed > li.sale {background-color: #8cbcca; /*b7005d 3a4e50 754c24 C1272D #CC0064*/; margin-left: 7px;}
#nav-top-fixed .lst-nav-fixed > li.sale-50 {background-color: #429BB5; /* C1272D #CC0064*/; margin-left: 7px;}
#nav-top-fixed .lst-nav-fixed > li.sale a, #nav-top-fixed .lst-nav-fixed > li.sale-50 a, #nav-top-fixed .lst-nav-fixed > li.highlight-promo a {color: #FFF;}
/*#nav-top-fixed .lst-nav-fixed > li.bag {background: transparent url(../img/icon-header-bag.svg) 10px 2px no-repeat; margin-left: 8px; padding-left: 30px;}
.no-svg #nav-top-fixed .lst-nav-fixed > li.bag {background: transparent url(../img/icon-header-bag.png) 0px 1px no-repeat;}*/

#nav-top-fixed .lst-nav-fixed > li.bazar {background-color: #d68399;}
#nav-top-fixed .lst-nav-fixed > li.bazar > a {color: #FFF;}

#nav-top-fixed .lst-nav-fixed > li.black-week {background-color: #151515; padding: 2px 10px; border-radius: 0px;}
#nav-top-fixed .lst-nav-fixed > li.black-week > a, .main-menu > li.black-week:hover, .main-menu > li.black-week > a:hover {color: #FFF !important;}
#nav-top-fixed .lst-nav-fixed > li.black-week > a {font-weight: bold;}

#nav-top-fixed .lst-nav-fixed > li.promo-alert {background-color: #E99394; /*#9D2033 #D82328; #98BFDF #eb5297; #BE0741*/ padding: 0px 7px; border-radius: 0px;}
#nav-top-fixed .lst-nav-fixed > li.promo-alert > a, .main-menu > li.promo-alert:hover, .main-menu > li.promo-alert > a:hover {color: #fff !important;}
#nav-top-fixed .lst-nav-fixed > li.promo-alert > a {font-weight: bold;}

#nav-top-fixed .lst-nav-fixed > li.promo-alert-2 {background-color: #CF907A; /*#D82328; #98BFDF #eb5297; #BE0741*/ padding: 0px 7px; border-radius: 0px;}
#nav-top-fixed .lst-nav-fixed > li.promo-alert-2 > a, .main-menu > li.promo-alert:hover, .main-menu > li.promo-alert > a:hover {color: #fff !important;}
#nav-top-fixed .lst-nav-fixed > li.promo-alert-2 > a {font-weight: bold;}

@media screen and (max-width: 1100px) {
    #nav-top-fixed {display: none;}
}
/**/

/* search header */
.box-search {
    border: none;
    border-radius: 0;
    height: 26px;	
    position: relative;
    width: 200px;
    margin: 24px 10px 0;
    background-color: #FFF;
    padding: 4px 0px 4px 0px;
    text-align: center;
    border-bottom: 1px solid #151515;
}

.box-search input {background-color: transparent; color: #151515; float: left; font-size: 12px; height: 26px; margin: 0px 0px 0px 0px; padding: 0px; border: none; border-radius: 0;}

.box-search button {
    background: transparent url(../img/header/search.svg) center center no-repeat;
    border: none;
    cursor: pointer;
    float: right;
    height: 24px;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    width: 24px;	
}

.box-search button:hover {
    background-color: transparent;
    border: none;
}

#f-search, #f-search-fixed, #f-search-mobile {display: flex; flex-direction: row; justify-content: space-between;}

.container-logo-search .box-search-mobile {display: none;}

.bag-header {
    background: transparent url(../img/header/bag.svg) center right no-repeat;
    height: 30px;	
    position: relative;
    width: 34px;
    margin: 24px 10px 0 10px;
    right: unset;
}

.bag-header a {height: 30px; width: 34px; display: block;}
.bag-header span {background-color: #38b6ff; /*#f9125f;*/ height: 20px; width: 20px; border-radius: 30px; font-size: 12px; color: #FFF; display: inline-block; margin: 13px 5px 0 0; text-align: center;}

.my-account-header {position: relative; margin: 32px 10px 0; display: flex;}
.my-account-header a {font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; min-width: 120px; text-transform: uppercase;}
.my-account-header a:hover {color: #111; text-decoration: none;}

.top-links .bag {
    background: transparent url(../img/header/bag.svg) center right no-repeat;
    display: inline-block;
    height: 30px;	
    width: 30px;
    background-size: contain; 
}
.top-links .bag a {height: 30px; width: 30px; display: block; margin: 0; padding: 0;}
.top-links .bag span {background-color: #38b6ff; /*#f9125f;*/ height: 20px; width: 20px; border-radius: 30px; font-size: 12px; color: #FFF; display: inline-block; margin: 13px 5px 0 0; text-align: center; line-height: 18px;}

@media screen and (max-width: 1550px) {
    #nav-top-fixed .bag-header {position: relative; right: unset !important;}
    #nav-top-fixed .reseller {display: none !important;}
}

@media screen and (max-width: 1400px) {
    /*.bag-header {right: 350px !important;}*/

    #nav-top-fixed {height: 80px;}
    #nav-top-fixed .logo {margin: 5px auto 0; height: 70px; background-position: center center;}
    #nav-top-fixed .lst-nav-fixed {margin: 30px 0 0 0;}
    #nav-top-fixed .box-search {margin: 25px 10px 0;}
    #nav-top-fixed .bag-header {margin: 25px 5px 0 5px;}
    #nav-top-fixed .my-account-header {margin: 30px 0 0 0;}
}
@media screen and (max-width: 1300px) {
    .container-logo-search .logo, #nav-top-fixed .logo {width: 250px;}
    .main-menu > li > a, .my-account-header a, #nav-top-fixed .lst-nav-fixed a{font-size: 14px; font-weight: 600;}    
    .main-menu > li {padding: 2px 10px;}
    /*.bag-header {margin: 45px 10px 0 10px;}*/
}

@media screen and (max-width: 1300px) {
    #nav-top-fixed .box-search {display: none;}
}

@media screen and (max-width: 850px) {
    .box-search-mobile {margin: 20px auto; width: 100%; box-sizing: border-box; height: auto; padding: 5px 10px 5px 20px;}        
    .box-search-mobile input {margin-left: 0; width: 100%; font-size: 16px;}
    .box-search-mobile button {margin-right: 0;}
    #box-search-index {display: none;}
}

/**/

.container-banner-internal img {width: 100%;}

/* tool-bars */

/*.title-bar {background-color: #C29C6B; height: 44px; width: 100%;}*/
.title-bar {border-top: 1px solid #C29C6B; height: 36px; margin: 0px auto; }
.simple-bar {background-color: #C29C6B; height: 4px; width: 100%;}

.result-bar {min-height: 32px; padding-bottom: 12px; width: 100%; margin: 20px auto;}
.txt-result-search {display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; line-height: 22px; margin: 20px 10px 0px 0px;}
.count-result-search {display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; font-style: italic; margin: 12px 0px 0px 0px;}

.container-seals-bar {background-color: #fff; margin: 0 auto 0; width: 100%; text-align: center; padding: 26px 0;}
.container-seals-bar > div {display: flex; flex-direction: row; justify-content: space-around; max-width: 1345px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
/*.container-seals-bar > div .consultant {background: transparent url(../img/seals/consultant.svg) center center no-repeat; background-size: 324px 40px; background-size: 324px; width: 342px;}
.container-seals-bar > div .shipping {background: transparent url(../img/seals/shipping.svg) center center no-repeat; background-size: 297px 40px; background-size: 297px; width: 297px;}
.container-seals-bar > div .card {background: transparent url(../img/seals/card.svg) center center no-repeat; background-size: 204px 40px; background-size: 204px; width: 204px;}
.container-seals-bar > div .exchange {background: transparent url(../img/seals/exchange.svg) center center no-repeat; background-size: 216px 40px; background-size: 216px; width: 216px;}*/
.container-seals-bar > div img {height: 80px; width: 100%;}
.container-seals-bar > div div {height: 80px; margin: 0 20px; width: 200px;}
.container-seals-bar-internal {padding: 14px 0 12px;}
 
.info-sale-bar {background-color: #f9e5de; display: block !important; margin: 0 auto 0; width: 100%; text-align: center; padding: 20px 0;}
.info-sale-bar ul {list-style: none; width: 100%; max-width: 1400px; margin: 0 auto;}
.info-sale-bar ul li {background-size: contain !important; display: inline-block; height: 40px; padding: 0 1.4%; width: 25%;}
.info-sale-bar ul li:first-of-type {border-left: none;}
.info-sale-bar ul li.exchange {background: url(../img/info-sale-bar-exchange-19.svg) center center no-repeat;}
/*.info-sale-bar ul li.number {background: url(../img/info-sale-bar-number-card-4x-60-19.svg) center center no-repeat;}*/
.info-sale-bar ul li.number {background: url(../img/info-sale-bar-number-card-6x-30.svg) center center no-repeat;}
.info-sale-bar ul li.number-12 {background: url(../img/info-sale-bar-12x.svg) center center no-repeat;}
/*.info-sale-bar ul li.ship {background: url(../img/info-sale-bar-ship-17-19.svg) center center no-repeat; border-left: #EFDFD5 1px solid; border-right: #EFDFD5 1px solid;}*/
.info-sale-bar ul li.ship {background: url(../img/info-sale-bar-ship-249-sul.svg) center center no-repeat; border-left: #EFDFD5 1px solid; border-right: #EFDFD5 1px solid;}
.info-sale-bar ul li.contact {background: url(../img/info-sale-bar-contact.svg) left center no-repeat; padding: 0 1.4% 0 0; width: 23.4%;}
.info-sale-bar ul li.ship-24h {background: url(../img/info-sale-bar-24h.svg) left center no-repeat; padding: 0 1.4% 0 0; width: 23.4%;}
.info-sale-bar ul li.min-order {background: url(../img/info-sale-bar-min-order.svg) left center no-repeat; padding: 0 1.4% 0 0; width: 23.4%;}
.info-sale-bar ul li.ship-south {background: url(../img/info-sale-bar-ship-south.svg) center center no-repeat;}
.info-sale-bar ul li.installments-300 {background: url(../img/info-sale-bar-installments-300.svg) center center no-repeat;}
.info-sale-bar ul li.discount {background: url(../img/info-sale-bar-discount.svg) 0px 0px no-repeat;}
.info-sale-bar-home {display: none;}
.ad-bdtop-index {border-top: 6px solid #C29C6B;}

.no-svg .info-sale-bar ul li.exchange {background: url(../img/info-sale-bar-exchange.png) 0px 0px no-repeat;}
.no-svg .info-sale-bar ul li.number {background: url(../img/info-sale-bar-number-card-4x-60.png) 0px 0px no-repeat;}
.no-svg .info-sale-bar ul li.number-12 {background: url(../img/info-sale-bar-12x.png) 0px 0px no-repeat;}
.no-svg .info-sale-bar ul li.ship {background: url(../img/info-sale-bar-ship-249-sul.png) center center no-repeat;}
.no-svg .info-sale-bar ul li.contact {background: url(../img/info-sale-bar-contact.png) right center no-repeat;}
.no-svg .info-sale-bar ul li.ship-24h {background: url(../img/info-sale-bar-24h.png) left center no-repeat;}
.no-svg .info-sale-bar ul li.min-order {background: url(../img/info-sale-bar-min-order.png) left center no-repeat;}
.no-svg .info-sale-bar ul li.ship-24h {background: url(../img/info-sale-bar-ship-south.png) center center no-repeat;}
.no-svg .info-sale-bar ul li.installments-300 {background: url(../img/info-sale-bar-installments-300.png) center center no-repeat;}
.no-svg .info-sale-bar ul li.discount {background: url(../img/info-sale-bar-discount.png) 0px 0px no-repeat;}

.info-sale-bar-no-desktop {display: none;}
.info-sale-bar-slim {display: block; margin: 10px auto 0; max-width: 1250px; height: auto; padding: 0px 0px; text-align: center;}
.info-sale-bar-slim > span {color: #B89251; display: block; font-size: 12px; line-height: 16px; text-transform: uppercase;}
.info-sale-bar-slim > span > span {font-weight: 400;}

.title-bar h1 {color: #B47D34; font-size: 20px; float: left; margin: 3px 0px 0px 0px; text-transform: uppercase; min-width: 140px;}
.title-bar span.path {color: #C29C6B; font-size: 12px; float: left; font-style: italic; margin: 7px 0px 0px 20px;}
.title-bar span.path a {color: #C29C6B; text-decoration: none;}
.title-bar span.path a:hover {text-decoration: underline;}
.title-bar h1.no-w {margin: 8px 20px 0px 0px !important; width: auto;}
.title-bar.no-bg {background-color: #FFF; border-top: 4px solid #C29C6B;}
.title-bar.no-bg span.path, .title-bar.no-bg span.path a {color: #C19B6B;}

.values-items-selected {color: #BF996B; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 13px; min-height: 20px; vertical-align: top;}
#values-size-selected {margin: 12px 0px 0px 198px; width: 108px;}
#values-gender-selected {margin: 12px 0px 0px 20px; width: 104px;}
#values-price-selected {margin: 12px 0px 0px 10px; width: 200px;}

.info-sale-bar, .info-sale-bar-slim, .info-sale-bar-no-desktop {display: none;}

@media screen and (max-width: 1060px) {
    #values-size-selected {margin: 12px 0px 0px 158px;}
}
@media screen and (max-width: 980px) {
    #values-size-selected {margin: 12px 0px 0px 78px;}
    .info-sale-bar ul li {width: 29%;}
}

@media screen and (max-width: 850px) {
    .container-banner-internal {display: none;}
    
    .title-bar {border-top: none;}
    .title-bar .no-bg {border-top: 4px solid #C29C6B;}
    .info-sale-bar ul li {border-left: none; padding: 0 1.5%;}
    .info-sale-bar {height: 55px;}
    .info-sale-bar ul li {height: 35px;}
}

@media screen and (max-width: 780px) {
    .container-seals-bar > div {flex-direction: row; justify-content: space-around;}    
    .container-seals-bar .consultant {display: none;}
    .container-seals-bar .exchange {display: none;}
    .container-seals-bar-no-mobile {display: none;}
    
    #values-size-selected {margin: 12px 0px 0px 68px; width: 88px;}
    #values-gender-selected {margin: 12px 0px 0px 20px; width: 85px;}
    .info-sale-bar ul li.ship {border-left: none; border-right: none;}
    
    .info-sale-bar-no-desktop {display: block;}
    .info-sale-bar-slim {display: none;}
    
    .info-sale-bar, .info-sale-bar-slim, .info-sale-bar-no-desktop {display: none;}
}
@media screen and (max-width: 680px) {
    .container-seals-bar > div {flex-wrap: wrap;}
    .container-seals-bar > div div {margin: 5px auto 20px;}
    
    .title-bar h1 {width: 100%;}
    #values-size-selected {margin: 12px 0px 0px 18px;}    
}
@media screen and (max-width: 630px) {    
    .values-items-selected {display: none;}
    .title-bar span.path {display: none;}
}
@media screen and (max-width: 480px) {
    .info-sale-bar ul li {padding: 0 0; width: 50%;}
    .info-sale-bar ul li.ship-24h, .info-sale-bar ul li.contact, .info-sale-bar ul li.number-12, .info-sale-bar ul li.exchange {display: none;}
    .info-sale-bar ul li.number, .info-sale-bar ul li.ship {width: 49%;}
    
    /* verão lançamento */
    /*.info-sale-bar {display: none;}*/
    .info-summer-home {width: 100%; height: 42px; display: block; background: url(../img/banners/verao-2019/info-sale-summer-19-home-2.svg) center center no-repeat;}
}

/**/

.title-page-bar {background-color: #C29C6B; display: inline-block; height: 88px; width: 100%;}
.title-page-bar > div {color: #FFF; font-family: "Montserrat", sans-serif; font-size: 16px; margin: 35px 0 0 0; text-align: center;}
.title-page-bar > div span {background: url(../img/ln-title-bar-page.png) 0px 0px repeat-x; display: inline-block; height: 2px; margin: 0px 20px; vertical-align: middle; width: 150px;}
.title-page-bar > div p {display: inline-block;}

.title-page-bar-index > div {margin: 0;}
.title-page-bar .payment-condition-index-banner {background: transparent url(../img/6x-img-index.svg) center center no-repeat; display: inline-block; height: 88px; vertical-align: middle; width: 444px;}
.no-svg .title-page-bar .payment-condition-index-banner {background: transparent url(../img/6x-img-index.png) center center no-repeat;}

@media screen and (max-width: 850px) {
    .title-page-bar > div span {width: 50px;}
}
@media screen and (max-width: 630px) {
    .title-page-bar > div span {display: none;}
    .title-page-bar .payment-condition-index-banner {background-size: contain; width: 90%;}
}

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


/*************************
 3 - Banner
**************************/

.container-banner {
    /*border-bottom: #C29C6B 4px solid;
    border-top: #C29C6B 4px solid;*/
    width: 100%;	
}

.container-banner-coupon {display: flex; justify-content: center; background-color: #151515; padding: 0 10px; line-height: 0;}
.container-banner-coupon img {max-width: 100%;}

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

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

@media screen and (max-width: 700px) {
    .banner-only-desktop {display: none;}
    .banner-only-mobile {display: block;}
}


/* Newsletter box */
.box-newsletter {background-color: #FFF; border: none; height: 530px; width: 100%;}
.box-newsletter > #invitation {/*background: #666 url(../img/) center center no-repeat;*/ background-color: #FFF; height: 100%; display: flex; flex-direction: row; justify-content: space-between; text-align: center;}
.box-newsletter > #invitation > div {width: 50%; display: flex; flex-direction: column; padding: 20px; box-sizing: border-box;}
.box-newsletter > #invitation > .box-photo {background: #FFF url(../img/banners/promo/newsletter-22.jpg) left center no-repeat;}
/*.box-newsletter #box-thanks {display: none !important;}*/
.box-newsletter #show-code {color: #FFF; font-size: 20px; margin: 300px auto 0; display: inline-block; width: 100%; text-align: center;}
.box-newsletter h1, .box-newsletter h2, .box-newsletter h2 span, .box-newsletter span {color: #151515; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.box-newsletter h1 {font-size: 22px; font-weight: bold; margin: 40px auto 10px;}
.box-newsletter h2 {font-size: 18px; font-weight: 800; line-height: 18px; margin: 15px auto;}
.box-newsletter h2 span {font-size: 24px; font-weight: 900; display: block; margin: 4px auto; line-height: 28px;}
.box-newsletter span {color: #333; font-size: 11px; font-weight: 500; line-height: 14px; text-transform: unset;}
.box-newsletter a {color: #151515; margin: 30px auto 0;}
.box-newsletter #box-thanks img {margin: 50px auto 10px !important;}
.box-newsletter #box-thanks h2 {font-size: 16px;}
.box-newsletter #box-thanks h2 span {color: #000000; font-size: 22px; margin: 15px auto;}
#box-thanks h1, #box-thanks h2, #box-thanks h2 span, #box-thanks span {text-transform: unset;}


#f-newsletter-splash {padding: 0px 0px 0px 0px; text-align: center; margin: 20px auto 0; display: flex; width: 100%; flex-direction: column;}
#f-newsletter-splash input {background-color: #FFF; border: none; border-bottom: 1px solid #eaeaea; border-radius: 0; color: #151515; padding: 0px 0px; margin: 0 auto 10px; width: 80%; max-width: 280px; color: #333; font-size: 14px; font-weight: 500;}
#f-newsletter-splash button, .box-newsletter button  {background-color: #000000; border: none; max-width: 280px; margin: 20px auto 0; padding: 5px 20px;}
/**/

@media screen and (max-width: 1000px) {
    .box-newsletter > #invitation {flex-direction: column;}
    .box-newsletter > #invitation > div {width: 100%;}
    .box-newsletter > #invitation > .box-photo {height: 150px; background-position: top left; background-size: 100%;}
    .box-newsletter .box-info {padding: 30px;}
    .box-newsletter .box-info {margin: 10px auto 10px;}
    .box-newsletter .box-info a {margin: 20px auto 0px;}
    .box-newsletter {height: auto;}
    .box-newsletter > ul > li.photo {height: auto;}
    .box-newsletter > ul > li.toolbar {height: auto;}
    .box-newsletter .title-newsletter div span {display: none;}
    #f-newsletter-splash input, #f-newsletter-splash button {width: 90%; box-sizing: border-box; margin: 0 auto 10px;}
    .box-newsletter #box-thanks img {margin: 20px auto 10px !important;}
    .box-newsletter #box-thanks h1 {margin-top: 20px;}
}

@media screen and (max-width: 800px) {
    .box-home > .no-effect > img {width: 100%;}
    .effect-box > blockquote {font-size: 24px; line-height: 24px;}
    .effect-box > blockquote span {font-size: 14px;}
    .box-home .circle {height: 108px; width: 108px;}
    
    #wp-newsletter {overflow-y: scroll;}
}

@media screen and (max-width: 700px) {
    .box-home .circle {height: 90px; width: 90px;}
    .box-home .circle blockquote {font-size: 10px; line-height: 14px;}
    .box-home .circle blockquote > span {font-size: 18px; margin-top: 0px;}
}

@media screen and (max-width: 600px) {
    
    .effect-box > blockquote {font-size: 20px;}
    .effect-box > blockquote span {font-size: 14px; margin-top: 4px;}
    
    .no-in-smartphone {display: none !important;}      

}


/*************************
 4 - Section
**************************/

.loading {background: #FFF url("../img/loading-buy.gif") no-repeat scroll 10px 10px; color: #333; display: none; font-family: "Montserrat",sans-serif; font-size: 13px; height: 28px; width: 100px; z-index: 9999; top: 0px; left: -1000px; padding: 14px 0px 6px 46px; position: fixed; border: 1px solid !important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-color: #fff !important;}
.ad-mar {margin: 20px 0px;}

.info-promo-mobile {border-bottom: none; display: block; font-weight: 400; margin: 20px 0px; padding: 10px 0px; background-color: #E55394; box-sizing: border-box; padding: 5px; color: #FFF; width: 100%; text-align: center;}
.info-promo-mobile > span {font-weight: 600;}

/* category - product */

.container-product-list {display: inline-block; width: 100%; /*75%*/}
ul.product-list {list-style: none; margin: 0px 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}

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

ul.product-list li a {text-decoration: none;}

ul.list-seals-product {list-style: none; margin: 10px 10px; position: absolute; z-index: 997;}
ul.list-seals-product > li {height: 52px; margin: 0px 0 0 5px; position: relative; width: 52px; text-align: center;}
ul.list-seals-product-page-pro {margin: 10px 0 0 16%; /*116px;*/}

ul.list-seals-product li.icon-seals-new {background-color: #000000; height: 20px; width: 40px; font-size: 13px; font-style: italic; color: #fff; margin: 0px 0 5px 0px; border-radius: 2px;}
.no-svg ul.list-seals-product li.icon-seals-new {background-color: #DBAC54; height: 20px; width: 40px; font-size: 13px; font-style: italic; color: #fff;}
/*ul.list-seals-product li.icon-seals-off {background-color: #DBAC54; height: 20px; width: 40px;}
ul.list-seals-product li.icon-seals-off > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 13px; font-style: italic; margin: 0px 0 0 0;}*/

/* padrão ul.list-seals-product li.icon-seals-off {background-color: #ED1A6D; height: 20px; width: 40px;}*/
/*ul.list-seals-product li.icon-seals-off {background-color: #CC0064; height: 20px; width: 40px; margin: 0; border-radius: 0px;}
ul.list-seals-product li.icon-seals-off > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 13px; font-style: italic; margin: 0 0 0 0;}*/



ul.list-seals-product li.icon-seals-off {height: 20px; width: 70px; box-sizing: border-box; margin: 0 0 0 0px; border-radius: 4px; background-color: #151515; padding: 0 2px;}
ul.list-seals-product li.icon-seals-off > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; font-style: normal; margin: 0; padding: 0; line-height: 20px;}

/*
ul.list-seals-product li.icon-seals-off {border-radius: 2px; height: 24px; width: 58px; box-sizing: border-box; margin: 0 0 0 0px; border-radius: 2px; background-color: #7e192a; padding: 0 2px; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important;}
ul.list-seals-product li.icon-seals-off > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; font-style: italic; margin: 0; background-color: #7e192a; padding: 0;}
*/
ul.list-seals-product li.icon-seals-off-bazar {background: #E99394 url('../img/promo/bazar-inverno-2021/seal-bazar.svg') 0px 7px no-repeat; background-size: contain !important; width: 40px; height: 107px; margin: 0 0; min-height: 34px; padding-bottom: 8px}
ul.list-seals-product li.icon-seals-off-bazar > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; font-style: italic; margin: 52px auto 0; background-color: #FD9354; padding: 0;}

ul.list-seals-product li.icon-seals-off-bazar-price {border-radius: 2px; height: auto; width: 40px; box-sizing: border-box; margin: 1px 0 0 0px; border-radius: 0; background-color: #E99394; padding: 2px 2px;}
ul.list-seals-product li.icon-seals-off-bazar-price > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; font-style: italic; margin: 0; background-color: #E99394; padding: 0;}

ul.list-seals-product li.icon-seals-off-black-week {background: #000 url(../img/banners/black-week-2019/seal-qv-black.png) center top no-repeat; height: 110px; width: 75px; margin: 0 0 0 0; border-radius: 0px;}
ul.list-seals-product li.icon-seals-off-black-week > span {background-color: #EB9D2E; color: #000; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 15px; font-style: normal; margin: 84px 0 0 0; padding: 4px; width: 100%; box-sizing: border-box;}

ul.list-seals-product li.icon-seals-promo-alert {background-color: #FD9354; /*#BE0741*/ color: #FFF; font-size: 10px; margin: 0 0 0; height: 30px; border-radius: 2px; width: 50px; line-height: 14px;}

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;}

ul.list-seals-product li.icon-seals-bf {background: transparent url('../img/icon-seal-bazar-winter18.svg') 0px 0px no-repeat; background-size: contain !important; width: 67px; height: 67px;}
.no-svg ul.list-seals-product li.icon-seals-bf {background: transparent url('../img/icon-seal-bazar-winter18.png') 0px 0px no-repeat; background-size: contain !important; width: 67px; height: 67px;}

ul.list-seals-product li.icon-seals-bazar {/*display: none;*/ background: transparent url('../img/promo/bazar-verao-2020/seal-bazar.svg') 0px 0px no-repeat; background-size: contain !important; width: 67px; height: 67px; margin-top: 5px; margin-bottom: 5px;}
.no-svg ul.list-seals-product li.icon-seals-bazar {/*display: none;*/ background: transparent url('../img/promo/bazar-verao-2020/seal-bazar.png') 0px 0px no-repeat; background-size: contain !important; width: 67px; height: 67px;}

/*ul.list-seals-product li.icon-seals-outlet {border-radius: 2px; background: #AD0064 url('../img/icon-seal-outlet.svg') -1px -10px no-repeat; background-size: contain !important; width: 54px; height: auto; margin: 0 0;}
ul.list-seals-product li.icon-seals-outlet > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 15px; font-style: italic; margin: 30px auto 0; background-color: #AD0064; padding: 0px 0 7px 0;}
*/
/*ul.list-seals-product li.icon-seals-outlet {border-radius: 2px; background: #AD0064 url('../img/icon-seal-outlet-2.svg') 0px 7px no-repeat; background-size: contain !important; width: 54px; height: auto; margin: 0 0; min-height: 34px;}
ul.list-seals-product li.icon-seals-outlet > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 15px; font-style: italic; margin: 30px auto 0; background-color: #AD0064; padding: 0px 0 7px 0;}
*/

ul.list-seals-product li.icon-seals-off-liquida {border-radius: 0; background: #8cbcca url('../img/promo/liquida-inverno-21/seal-liquida.svg') 0px 7px no-repeat; background-size: contain !important; width: 40px; height: 107px; margin: 0 0; min-height: 34px; padding-bottom: 8px;}
ul.list-seals-product li.icon-seals-off-liquida-price {border-radius: 2px; height: auto; width: 40px; box-sizing: border-box; margin: 0 0 0 0px; border-radius: 0; background-color: #DBAC54; padding: 2px 2px; }
ul.list-seals-product li.icon-seals-off-liquida-price > span {color: #FFF; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; font-style: italic; margin: 0; background-color: #DBAC54; padding: 0;}

.icon-seals-liquida-progressiva {position: relative; margin: 5px 0 -5px; background: transparent url(../img/promo/liquida-prog-verao-2020/seal-liquida.svg) center center no-repeat; height: 42px; width: 100%; box-sizing: border-box; background-size: contain;}
ul.list-seals-product li.icon-seals-liquida-progressiva {margin: 5px 0 5px; background: transparent url(../img/promo/liquida-prog-verao-2020/seal-liquida.svg) center center no-repeat; height: 42px; width: 100px; box-sizing: border-box; background-size: contain;}

.icon-seals-promo {position: relative; margin: 5px 0 -5px; background: transparent url(../img/promo/bazar-2020/bazar-2020.svg) center center no-repeat; height: 42px; width: 100%; box-sizing: border-box; background-size: contain;}
ul.list-seals-product li.icon-seals-promo {margin: 5px 0 5px; background: transparent url(../img/promo/bazar-2020/bazar-2020.svg) center center no-repeat; height: 42px; width: 90px; box-sizing: border-box; background-size: contain;}


/*icon-seal-outlet.png*/

ul.list-seals-product li.icon-seals-black-week {background: transparent url('../img/banners/black-week-2018/seal-bw.svg') 0px 0px no-repeat; background-size: contain !important; width: 60px; height: 48px;}
.no-svg ul.list-seals-product li.icon-seals-black-week {background: transparent url('../img/banners/black-week-2018/seal-bw.png') 0px 0px no-repeat; background-size: contain !important; width: 60px; height: 48px;}

/*ul.list-seals-product li.icon-seals-bf {background-color: #84cef2; height: 20px; width: 40px; font-size: 9px; font-style: italic; color: #fff;}
.no-svg ul.list-seals-product li.icon-seals-bf {background-color: #84cef2; height: 20px; width: 40px; font-size: 13px; font-style: italic; color: #fff;}

/* Progressive discount */
ul.list-seals-product li.icon-seals-progressive-discount {background: transparent url('../img/promo/progressive-discount/icon-progressive-discount.svg') 0px 0px no-repeat;}
.no-svg ul.list-seals-product li.icon-seals-progressive-discount {background: transparent url('../img/promo/progressive-discount/icon-progressive-discount.png') 0px 0px no-repeat;}
ul.list-seals-product li.icon-seals-progressive-discount-10 {background: transparent url('../img/promo/progressive-discount/icon-progressive-discount-10.svg') 0px 0px no-repeat;}
.no-svg ul.list-seals-product li.icon-seals-progressive-discount-10 {background: transparent url('../img/promo/progressive-discount/icon-progressive-discount-10.png') 0px 0px no-repeat;}
ul.list-seals-product li.icon-seals-progressive-discount-15 {background: transparent url('../img/promo/progressive-discount/icon-progressive-discount-15.svg') 0px 0px no-repeat;}
.no-svg ul.list-seals-product li.icon-seals-progressive-discount-15 {background: transparent url('../img/promo/progressive-discount/icon-progressive-discount-15.png') 0px 0px no-repeat;}
/**/

.sel-level-discount {list-style: none;}
.sel-level-discount li {border: 1px solid #BE9859; min-height: 24px; margin: 10px 0; padding: 5px 10px;}
.sel-level-discount li:hover, .sel-level-discount li.selected {background-color: #BE9859; cursor: pointer;}
.sel-level-discount li:hover label, .sel-level-discount li.selected label {color: #FFF;}
.sel-level-discount li label.side {display: block !important;}
 
.container-colors-qv{position: absolute; bottom: 0px; width: 100%; text-align: center; height: 54px; box-sizing: border-box; overflow: hidden;}

.box-size-colors {background: transparent url(../img/px-white-colors-qv.png) left top repeat; height: 54px; margin-top: 54px; position: relative; display: flex; flex-direction: row; justify-content: space-between; padding: 18px 20px; box-sizing: border-box;}

ul.lst-sizes-qv {list-style: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.lst-sizes-qv > li {margin: 0 4px 0 0; background-color: #FFF; width: 22px; height: 22px; box-sizing: border-box; font-size: 11px; padding: 4px 4px; line-height: 15px; font-weight: 500; text-transform: uppercase;}

ul.lst-colors-qv {/*background: transparent url(../img/px-white-colors-qv.png) left top repeat;*/ margin-top: 0px; position: relative; height: 30px; box-sizing: border-box; padding: 0px 0px;}
ul.lst-colors-qv li {border: 1px solid #FFF; border-radius: 4px; display: inline-block; height: 16px; width: 16px;}
ul.lst-colors-qv li:hover {border: 1px solid #BF995B; cursor: pointer;}
ul.lst-colors-qv li span {border-radius: 4px; display: block; height: 14px; margin: 1px; width: 14px;}
ul.lst-colors-qv li.color-selected {border: 1px solid #333;}

.info-zoom-mobile {display: none; margin: 0 auto; text-align: center; font-weight: 400;}

.about-foguetesurfboards-logo {background: transparent url(../img/header/logo-foguete-surfboards.svg) left center no-repeat; display: block; height: 70px; width: 300px; vertical-align: top; margin: 5px auto 0; background-size: contain;}

.show-product-features {display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px auto 0px; width: 100%; justify-content: space-between;}
.show-product-features div {width: 24%; margin-bottom: 40px;}
.show-product-features div span {text-transform: uppercase; font-weight: 700; margin-bottom: 20px; display: inline-block;}
.show-product-features div img {border: 1px solid #151515; border-radius: 10px; max-width: 100%;}


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

@media screen and (max-width: 1200px) {
    ul.list-seals-product-page-pro {margin: 5px 0 0 86px;}
}

@media screen and (max-width: 1024px) {
    .container-colors-qv {position: relative; padding: 10px 0 0; height: 34px;}
    /*.container-colors-qv .lst-sizes-qv {display: none;}*/
    .box-size-colors {margin-top: 0px; padding: 0px;}
    ul.lst-colors-qv {margin-top: 0px !important;}
}
                     
@media screen and (max-width: 850px) {
    ul.product-list > li {width: 32%;}
    .info-promo-mobile {/*display: block; */ text-align: left;}
    ul.lst-colors-qv li {height: 16px; margin: 2px; width: 16px;}
    ul.lst-colors-qv li span {display: block; height: 14px; margin: 1px; width: 14px;}    
    
    .show-product-features {flex-direction: column;}
    .show-product-features div {width: 100%; margin-bottom: 40px; text-align: center;}
    .show-product-features div span {font-size: 16px; display: block;}
}

@media screen and (max-width: 740px) {
    ul.product-list > li {width: 99%;}
    
    /* Black Week */
    ul.list-seals-product li.icon-seals-off-black-week {background: #000 url(../img/banners/black-week-2019/seal-qv-black.svg) center top no-repeat; width: 60px; background-size: contain; height: 90px; /*70px*/}
    ul.list-seals-product li.icon-seals-off-black-week > span {margin: 70px 0 0 0;}
    /**/
    .icon-seals-liquida-progressiva, ul.list-seals-product li.icon-seals-liquida-progressiva {height: 30px;}
    .icon-seals-promo, ul.list-seals-product li.icon-seals-promo {height: 30px;}
    
    ul.list-seals-product li.icon-seals-liquida-progressiva, ul.list-seals-product li.icon-seals-promo {width: 60px;}
    
    .container-product-photos ul.list-seals-product li.icon-seals-liquida-progressiva, .container-csell-photos ul.list-seals-product li.icon-seals-liquida-progressiva {height: 42px; width: 100px;}
    .container-product-photos ul.list-seals-product li.icon-seals-promo, .container-csell-photos ul.list-seals-product li.icon-seals-promo {height: 42px; width: 100px;}
    
}

@media screen and (max-width: 630px) {    
    /*.container-product-list {width: 58%;}*/
    
    /* somente no bazar*/
    /*.container-product-photos ul.list-seals-product li.icon-seals-off {margin-left: 15px;}
    ul.list-seals-product li.icon-seals-off {margin-left: 10px;}*/
    
    .info-zoom-mobile {display: block;}
    
    ul.lst-colors-qv li {height: 20px; margin: 2px; width: 20px;}
    ul.lst-colors-qv li span {display: block; height: 18px; margin: 1px; width: 18px;}
    
    ul.list-seals-product {margin: 5px;}
    ul.list-seals-product > li {margin: 0px 0 5px 0px;}
    ul.list-seals-product li.icon-seals-bf {width: 60px; font-size: 8px;}
    ul.list-seals-product li.icon-seals-bazar {width: 60px; height: 60px; font-size: 8px;}

    /*black week */
    ul.list-seals-product li.icon-seals-off-black-week {margin: 0;}
    ul.list-seals-product li.icon-seals-black-week {margin: 0;}
    
    /*ul.list-seals-product li.icon-seals-off-bazar {width: 50px; margin: 0px;}
    ul.list-seals-product li.icon-seals-off-bazar > span {font-size: 14px; margin: 45px auto 0;}
    ul.list-seals-product li.icon-seals-off {width: 50px;}*/

}

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

@media screen and (max-width: 470px) {
    /*.container-product-list {width: 100%;}*/
    .sel-level-discount li label.side {display: inline-block !important;}
}

.wrapper-qv-product {
    /*background-color: #CCC;*/
    border: #FFF 1px solid;
    /*height: 520px;*/ /* 560px */
    margin: 0 auto;
    max-width: 355px; /* 243px */
    text-align: left;
    position: relative;
}

/*.wrapper-qv-product:hover {border: #EFDFD5 1px solid;}*/
/*
.wrapper-qv-product:hover .hover-detail {opacity: 1;}
*/

.wrapper-qv-product span {display: block; font-family: 'Montserrat', sans-serif; font-weight: 400; margin: 10px 20px 10px;}
.wrapper-qv-product span.name {color: #151515; font-size: 14px; line-height: 20px; margin: 10px 0 3px 0 !important; font-weight: 600; text-transform: uppercase;}
.wrapper-qv-product span.old-price {color: #999; display: inline-block; font-family: 'Montserrat', cursive; font-size: 15px; font-weight: 600; text-decoration: line-through; margin: 0px 0px;}
.wrapper-qv-product span.price {color: #151515; display: inline-block; font-family: 'Montserrat', cursive; font-size: 15px; font-weight: 600; margin: 0px 3px;}
.wrapper-qv-product span.old-price span, .wrapper-qv-product span.price span {color: #151515; display: inline-block; font-size: 12px; margin: 0px 3px 0px 0px; vertical-align: top;}
.wrapper-qv-product span.info {color: #999; /*#999*/ font-size: 14px; margin: 3px 0px;}
    
/*.wrapper-qv-product span {display: block; font-family: 'Montserrat', sans-serif; font-weight: 300; margin: 10px 20px 10px;}
.wrapper-qv-product span.name {color: #B89251; font-size: 20px; line-height: 20px; margin-top: 10px !important;}
.wrapper-qv-product span.old-price {color: #AAA; font-family: 'Poiret One', cursive; font-size: 16px; text-decoration: line-through; margin: 5px 10px;}
.wrapper-qv-product span.price {color: #151515; font-family: 'Poiret One', cursive; font-size: 21px; margin: 5px 10px;}
.wrapper-qv-product span.old-price span, .wrapper-qv-product span.price span {color: #B89251; display: inline-block; font-size: 12px; margin: 0px 3px 0px 0px; vertical-align: top;}
.wrapper-qv-product span.info {color: #B89251; font-size: 13px; font-style: italic; margin: 3px 20px;}
*/
.ef-tr {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.ef-tr:hover {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

/* Container Pix */
.box-boleto-pix {background-color: #32bca9; /*#7ccc2c*/ margin: 0 0 0 10px !important; border-radius: 4px; padding: 1px 5px; color: #FFF !important; font-weight: 500; font-size: 11px !important; font-family: Montserrat,sans-serif;}
.container-info-pix {background: #f2f2f2 url(../img/pix-logo-small.svg) 8px 7px no-repeat; background-size: 38px 38px; border-radius: 4px; padding: 7px 8px 7px 54px; min-height: 48px; min-width: 220px; box-sizing: border-box; display: block; margin: 10px 0 5px; max-width: 310px; font-size: 12px; text-align: left;}
.container-info-pix .pix-price {font-weight: 600; font-size: 15px; line-height: 18px; display: flex; align-items: center; /*font-family: 'Roboto', sans-serif;*/}
.container-info-pix-qv {background: #f2f2f2 url(../img/pix-logo-small.svg) 4px 2px no-repeat; background-size: auto; background-size: 12px 12px; padding: 0 0 0px 20px; box-sizing: border-box; margin: 3px 0 3px; min-height: 16px; min-width: auto;}
.container-info-pix-qv .pix-price {font-weight: 400; font-size: 13px; line-height: 14px; color: #333; margin: 0;}
.container-info-pix-qv .box-boleto-pix {margin-left: 5px !important;}
/**/

/*.wrapper-img-qv {min-height: 333px; max-height: 333px; max-width: 243px; position: relative;}*/
.wrapper-img-qv {/*min-height: 400px;*/ max-height: 510px; max-width: 355px; position: relative;}
.wrapper-img-qv img {opacity: 1; position: absolute; width: 100%; left: 0px; top: 0px;}
.wrapper-img-qv img.img-wrapper-over {opacity: 0; position: absolute; -webkit-transition: opacity .3s cubic-bezier(.07, .03, .26, .17) .3s; -moz-transition: opacity .3s cubic-bezier(.07, .03, .26, .17) .3s; -o-transition: opacity .3s cubic-bezier(.07, .03, .26, .17) .3s; transition: opacity .3s cubic-bezier(.07, .03, .26, .17) .3s;}
.wrapper-img-qv img.img-wrapper-over:hover {opacity: 1;}
.loading-img-wrapper {background: #FFF url("../img/loading-buy.gif") no-repeat scroll center center; display: block;}

/*.hover-detail {background-color: #C29C6B; border: #FFF 5px solid; border-radius: 100px; height: 91px; left: 76px; opacity: 0; position: absolute; top: 156px; width: 91px; z-index: 998;}*/
.hover-detail {background-color: #C29C6B; border: #FFF 5px solid; border-radius: 100px; height: 90px; left: 50%; margin-left: -50px; opacity: 0; position: absolute; top: 156px; width: 90px; z-index: 998;}
.hover-detail span {color: #fff; display: block; font-size: 13px; margin: 0 auto; position: relative; text-align: center; top: 36px;}

ul.list-photos-product {list-style: none; margin: 10px auto 0; position: relative; width: 96px;}
ul.list-photos-product li {cursor: pointer; display: inline-block; height: 46px; margin: 0 3px; width: 40px;}
ul.list-photos-product li img {height: auto; width: 100%;}

.wrapper-qv-product {padding: 0 0 0px 0;} /*0 0 20px 0*/
/*ul.product-list > li {height: 520px;}*//* 580px */

.christmas-product {margin: 15px 0px 5px !important; text-align: left !important;}
.christmas-product td {color: #B89251;}

.qv-pre-order {bottom: 32px; width: 80%; background-color: #c29c6b; /*#9D2033*/ height: 30px; color: #FFF; padding: 5px 30px; box-sizing: border-box; opacity: 0.8; position: absolute; margin: 0 10%}

/* Wishlist */
a.wishlist {font-size: 18px; color: #151515 !important; position: absolute !important; top: 6px; right: 6px; z-index: 99;}
a.wishlist-product {font-size: 20px;}
a.wishlist-head {font-size: 24px; position: relative !important; right: unset; z-index: unset; height: 28px; margin: 22px 15px 0; padding: 0;}
/*a.wishlist-head i {margin: 15px 0;}*/
a.wishlist-head-mobile {font-size: 20px !important; height: 28px; right: unset; margin: 3px 5px 0;}
a.wishlist-head-mobile i {margin: 3px 0; color: #151515 !important}

a.wishlist-head div {background: transparent url(../img/header/top-links-mobile/heart-wishlist.svg) center 2px no-repeat !important; margin: 12px 0 0 5px; height: 30px; width: 30px; padding: 0; background-size: 25px 25px !important;}
a.wishlist-head-mobile div {background: transparent url(../img/header/top-links-mobile/heart-wishlist.svg) center 2px no-repeat !important; margin: 0px 0 0 5px; height: 30px; width: 30px; padding: 0; background-size: 20px 20px !important;}


.container-product-name-wishlist {display: flex; flex-direction: row; justify-content: space-between;}
.container-product-name-wishlist a.wishlist-product {position: relative !important; top: 4px;}

.wishlist-mobile {display: none;}

/*@media screen and (max-width: 1400px) {
    a.wishlist-head {right: 420px;}
}*/

@media screen and (max-width: 840px) {
    a.wishlist-head-desktop {display: none;}
    a.wishlist {top: unset;}
}

@media screen and (max-width: 640px) {
    .wishlist-mobile {display: inline-block;}
    .wishlist-desktop {display: none;}
    .container-product-name-wishlist {flex-direction: column;}
    .container-info-pix {margin: 10px auto 5px;}
}
/* */

.slick-product-list {margin-bottom: 50px !important;}
.slick-product-list .slick-prev {background-image: url(../img/commons/arrow-left.svg) !important;}
.slick-product-list .slick-next {background-image: url(../img/commons/arrow-right.svg) !important;}
.slick-product-list .slick-prev, .slick-product-list .slick-next {background-size: 20px 38px; width: 20px; height: 38px; z-index: 999; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 0; top: calc(50% - 33px) !important;}
.slick-product-list .slick-prev::before, .slick-product-list .slick-next::before {content: unset !important;}
.slick-product-list .slick-prev:hover, .slick-product-list .slick-prev:focus, .slick-product-list .slick-next:hover, .slick-product-list .slick-next:focus {color: unset; outline: unset; background: unset;}

@media screen and (max-width: 1700px) {
    .slick-product-list .slick-prev {left: -5px;}
    .slick-product-list .slick-next {right: -5px;}    
}
@media screen and (max-width: 1610px) {    
    .slick-slide .li-product-list-two-columns {width: 98% !important;}
    .slick-product-list .slick-prev, .slick-product-list .slick-next {background-size: 12px !important; background-color: #FFF !important;}
}

@media screen and (max-width: 1060px) {
    .loading {left: 10px;}
    /*ul.product-list > li {height: 540px;}*/
    /*.wrapper-qv-product {height: 520px;}*/
}

@media screen and (max-width: 1060px) {
    .slick-product-list .slick-prev, .slick-product-list .slick-next {top: calc(50% - 50px) !important;}
    .slick-product-list .slick-prev {background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23222222' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;}
    .slick-product-list .slick-next {background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23222222' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;}
}

@media screen and (max-width: 740px) {
    .li-product-list-two-columns {width: 49% !important;}        
    .wrapper-qv-product:hover {border: #fff 1px solid;}
}

@media screen and (max-width: 700px) {
    .hover-detail {display: none;}
    .wrapper-img-qv {min-height: 233px;}
    /*.wrapper-qv-product span.price {font-size: 20px;}*/
    
    /* Para exibição no celular com 1 coluna */
    ul.product-list > li {height: 600px;}
    .wrapper-qv-product {height: 580px;}
    
    /* Para exibição no celular com 2 colunas */
    ul.product-list.li-product-list-two-columns > li {height: 540px;}
    ul.product-list.li-product-list-two-columns > li > .wrapper-qv-product {height: 520px;}
}

@media screen and (max-width: 500px) {
    .li-product-list-two-columns {height: 380px !important;}
    .wrapper-qv-product-two-columns {height: 380px !important;}
    
    ul.list-photos-product {margin: 10px auto 0;}
    .wrapper-qv-product span.name {margin: 5px 0 0 0 !important;}
    /*.wrapper-qv-product span {margin: 0 20px 10px;}*/
    .wrapper-qv-product span.info {font-size: 13px;}
}

/**/


/* produtos */

.container-product-photo-info {display: flex; flex-direction: row; justify-content: space-between;}

.container-product-photos {display: flex; flex-direction: row; margin: 0px 0px 50px 0px; width: 53%; align-items: flex-start;}
.container-product-photos ul.list-product-photos {display: flex; flex-direction: row; list-style: none; margin: 0px 0px 0px 0px; width: 30%; flex-wrap: wrap; justify-content: start;}
.container-product-photos ul.list-product-photos li {border: none; cursor: pointer; margin: 0px 5px 5px 0px; display: flex; width: 47%;}
.container-product-photos ul.list-product-photos li img {width: 100%;}
.container-product-photos ul.list-product-photos-only-mobile {display: none;}
.container-product-photos .show-photo {width: 70%;}
.container-product-photos .show-photo img {border: none; vertical-align: top; max-width: 600px; width: 100%;}
.container-product-photos .fb-like {display: inline-block; margin: 20px 0px 0px 110px;}
.loading-photo-product {background: #FFF url("../img/loading-buy.gif") no-repeat scroll center center;}

.container-product-info {display: flex; flex-direction: column; margin: 0px 0px 30px 0px; min-height: 720px; position: relative; width: 45%;}
.container-product-info h1 {color: #151515; font-size: 26px; font-weight: bold; line-height: 30px; margin: 0px 0px 5px 0px;}
.container-product-info .ref {color: #151515; display: inline-block; font-size: 11px; margin: 0px 0px 10px 0px;}

.container-product-info span.old-price {color: #666; display: block; font-size: 16px; margin: 0px 0px 0px 0px; text-decoration: line-through; font-weight: 600;}
.container-product-info span.price {color: #38b6ff; /*#151515*/ display: block; font-size: 24px; font-weight: bold; margin: 0px 0px 0px 0px; line-height: 32px;}
.container-product-info span.old-price span, .container-product-info span.price span {color: #B89251; display: inline-block; font-size: 12px; margin: 0px 3px 0px 0px; text-decoration: none; vertical-align: top;}
.container-product-info span.installment {color: #333; font-size: 13px;}

.container-product-info .options {display: inline-block; margin: 10px 30px 0px 0px; /*min-height: 62px;*/}
.container-product-info .options span.name {color: #151515; display: block; font-size: 13px; margin: 0px 0px 4px 0px; text-transform: uppercase;}
.container-product-info .options-qty {display: block;}

.container-product-info .options ul.list-options {list-style: none; display: inline-block;}
.container-product-info .options ul.list-options li {border: #ccc 1px solid; border-radius: 6px; cursor: pointer; display: block; float: left; height: 36px; margin: 0px 3px 3px 0px; width: 36px;}
.container-product-info .options ul.list-options li span {background-color: #FFF; border: #FFF 2px solid; border-radius: 6px; display: block; float: left; height: 30px; margin: 1px; width: 30px;}
.container-product-info .options ul.list-options li span.size {background-color: transparent; border: none; color: #151515; font-size: 13px; height: 20px; line-height: 20px; margin: 6px 0px 0px 0px; text-align: center; width: 30px; text-transform: uppercase; border-radius: 100px; font-weight: 400;}

.container-product-info .options ul.list-options li.selected {/*background-color: #151515;*/ border-color: #151515;}
/* new */ .container-product-info .options ul.list-options li.selected span {/*background-color: #F8F3ED; color: #836533;*/}

.container-product-info .options ul.list-options li.unavailable {background-color: #F8F3ED; opacity: 0.3; cursor: default;}
.container-product-info .options ul.list-options li.unavailable span.size {background-color: transparent;}

.container-product-info .info-qty-stock, .container-csell-info .info-qty-stock {color: #F00; display: none;}
.container-product-info .info-qty-stock-active, .container-csell-info .info-qty-stock-active {display: none;} /*block*/

.list-product-buttons {list-style: none; margin: 20px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.list-product-buttons > li {min-height: 40px !important; margin: 0px 10px 0px 0px;}
.list-product-buttons > li:first-of-type {width: 50%; min-width: 540px;}

.lst-info-home-store {list-style: none; display: flex; flex-direction: row; justify-content: center; max-width: 540px; margin: 10px 0 5px;}
.lst-info-home-store li {font-weight: 500;}
.lst-info-home-store .home {background: transparent url(../img/commons/home.svg) left 10px no-repeat; background-size: 22px; padding: 12px 10px 10px 28px;}
.lst-info-home-store .store {background: transparent url(../img/commons/bag.svg) left 10px no-repeat; background-size: 18px; padding: 12px 10px 10px 24px;}

#btn-consultant {
    background-color: #eeecec;
    border-radius: 6px;
    height: 42px;
    box-sizing: border-box;
    max-width: 540px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
}
#btn-consultant img {width: 24px;}
#btn-consultant span {
    margin: 0 0 0 5px;
    font-weight: 500;
    line-height: 22px;
}

/*
.btn-buy {background-image: url(../img/icon-buy-button.svg); background-position: 1px 1px; background-repeat: no-repeat;}
.no-svg .btn-buy {background-image: url(../img/icon-buy-button.png); background-position: 1px 1px; background-repeat: no-repeat;}
*/

.btn-buy {padding: 0 12px !important; text-transform: uppercase;}

/*
.btn-big-buy {background-image: url(../img/icon-buy-button-big.svg); background-position: 1px 1px; background-repeat: no-repeat;}
.no-svg .btn-big-buy {background-image: url(../img/icon-buy-button-big.png); background-position: 1px 1px; background-repeat: no-repeat;}
*/

.btn-big-buy, a.btn-big-buy {/*background-image: url(../img/icon-buy-button-big-2.svg); background-position: 43px 0px; background-repeat: no-repeat; */ background-color: #38b6ff; border-color: #38b6ff; /*padding: 0 60px 0 80px !important;*/ text-transform: uppercase; width: 100%; max-width: 540px; line-height: 12px; font-weight: 700;}
.btn-big-buy:hover, a.btn-big-buy:hover {background-color: #38b6ff; border-color: #38b6ff;}

a.btn-big-buy {padding: 15px 30px; height: 42px; box-sizing: border-box; border-radius: 4px; color: #FFF; display: inline-block; line-height: 18px; text-decoration: none;}
a.btn-big-buy:hover {text-decoration: none;}

.btn-big-consultant {background-image: url(../img/icon-consultant-button-big.svg); background-position: 1px 1px; background-repeat: no-repeat;}
.no-svg .btn-big-consultant {background-image: url(../img/icon-consultant-button-big.png); background-position: 1px 1px; background-repeat: no-repeat;}

/*
.btn-checkout {background-image: url(../img/icon-checkout-button.svg); background-position: 1px 1px; background-repeat: no-repeat;}
.no-svg .btn-checkout {background-image: url(../img/icon-checkout-button.png); background-position: 1px 1px; background-repeat: no-repeat;}
*/

.btn-checkout {background-color: #38b6ff; border-color: #38b6ff; padding: 10px 20px !important; text-transform: uppercase; font-size: 16px; font-weight: 700; height: 48px;}
.btn-checkout:hover {background-color: #38b6ff; border-color: #38b6ff;}

/*
.btn-big-checkout {background-image: url(../img/icon-checkout-button-big.svg); background-position: 1px 1px; background-repeat: no-repeat; background-color: #FF3E6F; border-color: #FF3E6F; font-weight: bold; box-sizing: border-box;}
.no-svg .btn-big-checkout {background-image: url(../img/icon-checkout-button-big.png); background-position: 2px 2px; background-repeat: no-repeat;}
*/

.btn-big-checkout {background-color: #38b6ff; border-color: #38b6ff; font-weight: bold; box-sizing: border-box; padding: 0 20px !important; font-size: 17px !important;}
.btn-big-checkout:hover {background-color: #38b6ff; border-color: #38b6ff;}

.btn-big-checkout-printer {background-color: #38b6ff; border-color: #000000; padding: 0 30px;}

.btn-big-arrow {background-color: #000000; border: #000000 1px solid; text-transform: uppercase; padding: 0 30px;}

.qty-buy-big {color: #151515; font-size: 14px; height: 36px; text-align: left; width: 70px; border: none; border: 1px solid #ccc; border-radius: 6px;}
.qty-buy-small {}

/*.info-buy {color: #B5913C; font-size: 13px; margin: 10px 0px 20px 0px; max-width: 90%; text-align: left;}*/
.info-buy {color: #f9125f; font-size: 12px; margin: 10px 0px 20px 0px; max-width: 90%; text-align: left;}

.btn-big-right-icon {background-position: right center; padding: 0 40px 0 13px !important;}

.box-button {clear: both; display: block; margin: 20px 0; position: relative; text-align: center;}
.box-button-index {margin: 10px 0;}

.list-tab-details-product {display: flex; flex-direction: column; max-width: 540px; margin: 20px 0; position: relative; border-bottom: 1px solid #eaeaea;}
.list-tab-details-product .detail-product-title {display: inline-block; font-size: 12px; line-height: 13px; padding: 14px 0px; min-height: 42px; width: 100%; border-top: 1px solid #eaeaea; font-weight: 700; box-sizing: border-box;}
.list-tab-details-product .detail-product-title span {position: absolute; right: 0px; font-size: 14px;}
.list-tab-details-product .detail-product-title:hover {color: #333; cursor: pointer;}

.detail-product-desc {/*display: none;*/ margin: 0 0 14px;}

#pn-size-details p {margin: 0px 0px 20px 0px;}
#pn-size-details ul.size-guide {list-style: none; display: flex; flex-wrap: nowrap; justify-content: space-between;}
#pn-size-details ul.size-guide-header {list-style: none;}
#pn-size-details ul.size-guide-header li.tag {/*background: url(../img/icon-size-guide-tag.svg) center center no-repeat;*/ height: 30px; padding: 15px 0px 0px 0px; font-weight: bold;}
.no-svg #pn-size-details ul.size-guide-header li.tag {background: url(../img/icon-size-guide-tag.png) center center no-repeat;}
#pn-size-details ul.size-guide li {display: inline-block; font-size: 12px; min-height: 20px; margin: 0px 0px 5px 0px; text-align: center; vertical-align: top; width: 10%; line-height: 14px;}
#pn-size-details ul.size-guide li.tag {color: #151515; /*font-size: 13px;*/}
#pn-size-details ul.size-guide li.body {color: #151515; /*font-size: 13px;*/ text-align: left; font-weight: bold;}
#pn-size-details ul.size-guide li:first-of-type {width: 85px !important;}

.loading-buy {background: url("../img/loading-buy.gif") no-repeat scroll 0px 0px transparent; display: none; height: 28px; margin: 8px 0px 0px 0px; padding: 0px; position: relative; width: 28px; background-size: 28px 28px;}
.loading-buy-csell {margin: 4px 0px 0px 0px;} 

.box-ship {background: #fff url(../img/commons/ship.svg) top left no-repeat; border-radius: 3px; box-sizing: border-box; height: auto; margin: 0; padding: 0px 0px 0px 55px; background-size: 44px 30px;}
.box-ship ul.header-box-ship {list-style: none;}
.box-ship ul.header-box-ship > li {color: #999; display: inline-block; width: 40%; vertical-align: top; font-size: 12px; line-height: 14px;}
.box-ship ul.header-box-ship > li:first-of-type {width: 35%;}
.box-ship ul.header-box-ship > li.right {width: 20%;}
ul.header-box-ship > li > span {color: #666; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase;}
ul.header-box-ship > li > input {border: 1px solid #ccc; display: inline-block; height: 26px; vertical-align: top; width: 100px; margin: 2px 0 2px 0; font-size: 12px;}
ul.header-box-ship > li > button {background: #FFF url(../img/header/search.svg) center center no-repeat; display: inline-block; height: 28px; vertical-align: top; width: 32px; padding: 0 !important; box-sizing: border-box; background-size: 22px; margin: 2px 0 0 2px;}
ul.header-box-ship > li > a {display: block; margin: 10px 0 0; font-size: 10px;}
.box-ship .loading-box-ship {background: transparent url(../img/loading-buy.gif) 0px 0px no-repeat; background-size: contain; display: inline-block; height: 28px; width: 28px; visibility: hidden; margin: 2px 0 0 0px;}
ul.result-box-ship {display: none; list-style: none; margin: 20px 0 0 0; position: relative;}
ul.result-box-ship > li {display: block; color: #333; font-size: 11px; margin: 7px 0; text-align: left;}
ul.result-box-ship > li > ul {list-style: none;}
ul.result-box-ship > li > ul > li {display: inline-block; width: 60%; font-size: 12px;}
ul.result-box-ship > li > ul > li:first-of-type {min-width: 110px; width: 30%; vertical-align: top; margin-right: 10px;}
ul.result-box-ship > li > ul > li > span {color: #151515; font-weight: bold;}
span.close-result-box {background: transparent url(../img/icon-close-box-product.svg) 0px 0px no-repeat; cursor: pointer; display: inline-block; height: 12px; position: absolute; width: 12px; right: 0px; top: 0px;}

.size-guide-btn {
    background: #FFF url(../img/measurement-guide/icon-size-guide.svg) 10px center no-repeat; height: 38px;
    font-size: 12px;
    color: #333;
    padding: 8px 10px 8px 44px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 20px;
    margin: 0px 0 0 30px;
    cursor: pointer;
    vertical-align: top;
    background-size: 28px;    
}

/*
.box-consult-payment {background-color: #fff; border: 1px solid #eaeaea; border-radius: 3px; box-sizing: border-box; height: auto; margin: 20px 0; padding: 18px;}
.box-consult-payment ul.flags {list-style: none; text-align: left;}
.box-consult-payment ul.flags > li {box-sizing: border-box; display: inline-block; width: 31%; vertical-align: top;}
.box-consult-payment ul.flags > li:first-of-type {width: 36%;}
.box-consult-payment ul.flags > li > span {color: #666; box-sizing: border-box; display: inline-block; font-size: 11px; line-height: 14px; text-transform: uppercase; padding: 0 0 0 40px;}
.box-consult-payment ul.flags > li > span.cards {background: transparent url(../img/icon-cards-box-product.svg) 3px 0px no-repeat; cursor: pointer;}
.box-consult-payment ul.flags > li > span.cards:hover {color: #d72526;}
.box-consult-payment ul.flags > li > span.whatsapp {background: transparent url(../img/icon-whatsapp-box-product.svg) 3px 0px no-repeat;}
.box-consult-payment ul.flags > li > span.phone {background: transparent url(../img/icon-phone-box-product.svg) 3px 0px no-repeat;}
ul.result-box-consult-payment {display: none; padding: 10px 15px; box-sizing: border-box; border: 1px solid #e5dfdf; list-style: none; margin: 20px 0 0 0; position: relative;}
ul.result-box-consult-payment > li {display: block; color: #333; font-size: 11px; margin: 7px 0; text-align: left; line-height: 12px;}
ul.result-box-consult-payment > li:first-of-type {color: #d72526;}
ul.result-box-consult-payment span.close-result-box {margin: 10px;}
ul.result-box-consult-payment > li:first-of-type > span:first-of-type {display: inline-block; position: absolute; top: 0px; left: 15px; width: 140px; height: 2px; background-color: #d72526;}
*/

/* produtos - cross selling */
.container-cross-sell {margin: 10px 0px 20px 0px; min-height: 400px; padding: 30px 0px 0px 0px;}
.container-cross-sell ul.product-list > li {width: 24%;}

.container-csell-photos {height: 400px; margin: 0px 0px 30px 0px; position: absolute; width: 450px;}
.container-csell-photos ul.list-csell-photos {display: block; float: left; list-style: none; margin: 0px 10px 0px 0px; vertical-align: top;}
.container-csell-photos ul.list-csell-photos li {border: #C29C6B 1px solid; cursor: pointer; height: 79px; margin: 0px 0px 10px 0px; width: 69px;}
.container-csell-photos .show-csell-photo {border: #C29C6B 1px solid; display: block; float: left; min-height: 380px /*498px*/; text-align: center; width: 365px;}
.container-csell-photos .show-csell-photo img {border: none; max-height: 380px; vertical-align: top; width: auto;}
.container-csell-photos .lnk-details {background: url(../img/icon-more-details.svg) 0px 1px no-repeat; color: #C29C6B; display: inline-block; font-size: 12px; margin: 10px 0px 0px 80px; padding: 0px 0px 0px 17px; text-decoration: none;}
.no-svg .container-csell-photos .lnk-details {background: url(../img/icon-more-details.png) 0px 0px no-repeat; color: #C29C6B; display: inline-block; font-size: 12px; margin: 10px 0px 0px 80px; text-decoration: none;}
.container-csell-photos .lnk-details:hover {text-decoration: underline;}
.container-csell-photos ul.list-seals-product-page-pro {margin: 5px 0 0 86px;}

.container-csell-info {display: block; /*float: left;*/ margin: 0px 0px 30px 470px; min-height: 400px; position: relative;}
.container-csell-info h1 {color: #C29C6B; font-size: 26px; font-weight: 400 !important; line-height: 26px; margin: 0px 0px 5px 0px;}
.container-csell-info .ref {color: #151515; display: block; font-size: 11px; margin: 0px 0px 10px 0px;}
.container-csell-info span.old-price {color: #AAA; display: block; font-family: "Poiret One",cursive; font-size: 16px; margin: 10px 0px 0px 0px; text-decoration: line-through;}
.container-csell-info span.price {color: #151515; display: block; font-family: "Poiret One",cursive; font-size: 32px; margin: 10px 0px 10px 0px;}
.container-csell-info span.old-price span, .container-csell-info span.price span {color: #B89251; display: inline-block; font-size: 12px; margin: 0px 3px 0px 0px; text-decoration: none; vertical-align: top;}
.container-csell-info span.installment {color: #B89251; font-size: 14px;}

.container-csell-info .options {display: block; margin: 10px 0px 0px 0px; min-height: 62px;}
.container-csell-info .options span.name {color: #151515; display: block; font-size: 13px; margin: 0px 0px 4px 0px;}
.container-csell-info .options ul.list-options {list-style: none; display: inline-block;}
.container-csell-info .options ul.list-options li {border: #BF995B 1px solid; border-radius: 100px; cursor: pointer; display: block; float: left; height: 32px; margin: 0px 3px 0px 0px; width: 32px;}
.container-csell-info .options ul.list-options li span {background-color: #FFF; border: #FFF 2px solid; border-radius: 100px; display: block; float: left; height: 26px; margin: 1px; width: 26px;}
.container-csell-info .options ul.list-options li span.size {background-color: transparent; border: none; color: #BF995B; font-size: 13px; height: 16px; margin: 4px 0px 0px 0px; text-align: center; width: 26px;}
.container-csell-info .options ul.list-options li.selected {background-color: #BF995B;}
.container-csell-info .options ul.list-options li.selected span {/*background-color: #F8F3ED; color: #836533;*/}
.container-csell-info .options ul.list-options li.unavailable {background-color: #F8F3ED; opacity: 0.3; cursor: default;}
.container-csell-info .options ul.list-options li.unavailable span.size {background-color: transparent;}

.list-csell-buttons {list-style: none; margin: 10px 0px 0px 0px;}
.list-csell-buttons li {display: inline-block; height: 40px !important; margin: 0px 10px 0px 0px; vertical-align: top;}
/*
.list-csell-buttons li .btn-csell-buy {background-image: url(../img/icon-buy-button-big.svg); background-position: 1px 1px; background-repeat: no-repeat; background-size: 30px auto; font-size: 14px; height: 34px; padding: 0px 10px 0px 32px;}
.no-svg .list-csell-buttons li .btn-csell-buy {background-image: url(../img/icon-buy-button-big.png); background-position: 1px 1px; background-repeat: no-repeat; background-size: 30px auto; font-size: 14px; height: 34px; padding: 0px 10px 0px 32px;}
*/

.list-csell-buttons li .btn-csell-buy {background-image: url(../img/icon-buy-button-big-2.svg); background-position: 12px 0px; background-repeat: no-repeat; background-color: #FF3E6F; border-color: #FF3E6F; padding: 0 20px 0 40px !important; text-transform: uppercase; background-repeat: no-repeat; background-size: 30px auto; font-size: 14px; height: 34px;}
.list-csell-buttons li .btn-csell-buy :hover {background-color: #E3125F; border-color: #E3125F;}

.container-csell-info .qty-buy-big {color: #151515; font-size: 14px; height: 32px; text-align: left; width: 64px;}

.container-csell-info .alert-msg-product {margin: 0 auto 15px;}

.slick-photos {display: none;}
.slick-photos img {max-width: 100%;}


/**/

/*@media screen and (max-width: 1040px) {
    .list-product-buttons li {display: block; margin: 0px 0px 10px 0px;}
}*/




@media screen and (max-width: 1320px) {
    .container-product-photos {width: 54%;}
    .container-product-info {width: 44%}
    .list-product-buttons > li:first-of-type {width: 480px; min-width: unset;}
    .list-product-buttons > li:first-of-type, .lst-info-home-store, #btn-consultant, .list-tab-details-product {max-width: 480px;}
}

@media screen and (max-width: 1240px) {
    .box-button-index {margin: 30px 0;}
}

@media screen and (max-width: 1200px) {
    .container-product-photos {width: 60%;}
    .container-product-info {width: 38%}
    .list-product-buttons > li {width: 100% !important; max-width: unset;}
    
    .container-product-info h1 {font-size: 22px; line-height: 26px;}
    
    /*.container-product-photos {height: 500px; width: 450px;}
    .container-product-photos ul.list-product-photos {margin: 0px 10px 0px 0px;}
    .container-product-photos .show-photo {min-height: 490px; width: 365px;}
    .container-product-info {margin: 30px 0px 30px 470px; min-height: 580px;}
    .container-product-photos .fb-like {margin: 20px 0px 0px 80px;}*/
}

@media screen and (max-width: 1150px) {
    .container-product-photos ul.list-product-photos li {width: 47%;}
}

@media screen and (max-width: 1050px) {
    .box-ship ul.header-box-ship > li:first-of-type {display: block; width: 100%; margin: 0 0 10px 0;}
    .box-ship ul.header-box-ship > li {width: 49%;}
}

@media screen and (max-width: 900px) {
    .container-product-photo-info {margin-top: 20px;}
    /*#pn-size-details ul.size-guide {display: inline-block; padding: 0px 20px; vertical-align: top;}
    #pn-size-details ul.size-guide li {display: block; text-align: center; width: 100%;}
    #pn-size-details ul.size-guide li.body {text-align: center;}
    #pn-size-details ul.size-guide-header {padding: 0px 20px 0px 0px;} 
    #pn-size-details ul.size-guide-header li.tag {background: none; height: 20px; padding: 0px 0px 0px 0px;}*/
}

@media screen and (max-width: 860px) {
    .container-product-photos {width: 50%;}
    .container-product-info {width: 48%;}
    .container-product-photos .show-photo {min-height: 407px; width: 300px;}
    .container-product-photos .show-photo img {max-width: 300px;}
        
    .list-product-buttons li .btn-big {font-size: 16px !important;}
    .info-buy {max-width: 95%;}
    
    .container-cross-sell ul.product-list > li {width: 49%;}
    
    .container-csell-photos {width: 385px;}
    .container-csell-photos .show-csell-photo {min-height: 380px; width: 300px;}
    .container-csell-photos .show-csell-photo img {max-width: 300px;}
    .container-csell-info {margin: 30px 0px 30px 400px;}    
}


@media screen and (max-width: 730px) {    
    .container-product-photo-info {flex-direction: column; margin-top: 30px;}
    .container-product-photos {width: 100%;}
    .container-product-photos ul.list-product-photos li {height: 49px; width: 43px;}
    .container-product-photos ul.list-product-photos li img {max-width: 43px;}
    .container-product-photos .show-photo {min-height: 370px; width: 285px;}
    .container-product-photos .show-photo img {max-width: 285px;}
    .container-product-photos .fb-like {margin: 20px 0px 0px 55px;}
    
    .list-product-buttons > li .btn-big-buy {max-width: 80%; /*unset !important;*/}
    .list-product-buttons > li:first-of-type {width: 100%;}
    .list-product-buttons > li:first-of-type, .lst-info-home-store, #btn-consultant, .list-tab-details-product {max-width: unset;}
    
    ul.list-seals-product-page-pro {margin: 5px 0 0 60px;}
    .container-csell-photos ul.list-seals-product-page-pro {margin: 5px 0 0 60px;}
    
    .container-product-info {width: 100%;}
    /*.list-product-buttons li .btn-big {background-size: 30px; font-size: 14px !important; height: 34px !important; padding: 0px 13px 0px 32px;}*/
    .list-product-buttons li .btn-big {font-size: 18px !important; height: 44px !important; padding: 0px 33px 0px 48px; background-size: 40px !important; font-weight: 400;}

    .list-product-buttons li .btn-buy {background-size: 30px 30px;}
    .list-product-buttons li .btn-big-consultant {background-size: 30px 30px; font-size: 12px !important;}
    .info-buy {margin: 10px 0px;}
    
    .list-tab-details-product .detail-product-title {font-size: 13px;}
    
    .list-tab-details-product li.ad-bd {margin-right: 5px;}
    .panel-details-product {margin: 10px 0px 0px 0px;}
    #pn-size-details p {margin: 0px 0px 10px 0px;}
    
    .loading-buy {margin: 4px auto;}
    
    h3.cross-sell {text-align: center;}
    .container-csell-photos {max-width: 360px; width: 100%;}
    .container-csell-photos ul.list-csell-photos li {height: 49px; width: 43px;}
    .container-csell-photos ul.list-csell-photos li img {max-width: 43px;}
    .container-csell-photos .show-csell-photo {min-height: 370px; width: 285px;}
    .container-csell-photos .show-csell-photo img {max-width: 285px;}
    .container-csell-photos .lnk-details {margin: 10px 0px 0px 54px;}
    .container-csell-info {margin: 0px 0px 30px 360px;}    
    
    .container-product-photos .show-photo {display: none;}
    .container-product-photos ul.list-product-photos {display: none !important;}
    /*.slick-photos {display: flex;}*/
    .slick-photos {display: unset;}
    .slick-photos .slick-dots li {width: 10px;}
    .slick-photos .slick-dots li button::before {width: 10px;}
    .slick-photos .slick-prev {
        left: -5px;
        z-index: 999;
        background-repeat: no-repeat !important;
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23222222' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
        background-position: center;
    }
    .slick-photos .slick-next {
        right: -5px;
        z-index: 999;
        background-repeat: no-repeat !important;
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23222222' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    }
    .slick-photos .slick-prev, .slick-photos .slick-next {width: 20px; height: 38px; background-color: #FFF !important; background-position: center !important; /*box-shadow: 2px 5px 5px rgba(0,0,0,.1)*/ border-radius: 2px;}
    .slick-photos .slick-prev::before, .slick-photos .slick-next::before {content: unset;}
    .slick-photos .slick-prev:hover, .slick-photos .slick-prev:focus, .slick-photos .slick-next:hover, .slick-photos .slick-next:focus {color: unset; outline: unset; background: unset;}
}

@media screen and (max-width: 639px) {
    .container-product-photos {display: block; height: auto; margin: 0px 0px 0px 0px; max-width: none; position: relative; width: 100%;}
    .container-product-photos ul.list-product-photos {clear: both; display: block; float: none;  margin: 0px;}
    .container-product-photos ul.list-product-photos li {display: inline-block; margin-right: 5px;}
    .container-product-photos ul.list-product-photos-no-mobile {display: none;}
    .container-product-photos ul.list-product-photos-only-mobile {display: inline-block; margin: 10px 0 0 0;}
    
    ul.list-seals-product-page-pro {margin: 5px 0 0 5px;}
    ul.list-seals-product-page-pro-csell {margin: 5px 0 0 5px;}
    
    .container-product-photos .show-photo {float: none; text-align: center; width: 100%;}
    .container-product-photos .show-photo img {max-width: 100%}
    .container-product-photos .fb-like {margin: 20px 0px 0px 0px;}
    .container-product-info {clear: both; display: inline-block; margin: 30px 0px; position: relative; text-align: center; width: 100%;}
    .container-product-info .options {display: block; margin: 10px 0px 0px 0px;}
    /*.list-product-buttons li .btn-big {background-size: 34px; font-size: 16px !important; height: 38px !important; padding: 0px 13px 0px 34px;}*/
    .btn-big {background-size: 34px; font-size: 16px !important; height: 38px !important; padding: 0px 13px;}
    .list-product-buttons li .btn-buy {background-size: 34px 34px;}
    .list-product-buttons li .btn-consultant {background-size: 34px 34px; font-size: 14px !important;}
    .info-buy {max-width: 100%; text-align: center;}
    
    
    .list-product-buttons li {display: block; margin: 0px 0px 10px 0px;} /* por causa do loading-buy */
    .list-csell-buttons li {display: block; margin: 10px 0px 10px 0px;}
    .loading-buy {margin: 0px auto;}
    
    .box-ship {background: #fff url(../img/commons/ship.svg) center 14px no-repeat; padding: 18px 18px 18px 18px; background-size: 54px;}
    .box-ship ul.header-box-ship {list-style: none; margin: 40px auto; text-align: center;}
    .box-ship ul.header-box-ship > li {color: #999; display: block; width: 100%; text-align: center; margin: 0 0 0 0; font-size: 13px;}
    .box-ship ul.header-box-ship > li:first-of-type {margin: 0 0 10px 0;}
    .box-ship ul.header-box-ship > li > span {color: #666; font-size: 14px; margin: 3px 0 4px 0;}
    .box-ship ul.header-box-ship > li.right {width: 100%;}
    .box-ship ul.header-box-ship > li > a {margin: 0 0 0;}
    .box-ship .loading-box-ship {display: block; margin: 5px auto;}
    
    .size-guide-btn {width: 160px; display: block; margin: 5px auto 10px;}
   
    /*.box-consult-payment ul.flags > li {margin: 10px 0 0 0; width: 49%;}
    .box-consult-payment ul.flags > li:first-of-type {margin: 0px 0 0 0; width: 100%;}
    */
    .container-cross-sell {text-align: center;}
    .container-csell-photos {display: inline-block; height: auto; margin: 0px 0px 20px; max-width: 100%; position: relative; width: 100%;}
    .container-csell-photos .lnk-details {margin: 20px 0px 0px 0px;}
    .list-csell-photos {display: none !important;}
    .show-csell-photo {width: 100% !important;}
    .container-csell-info {margin: 0px;}
    .list-csell-buttons li {margin: 0px;}

    .container-csell-photos ul.list-seals-product-page-pro {margin: 5px 0 0 5px;}

    
    /* NATAL */
.christmas-product {text-align: center !important; margin: 0 auto !important;}

}

@media screen and (max-width: 500px) {
    .container-cross-sell ul.product-list > li {width: 99%;}
}
@media screen and (max-width: 400px) {
    a.btn-big-buy {padding: 15px 10px;}
}
/* Ratings & Reviews */

.container-header-graph-review {background-color: #fafafa; /*background: #fafafa url(../img/header/logo-foguetesurfboards.svg) center 10px no-repeat; background-size: 120px;*/ display: flex; flex-direction: row; justify-content: space-between; padding: 40px; margin: 50px 0 10px;}

h3.reviews {/*border-bottom: #BF995B 1px solid;*/ padding-bottom: 10px; font-weight: 800;}

.reviews-header {display: flex; flex-direction: column; justify-content: center; font-size: 14px; width: 100%; text-align: center;}
.reviews-header h4, .reviews-header h5 {color: #333;}
.reviews-header h4 {font-size: 20px; font-weight: 600; line-height: 24px; text-transform: normal; margin: 0 0 4px 0;}
.reviews-header h5 {font-weight: 400; line-height: 18px;}
.reviews-header .average-ratings {font-size: 28px; font-weight: bold; text-align: center; margin: 10px auto 10px; line-height: 25px;}
.reviews-header .score {display: block; text-align: center;} 
.reviews-header .score i.fa {color: #f2c828; font-size: 18px;}
.reviews-header .info-header {font-weight: bold; font-size: 14px; line-height: 20px; display: block; margin: 10px 0 0;}
.reviews-header .no-reviews {display: none; flex-direction: column;}
.reviews-header .no-reviews span {font-size: 13px; margin: 5px 0 0; color: #333;}
.reviews-header .btn-review {background-color: #1fb0ff; border: #1fb0ff 1px solid; border-radius: 6px; color: #FFF; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; height: 34px; padding: 5px 10px; display: inline-block; margin: 10px auto 0; box-sizing: border-box; line-height: 22px; text-transform: uppercase;}

.container-reviews-bars {display: flex; flex-direction: column; width: 100%; background-color: #fafafa; box-sizing: border-box;}
.title-graph-reviews {text-align: center; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 20px 0;}
.container-reviews-bars table {width: 100%;}
.container-reviews-bars table td.c-stars {width: 20%;}
.container-reviews-bars table td.c-bars {width: 60%; vertical-align: middle;}
.container-reviews-bars table td.c-perc {width: 20%;}
.container-reviews-bars table td {text-align: center; padding: 2px 5px; color: #333; font-size: 12px !important;}
.container-reviews-bars table tr {margin: 3px 0 3px;}
.container-reviews-bars .review-bar {height: 10px; width: 100%; background-color: #fff; border-radius: 10px;}
.container-reviews-bars .review-bar > div {height: 10px; width: 0%; background-color: #f2c828; border-radius: 10px;}

ul.lst-reviews {list-style: none; margin: 10px 0;}
ul.lst-reviews > li {padding: 10px 0 14px; border-top: 1px solid #f2f2f2; display: flex; flex-direction: row; justify-content: flex-start;}
ul.lst-reviews > li > div:first-of-type {width: 150px;}
ul.lst-reviews > li > div:first-of-type > span {display: block;}

.name-customer-review {font-weight: bold; padding-right: 10px;}
.date-review {font-style: italic;}
.resume {font-weight: bold; font-size: 14px; line-height: 20px;}
.score-ratings i.fa {color: #f2c828 !important;}
.score-ratings i.disabled {color: #999 !important;} /*999*/
.score-ratings-my-review {margin-bottom: 10px;}
.score-ratings-my-review i:hover {cursor: pointer;}

.lst-reviews .score-ratings i.fa {font-size: 16px; margin: 0 0 5px 0;}

#box-send-your-review {display: none; background-color: #fafafa; padding: 20px;}

.score-ratings-header {display: flex; flex-direction: row; justify-content: flex-start;}
.score-ratings-header {margin: 0 0 7px 0;}
.score-ratings-qv {display: flex; flex-direction: column; justify-content: center;}
.score-ratings-qv {margin: 2px 0;}
.score-ratings-header a, .score-ratings-qv span {font-size: 12px; font-weight: normal; margin-left: 5px;}
.score-ratings-header .score-ratings i.fa {font-size: 18px;}
.score-ratings-qv span {color: #666;}
.score-ratings-qv span {font-size: 11px; font-weight: normal; font-style: italic; margin: 0; color: #666;}

.container-sort-order-reviews {position: relative; text-align: center; margin: 10px 0;}
.sort-order-reviews {background-color: transparent; border: 1px solid #999999; border-radius: 4px; padding: 3px 10px; margin: 4px 0 0;}
select.sort-order-reviews  {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-arrow-select.svg") no-repeat scroll right center transparent; height: 32px; background-size: 32px;}
.no-svg select.sort-order-reviews  {background: url("../img/icon-arrow-select.png") no-repeat scroll right center transparent;}

#msg-login-review {margin: 10px 0 10px; font-size: 13px; font-weight: bold;}
#msg-login-review a {color: #1fb0ff !important}

#f-review {margin: 20px 0 0;}
#f-review input, #f-review select, #f-review textarea {width: 100%; border-color: #faf5eb; box-sizing: border-box; background-color: #FFF; color: #000; font-size: 14px;}
#f-review textarea {height: 80px;}
#f-review label {margin: 5px 0; font-weight: 400;}
#f-review button {font-size: 14px;}

#f-review label.disabled {color: #999;}
#f-review button:disabled {background-color: #999; border-color: #999; cursor: default !important;}

@media screen and (max-width: 860px) {
    .container-header-graph-review {flex-direction: column; padding: 45px 10px 30px;}      
    .container-reviews-bars {margin-top: 20px;}
    .title-graph-reviews {font-size: 14px; margin: 0 0 10px 0;}
}

@media screen and (max-width: 760px) {
    .reviews-header {flex-direction: column; justify-content: center;}
    .reviews-header > div:first-of-type {width: 100%; margin: 0 auto 10px;}
}
@media screen and (max-width: 640px) {
    .score-ratings-header {flex-direction: column; justify-content: center;}
    .score-ratings-header a {display: block; margin: 3px 0 5px 0; font-style: italic; font-size: 12px;}
    .score-ratings-qv span {display: none;}
}

/**/

/**/

/* a marca */
.trade-logo {background: url(../img/logo-foguete-surfboards.svg) center center no-repeat; background-size: contain; display: inline-block; float: right; height: 156px; margin: 0px auto auto auto; position: relative; width: 40%; }

@media screen and (max-width: 960px) {
    .sec-trade .narrative {max-width: 50%;}
}

@media screen and (max-width: 770px) {
    .trade-logo {max-width: 49%;}
}

@media screen and (max-width: 640px) {
    .trade-logo {display: block; float: none; margin: 40px 0px 40px 0px; max-width: 100%; width: 100%;}
    .narrative {max-width: 100% !important; text-align: center;}
}
/**/

/* lojas */
select.sel-type-stores {display: none; width: 100%; box-sizing: border-box; padding: 10px 20px; font-size: 18px; background-color: #FFF; border: 1px solid #c29c6b; border-radius: 30px; color: #c29c6b; font-weight: 300 !important;}
select.sel-type-stores {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-arrow-select.svg") no-repeat scroll right center transparent; height: 44px; line-height: 22px;}
.no-svg select.sel-type-stores {background: url("../img/icon-arrow-select.png") no-repeat scroll right center transparent;}

ul.lnk-type-stores {list-style: none; display: inline-block; text-align: center; width: 100%;}
ul.lnk-type-stores > li {display: inline-block; padding: 0 20px; border-left: 1px solid #c29c6b;}
ul.lnk-type-stores > li:first-of-type {border-left: none;}
ul.lnk-type-stores > li > a {color: #B89251; font-weight: 300; font-size: 20px; text-decoration: none;}
ul.lnk-type-stores > li > a:hover {text-decoration: none; font-weight: 400;}
ul.lnk-type-stores > li > a.selected {font-weight: 400;}
div.container-stores {text-align: center;}
ul.list-stores {list-style: none; margin: 20px 0px 20px 0px;}
ul.list-stores > li {display: inline-block; margin: 0px 20px 20px 0; vertical-align: top; text-align: left;}
ul.list-stores > li > a {text-decoration: none;}
ul.list-stores > li div {border: 4px solid #dbc4ab; height: 224px; width: 282px; margin: 0 0 10px 0;}
ul.list-stores > li div:hover {border-color: #c29c6b;}
ul.list-stores li p.title {color: #B89251; font-size: 16px; font-weight: 400; line-height: 22px;}
ul.list-stores li p {color: #333; font-size: 14px;}

div#stores-credenciadas, div#stores-revendedores, div#stores-virtuais {display: none;}  
div#stores-credenciadas ul li {display: block; margin: 0 0 20px 0px; text-align: center;}
div#stores-credenciadas ul li div {display: none;}

p.info-container-store {color: #333; text-align: center; font-size: 14px; margin: 15px;}

h1.name-store {color: #c29c6b; font-size: 24px; font-weight: 400; margin: 0 0 5px 0;}
p.type-store {font-style: italic; color: #ccc; font-size: 16px; margin: 0 0 10px 0;}
p.desc-store {color: #333; font-size: 14px; text-align: center; max-width: 600px; margin: 0 auto;}

ul.lst-contact-store {list-style: none; text-align: center;}
ul.lst-contact-store > li {display: inline-block; vertical-align: top; margin: 0 10px 0; max-width: 220px; min-width: 120px;}

ul.lst-contact-store > li ul {list-style: none; margin: 30px 0 0;}
ul.lst-contact-store > li ul > li {color: #666666; display: block; font-size: 13px;}
ul.lst-contact-store > li ul > li.store-time {background: url(../img/stores/store-time.svg) center center no-repeat; height: 54px; margin: 0 0 10px 0;}
ul.lst-contact-store > li ul > li.store-whats {background: url(../img/stores/store-whats.svg) center center no-repeat; height: 54px; margin: 0 0 10px 0;}
ul.lst-contact-store > li ul > li.store-phone {background: url(../img/stores/store-phone.svg) center center no-repeat; height: 54px; margin: 0 0 10px 0;}
ul.lst-contact-store > li ul > li.store-mail {background: url(../img/stores/store-mail.svg) center center no-repeat; height: 54px; margin: 0 0 10px 0;}
ul.lst-contact-store > li ul > li.store-address {background: url(../img/stores/store-address.svg) center center no-repeat; height: 54px; margin: 0 0 10px 0;}
ul.lst-contact-store > li ul > li > a {color: #c29c6b; text-decoration: none; font-size: 12px; font-weight: 400;}
ul.lst-contact-store > li ul > li.name-contact {color: #c29c6b;}

ul.store-photo-gallery {list-style: none; margin: 30px 0 0;}
ul.store-photo-gallery > li {display: inline-block; margin: 0 7px 12px;}
ul.store-photo-gallery > li img {border: 4px solid #dbc4ab; width: 100%; max-width: 600px;}
ul.store-photo-gallery > li img:hover {border-color: #c29c6b;}

div.container-stores a.btn-center {margin-top: 30px; text-decoration: none; line-height: 21px;}

@media screen and (max-width: 770px) {
    select.sel-type-stores {display: block;}
    ul.lnk-type-stores {display: none;}        
}
@media screen and (max-width: 580px) {
    ul.list-stores > li {margin: 0 0 20px 0;}
    ul.lst-contact-store > li {margin: 0 0px 0; max-width: none; width: 49%;}
}
@media screen and (max-width: 400px) {
    ul.lst-contact-store > li {width: 100%;}
}
/**/

/* atendimento ao cliente */
.customer-area h2 {font-size: 18px; font-weight: 700; line-height: 24px; margin: 30px auto 10px; text-align: center;}
.customer-area h3 {font-size: 16px; font-weight: 700; line-height: 20px; margin: 30px auto 0px; text-align: center;}
.customer-area p {text-align: center; margin: 0 auto 10px;}
.customer-area p.info {text-align: left;}
.customer-area .container-contact {margin: 20px auto; display: flex; flex-direction: row; justify-content: space-around; align-content: center;}
.customer-area .container-contact div {margin: 10px auto; display: flex; flex-direction: column; justify-content: center; text-align: center;}
.customer-area .container-contact div a {display: flex; flex-direction: column; justify-content: center; text-align: center;}
.customer-area .container-contact img {width: 60px; margin: 0 auto 10px;}
.customer-area .container-contact div p {font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.customer-area .container-contact div span {font-size: 14px;}

#container-f-contact {max-width: 600px; margin: 40px auto;}
#container-f-contact h2 {font-size: 18px; text-align: left; font-weight: 600;}
#container-f-contact p {text-align: left;}

#f-contact p input, #f-contact p textarea, #f-contact p select, #f-dealer p input, #f-dealer p textarea, #f-dealer p select {width: 100%; box-sizing: border-box;}
#f-contact p select {text-transform: uppercase;}
#f-contact p, #f-dealer p {margin: 10px 0px 0px 0px;}
#f-contact p textarea, #f-dealer p textarea {max-height: 60px; min-height: 60px;}

#f-contact span.search, #f-dealer span.search {background: transparent url(../img/loading-buy.gif) 0px 0px no-repeat; background-size: 28px; display: none; height: 28px; margin: 4px 0px 0px 10px; position: relative; vertical-align: top; width: 28px;}

#f-dealer input:disabled {background-color: #f2f2f2;}
#f-dealer select:disabled {background-color: #f2f2f2;}
#f-dealer #cep-contato{max-width: 40%; margin-right: 10px;}
             
.container-questions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 30px auto;
}

.container-questions > div {display: flex; flex-direction: column; align-items: center; border-radius: 10px; margin: 10px;}
.container-questions > div h4 {font-weight: 700; font-size: 16px; margin-bottom: 10px;}
.container-questions > div a {font-weight: 600; font-size: 14px; line-height: 22px; margin: 10px auto;}
.container-questions > div p {margin-bottom: 5px;}

.faq-title {background: #C29C6B url(../img/icon-arrow-filter-white.svg) right top no-repeat; border-radius: 100px; color: #FFF; cursor: pointer; display: block; font-size: 13px; font-weight: 400; margin: 10px 0px; padding: 7px 10px;}
.no-svg .faq-title {background: #C29C6B url(../img/icon-arrow-filter-white.png) right top no-repeat;}
.faq-desc {display: none; margin: 0px 0px 15px 0px; padding: 0px 10px;}
.faq-desc p {margin: 0px 0px 10px 0px;}

.box-privacy h1, .box-info h1 {text-align: center; font-weight: 800; margin: 30px auto;}
.box-privacy h2, .box-info h2 {font-weight: 700; text-align: left; margin: 20px auto 2px; font-size: 16px; line-height: 26px; color: #151515;}
.box-privacy p, .box-info p {text-align: left; font-size: 14px; margin: 0 0 4px 0; line-height: 20px;}
.box-privacy ul, .box-privacy ol {margin: 10px 0 10px 14px;}
.box-privacy ul li, .box-privacy ol li {font-size: 14px; line-height: 20px; margin-bottom: 5px;}

.box-info h2 {text-transform: none; margin: 20px 0 5px;}
.box-info strong {font-weight: bold;}

.container-faq {display: flex; flex-direction: row; justify-content: left;}
.container-faq .faq-area {display: flex; flex-direction: column; width: 20%; background-color: #151515; width: 20%; background-color: #151515; padding: 20px; box-sizing: border-box; border-radius: 10px;}
.container-faq .faq-questions {width: 80%; width: 80%; padding: 20px; box-sizing: border-box;}
.faq-area h2 {font-size: 24px; font-weight: 700; color: #FFF; margin: 0 0 5px 0;}
.faq-area span {display: block; color: #FFF; margin: 0 0 20px 0;}
.faq-area a {color: #FFF; margin: 0 0 10px 0; font-size: 16px; font-weight: 600;}
.faq-questions a {font-size: 16px; font-weight: 600;}
.faq-questions div {font-size: 14px; margin: 0 0 20px 0;}
.faq-questions .question {display: block; width: 100%; box-sizing: border-box; margin-top: 20px;}
.faq-questions .question span {font-size: 22px; margin: 1px 0 0 0; vertical-align: top; display: inline-block;}
.faq-questions .answer {display: none; margin-top: 5px; padding-top: 3px;}
.faq-questions .answer p {margin: 10px 0; line-height: 18px;}
.faq-questions .answer p.italic {font-style: italic;}
.faq-questions .answer ul {margin: 5px 0 5px 14px;}

.faq-questions {display: none;}
.faq-questions h2 {margin: 0 0 20px 0; font-weight: 700; font-size: 18px;}

@media screen and (max-width: 800px) {
    .customer-area h2 {max-width: 80%;}
    .container-faq {flex-direction: column; margin: 30px auto;}    
    .container-faq .faq-area {width: 100%;}
    .container-faq .faq-questions {display: none; padding: 0 5px; margin: 20px 0px; width: 100%; box-sizing: border-box;}
    .container-questions > div h4 {font-size: 20px; font-weight: 700;}
}

@media screen and (max-width: 750px) {
    /*.list-customer-service, .container-customer-service {display: block; width: 100%;}*/
    .container-questions {flex-direction: column;}
    .customer-area .container-contact {flex-direction: column;}
    .customer-area p.info {text-align: center;}
}


/**/




/*************************
 5 - Footer
**************************/

.container-newsletter {padding: 30px 0px;}

#f-newsletter {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
#f-newsletter .box {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 10px 0;}
#f-newsletter .box > div.min {min-width: 300px; box-sizing: border-box;}
#f-newsletter .box > div {margin: 0 20px 0 0; text-align: left;}
#f-newsletter .box > div > span {color: #151515; font-size: 18px; font-weight: 700; text-align: left; line-height: 22px;}
#f-newsletter .box > div > span.discount {color: #151515; font-size: 32px; font-weight: 700; text-align: left; line-height: 32px;}
#f-newsletter .box > div > span.info {color: #151515; display: block; font-size: 10px; font-weight: 400; text-align: left; line-height: 10px; margin:4px 0 0 0;}
#f-newsletter input {border: none; border-radius: 0; border-bottom: 1px solid #151515; padding: 0; margin: 0 10px 0; font-size: 14px; font-weight: 500; color: #000; height: 36px;}
#f-newsletter button {background-color: #151515; border: none; margin: 2px 20px; padding: 5px 30px; height: 36px; font-size: 14px; font-weight: 600;}
#f-newsletter button:hover {background-color: #151515;}
#f-newsletter .mail {margin-right: 10px !important;}
#f-newsletter .mail img {width: 56px;}

.go-top {background: transparent url(../img/footer/go-top.svg) center center no-repeat; bottom: 20px; cursor: pointer; display: none; height: 32px; right: 15px; opacity: 0.7; position: fixed; z-index: 9999; width: 33px;}
.no-svg .go-top {background: transparent url(../img/footer/go-top.png) center center no-repeat;}



.container-footer {background-color: #151515; padding: 70px 0 50px;}
.container-footer .logo {width: 90px; margin: 0 0 10px 0;}
.container-footer .logo img {width: 170px;}

.lnk-whatsapp-contact {background: transparent url(../img/social/whatsapp-icon.svg) left center no-repeat; padding: 5px 0 5px 34px; font-size: 14px; font-weight: 500; color: #FFF; margin: 5px 0 5px 0; display: inline-block; background-size: 28px;}

.container-nav-footer {display: flex; flex-direction: row; width: 80%; justify-content: space-between; margin: 20px 0;}
.container-nav-footer .box-social {display: flex; flex-direction: row;}
.container-nav-footer .insta, .container-footer .face {width: 36px; margin: 0 5px 0 0}
.container-nav-footer p {font-size: 10px; font-weight: 500;  color: #FFF; margin: 0 0 5px 0; text-transform: uppercase;}
.container-nav-footer div .nav-footer {margin: 0;}

.container-footer .nav-footer {list-style: none; display: flex; flex-direction: column; min-width: 150px; margin: 0 0 20px 0;}
.container-footer .nav-footer > li:first-of-type {margin: 0 0 5px 0;}
.container-footer .nav-footer > li {margin: 0 0 2px 0;}
.container-footer span.title {font-size: 14px; font-weight: 700; margin: 0 0 5px 0; color: #eaeaea; display: block;}
.container-footer .nav-footer > li > a {font-size: 13px; font-weight: 500; color: #fafafa; text-transform: uppercase;}

.container-payment-secure {display: flex; flex-direction: row; justify-content: space-between; margin: 25px 0 20px;}
.container-payment-secure > div {width: 50%;}
.container-payment-secure .box-payment img {max-width: 450px; margin: 10px 0;}
.container-payment-secure .box-secure img {max-width: 450px; height: 50px;}
.container-payment-secure .box-secure div {display: flex; flex-direction: row; height: 50px; flex-wrap: nowrap; justify-content: flex-start; margin: 10px 0;}
.container-payment-secure .box-secure div > img, .container-payment-secure .box-secure div > a {/*max-width: 25% !important;*/ margin: 0 5px 0;}
.container-payment-secure .box-secure div > a > img {max-width: 100%;}

.container-footer .credits p {color: #fafafa; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 400;}

#container-privacy {display: none; /*flex*/ flex-direction: row; justify-content: center; align-items: center; position: fixed; bottom: 0; width: 100%; background-color: #151515; color: #FFF; padding: 15px 0; z-index: 999;}
#container-privacy .text-privacy {/*background: transparent url(../img/info-privacy.svg) left center no-repeat; background-size: 26px; */ max-width: 650px; padding-left: 34px; font-size: 14px;}
#container-privacy .text-privacy a {color: #FFF; text-decoration: underline; font-weight: 500;}
#container-privacy button {background-color: #151515; border: 1px solid #FFF; font-size: 14px; color: #FFF; border-radius: 100; margin: 10px; padding: 0 20px; text-transform: uppercase;}
#container-privacy button:hover {background-color: #151515; border: 1px solid #FFF;}

.devby {text-align: left; font-size: 10px; margin-top: 15px; line-height: 14px;}
.devby a {color: #FFF;}
.devby span {font-weight: 600; margin-left: 5px;}
  
@media screen and (max-width: 1000px) {
    .container-nav-footer {width: 100%;}
    .container-payment-secure > div {width: 47%;}
    
    .devby {text-align: center;}
    .devby span {display: block; margin-left: 0px;}
}
    
@media screen and (max-width: 900px) {
    .container-nav-footer > div {margin: 0 20px 10px 0;}
}

@media screen and (max-width: 870px) {
    #container-privacy {flex-direction: column; padding: 20px 0;}
    #container-privacy .text-privacy {background-position-x: 10px; padding-left: 10px; padding-right: 10px;}
    #container-privacy button {margin-bottom: 0px;}    
    .container-footer .logo, .container-footer .logo img {width: 200px;}
}

@media screen and (max-width: 700px) {
    .container-payment-secure {flex-direction: column;}
    .container-payment-secure .box-secure div {justify-content: center;}
    
    #f-newsletter {flex-direction: column;}
    #f-newsletter .box {flex-direction: column; align-items: center; text-align: center;}
    #f-newsletter .box > div {margin: 10px 20px; text-align: center;}
}

@media screen and (max-width: 600px) {    
    .container-nav-footer {flex-direction: column; align-items: center; text-align: center;}
    .container-nav-footer > div {margin: 0 0 20px 0;}
    .container-footer .logo {margin: 0 auto; text-align: center;}
    .container-footer .credits p {text-align: center;}
    .container-payment-secure {align-items: center; text-align: center;}
    .container-payment-secure > div {width: 96%;}
}

@media screen and (max-width: 580px) {    
    
}
    
@media screen and (max-width: 420px) {
    
}
/**/


/*************************
 6 - Forms
**************************/

form button, a.btn {background-color: #151515; border: none; margin: 0; padding: 5px 20px; height: 32px; font-size: 13px; font-weight: 600; text-transform: uppercase;}

form {display: block;}

form.inline input, form.inline button {display: inline-block; vertical-align: top;}
/*form.inline button {height: 32px;}*/

form.inline input {
    margin-right: 4px;
}

form input[type="text"], form input[type="tel"], form input[type="password"], form input[type="email"], form textarea {-webkit-appearance: none;}

/* select */
form input, form select, form textarea {
    background-color: transparent;
    border: #CCC 1px solid;
    border-radius: 6px;
    height: 30px;
    padding: 0px 10px;
}

form input[type="tel"]{width: 100px !important;}
form textarea {border-radius: 15px; padding: 10px !important;}

form select {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-arrow-select.svg") no-repeat scroll right center transparent; height: 32px; background-size: 22px;}
.no-svg form select {background: url("../img/icon-arrow-select.png") no-repeat scroll right center transparent;}
/**/


/* radio e checkbox */
input[type=radio], input[type=checkbox] {display: none;}
label.side {display: inline-block !important; padding: 3px 0px 0px 24px; margin: 0px 10px 0px 0px !important;}
label.side-filter {color: #151515; padding: 0px 0px 0px 24px;}
.no-svg input[type=radio], .no-svg input[type=checkbox] {display: inline-block;}
.no-svg label.side {padding: 3px 0px 0px 3px;}

input[type=radio] + label {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-radio-button.svg") no-repeat 0px 1px; background-size: 22px; height: 21px; cursor: pointer;}
input[type=radio]:checked + label {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-radio-button.svg") no-repeat 0px -21px; background-size: 22px; height: 21px;}
.no-svg input[type=radio] + label {-moz-appearance: radio-button; -webkit-appearance: radio-button;}
.no-svg input[type=radio]:checked + label {-moz-appearance: radio-button; -webkit-appearance: radio-button;}

input[type=checkbox] + label {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-checkbox-button.svg") no-repeat 0px 1px; height: 21px; cursor: pointer;}
input[type=checkbox]:checked + label {-moz-appearance: none; -webkit-appearance: none; background: url("../img/icon-checkbox-button.svg") no-repeat 0px -21px; height: 21px;}
.no-svg input[type=checkbox] + label {-moz-appearance: checkbox; -webkit-appearance: checkbox;}
.no-svg input[type=checkbox]:checked + label {-moz-appearance: checkbox; -webkit-appearance: checkbox;}

input.filter[type=radio] + label {-moz-appearance: none; -webkit-appearance: none; background: url(../img/icons-filters.svg) 0px -18px no-repeat; background-size: 80px 60px; display: inline-block; height: 17px; margin: 0px 10px 0px 0px !important; cursor: pointer;}
input.filter[type=radio]:checked + label {-moz-appearance: none; -webkit-appearance: none; background: url(../img/icons-filters.svg) 0px -42px no-repeat; background-size: 80px 60px;}
.no-svg input.filter[type=radio] + label {-moz-appearance: checkbox; -webkit-appearance: checkbox;}
.no-svg input.filter[type=radio]:checked + label {-moz-appearance: checkbox; -webkit-appearance: checkbox;}

input.filter[type=checkbox] + label {-moz-appearance: none; -webkit-appearance: none; background: url(../img/icons-filters.svg) 0px -18px no-repeat; background-size: 80px 60px; display: inline-block; height: 17px; margin: 0px 10px 0px 0px !important; cursor: pointer;}
input.filter[type=checkbox]:checked + label {-moz-appearance: none; -webkit-appearance: none; background: url(../img/icons-filters.svg) 0px -42px no-repeat; background-size: 80px 60px;}
.no-svg input.filter[type=checkbox] + label {-moz-appearance: checkbox; -webkit-appearance: checkbox;}
.no-svg input.filter[type=checkbox]:checked + label {-moz-appearance: checkbox; -webkit-appearance: checkbox;}

@media screen and (max-width: 980px) {
    label.side-filter {line-height: 15px; padding: 2px 0px 5px 24px;}
}


/* */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .list-checkout li select::-ms-expand { display: none; }
} 

form input, form select, form textarea {color: #151515; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400;}

button, .btn {
    background-color: #151515;
    border: #151515 1px solid;
    border-radius: 6px;
    color: #FFF;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    height: 38px;
    padding: 0px 10px;
    -webkit-transition: all 1s ease;   
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    transition: all 1s ease;
}

.pswp__ui button {background-color: transparent !important; border-color: transparent !important;}

.btn {display: table; height: 21px !important; /*margin: 0 auto;*/}
.btn span {color: #FFF; display: table-cell; font-size: 13px; vertical-align: middle; padding: 0px 10px;}

a.btn-index {
    display: inline-block;
    line-height: 20px !important;
    padding: 10px 20px 10px 20px !important;
    vertical-align: baseline;
    min-height: 20px !important;    
}

.btn-big {font-size: 18px; height: 48px !important;}
.btn-big span {font-size: 18px;}

.btn-center {padding: 5px 20px; line-height: 18px; font-size: 14px; margin: 0 auto;}

.btn-icon {padding: 0px 10px 0px 32px;}
.btn-right-icon {background-position: right center !important; padding: 0 34px 0 13px !important;}

.btn-arrow {background-image: url(../img/icon-arrow-button.svg); background-position: 1px 1px; background-repeat: no-repeat;}
.no-svg .btn-arrow {background-image: url(../img/icon-arrow-button.png); background-position: 1px 1px; background-repeat: no-repeat;}

form input:focus, button:focus, form select:focus {outline: none;}

.btn-color {background-color: #FF3E6F;}

#f-newsletter {margin-top: 17px;}
#f-newsletter input {width: 182px;}

#f-login {display: none; float: right; margin: 8px 0px 0px; opacity: 0;}
#f-login input, #f-login button {border-color: #EFE5D9; color: #FFF; font-size: 12px; height: 26px;}
#f-login input, #f-login button, #f-login loading-area {display: inline-block; margin: 0px 0px 0px 10px; vertical-align: top;}
#f-login input {width: 120px;}
#f-login button {background: url(../img/icon-login-button.svg) center center no-repeat; height: 28px; width: 28px;}
.no-svg #f-login button {background: url(../img/icon-login-button.png) center center no-repeat;}
#f-login p {color: #FFEFBF; font-size: 12px; display: inline-block; margin: 5px 40px 0px 0px;}
#f-login input::-webkit-input-placeholder {color: #EFE5D9;}
#f-login input:-moz-placeholder {color: #EFE5D9;}
#f-login input::-moz-placeholder {color: #EFE5D9;}
#f-login input:-ms-input-placeholder {color: #EFE5D9;}
#f-login .loading-area {background: url(../img/loading-login.gif) center center no-repeat; display: none; height: 28px; width: 28px;}

@media screen and (max-width: 980px) {
    #f-login p {display: none;}
}

@media screen and (max-width: 500px) {
    #f-login input {margin: 0px 0px 0px 5px; width: 100px;}
}

@media screen and (max-width: 700px) {
    #f-newsletter span.icon-news {display: none;}
    #f-newsletter input {display: block; margin: auto auto 10px auto; width: 242px;}
    #f-newsletter button {display: block; margin: auto auto 10px auto; width: 264px;}
}

form input::-webkit-input-placeholder {color: #151515;}
form input:-moz-placeholder {color: #151515;}
form input::-moz-placeholder {color: #151515;}
form input:-ms-input-placeholder {color: #151515;} 	


/*body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}*/


/* Blog */

.container-elastic {margin: 0 auto; max-width: 1200px; padding: 0 20px; position: relative;}
.container-elastic-header {max-width: 1260px; padding: 0 10px;}
h2.center {text-align: center; text-transform: uppercase; margin: 0 0 5px;}

.container-posts-blog {display: flex; flex-direction: column; padding: 60px 0; text-align: center;}
.lst-posts-blog {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; text-align: left;}
.lst-posts-blog .box-post {max-width: 364px; margin: 20px 10px; display: flex; flex-direction: column;}
.lst-posts-blog .box-post .box-post-button a {margin: 10px auto 0; display: inline-block;}
.box-post a:hover {text-decoration: none;}
.box-post a:hover .title {color: #38b6ff;}
.box-post img {border-radius: 10px; width: 363px; height: 243px; max-width: 100%;}
.box-post .title {display: block; font-size: 15px; font-weight: 600; margin: 10px 5px; color: #111; line-height: 18px;}
.box-post p {margin: 0 5px; color:#000;}
.last-posts .btn-more {margin: 10px auto 0; padding: 10px; border-color: #38b6ff; background-color: #38b6ff; text-transform: uppercase; font-weight: 600;}

.box-search-blog {margin: 50px 0; border: 2px solid #111111; border-radius: 10px; padding: 15px; background-color: #fafafa; max-width: 900px; margin: 0 auto;}
.box-search-blog h2 {text-align: center; text-transform: uppercase; font-size: 20px; margin: 0 0 20px;}
.tag-cloud {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.tag-cloud a {margin: 0 7px 7px; color: #38b6ff; font-size: 15px; font-weight: 600; text-transform: uppercase;}
#f-search-blog {display: flex; flex-direction: row; justify-content: center; margin: 7px 0;}
#f-search-blog input {border: 1px solid #676766; border-radius: 4px; padding: 10px; font-size: 14px; color: #111; font-style: italic; height: 19px;}
#f-search-blog button {background-image: url(../img/commons/icon-search.svg); background-position:  center center; background-repeat: no-repeat; background-size: 24px; margin: 0 5px; width: 69px; height: 40px; border-color: #38b6ff; background-color: #38b6ff;}

.view-post h1 {text-transform: none;
    line-height: 25px;
    font-size: 22px;
    margin: 50px 0 5px;
}

.view-post .subtitle {font-size: 12px; font-style: italic; display: block; line-height: 25px;}

.post-body {margin: 30px 0; font-size: 14px !important;}

.post-body b, strong {font-weight: 600;}
.post-body p {margin-bottom: 10px;}
.post-body ul, ol {padding-left: 2em; margin-bottom: 10px;}
.post-body figure {text-align: center; padding: 10px 0;}
.post-body figure img, .post-body img {margin: 0 0 10px; max-width: 100%; border-radius: 10px;}
.post-body figcaption {color: #999; font-size: 12px; font-style: italic;}
.post-body > figure:first-child {padding: 0 0 20px;}
.post-body h2 {font-size: 16px; margin: 20px 0 10px;} 
.post-comments  {padding: 20px 0;}
.post-comments h3 {color: #3E4193; text-transform: uppercase; margin: 0 0 20px; font-size: 15px; border-bottom: 1px solid #eaeaea; padding: 0 0 10px 0;}
/**/