@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.woff2') format('woff2'),
    url('../fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
    url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
    url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
    url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
    url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url('../img/bg-detalhe-top.png?v=3');
}

@media(max-width: 768px){
    body{
       background-size:100%, auto;
    }
}

/*--------------------------------- LOGIN ------------------------------*/

body.login-page{
    background-color:#000000;
}

.login-page main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}
.login-page main > .container{
    width: 500px;
    max-width: 100%;
}
.card-login{
    width: 100%;
    max-width: 440px;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
}
.card-login .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border-radius: 0.60rem;
    padding: 8px 15px 8px 15px;
}
.card-login .btn > span.text{
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 100%;
}
.card-login .btn > svg{
    display: inline-block;
    fill: #1a1e21;
    width: 28px;height: 28px;
}

.card-login .form-control {
    display: block;
    width: 100%;
    padding: 0.460rem 0.90rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    border: 2px solid #a6a6a5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.60rem;
    transition: border-color 0.15s ease-in-out;
}

.card-login .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    box-shadow:none;
}
.card-login .form-control::-webkit-date-and-time-value {
    height: 1.8em;
}
.card-login .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}
.card-login .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}
.login-page footer > .container{
  width: 300px;
}


.login-page footer{
    position: relative;
    display: block;
    height: auto;
    padding-bottom: 100px;
    min-height: 180px;
}
.login-page footer:before{
    position: absolute;
    display: block;
    content: " ";
    left: 0;bottom: 0;
    width: 100%;height: 100px;
    background-image: url("../img/bg-bottom.png");
    background-repeat: repeat-x;
    background-position:left bottom;
}

.login-page  .col-logo {
    text-align: center;
    margin-bottom: 50px;
}
.login-page .logo{
    display: inline-block;
    width: 350px;
    max-width: 100%;
}
@media(max-width: 768px){
    .login-page .logo{
        width: 270px;
    }
}

.table-totals .label,
.table-totals .label-price{
    font-family: 'Gotham';
    font-weight: 600;
}
.table-totals .label{
    font-size: 1em;
    color: #3b3b3b;
}
.table-totals .label-price{
    font-size: 1.2em;
}
.cart-table .thumb{
    width :50px;
    height:50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #fafafa;
}
.cart-table .td-inner{
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.cart-table .td-inner.td-f-w{width: 100%;}