/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */

html {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #222222;
}

body {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #222222;
}

a {
    color: #BEB4B8;
    transition: 0.3s;
}

a:hover {
    color: #767676;
}

.page-footer {
    text-align: center;
}

.breadcrumb h1 {
    text-align: center;
}

#customer-form .form-footer,
.address-form .form-footer {
    text-align: center;
}

#mywishlist .footer_links {
    text-align: center;
}

#mywishlist .footer_links li .btn {
    color: #222222;
    border: 1px solid #767676;
    margin-left: 10px;
    margin-right: 10px;
}

#mywishlist .footer_links li .btn:hover {
    color: #fff;
    background: #767676;
}


/*--------------------HEADER--------------------*/
.header_email a,
.header_lang_curency a {
    color: #767676;
}

.header_email a:hover,
.header_lang_curency a:hover {
    color: #222222;
}

.header_email {
    padding: 11px 0;
}

.header_email a {
    line-height: 18px;
    display: flex;
    align-items: center;

}

.header_email a svg {
    margin-right: 5px;
}

.header_lang_curency {
    display: flex;
    justify-content: end;
    padding: 11px 0;
}

.header_lang_curency div {
    line-height: 18px;
    display: flex;
}

.header_lang_curency div:not(:last-of-type) {
    margin-right: 20px;
}

.header_lang_curency div .title {
    margin-right: 15px;
}

.header_lang_curency div .popup-title .cus-name {
    text-transform: none;
}

.box-top.header_menu_logo_icons {
    padding: 23px 0;
    display: flex;
    align-items: center;
}

.header_menu_logo_icons__logo .h-logo {
    text-align: center;
}

.header_menu_logo_icons__logo .h-logo img {
    height: 55px;
}

.header_menu_logo_icons__icons #leo_search_block_top .title_block:hover::before,
.header_menu_logo_icons__icons #leo_block_top .popup-title:hover,
.header_menu_logo_icons__icons #_desktop_cart:hover .icon-cart i {
    color: #BEB4B8;
}

/*----------SLIDER----------*/
.main_page_slider .box-slide-ct .bannercontainer.banner-fullwidth {
    padding: 0px !important;
    border: none;

}

.main_page_slider__img img {
    height: 740px;
    width: auto;
}

.main_page_slider__title .caption-contain {
    font-size: 20px;
    line-height: 26px;
    color: #767676;
    display: flex;
    align-items: center;
}

.main_page_slider__title .caption-contain::before {
    content: '';
    display: block;
    width: 45px;
    height: 2px;
    margin-right: 10px;
    background-color: #767676;
}

.main_page_slider__heading .caption-contain {
    font-size: 70px;
    line-height: 88px;
    font-weight: 700;
    color: #222222;
}

.main_page_slider__heading2 .caption-contain {
    font-size: 70px;
    line-height: 88px;
    font-weight: 400;
    color: #222222;
}

.main_page_slider__btn .caption-contain {
    line-height: 18px;
    font-weight: 500;
    color: #222222;
    cursor: pointer;
}

.main_page_slider__btn .caption-contain::after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    margin-top: 5px;
    background-color: #222222;
    transition: 0.3s;
}

.main_page_slider__btn .caption-contain:hover::after {
    width: 140px;
}

.main_page_slider .div.iview-controlNav div.iview-items {
    left: 250px;
    bottom: 85px;
}

.main_page_slider .iview-controlNav div.iview-items ul li a.iview-control {
    border-width: 1px;
}

.main_page_slider .iview-controlNav div.iview-items ul li a.iview-control:after {
    background-color: #C3C3C3;
}

.main_page_slider .iview-controlNav div.iview-items ul li a.iview-control.active,
.main_page_slider .iview-controlNav div.iview-items ul li a.iview-control:hover {
    border-color: #222222;
}

.main_page_slider .iview-controlNav div.iview-items ul li a.iview-control.active::after,
.main_page_slider .iview-controlNav div.iview-items ul li a.iview-control:hover:after {
    background-color: #222222;
}

/*----------BOXY----------*/
/*.category_box_section {
    display: flex;
}

@media (max-width: 1199px) {
    .category_box_section {
        display: flex;
    }
}*/

.category_box_section {
    display: grid;
    grid-template-columns: 40% 1.5% 18% 1.5% 18% 1.5% 18%;
    grid-template-rows: 47% 5% 47%;
}

.category_box_section .category_box_section__box-big {
    grid-area: 1 / 1 / 4 / 2;
}

.category_box_section .category_box_section__box-medium {
    grid-area: 1 / 3 / 1 / 8;
}

.category_box_section .category_box_section__box-small_1 {
    grid-area: 3 / 3 / 4 / 4;
}

.category_box_section .category_box_section__box-small_2 {
    grid-area: 3 / 5 / 4 / 6;
}

.category_box_section .category_box_section__box-small_3 {
    grid-area: 3 / 7 / 4 / 8;
}

@media (max-width: 1199px) {
    .category_box_section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .category_box_section .category_box_section__box-big {
        width: 49%;
        margin-bottom: 20px;
    }

    .category_box_section .category_box_section__box-medium {
        width: 49%;
        margin-bottom: 20px;
    }

    .category_box_section .category_box_section__box-small_1 {
        width: 32%;
    }

    .category_box_section .category_box_section__box-small_2 {
        width: 32%;
    }

    .category_box_section .category_box_section__box-small_3 {
        width: 32%;
    }
}

@media (max-width: 767px) {
    .category_box_section {
        display: flex;
        flex-direction: row;
    }

    .category_box_section .category_box_section__box-big {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_box_section .category_box_section__box-medium {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_box_section .category_box_section__box-small_1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_box_section .category_box_section__box-small_2 {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_box_section .category_box_section__box-small_3 {
        width: 100%;
    }
}

/*----------KARUZELA PRODUKTÓW----------*/
.product-variants-item .input-color:checked+span,
.product-variants-item .input-color:hover+span,
.product-variants-item .input-radio:checked+span,
.product-variants-item .input-radio:hover+span {
    border-radius: 0;
}

.product_section_carousel__box.plist-default .thumbnail-container .product-image .btn-product {
    border: 1px solid #222222;
}

.product_section_carousel__box.plist-default .thumbnail-container:hover .product-image .btn-product {
    border: 1px solid #222222;
}

.product_section_carousel__box .thumbnail-container .product-meta .variants-product {
    min-height: 60px;
}

/*--------------------FOOTER--------------------*/
/*----------NEWSLETTER----------*/
.footer_newsletter {
    display: flex;
    align-items: center;
}

.footer_newsletter .block_newsletter {
    text-align: center;
}

.footer_newsletter #block-newsletter-label {
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer_newsletter #block-newsletter-label .newsletter_header {
    font-weight: 700;
}

.footer_newsletter #block-newsletter-sub {
    margin-bottom: 24px;
    padding-top: 0;
}

.footer_newsletter .block_newsletter .input-wrapper {
    background-color: #fff;
}

.footer_newsletter .block_newsletter .input-wrapper input {
    height: 60px;
}

.footer_newsletter .block_newsletter .input-wrapper button {
    height: 60px;
    font-weight: 500;
}

/*----------FOOTER KONTAKT MENU USP COPYRIGHT----------*/
#footer .footer-center {
    padding: 0 0 50px;
    border-top: none;
}

.footer_logo {
    margin-bottom: 40px;
}

.footer_contact_social__address {
    margin-bottom: 35px;
}

.footer_contact_social__email {
    margin-bottom: 15px;
}

.footer_contact_social__email a,
.footer_contact_social__phone a {
    color: #222222;
}

.footer_contact_social__email a:hover,
.footer_contact_social__phone a:hover {
    color: #BEB4B8;
}

.footer-left.footer_contact_social .block-social ul li:hover {
    color: #BEB4B8;
}

.footer_usp_element {
    text-align: center;
}

.footer_usp_element:not(:last-of-type) {
    margin-bottom: 20px;
}

.footer_usp_element .footer_usp_element__heading {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    margin: 5px 0 10px;
}

.footer_usp_element .footer_usp_element__text {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: #767676;
}

.box-footer-bottom.footer_copyright {
    padding: 25px 0;
    text-align: center;
}

@media (max-width: 991px) {
    .footer_newsletter {
        flex-direction: column;
        justify-content: center;
    }

    .box-footer-center .footer_usp {
        display: flex;
        justify-content: space-around;
    }

    .box-footer-center .footer_usp .footer_usp_element {
        margin-bottom: 0;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .box-footer-center .footer_logo {
        text-align: center;
    }

    .box-footer-center .footer_contact_social {
        text-align: center;
    }

    .box-footer-center .footer_menu {
        text-align: center;
    }

    .box-footer-center .footer_usp .footer_usp_element:first-child {
        padding-right: 15px;
    }

    .box-footer-center .footer_usp .footer_usp_element:last-child {
        padding-left: 15px;
    }
}

@media (max-width: 481px) {
    .box-footer-center .footer_menu1 {
        margin-bottom: 17px;
    }

    .box-footer-center .footer_menu2 {
        margin-bottom: 30px;
    }
}

/*--------------------STRONA KONTAKT--------------------*/
.contact_page__info .contact_page_company_info {
    border: 1px solid #DFDFDF;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .contact_page__info .contact_page_company_info {
        margin-bottom: 30px;
    }
}

.contact_page__info .contact_page_company_info hr {
    margin-top: 0;
    margin-bottom: 0;
}

.contact_page_company_info .contact_page_company_info__heading {
    font-size: 20px;
    line-height: 26px;
    padding: 0 10px;
    background: #fff;
    position: absolute;
    top: -13px;
    left: 35px;
}

.contact_page_company_info .contact_page_company_info__element {
    display: flex;
    padding: 25px 25px;
}

.contact_page_company_info .contact_page_company_info__address {
    padding: 36px 25px;
}

.contact_page_company_info .contact_page_company_info__element .contact_page_company_info__element-img {
    margin-right: 13px;
}

.contact_page_company_info .contact_page_company_info__element .contact_page_company_info__element-content {
    line-height: 18px;
}

.contact_page_company_info .contact_page_company_info__element .contact_page_company_info__element-content a {
    color: #222222;
}

.contact_page_company_info .contact_page_company_info__element .contact_page_company_info__element-content a:hover {
    color: #BEB4B8;
}

/*----------FORMULARZ KONTAKTOWY----------*/

.contact_page__form .contact-form {
    border: 1px solid #DFDFDF;
}

.contact_page__form .contact-form {
    padding: 45px;
}

@media (max-width: 991px) {
    .contact_page__form .contact-form {
        padding: 15px;
    }
}

.contact_page__form .contact-form h1 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .contact_page__form .contact-form h1 {
        font-size: 30px;
        text-align: center;
    }
}

.contact_page__form .contact-form .gdpr_consent {
    padding-left: 15px;
    padding-right: 15px;
}

.contact_page__form .contact-form .form-fields .form-group {
    display: flex;
    align-items: center;
}

.contact_page__form .contact-form .form-fields .form-group label {
    padding-top: 0;
    margin-bottom: 0;
}

.contact_page__form .contact-form .form-fields .form-group .form-control-comment {
    padding-top: 0;
}

@media (max-width: 991px) {
    .contact_page__form .contact-form .form-fields .form-group {
        flex-direction: column;
    }

    .contact_page__form .contact-form .form-fields .form-group label {
        margin-bottom: 10px;
    }
}

.contact_page__form .contact-form .gdpr_consent .custom-checkbox input[type="checkbox"]+span {
    float: left;
}