:root {
    --main-color: #006FA7;
    --second-color: #FEE4B7;
    --thirt-color: #87BBD5;
    --text-color: #3C3C3B;
    --white: #FFFFFF;
    --font-primary: "Outfit-Medium";
    --font-primary-regular: "Outfit-Regular";
    --font-primary-bold: "Outfit-Bold";
    --borderradius: 5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--main-color);
    font-family: var(--font-primary), sans-serif;
}

a {
    color: var(--text-color);
}

.btn {
    border-radius: var(--borderradius);
}

.btn-primary {
    background-color: var(--main-color);

}

.btn-outline {
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.bannercontainer .button3-slide,
.bannercontainer .button-slide {
    background-color: transparent;
    border-radius: var(--borderradius);
}

.bannercontainer .button2-slide {
    background-color: transparent;
    border-radius: var(--borderradius);
    border: 1px solid var(--main-color);
    display: flex;
    padding: 25px 20px;
}

.bannercontainer .button2-slide .tp-caption {
    font-size: 15px;
}

.bannercontainer .tp-caption {
    font-family: var(--font-primary-bold), sans-serif;
}

/*** HEADER ***/

.headerBanner{
    display: flex;
    height: 44px;
    color: var(--white);
    background-color: var(--main-color);
    justify-content: center;
    font-family: "Raleway", sans-serif;
}

.headerBanner .block {
    margin-bottom: 0;
}

.headerBanner .ApRow {
    align-content: center;
}

#costumerHeaderInfo {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}

/*** END HEADER ***/

/** MENUS **/

.col-info i {
    color: var(--second-color);
}

#leo_search_block_top .title_block:before {
    color: var(--second-color);
    font-size: 17px;
    height: 0px;
}

#_desktop_cart .cart-preview .header span.cart-products-count {
    color: var(--second-color);
    background-color: var(--text-color);
    font-family: "Raleway", sans-serif;
} @media (max-width: 420px){
    #_desktop_cart .cart-preview .header span.cart-products-count {
        margin-right: 5px;
    }
}

.far.fa-user,
#leo_search_block_top,
.material-icons.shopping-cart {
    display: block;
    background-color: var(--text-color);
    border-radius: 5px;
    padding: 2px;
    width: 24px;
    height: 24px;
    text-align: center;
}


/** END MENUS **/

/** BODY - CONTENT **/

.ApRow .title_block {
    color: var(--main-color);
    font-family: var(--font-primary), sans-serif;
    font-size: 2.2em;
}

/** COMPRAR POR CATEGORIA **/

.costumer-buybycategory div,
.costumer-buybycategory h4 {
    color: var(--white) !important;
    font-size: 22px !important;
    position: absolute !important;
    top: 260px !important;
    left: 15px !important;
}

.costumer-buybycategory div {
    font-size: 20px !important;
    top: 300px !important;
}

/** END COMPRAR POR CATEGORIA **/

#costumerBannerText {
    padding: 1rem 0;
}

#costumerBannerText .title_block {
    text-align: left;
    color: var(--text-color);
    font-size: 35px;
    margin-top: 1rem;
}

.products-selection .total-products p{
    color: var(--second-color);
}

.costumerBannerImage img {
    position: absolute;
    top: -50px;
}

#costumerBannerText .sub-title-widget {
    color: var(--text-color);
    text-align: left;
}

#costumerBannerText .btn {
    background-color: unset;
    color: var(--text-color);
    font-size: 1.1rem;
    border-radius: var(--borderradius);
    border: 1px solid var(--text-color);
    margin-bottom: .5rem;
}

#costumerBannerText2 .title_block {
    font-size: 35px;
    text-align: left;
    color: var(--main-color);
}

#costumerBannerText2 .sub-title-widget {
    color: var(--text-color);
    text-align: left;
}

#costumerBannerText .sub-title-widget,
#costumerBannerText2 .sub-title-widget {
    font-size: 1.1rem;
    font-family: 'Raleway', sans-serif;
}

.costumerBannerImage7 img {
    position: absolute;
    right: -95px;
    top: -233px;
}

#costumerBannerText2 .btn {
    background-color: transparent;
    border: 1px solid var(--text-color);
    color: var(--text-color)
}

/** NEWSLETTER **/

#costumer-newsletter {
    padding-bottom: 30px;
    padding-top: 10px;
}

#costumer-newsletter p {
    color: var(--text-color);
    font-family: var(--font-primary), sans-serif;
}

#costumer-newsletter .ApColumn .block {
    margin-bottom: unset;
}

#costumer-newsletter #newsletter-title {
    color: var(--thirt-color);
    font-size: 75px;
    margin-top: 1rem;
    line-height: 84px;
    font-family: var(--font-primary), sans-serif;
    font-weight: bold;
} @media (max-width: 430px) {
    #costumer-newsletter #newsletter-title {
        font-size: 3rem;
        line-height: 3.6rem;
    }
}

#costumer-newsletter .title_block.title-ap-group {
    color: var(--text-color);
    font-size: 19px;
    padding-top: .5rem;
    font-family: var(--font-primary), sans-serif;
    margin-bottom: 5px;
}



.block_newsletter {
    padding: 10px 0;
}

.block_newsletter form input[type="email"] {
    border: 1px solid #FFF1DE;
    border-radius: 5px;
}

.block_newsletter form .btn span::after {
    content: unset;
}

.block_newsletter form input[type="email"]:focus {
    background-color: var(--white);
}

.block_newsletter form button[type=submit] {
    background-color: var(--main-color);
    color: var(--white);
    height: 40px;
    padding: 8px 25px;
    border-radius: 5px;
    position: absolute;
    right: 1.7rem;
    top: 0.25rem;
    margin-bottom: 15px;
    font-family: var(--font-primary), sans-serif;
} @media (max-width: 430px) {
    .block_newsletter form button[type=submit] {
        margin-top: 0;
    }
}

#footer-block-content {
    padding-top: 4rem;
}

.footer-center {
    margin-top: 15px;
} @media (max-width: 430px) {
    .footer-center .footer-logo {
        padding-bottom: 0;
    }
}

/** END NEWSLETTER **/

#costumerInfos .ApColumn .block {
    margin-bottom: unset;
}


/** END BODY CONTENT **/


/** FOOTERS **/

.footer-logo {
    margin-top: 1rem;
    margin-bottom: 2rem;
} @media (max-width: 430px) {
    .footer-logo {
        margin-bottom: unset;
    }
}

.footer-container {
    background-color: transparent;
}

@media (max-width: 767px) {
    .footer-container .ApColumn .block {
        margin-bottom: 20px;
        text-align: center;
    }
}


.footer-container li {
    text-align: right;
}

.footer-container li a {
    color: var(--main-color);
    text-align: right;
}

.footer-bottom {
    border-top: 1px solid var(--main-color);
}

.footer-copy-right,
.footer-copy-right .copy-left a,
.footer-copy-right a {
    color: var(--main-color);
    text-align: center;
    padding-top: .5rem;
}

.footer-copy-right .copy-left a:hover {
    color: var(--second-color);
}

.mobile-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-footer-logo {
    width: 100%;
    padding: 45px;
}

/** END FOOTERS **/



/** PRODUCT PAGE **/

.product-actions .product-add-to-cart .add .add-to-cart {
    background-color: var(--main-color);
} @media(max-width: 480px){
    .product-actions .product-add-to-cart .add .add-to-cart {
        padding: 14px 15px;
    }
}

.product-tabs.tabs .nav-tabs .nav-link.active {
    border-top: 3px solid #ffad31;
    color: #ffad31;
}

.product-tabs.tabs .nav-tabs .nav-link:hover {
    border-top: 3px solid var(--second-color);
    color: var(--second-color);
}

#wrapper .breadcrumb li a:hover {
    color: var(--second-color);
}


/** MODAL ADD TO CART **/
#blockcart-modal .modal-header {
    background: var(--main-color);
}

#blockcart-modal .product-name {
    color: var(--main-color);
}

#blockcart-modal .cart-content .cart-content-btn a {
    background-color: var(--main-color);
}
/** END ADD TO CART **/

.available-wishlist-customer-line,
.addcart-customer-line {
    display: flex;
    align-items: start;
}

.product-quantity .qty,
#product-availability {
    margin-right: 1rem;
}

.product-manufacturer .manufacturer-logo {
    height: 95px;
}

/** END PRODUCT PAGE **/


/** PRODUCT GRID **/

.thumbnail-container .product-price-and-shipping .price {
    color: var(--main-color);
    font-family: var(--font-primary), sans-serif;
    font-weight: bold;
}

.leo-plist-style-default .thumbnail-container .product-meta .button-container .leo-bt-cart {
    color: var(--second-color);
}

.thumbnail-container .product-title a:hover {
    color: var(--main-color);
}

.sidebar .block .title_block {
    color: var(--main-color);
}

.products-sort-order .select-title {
    color: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 8px 0 0 5px;
}

.products-sort-order .select-list {
    color: var(--main-color);
} .products-sort-order .select-list:hover {
      background: var(--main-color);
  }

/** END PRODUCT GRID **/


/** CLIENT AREA **/

/** END CLIENT ARES **/

#novosprodutosbanners {
    text-align: center;
}

#leftColSocialBanner {
    text-align: right;
}

#rightColSocialBanner {
    text-align: left;
}

#leftColSocialBanner .btn,
#rightColSocialBanner .btn{
    background-color: var(--second-color);
    color: var(--white);
    padding-left: 3rem;
    background-repeat: no-repeat;
    background-position-x: 0.9rem;
    background-position-y: 0.3rem;
}

#rightColSocialBanner .btn {
    background-image: url("/customShop/instagram.png");
}

#leftColSocialBanner .btn {
    background-image: url("/customShop/facebook.png");
}

#rightColSocialBanner .AppButton.ApButton,
#leftColSocialBanner .AppButton.ApButton{
    text-align: center;
    margin-bottom: 1.5rem;
}



#add-to-cart-or-refresh > div.product-add-to-cart.js-product-add-to-cart {
    max-width: 100%;
    padding: unset;
    border: unset;
}

.lql-form-content input {
    border: 1px solid var(--second-color);
}

.leo-megamenu .navbar-nav > li > a {
    font-size: 0.65rem;
}

#costumerContainerLogo {
    margin-top: 15px;
}

/* OWL Carousel */

.owl-carousel {
    padding-bottom: 5em;
}

/* End OWL Carousel */

/* LAYERSSLIDER */
.layerslider-wrapper {
    padding-left: 0;
    padding-right: 0;
}
/* End LAYERSSLIDER */

@media(min-width: 994px){
    .leo-megamenu .navbar-nav > li + .nav-item {
        margin-left: -25px;
    }

    .popup-over a.popup-title {
        display: flex;
        align-items: center;
    }
}

@media(min-width: 1500px) {
    .leo-megamenu .navbar-nav > li + .nav-item {
        margin-left: -15px;
    }

    .leo-megamenu .navbar-nav > li > a {
        font-size: 0.75rem;
    }
}

@media(min-width: 1680px){
    .leo-megamenu .navbar-nav > li > a {
        font-size: 0.95rem;
    }
}

@media(max-width: 994px) {
    #product-availability {
        text-align: center;
        margin-top: unset;
        margin-right: 1rem;
    }
}

@media(max-width: 480px){

    #costumerContainerMenu {
        order: 1;
    }

    #costumerContainerLogo {
        order: 2;
    }

    #costumerContainerServices{
        order: 3;
    }

    .hr-footer .img-fluid{
        margin: .8rem 0;
    }

    #leo_search_block_top.active form{
        right: -95%;
    }

    .product-tabs.tabs .nav-tabs .nav-link {
        padding: 0.9375rem 18px;
        font-size: 12px;
    }

    .product-quantity .qty .input-group.bootstrap-touchspin {
        width: 102px;
    }

    .product-actions .product-add-to-cart .compare a {
        margin-left: 1rem;
        width: 90%;
    }

}

@media (min-width: 764px) and (max-width: 1200px) {
    .latest-blogs.block {
        padding-left: 25%;
    }
}

@media (max-width: 480px) {
    .col-sp-12 {
        margin-left: 0;
        margin-right: 0;
    }
}

/** INFO CARDS **/
#costumerInfos {
    padding: 0 25px;
} @media (min-width: 768px) {
    #costumerInfos {
        padding: 0 95px;
    }
}

.info-banners .block_content {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--main-color);
    padding: 15px;
    min-height: 130px;
}

.info-banners .block_content h3 {
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 420px) {
    .info-banners .block_content img {
        width: 75px;
    }
}

#cms .page-cms p,
#cms .page-cms li {
    color: var(--text-color);
}

#cms .page-cms li {
    margin-left: 2em;
}

#payment-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.pagination > div:first-child {
    font-size: 12px;
}

body#checkout a:hover {
    color: var(--second-color);
}

.payment-icon-front {
    width: 85px
}

.product-flag .out_of_stock,
.product-flags .product-flag.discount{
    background-color: #DB6C1C;
}

.product-flags li.product-flag {
    padding: 5px 10px;
    font-size: 15px;
    font-family: var(--font-primary-bold), sans-serif;
}

/** END INFO CARDS **/

#cta-terms-and-conditions-0 {
    text-decoration: underline;
}