/* ========================================================================================================
    FONT FACE
======================================================================================================== */
@font-face {
    font-family: 'cotham_sansregular';
    src: url('../fonts/cothamsans-webfont.woff2') format('woff2'),
         url('../fonts/cothamsans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Theinhardt-Rg';
    src: url('../fonts/Theinhardt-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Theinhardt-Rg.otf')  format('opentype'),
        url('../fonts/Theinhardt-Rg.woff') format('woff'),
        url('../fonts/Theinhardt-Rg.ttf')  format('truetype'),
        url('../fonts/Theinhardt-Rg.svg#Theinhardt-Rg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'brown';
    src: url('../fonts/brown-regular-webfont.woff2') format('woff2'),
         url('../fonts/brown-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brown';
    src: url('../fonts/brown-bold-italic-webfont.woff2') format('woff2'),
         url('../fonts/brown-bold-italic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'brown';
    src: url('../fonts/brown-bold-webfont.woff2') format('woff2'),
         url('../fonts/brown-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'brown';
    src: url('../fonts/brown-regular-italic-webfont.woff2') format('woff2'),
         url('../fonts/brown-regular-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


/*Remove barra Nuvem SHop */
#store_bar_iframe {display: none;}
html {margin: 0 !important;}

/* ========================================================================================================
    RESET
======================================================================================================== */
/* apply a natural box layout model to all elements */
* {margin: 0; padding: 0; border: 0; vertical-align: baseline; background:transparent; outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

html, body {height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {font-family: 'Theinhardt-Rg', sans-serif; font-size: 16px; color:#f6f6f6;; line-height:1; background-color: #ffffff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a, a:hover, a:focus {color: #D2BFB4; text-decoration: none;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
a:focus, a:hover {color: #ccc;}


::-webkit-input-placeholder {color:#fff; opacity:1; font-size:16px;}
:-moz-placeholder {color:#fff; opacity:1; font-size:16px;}
::-moz-placeholder {color:#fff; opacity:1; font-size:16px;}
:-ms-input-placeholder {color:#fff; opacity:1; font-size:16px;}

input, button {
    border-radius: 0;
    -webkit-appearance: none;

}


.container {width: 100%; max-width: 1790px;}

.img-fluid {display: inline-block;}


.no-gutter-left [class*="col-"]:first-child  {padding-left:0;}

.no-gutter-right [class*="col-"]:last-child  {padding-right:0;}

.row {margin-left: 0; margin-right: 0;}

.linha {width: 100%; float: left; clear: left;}
.hide {display: none;}
.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    justify-content: space-between;
}


/* ========================================================================================================
    BOTÕES
======================================================================================================== */
/* BOTÃO CINZA (PADRÃO) */
.btn {max-width: 150%; height: 52px; line-height: 55px; padding:0 18px; font-size: 18px; color: #fff; margin-top: 30px; border: 0; border-radius:0; text-align: center;

    /* Old browsers */
    background-color:#ccc;
    background-repeat: no-repeat;

    background:linear-gradient(to right, #231F20 50%, #ccc 50%) right bottom no-repeat;
    background-size: 201% 100%;

    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

/* BOTÃO BRANCO */
.btn-white {
    color: #4c4c4b;
    border-radius: 4px;
    background-color:#8b6262;
    background: linear-gradient(to right, #4c4c4b 50%, #f6f6f6 50%) right bottom no-repeat;
    background-size: 201% 100%;
}

/* BOTÃO PRETO */
.btn-black {
    color: #d19b89;
    border-radius: 4px;
    background-color:#d19b89;
    background: linear-gradient(to right, #282828 50%, #414141 50%) right bottom no-repeat;
    background-size: 201% 100%;

}


/* BOTÕES HOVER */
.btn:hover {
    color: #ffffff;
    background-color: #4c4c4b;
    border-radius: 4px;
    background-repeat: no-repeat;
    background: linear-gradient(to right, #d19b89 50%, #4c4c4b 50%) left bottom no-repeat;
    background-size: 201% 100%;
}

.btn-white:hover {
    background-color: #d19b89;
    border-radius: 4px;
    background-repeat: no-repeat;
    background: linear-gradient(to right, #d19b89 50%, #e6e6e6 50%) left bottom no-repeat;
    background-size: 201% 100%;
}

input.main-add-to-cart.add-to-cart.js-addtocart.btn-block.nostock {
    background: #482222;
    cursor: not-allowed;
    color:white;
}

.btn-black:hover {
    color: #d19b89;
    border-radius: 4px;
    background-color: #d19b898;
    background-repeat: no-repeat;
    background: linear-gradient(to right, #d19b89 50%, #414141 50%) left bottom no-repeat;
    background-size: 201% 100%;
}

.btn-block {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background-color: #bfe4b0;
    font-family: 'brown';
    /* font-size: 18px; */
    color: #323232;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 5px;
}
.btn-block:hover {color: #ffffff; background-color: #d19b89;}


.btn-border {border: 1px solid #d19b89;}


/* BOTÕES CAIXA */
.btnCaixa {max-width: 100%; height: 52px; line-height: 55px; padding:0 18px; font-size: 15px; color: #A6A6A7; text-transform: uppercase; border: 1px solid #EAEAEA; border-radius:0; transition:all 0.3s; text-align: center; background-color:#FBFBFB; display: inline-block;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.btnCaixa:hover {background-color: #fff;}


/* CLOSE */
.btnClose {position: relative; display: inline-block;}

.btnClose:before, .btnClose:after {content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; display: block; transform: rotate(-45deg); background-color: #fff; transition: all 0.2s ease-out;}
.btnClose:after {transform: rotate(45deg);}
.btnClose:hover:before, .btnClose:hover:after {transform: rotate(0deg);}



/* BLOCO COM CONTEUDO CENTRALIZADO VERTICALMENTE*/
.blockVcenter { display: flex; align-items: center;}

.container-half {width: 50%; float: left;}
.container-half:last-child {float: right;}



h1, h2, h3, h4, h5 {color: #4c4c4b;}

label {margin: 0;}

button {cursor: pointer;}

span.matter {font-family: 'brown'; font-weight: bold; font-size: inherit; color: #231F20; text-transform: uppercase;}


/* ========================================================================================================
    MENU
======================================================================================================== */
/* ====================================================
    MENU ICON
==================================================== */
.menuIcon {width: 37px; height: 37px; position: fixed; left: 65px; top: -52px; z-index: 200; cursor: pointer; display: block; text-indent: -9999px;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}
.menuIcon.fixed {top: 12px;}
.menuIcon .hamburguer {position: absolute; top: 50%; z-index: 5; margin-top: -1px; width: 80%; height: 2px; background-color: #000100; position: relative;}

.menuIcon .hamburguer:before, .menuIcon .hamburguer:after {content: ''; width: 100%; height: 100%; background-color: #000100; display: block; position: absolute; z-index: -1;}
.menuIcon .hamburguer:after {top: 10px;}
.menuIcon .hamburguer:before {top: -10px;}

/* Menu Hover */
.menuIcon:hover .hamburguer:after {
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.menuIcon:hover .hamburguer:before {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

/* MENU ACTIVE (VIRA FECHAR) */
.menuIcon.active {width: 28px; height: 28px; top: 17px;}
.menuIcon.active .hamburguer {background-color: #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.menuIcon.active .hamburguer:before, .menuIcon.active .hamburguer:after {background-color: #000; top: 0;}
.menuIcon.active .hamburguer:after {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.menuIcon.active .hamburguer:before {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
/* Menu Active/Close HOVER */

.menuIcon.active:hover .hamburguer {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.menuIcon.active:hover .hamburguer:before {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}


/* TRANSITION ANIMATION */
.menuIcon .hamburguer, .menuIcon .hamburguer:before, .menuIcon .hamburguer:after {
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.menuIcon::after {
    content: 'menu';
    text-transform: uppercase;
    font-family: brown;
    color: #000000;
    margin-left: 40px;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 0.1em;
    /* position: fixed; */
    top: 30px;
    left: 50px;
    z-index: 9000;
    line-height: 2.5;
}


/* ====================================================
    MENU PANEL
==================================================== */
#menu {width: 580px; min-height: 100%; background-color: #f6f6f6; border-right: 1px solid #c5c5c5; position: fixed; left: -580px; top: 0; bottom: 0; z-index: 151;

    -webkit-transition:left 0.6s;
    -moz-transition:left 0.6s;
    -o-transition:left 0.6s;
    transition:left 0.6s;
}
#menu.opened {left: 0;}
#menu a {color: #000;}
#menu a:hover, #menu li.active a {color: #8b6262;}

#menu .menuTop {width: 100%; height: 64px;
    background-color: #f9f9f9;
    padding-left: 70px;
    margin: 0;
    border-bottom: 1px solid #c5c5c5;
    
}
#menu .menuNav {width: 100%; background-color: #f6f6f6; padding:46px 10px 30px 70px;}

#menu h4.menuMsg {font-family: 'brown'; font-size: 38px; color: #fff; letter-spacing: 4px;}


#menu h3 {width: 100%; height: 18px; font-family: 'brown'; font-size: 26px; font-weight: bold; letter-spacing: 0.03em; color: #fff; text-transform: uppercase; margin:20px 0 30px; float: left; clear: left; padding-bottom: 20px;
    line-height: 0;}
#menu h3 a {height: 18px; color: #fff; background-color:transparent; padding-right: 0px; color: #000;
    font-weight: 700; }

#menu ul {list-style: none;}
#menu li {
    font-family: 'theinhardt';
    color: #fff;
    position: relative;
    margin-bottom: 2vmin;
    font-size: 106%;
}
#menu li a:hover:before, #menu li.active a:before {content:''; width: 3px; height: 3px; background-color: #f0f0f0; position: absolute; left: -6px; bottom: 1px;}

.closeMenu {margin-top: 16px; cursor: pointer; height: 28px; width: 28px;}

.menuBloco {width: 100%; float: left; clear: left;}
.menuBloco ul {width: 100%; float: right}

.menuBloco ul li {width: 50%; float: left;}

/* ====================================================
    LOGO
==================================================== */
.logo {font-family: 'brown'; font-size: 34px; font-weight: bold; color: #1E1E1E; text-transform: uppercase; position: fixed; left: 163px; top: -54px; z-index: 199;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
    left: calc(50vw - 71px);
    transform: scale(0.8);;
}
.logo:before {content:''; width: 5px; height: 5px; background-color: #1E1E1E; position: absolute; left: -6px; bottom: 2px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.logo.menuOpen {color: #292929; left: 415px; position: fixed; top: 10px;}
.logo.menuOpen:before {background-color: #D6D6D6;}

.logo:hover {color: #ccc;}
.logo:hover:before {background-color: #ccc;}


.logo.fixed {top: 13px;}



/* ========================================================================================================
    HEADER
======================================================================================================== */
.msgHdr {width: 100%; height: 36px; position: fixed; top: 0; left: 0; z-index: 101; line-height: 36px; background-color: #F0F0F0; text-align: center; border-bottom: 1px solid #D6D6D5;}
.msgHdr p {font-family: 'brown'; font-size: 12px; font-weight: bold; color: #CCCCCC; text-transform: uppercase;}


#bgHeader {width: 100%; height: 64px; position: fixed; left: 0; top: -64px; z-index: 100;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}
#bgHeader {border-bottom: 1px solid transparent; z-index: 80; border-bottom: 1px solid #ccc; background-color: #fff;}

.transpMenu #bgHeader {background-color: #ffffff; border-bottom: 1px solid transparent;}
#bgHeader.visible {background-color: #fff; border-bottom: 1px solid #ccc;}

#bgHeader.fixed {top: 0;}



/* ====================================================
    LOGIN
==================================================== */
.icoLogin {font-family: 'brown'; font-size: 13px; font-weight: bold; color: #121212; text-transform: uppercase; letter-spacing: 1px; position: fixed; top: -35px; right: 170px; z-index: 150; cursor: pointer;}
.icoLogin.fixed {top: 29px;}
.icoLogin svg {width: 25px; height: 23px; position: absolute; left: -27px; top: -11px;}

.icoLogin svg .iclogin {fill:none; stroke:#121212; stroke-width:2.2015;stroke-linejoin:round;stroke-miterlimit:10;}
.icoLogin svg .iclogin1 {stroke-width:2.2652;}

.icoLogin span {font-size: 12px;}

/* ACTIVE */
.icoLogin.off {z-index: 1;}
.icoLogin.active {position: fixed; right: 452px; z-index: 210; color: #fff;}
.icoLogin.active:hover {opacity: 1;}
.icoLogin.active svg .iclogin {stroke:#FFFFFF;}

.icoLogin.hasUser.active {opacity: 0;}


/* ====================================================
    SEARCH
==================================================== */
.icoSearch {width: 22px; height: 23px; position: fixed; top: -44px; right: 120px; z-index: 150; cursor: pointer;}
.icoSearch.fixed {top: 20px;}
.icoSearch svg {width: 100%;}
.icoSearch svg .icSearch {fill:none; stroke:#121212; stroke-width:2.3795; stroke-miterlimit:10;}
.icoSearch svg .icSearch1 {stroke-linecap:round;}

/* ACTIVE */
.icoSearch.off {z-index: 1;}
.icoSearch.active {position: fixed; right: 498px; z-index: 210;}
.icoSearch.active:hover {opacity: 1;}
.icoSearch.active svg .icSearch {stroke:#FFFFFF;}



/* ====================================================
    CARRINHO
==================================================== */
.icoCart {position: fixed; top: -35px; right: 42px; z-index: 150; cursor: pointer;}
.icoCart.fixed {top: 29px;}
.icoCart .cart-amount {width: 20px; height: 20px; line-height: 23px; background-color: #000; font-size: 11px; color: #fff; text-align: center; display: block;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-transition:all 1.2s;
    -moz-transition:all 1.2s;
    -o-transition:all 1.2s;
    transition:all 1.2s;

}

.icoCart svg {width: 29px; height: 23px; background:url('../img/ico_carrinho.svg') center top no-repeat; position: absolute; left: -31px; bottom: 5px;}

.icoCart svg .cart {fill:none;stroke:#000000;stroke-width:2.3957;stroke-linejoin:round;stroke-miterlimit:10;}
.icoCart svg .circle {fill:#000000;}

/* ACTIVE */
.icoCart.off {z-index: 1;}
.icoCart.active {position: fixed; color: #000; right: 498px; z-index: 210;}
.icoCart.active:hover {opacity: 1;}
.icoCart.active .cart-amount {background-color: #ffffff; color: #000;}
.icoCart.active svg .cart {stroke:#FFFFFF;}
.icoCart.active svg .circle {fill:#FFFFFF;}


/* Number jumping animation when added item to cart*/
.icoCart .cart-amount.jump {
    -webkit-animation: jump 1.5s ease 0s infinite normal ;
    animation: jump 1.5s ease 0s infinite normal ;
    -webkit-animation-iteration-count: 2; /* Chrome, Safari, Opera */
    animation-iteration-count: 2;
}
@-webkit-keyframes jump {
    0% {-webkit-transform: translateY(0); transform: translateY(0);}
    20% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(-10px); transform: translateY(-10px);}
    50% {-webkit-transform: translateY(0); transform: translateY(0);}
    60% {-webkit-transform: translateY(-5px); transform: translateY(-5px);}
    80% {-webkit-transform: translateY(0); transform: translateY(0);}
    100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes jump {
    0% {transform: translateY(0);}
    20% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    50% {transform: translateY(0);}
    60% {transform: translateY(-5px);}
    80% {transform: translateY(0);}
    100% {transform: translateY(0);}
}


/* HOVER ICONS */
.icoLogin:hover, .icoSearch:hover, .icoCart:hover {opacity: 0.3;}
/* TRANSITION ICONS */

.icoLogin, .icoSearch, .icoCart {
    -webkit-transition:right 0.8s, margin 0.8s, color 0.8s, opacity 0.3s, top 0.6s;
    -moz-transition:right 0.8s, margin 0.8s, color 0.8s, opacity 0.3s, top 0.6s;
    -o-transition:right 0.8s, margin 0.8s, color 0.8s, opacity 0.3s, top 0.6s;
    transition:right 0.8s, margin 0.8s, color 0.8s, opacity 0.3s, top 0.6s;
}

.icoLogin svg .iclogin,
.icoSearch svg .icSearch,
.icoCart svg .cart,
.icoCart svg .circle {
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}



/* ====================================================
    PANELS HEADER
==================================================== */
#sitePanels {width: 100%; height: 100%; position: absolute; overflow: hidden;}
#sitePanels.opened {z-index: 205; overflow: visible;}



.panelHeader {width: 580px; position: fixed; top: 0; right: -580px; z-index: 105;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}
.panelHeader.opened {right: 0; z-index: 205;}

.panelHeader .panelTop {width: 100%; height: 62px; background-color:#121212; float: left; clear: left;}


/* CLOSE */
.panelHeader .closePanel {width: 28px; height: 28px; position: absolute; right: 66px; top: 20px; cursor: pointer; display: inline-block;}

.panelHeader .closePanel:before, .panelHeader .closePanel:after {content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; display: block; transform: rotate(-45deg); background-color: #fff; transition: all 0.2s ease-out;}
.panelHeader .closePanel:after {transform: rotate(45deg);}
.panelHeader .closePanel:hover:before, .panelHeader .closePanel:hover:after {transform: rotate(0deg);}



.panelHeader .panelFull {width: 100%; padding: 18px 0px; background-color: #f6f6f6; border-bottom: 1px solid #C2C2C2; float: left; clear: left;}
.panelHeader .panelFull h3 {font-family: 'brown'; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #000; padding: 0 70px; margin: 0;}

.panelHeader .panelBody {width: 100%; padding: 0px 70px 70px; background-color: #f6f6f6; float: left; clear: left; }


.panelHeader .panelField {width: 100%; height: 28px; line-height: 28px; font-size: 24px; color: #fff; border-bottom: 1px solid #C2C2C2; margin-top:50px;}

.panelHeader .panelLink {font-family: 'brown'; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-top: 7px; color: #fff; display: inline-block;}

/* To put the submit over a field, wrap both with .wrapSubmit */
.panelHeader .wrapSubmit {width: 100%; position: relative;}
.panelHeader .wrapSubmit .panelField {padding-right: 70px;}


.panelHeader .formSubmit {width: 55px; height: 28px; background: url('../img/ico_btns.svg') center right 20px no-repeat; text-indent: -9999px; position: absolute; bottom: 0; right: 0; z-index: 10; cursor: pointer;

    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.panelHeader .formSubmit:hover {background: url('../img/ico_btns.svg') center right 10px no-repeat}


/* PANEL's BUTTONS */
.panelButtons {padding-top: 40px;}
.panelBtn {
    width: 100%;
    font-family: 'brown';
    color: #000000;
    background-color: #bfe4b0;
    text-transform: uppercase;
    text-align: center;
    /* border: 2px solid #fff; */
    box-shadow: 3px 3px 9px #00000014;
    padding: 20px 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 5px;
    letter-spacing: 2px;
    font-size: 13px;
}
.panelBtn.panelBtnOff {color: #fff; background-color: transparent; display:none;}

.panelBtn:hover {
    color: #f6f6f6;
    background-color: #3a3a3a;
}



/* MAIN WRAPPER */
/* essa div engloba o resto do site (sem os elementos do header) de forma a remover o scoll quando abre um dos paineis lateral. O código para remover o scroll fica apenas no responsivo. */
#mainWrapper {width: 100%; height: 100%; float: left; clear: left;}

/* ========================================================================================================
    BANNER HOME
======================================================================================================== */
#bannerHome {width: 100%; height: 80%; position: relative; overflow: hidden;}

#bannerHome .gallery-wrapper {height:100%;}
#bannerHome .slide {position: relative; height: 100%; background-size:cover; background-position: top center;}
#bannerHome .slide a {width: 100%; height: 100%; display: block;}
#bannerHome .slide a span {display: none;}
#bannerHome .slide img {width: 100%; height: auto;}

#bannerHome .slide .bnrInfo {width: 100%; position: absolute; bottom: 105px; text-align: center; padding: 0 20%;}
#bannerHome .slide .bnrInfo h2 {font-size: 65px; margin-bottom: 10px; color: #fff;}
#bannerHome .slide .bnrInfo h2 a {color: #fff;}
#bannerHome .slide .bnrInfo h2 a:hover {color: #3EB273;}
#bannerHome .slide .bnrInfo p {font-size: 16px; color: #fff;}

/* GALLEY JQUERY SLICK */
#bannerHome .slick-slider {width: 100%; height: 100%;}
#bannerHome .slick-list {width: 100%; height: 100% !important;}

/*SLICK DOTS */
#bannerHome #slickDotsWrapper {width: calc(100% - 60px); position: absolute; left: 60px; bottom: 35px; z-index: 10;}
#bannerHome .slick-dots {display: block; padding: 0; list-style: none;}
#bannerHome .slick-dots li {position: relative; display: block; width: 9px; height: 9px; margin: 0 3px; padding: 0; cursor: pointer; float: left;}
#bannerHome .slick-dots li button {width: 9px; height: 9px; text-indent: -9999px; display: inline-block; border:1px solid #fff; background:transparent; cursor: pointer; padding: 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    outline: none;

    -webkit-transition:background 0.2s;
    -moz-transition:background 0.2s;
    -o-transition:background 0.2s;
    transition:background 0.2s;
}
#bannerHome .slick-dots li.slick-active button, #bannerHome .slick-dots li button:hover {background-color: #fff;}


/*SLICK ARROWS */
.slick-arrow {width: 25px; height: 39px; background:url('../img/arrows.svg') left top no-repeat; position: absolute; top: 50%; margin-top: -19px; text-indent: -99999px; z-index: 20; cursor: pointer;}
.slick-prev {left: 40px;}
.slick-next {right: 40px; background-position: right top;}


/* TEXTO BANNER */
.slideContent {width: 100%; height: 100%; justify-content: center;}
.slideContent .linha {text-align: center;}
.slideContent h3 {color: #A7A7A7; margin-top: -15px; font-size: 70px; font-weight: bold; text-transform: uppercase;}
.slideContent h3 span {font-family: 'brown'; font-size: 70px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-left: 5px; margin-left: 5px;}


/* ========================================================================================================
    HOME PAGE
======================================================================================================== */
.homeRow {padding: 50px 15px;}
.homeRow p {color: #323232; line-height: 1.4; margin-bottom: 20px;}

.homeBlock {min-height: 615px; background-position: center top; background-size: cover;}

.blockTitle {font-family: 'brown'; font-size: 46px; font-weight: bold; text-transform: uppercase; margin: -12px 0 30px 0;}

/* Bloco Escuro */
.blocoEscuro h2, .blocoEscuro p {color: #fff;}


/* DESTAQUES */
.destaques {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

/* ====================================================
    APPEAR ELEMENTS
==================================================== */
.homeAppear {opacity: 0;
-webkit-transform: translateY(20px);
   -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
     -o-transform: translateY(20px);
        transform: translateY(20px);

-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out, background 0.8s ease-out;
   -moz-transition: opacity 0.5s ease-out, transform 0.5s ease-out, background 0.8s ease-out;
    -ms-transition: opacity 0.5s ease-out, transform 0.5s ease-out, background 0.8s ease-out;
     -o-transition: opacity 0.5s ease-out, transform 0.5s ease-out, background 0.8s ease-out;
        transition: opacity 0.5s ease-out, transform 0.5s ease-out, background 0.8s ease-out;
}
.homeAppear.visible { opacity: 1;
-webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
        transform: translateY(0px);
}



/* DESTAQUES HOME */
.imgCanvas {width: 100%; height: auto; overflow: hidden; display: inline-block;}
.imgCanvas img {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.imgCanvas a:hover img {
-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);
}




/* LOOK BOOK HOME */
.lookbookHome {width: 100%; max-width: 895px; float: right;}


/* INSTAGRAM HOME */
#instaHome {width: 100%; padding-left: 50px;}
#instaHome h4 {font-family: 'brown'; font-weight: bold; font-size: 19px; color: #ccc; margin-bottom: 30px;}
#instaHome h4 a {color: #ccc;}
#instaHome h4 a:hover {color: #D2BFB4;}

.instagram-wrapper .slick-slide {width: 300px; height: 300px; overflow: hidden; margin: 0 4px;}
.instagram-wrapper .slick-arrow {width: 25px; height: 39px; background-image:url('../img/arrows_hover.svg')}
.instagram-wrapper .slick-prev {left: -50px;}
.instagram-wrapper .slick-next {right: 20px;}
.instagram-wrapper .slick-disabled {opacity: 0.3;}

.instagram-wrapper img {width: 100%; height: auto;}




/* ========================================================================================================
    PRODUTOS
======================================================================================================== */
#destaque {width: 100%; position: relative; float: left; clear: left; margin: 64px 0 60px; opacity:0; height:0px;}
#destaque img {width: 100%; height: auto; float: left; clear: left;}

#catTitle {width: 100%; height: 100%; position: absolute; left: 0; top:0px;}
#catTitle h1 {font-family: 'brown'; font-size: 60px; font-weight: bold; color: #fff; padding-left: 65px; margin: 0 0 10px 0;}

.serieLimitada {margin-bottom: 60px; padding: 0 30px;}
.serieLimitada img {width: 100%; height: auto;}
.serieLimitada h2 {font-family: 'brown'; font-size: 64px; font-weight: normal; margin-bottom: 15px;}
.serieLimitada p {color: #858585; line-height: 1.4;}
.serieLimitada p strong {font-size: 22px; font-weight: normal; color: #000; line-height: 0;}

.serieLimitada:hover h2 {color: #858585;}

#grid {margin: 0; padding: 0 30px; max-width: initial;}

#grid .produto-modelagem, #grid .produto-transparencia {display: none;}

#grid .produto-descricao h2, #grid .produto-descricao ul {display: none;}


@media (max-width: 700px) {
    [class*="col-"], .no-gutter-left [class*="col-"]:first-child, .no-gutter-right [class*="col-"]:last-child {
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
    float: left;
    flex: initial;
}
}

.produto {margin-bottom: 10px; opacity: 0; color: #858585;}
.produto .imgCanvas {margin-bottom: 25px;}
.produto img {width: 100%; height: auto;}
.produto h2 {font-family: 'brown'; font-size: 18px; font-weight: bold; text-transform: initial; margin-bottom: 15px; font-family: Theinhardt-Rg;
    letter-spacing: .035em;
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
    margin-top: 4px;}
.produto h2 {color: #000;}
.produto p {color: #858585; font-size: 16px; line-height: 1.4; margin: 0;}
.produto p.preco {font-family: 'brown'; font-size: 18px; font-weight:normal; color: #323232; text-transform: uppercase; float: right; font-family: helvetica;
    letter-spacing: 1.5px;
    font-size: 14px;
    color: #8e8e8e;
    line-height: 1.7;
}

p.desc {
    display: none;
}

.produto:hover h2, .produto:hover p.preco {color: #858585;}


.serieLimitada:hover .imgCanvas img, .produto:hover .imgCanvas img {
-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
        transform: scale(1.05);
}

.serieLimitada h2, .produto h2, .produto p.preco {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

/* PAGINATION */
#pagination {width: 100%; text-align: center; position: relative; padding: 30px 0;}
#pagination .disabled {display: none;}

#pagination a {font-family: 'brown'; font-size: 18px; font-weight: bold; color: #000; margin: 0 3px;}
#pagination a.current {color: #858585;}

/* INFINITE SCROLL */
.infinite-scroll-loading {width: 100%; height: 50px; background: url('../img/loading.svg') center center no-repeat; float: left; clear: left; margin: -50px 0 50px;}


/* ========================================================================================================
    SINGLE PRODUTOS
======================================================================================================== */
#single-product {background-color:#ffffff; margin-top:64px; position: relative; overflow: hidden;}


/* ====================================
    IMAGENS DO PRODUTO
==================================== */
.produto-image {width: 66%; float: left; position: relative; z-index: 11; opacity: 0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}

.produto-image img {width:100%; height:auto;}

/* GALERIA */
.single-gallery {width: 100%; height: 100%; float: left; clear: left; position: relative; z-index: 1;}
.single-gallery .slick-slide {width: 100%; height: auto;}


/* Breadcrumbs */
.breadcrumbs {font-family: 'brown'; font-size: 10px; color: #A6A6A7; text-transform: uppercase;}
.breadcrumbs a {color: #A6A6A7}
.breadcrumbs a:hover {color: #000;}

.produto-image .breadcrumbs {position: absolute; left: 50px; top: 50px; z-index: 999;}

/* Botão expandir imagem */
.imgPlus {width: 30px; height: 30px; background: url('../img/ico_plus.svg') center center no-repeat; position: absolute; right: 50px; top: 50px; z-index: 999; cursor: pointer; display: block;
    -webkit-transition:transform 0.5s;
    -moz-transition:transform 0.5s;
    -o-transition:transform 0.5s;
    transition:transform 0.5s;
}


/* ====================================
    INFORMAÇÕES DOS PRODUTOS
==================================== */
.produto-details {width: 34%; float: right; position: relative; padding: 50px;}

/*.pdWrapper {max-width: 420px; margin: 0 auto;}*/

.produto-details h1 {font-family: 'brown'; font-size: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.produto-details p {font-size: 16px; line-height: 1.3; margin-bottom: 15px; color: #8a7474;}
.produto-details p.preco {
    font-family: helvetica;
    font-size: 20px;
    color: #000;
    margin-bottom: 33px;
    letter-spacing: 1px;
}
.produto-details p.preco span {font-family: 'brown'; font-size: 14px; color: #A6A6A7; text-decoration: line-through;}


/* FORM VARIAÇÕES, QUANTIDADES, BOTÃO ADICIONAR */
#product-form {margin-top: 40px;}
.variation-wrapper  {width: 100%; float: left; clear: left; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; margin-bottom: 10px;}

.variation-label {width: 80px; line-height: 39px; font-family: brown;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    float: left;
    color: black;
    letter-spacing: 1px;
}
.variation-options {max-width: calc(100% - 80px); float: right; color: #757575;
    font-weight: 200;}


.variation-options a {width: 40px; height: 40px; line-height: 40px; border: 1px solid #F9F9F9; padding:4px; text-align: center; float: left; margin-right: 10px; cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.variation-options a:last-child {margin-right: 0;}

.variation {width: 30px; height: 30px; line-height: 30px; font-family: 'helvetica', arial, sans; font-size: 14px; text-align: center; display:block;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.variation.var-cor {text-indent: -9999px;}

.variation-options a:hover {color: #000 !important;}
.variation-options a.selected {border: 1px solid #A6A6A7; color: #000;}

.btn-number {width: 48px; height: 48px; float: left; border:1px solid #A6A6A7; background: center center no-repeat; cursor: pointer; text-align: center;

/*    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;

    display: flex;
    align-items: center;
    justify-content: center;*/

    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.btn-number:hover {border: 1px solid #000;}

.btn-number svg {display: inline-block;}

.btn-number .st0 {fill:none;stroke:#A6A6A7;stroke-miterlimit:10;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.btn-number:hover .st0 {stroke: #000;}

.input-number {width: calc(100% - 96px); height: 48px; line-height: 48px; font-family: 'helvetica'; font-size: 16px; font-weight: bold; color: #808080; border-top: 1px solid #A6A6A7; border-bottom:  1px solid #A6A6A7; float: left; text-align: center; background: none;}

.produto-details .btn-block {margin-top: 20px; cursor: pointer;}



/* NAVEGAÇÃO DETALHES DO PRODUTO */
.produto-nav {width: 34%; font-family: 'brown'; font-size: 14px; color: #808284; position: absolute; right: 0; bottom: 30px; text-align: center;}
.produto-nav span {font-family: 'brown'; font-size: 14px; color: #808284; padding-right: 15px; margin-right: 15px; border-right: 1px solid #A6A6A7; text-transform: uppercase; display: inline-block;cursor: pointer;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.produto-nav span:last-child {margin-right: 0; padding-right: 0; border-right: 0;}
.produto-nav span:hover {color: #000;}


/* PAINEL COM INFO EXTRA */
#single-product .produto-panel {width: 100%; height: 100%; position: absolute; right: -100%; top: 0px; z-index: 15; background: #F9F9F9; padding: 50px;
    -webkit-transition:right 0.6s;
    -moz-transition:right 0.6s;
    -o-transition:right 0.6s;
    transition:right 0.6s;
}
#single-product .produto-panel.opened {right: 0;}
#single-product .produto-panel h2 {font-family: 'brown'; font-weight: normal; font-size: 24px; color: #282828; text-transform: uppercase; letter-spacing: 2px; margin-bottom:50px;}

#single-product .produto-panel p, #single-product .produto-panel li {font-size: 16px; line-height: 1.6; margin-bottom: 25px;}
#single-product .produto-panel p.desc {display: none;}
#single-product .produto-panel ul {padding-left: 17px; color: #af9383;}
#single-product .produto-panel li {margin-bottom: 5px;}


/*#single-product .produto-descricao {z-index: 5;}
#single-product .produto-modelagem {z-index: 4;}
#single-product .produto-transparencia {z-index: 3;}*/


.closeTab {width: 38px; height: 38px; background: url('../img/close_tab.svg') center center no-repeat; background-size: 38px 38px; position: absolute; right: -300px; top:20px; z-index: 30; cursor: pointer;
    -webkit-transition:right 0.6s;
    -moz-transition:right 0.6s;
    -o-transition:right 0.6s;
    transition:right 0.6s;
}
.closeTab img {width: 38px; height: 38px; opacity: 0;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
    transition:opacity 0.3s;
}
.closeTab:hover img {opacity: 1;}
.closeTab.opened {right: 20px;}




/* GALERIA EXPANDIDA */
.expand .produto-image {width: 100%; max-width:100%;}
.expand .single-gallery {width: 100%; height: auto;}
.expand .produto-image img {width:100%; height: auto;}
.imgPlus.expand {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.expand .produto-details {position: absolute; right: 0;}



/* ====================================
    PRODUTOS RELACIONADOS
==================================== */
#related-products {background: #fff;}
.produtos-wrapper {padding: 0 50px 35px; position: relative;}
#related-products .slick-arrow {width: 25px; height: 39px; margin-top: -73px; background-image:url('../img/arrows_hover.svg')}
#related-products .slick-prev {left: 35px;}
#related-products .slick-next {right: 35px;}
#related-products .slick-disabled {opacity: 0.3;}


.produto-relacionado {margin: 50px;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
    transition:opacity 0.3s;
}
.produto-relacionado .imgCanvas {margin-bottom: 17px;}
.produto-relacionado img {width: 100%;}
.produto-relacionado h2 {font-family: 'brown'; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #A6A6A7; margin-bottom: 8px;}
.produto-relacionado h2 a {color: #A6A6A7;}
.produto-relacionado p.preco {font-family: 'brown'; font-size: 13px; font-weight:normal; color: #A6A6A7; text-transform: uppercase;}

.produto-relacionado:hover {opacity: 0.8;}



.subTitle {font-family: 'brown'; font-size: 27px; font-weight: bold; text-align: center; padding: 93px 0 40px;}


/* ========================================================================================================
    PAGES
======================================================================================================== */
.defaultPage {background-color:#F0F0F0; margin-top: 124px; position: relative; overflow: hidden;}
.defaultPage .breadcrumbs {margin-bottom: 30px;}

.pageWrapper {width: 100%; background-color:#FBFBFB; max-width: 1486px; padding: 60px; margin: 0 auto 60px; overflow: auto;}

.pageWrapper h1 {font-family: 'brown'; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 30px;}


.facebookLogin {margin-top: 50px;}
.fa-facebook {width: 50px; height: 50px; line-height: 50px; background-color: #3045A6; float: left;}
.fa-facebook:before {width: 50px; height: 50px; line-height: 50px; background-color: #3045A6; font-size: 24px; color: #fff; text-align: center; display: block;}

.btn-facebook {width: calc(100% - 50px); max-width: 350px; height: 50px; line-height: 50px; background-color: #3C54CA; font-size: 16px; color: #fff; text-align: center; float: left; cursor: pointer;}

.panelBody .btn-facebook {max-width: 100%;}

/* ========================================================================================================
    MINHA CONTA
======================================================================================================== */

.page-account h2 {font-size: 21px;}
.page-account h3 {font-size: 18px; margin-top: 10px;}
.page-account p {font-size: 16px; line-height: 1.2;}

.page-account .alert-danger {height: 50px; line-height: 50px; display: inline-block; padding: 0 15px; margin-bottom: 30px;}

#orderBoxMobile {display: none;}




/* ========================================================================================================
    CARRINHO DE COMPRAS
======================================================================================================== */
#shoppingCartPage h1 {font-size: 11px; margin-bottom: 0;}

.cart-detail {margin-bottom: 30px;}
.cart-detail table {width: 100%;}
.cart-detail table tr {border-bottom: 1px solid #A6A6A7;}
.cart-detail table th {font-family: 'brown'; font-size: 11px; color: #A6A6A7; text-transform: uppercase; padding: 0 15px 28px;}
.cart-detail table td {font-family: 'brown'; font-size: 14px; padding: 28px 15px;}
.cart-detail table td h2 {font-family: 'brown'; font-size: 15px; color: #000; text-transform: uppercase;}
.cart-detail table td h2 a {color: #000;}


.col-delete button {width: 14px; height: 14px; cursor: pointer; display: inline-block; position: relative;}
.col-delete button:before, .col-delete button:after {content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; display: block; transform: rotate(-45deg); background-color: #858585; transition: all 0.2s ease-out;}
.col-delete button:after {transform: rotate(45deg);}
.col-delete button:hover:before, .col-delete button:hover:after {transform: rotate(0deg);}



.subtotal-price-header {width: 55px; text-align: center;}


.col-quantity {position: relative; text-align: center;}


.quantity-group {width: 55px; height: 100%; float: left; position: relative;}

.quantity-input {width: 55px; height: 28px;}
.quantity-input input {width: 100%; height: 28px; line-height: 28px; font-family: 'brown'; font-size: 16px; color: #A6A6A7; text-align: center; background: none; border: 0; float: left; clear: left;}
.quantity-input input:focus {color: #000;}

.btn-cart {width: 55px; height: 15px; position: absolute; left: 0; display: block; }
.cart-plus {top: -15px;}
.cart-minus {bottom: -15px;}

.cart-plus svg {vertical-align: top;}
.cart-minus svg {vertical-align: baseline;}

.btn-cart .st0 {fill:none;stroke:#A3A3A4; stroke-miterlimit:10;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.btn-cart:hover .st0 {stroke: #000;}


.quantity-group .fa-spin {margin-top: 10px;}
.quantity-group .fa-plus, .quantity-group .fa-minus {display: none;}

.quantity-group button:focus {outline:0;}


.alert-dismissible .close {right: 0; top: 0;}

/* Continuar Comprando */
.continue-buying {margin-top: 131px;}


/* FRETE */
.calcular-frete {padding: 0 30px;}
#shipping-calculator .btnCaixa {float: right;}
#shipping-calculator label {width: 100%; font-family: 'brown'; font-size: 16px; text-transform: uppercase; color: #A6A6A7; margin:25px 0 10px;}

.form-control {width: 100%; height: 50px; line-height: 50px; letter-spacing: 1px; background-color:#F9F9F9; border:2px solid #EDEDED; padding: 0 10px; margin-bottom: 30px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

#shipping-calculator p {margin-top: 15px;}

#shipping-calculator-response {padding: 28px 0 0;}
#shipping-calculator-response h4 {font-size: 15px; color: #A6A6A7; margin-bottom: 25px;}
#shipping-calculator-response ul {list-style: none;}
#shipping-calculator-response ul li {width: 100%; float: left; clear: left; margin-bottom: 30px;}
#shipping-calculator-response ul li input {float: left; margin-right: 10px;}
#shipping-calculator-response ul li img {float: left; margin-right: 10px;}
#shipping-calculator-response ul li label {font-size: 14px; line-height: 1.4; display: block;}


/* TOTAIS */
.cart-detail-totals {position: relative;}

.tabela-total {padding-left: 45px;}

.priceWrapper {text-align: right; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 8px; margin:26px 0 31px;}

.priceWrapper > div {font-family: 'brown'; font-size: 15px; color: #000; text-transform: uppercase; margin:10px 0; padding: 0;}

.priceWrapper p.frete-price {display: none;}

.go-to-checkout {font-size: 16px; text-transform: uppercase; float: right; margin: 0; padding: 0 30px; }




/* ====================================================
    AJAX CART
==================================================== */
#ajax-cart-details .table td {padding:18px 0; vertical-align: middle;}
#ajax-cart-details .table tr:first-child td {border: 0;}

#ajax-cart-details .btn-cart .st0 {stroke: #c2c2c2;}

#ajax-cart-details .quantity-group {width: auto; margin-left: -15px;}
#ajax-cart-details .quantity-input input {color: #4c4c4b;}

#ajax-cart-details .col-product h3 {font-family: 'theinhardt'; font-size: 16px; color: #4c4c4b; font-weight: 400; margin-bottom: 6px; display: inline-block;}
#ajax-cart-details .col-product p {height: 20px; line-height: 20px; font-family: 'theinhardt'; font-size: 12px; color: #a3a5a7; margin: 0;}
#ajax-cart-details .col-product p input {width: 20px; height: 20px; line-height: 20px; text-align: right; font-family: 'theinhardt'; font-size: 12px; color: #000000; margin: 0; float: left; padding-right: 5px;}
#ajax-cart-details .col-product i {display: none;}
#ajax-cart-details .col-delete img {width: 11px; height: auto;}

#ajax-cart-details .col-delete button {width: 17px; height: 17px;}
#ajax-cart-details .col-delete button:before, #ajax-cart-details .col-delete button:after {color: #fff;}

#ajax-cart-details .table tr td.pic {width: 96px; padding-right: 20px;}
#ajax-cart-details .table tr td.pic img {width: 100%; height: auto;}

#ajax-cart-totalwshipping {
    width: 100%;
    font-family: 'theinhardt';
    font-size: 15px;
    color: #a3a5a7;
    text-transform: none;
    text-align: right;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 20px 3px;
    font-family: helvetica;
    letter-spacing: 1px;
    font-size: 14px;
}
.cartItem {width: 100%; float: left; clear: left; border-bottom: 1px solid #C2C2C2;}
.cartItem .quantity-group {float: left;}


#ajax-cart-minumum-div {font-size: 19px; color: #fff; margin-bottom: 20px;}


.cartBtn {width: 100%; float: left;}
.cartBtn:last-child {float: right;}

/* ========================================================================================================
    PLACEHOUDER FORMULÁRIOS
======================================================================================================== */
.formDark ::-webkit-input-placeholder {color:#fff; opacity:1; font-size:24px;}
.formDark :-moz-placeholder {color:#fff; opacity:1; font-size:24px;}
.formDark ::-moz-placeholder {color:#fff; opacity:1; font-size:24px;}
.formDark :-ms-input-placeholder {color:#fff; opacity:1; font-size:24px;}

.formLight ::-webkit-input-placeholder {color:#A4A4A5; opacity:1; font-size:14px;}
.formLight :-moz-placeholder {color:#A4A4A5; opacity:1; font-size:14px;}
.formLight ::-moz-placeholder {color:#A4A4A5; opacity:1; font-size:14px;}
.formLight :-ms-input-placeholder {color:#A4A4A5; opacity:1; font-size:14px;}



/* ========================================================================================================
    FOOTER
======================================================================================================== */
#footer {
    background-color: #ffffff;
    color: #A4A4A5;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
#footer p {font-size: 16px; color: #A4A4A5;}
#footer h3 {font-family: 'brown'; font-weight: bold; font-size: 16px; color: #000; text-transform: uppercase; margin-top: -3px;}

#footer h3.logoFooter {margin-top: -7px; padding-bottom: 10px; font-size: 37px; text-transform: lowercase;}
#footer h3.logoFooter span {font-family: 'brown'; font-size: 37px; font-weight: bold; color: #D2BFB4; text-transform: uppercase; position: relative; padding-left: 5px; margin-left: 5px;
    -webkit-transition:color 0.4s, left 0.4s;
    -moz-transition:color 0.4s, left 0.4s;
    -o-transition:color 0.4s, left 0.4s;
    transition:color 0.4s, left 0.4s;
}


#footer h3.logoFooter span:before {content:''; width: 5px; height: 5px; background-color: #D2BFB4; position: absolute; left: -6px; bottom: 9px;}

#menuFooter {padding: 0;}

.footerBlock {
    display: -webkit-flex;
    -webkit-justify-content: center;

    display: flex;
    justify-content: center;
}

#menuFooter ul {padding-left:10px; float: left; list-style: none;}
#menuFooter li {margin-bottom: 13px;}
#menuFooter a {font-family: 'brown'; font-size: 14px; color: #A4A4A5; text-transform: uppercase;}
#menuFooter a:hover {opacity: 0.7;}

#socialFooter h3 {margin-top: 20px;}
#socialFooter h3:first-child {margin-top: 0px;}
#socialFooter a {margin-right: 5px;}


.nlForm {width: 100%; height: 45px; line-height: 45px; background:transparent; border-bottom: 2px solid #000; position: relative;}
.nlForm:first-child {margin-bottom: 20px;}

.nlText {width: calc(100% - 60px); padding: 0 10px; font-size: 14px; line-height: 18px;}

.nlSubmit {width: 55px; height: 45px; background: url('../img/ico_btns_dark.svg') center right 20px no-repeat; text-indent: -9999px; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer;

    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}

.nlSubmit:hover {background: url('../img/ico_btns_dark.svg') center right 10px no-repeat}


#formasPagamento {background-color: #fff; padding-top: 10px; padding-bottom: 10px; text-align: center;}
#formasPagamento img {max-width: 100%; height: auto;}




/*
REMOVING GOOGLE ADDS IFRAME HEIGHT ISSUE
http://stackoverflow.com/questions/18467529/google-remarketing-tag-iframe-height-issue
*/
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}
iframe[id^="oauth2relay"] { position: fixed !important; }