@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);

body {
 color:#000;
 overflow-x:hidden;
 font-family:'Fira Sans Condensed',
 sans-serif;
 font-size:16px
}
div.clear,
span.clear {
 display:block;
 clear:both;
 width:100%;
 overflow:hidden;
 height:1px;
 background:0 0
}
.bez_przewijakow {
 overflow:hidden
}
a {
 outline:0!important
}
.po {
 cursor: pointer;
}
.website {
 display: none;
}
a.edytuj,
a.edytuj:hover {
 width:auto;
 float:left;
 display:block;
 text-align:left;
 margin-right:3px;
 text-decoration:none;
 color:#000!important;
 text-transform:uppercase;
 border:1px solid #404040;
 padding:5px 5px 3px 25px;
 font:bold 11px Arial,sans-serif;
 background:#ffd737 url(bimg/edytuj.gif) no-repeat 2px 1px
}
a {
 color:#334141
}
a:hover {
 text-decoration:none
}
.error-page {
 padding-bottom:300px
}
.no-padding {
 padding:0
}

span.komunikat {
 color:#090
}
div.bledy,
div.errorMessage,
span.blad,
span.required {
 color:red
}

.no-space {
 margin:0;
 padding:0;
 height:100%
}

.form-control {
    border-radius: 0;
}

ul.pager {
 font-size: 1.22em;
 border:0;
 margin:0;
 padding:0;
 line-height:100%;
 display:block;
 margin-top:15px;
 text-align: center;
}
ul.pager .first,
ul.pager .last {
 display:none
}
ul.pager li {
 display:inline
}
ul.pager .hidden a {
 display:none;
 color:#888
}
ul.pager .page a {
 font-weight:400
}
ul.pager a:link,
ul.pager a:visited {
 color:#000;
 padding:1px 6px;
 text-decoration:none
}
ul.pager li.previous a {
 color:#ccc
}
ul.pager .selected a {
 font-weight:700
}

.qt {
	text-align: center;
	border: none;
	color: #000;
}

.intro-quote img {
	filter: invert(1);
}

/* PAGE */
/* GLOBAL */

:root {
    --white: #FFFFFF;
    --graphite: #232323;
    --unnamed-color-959595: #959595;
    --unnamed-color-f9f9f9: #F9F9F9;
    --unnamed-color-cbcbcb: #CBCBCB;
    --light-gray: #E2E2E2;
    --gray: #444444;
}

html, body {
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth !important;
}

.photo-min {
	position: relative;
	display: inline-flex;
	transition-delay: 250ms;
}

.photo-min::after {
	display:none;
	position: absolute;
	content: "  ";
	background: rgba(0, 0, 0, .2);
	width: 100%;
	height: 100%;
}

.photo-min:hover::after {
}

.js-image-zoom__zoomed-image {
	z-index: 2;
	border: 1px solid;
}

/* INTRO PAGE */

.bg-type-cover {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.bg-intro {
    background: url('img/fashion_cities_text_ribbon_2.png') ,url('img/img_placeholder.jpg');
}

.full-screen-intro {
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    overflow: hidden;
    overscroll-behavior: contain;
}

.full-screen {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

#introFadeOutTarget:hover {
    cursor: pointer;
}

.intro-quote-heading {
    font-weight: 300;
    font-size: 4vw;
}

.font-weight-thin {
    font-weight: 300;
}

@media screen and (max-width: 576px) {
    .intro-quote-heading {
        font-size: 10vw !important;
    }
}

@media screen and (min-width: 576px) {
    .intro-sign {
        padding-right: 3rem;
    }
}

.intro-quote-heading b {
    font-weight: 700;
}

a.no-decoration, a.no-decoration:hover {
    color: inherit;
    text-decoration: none !important;
}

.intro-quote-position {
    bottom: -90vh;
    left: 1.5rem;
    padding-right: 1.5rem;
}

/* HEADER */

.bg-black {
    background: #000;
}

.logo-square {
    position: relative;
    z-index: 9999;
}

.logo-offset {
    position: absolute;
    height: auto;
}

header, .header-shadow {
    /*height: 85px;*/
    box-shadow: 0px 3px 6px #0000000D;
    z-index: 1000;
}

ul.main-menu {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

ul.main-menu-spacing {
    letter-spacing: 1.44px;
}

@media screen and (max-width: 767px) {/*
    .logo-square {
        position: static !important;
    }

    .logo-offset {
        position: static !important;
    }
*/
    ul.main-menu {
        padding-top: 1rem;
    }
    ul.main-menu a {
        display: block !important;
        padding-bottom: 1rem;
    }
}

ul.main-menu li {
    display: inline-block;
    border-bottom: 3px solid transparent;
    transition: 0.1s;
}

ul.main-menu a {
    color: inherit;
    text-decoration: none;
    padding-left: 1rem;
    padding-right: 1rem;
}

a, a:hover {
    color: inherit;
}

ul.main-menu > li a {
    border-bottom: 1px solid transparent;
}

ul.main-menu > li a:hover {
    border-bottom: 1px solid #232323;
    transition: 0.1s;
}

.text-option-underline-active {
    border-bottom: 3px solid #232323 !important;
    transition: .3s;
}

.text-option-underline {
    border-bottom: 3px solid transparent;
    transition: .7s;
}

.text-option-underline:hover {
    text-decoration: none;
    cursor: pointer;
}

.text-dark {
    color: #232323 !important;
}

@media screen and (max-width: 767px) {
    .pt-6 {
        padding-top: 7.5rem !important;
    }
}

/* FOOTER */

ul.footer-menu {
    list-style-type: none;
    margin-bottom: 0;
    padding-inline-start: 0;
}

ul.footer-menu li {
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media screen and (max-width: 767px) {
    ul.footer-menu li {
        display: block;
    }
	.zoomContainer{display:none}
}

ul.footer-menu a {
    color: inherit;
    text-decoration: none;
}

.max-width-660 {
    max-width: 660px !important;
}

.max-width-680 {
    max-width: 680px !important;
}

.max-width-440 {
    max-width: 440px !important;
}

input {
    border: 1px solid #000;
    outline: none;
    width: 100%;
    color: #959595;
}

.submit-arrow {
    background: url('img/svg/white-arrow.svg'), rgb(0,0,0);
    background-repeat: no-repeat;
    background-size: 44%;
    background-position: center;
    color: #fff !important;
}

.font-lower {
    font-size: 12px;
}

/* FOOTER END */

/* HOME PAGE */

.bg-slider {
    width: 100vw;
    height: 100vh;
}

.bg-slider:hover {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .home-img1-position {
        right: -1rem;
        z-index: -1;
    }

    .home-img2-position {
        top: 6rem;
        left: -1rem;
        z-index: -2;
    }
}

@media screen and (min-width: 768px) {
    .home-img1-position {
        right: -6rem;
        z-index: -1;
    }

    .home-img2-position {
        top: 6rem;
        left: -6rem;
        z-index: -2;
    }
}

/* Popup */

.full-screen-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 10000;
    overflow-y: scroll !important;
}

.popup-hidden {
    display: none !important;
}

.close-cross {
    background-image: url('img/svg/close-cross.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.eu-popup, .close-cross:hover {
    cursor: pointer;
}

.border-bottom {
    border-bottom: 1px solid #E2E2E2;
}

/* ABOUT US */

.line-before {
    position: relative;
}

.line-before::before {
    content: '';
    position: absolute;
    width: 4.5rem;
    height: 1px;
    background-color: #000;
    margin-top: 1.1rem;
    left: 0;
}

.line-after-center::after {
    content: '';
    display: block;
    width: 60vw;
    height: 1px;
    background-color: #000;
    margin-top: 10rem !important;
    margin: auto;
}

/* CONTACT */

.bg-contact {
    background: url('img/maska-trim.png'), #232323;
    color: #fff;
    min-height: 40rem;
}

.contact-links {
    color: inherit;
    text-decoration: none;
    display: block;
}

.contact-links:hover {
    color: inherit;
}

.container-contact {
    width: 100%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

        /* - file upload styling (form) - */

        .dropZoneOverlay, .FileUpload {
            width: 100%;
        }

        .dropZoneContainer {
            position: relative;
        }

        .dropZoneContainer:hover, input[type="file"] {
            cursor: pointer;
        }

        .dropZoneOverlay {
            position: absolute;
            top: 0px;
        }

        .FileUpload {
            opacity: 0;
            position: relative;
            z-index: 1;
        }

.text-lower {
    font-size: 0.66em;
}

.border-form, input {
    border: 1px solid #cbcbcb;
}

@media screen and (max-width: 576px) {
    .mt-textarea {
        margin-top: 4rem;
    }
}

textarea {
    border: 1px solid #cbcbcb;
    width: 100%;
    min-height: 10rem;
}

textarea:focus {
    outline: none;
}

        /* Customize the label (the container) */
        .checkbox-label {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            line-height: 32px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /* Hide the browser's default checkbox */
        .checkbox-label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom checkbox */
        .checkmark {
            position: absolute;
            top: 3px;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 1px solid #000;
            border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */
        .checkbox-label:hover input ~ .checkmark {
            background-color: #cbcbcb;
        }

        /* When the checkbox is checked, add a blue background */
        .checkbox-label input:checked ~ .checkmark {
            background-color: #000;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .checkbox-label input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .checkbox-label .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.dg {
    display: none !important;
}

.z-index-1 {
    z-index: 1;
}

.flex-basis-100 {
    flex-basis: 100% !important;
}

/* SHOP - MAIN */

.bg-light-gray {
    background: #f9f9f9;
}

.bg-light-gray2 {
    background: #E2E2E2;
}

.bg-gray {
    background: #444;
}

.bg-shop-img {
    background: url('img/img.jpg');
    height: 50vw;
}

.p-under-header {
    padding-top: 75px !important;
}

@media screen and (min-width: 576px) and (max-width: 1200px) {
    .ml-breadcrumps {
        margin-left: 15%;
    }
}

.bg-type-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 30rem;
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
}

.bg-thumb3 {
    background-image: url('img/galeria_thumb3.jpg');
}

.btn-load-more {
    background: #000;
    color: #fff;
    outline: none;
    border: none;
}

.white-arrow-down {
    background-image: url('svg/white-arrow-down.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.bg-promo-thumb1 {
    background-color: #E2E2E2;
    min-height: 300px;
}

.bg-promo-thumb2 {
    background-color: #444;
    min-height: 300px;
}

.shop-category-list {
    font-weight: 900 !important;
    font-size: 1.4em;
    color: #959595;
    border-bottom: 3px solid transparent;
}

.shop-category-list:hover {
    color: #959595;
    text-decoration: none !important;
    border-bottom: 3px solid #959595;
}

.shop-category-list-active {
    color: #232323 !important;
    border-bottom: 3px solid #232323 !important;
}

.shop-category-list-item {
    color: #959595;
    border-bottom: 3px solid transparent;
}

.shop-category-list-item:hover {
    color: #959595;
    text-decoration: none !important;
    border-bottom: 3px solid #959595;
}

.shop-category-list-item-active {
    color: #232323 !important;
    font-weight: 900 !important;
}

.shop-category-list-item-active:hover {
    border-bottom: 3px solid transparent !important;
}

/* PRODUCT SUBPAGE */

.back-arrow {
    background: url('img/svg/black-back-arrow.svg');
    background-repeat: no-repeat;
    background-size: 44%;
    background-position: center;
}

        /* Cloth Size Label */
		.cloth-size-label-included,
        .cloth-size-label {
            margin-right: .5rem;
            padding: .75rem 2rem;
            border: 1px solid #CBCBCB;
            color: #959595;
        }

        .is-checked:checked + .cloth-size-label {
            border: 1px solid #232323 !important;
            color: #232323 !important;
        }

        .cloth-size-label:hover {
            cursor: pointer;
        }

        input[type="radio"] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

.btn-cloth-amount {
    padding: .75rem 2rem;
    border: 1px solid #CBCBCB;
    color: #959595;
}

.cursor-pointer {
    cursor: pointer;
}

.w-24px {
    max-width: 24px;
    height: auto;
}

.select-product-count {
    border-radius: 0 !important;
    border: 1px solid #232323 !important;
}

.select-product-count:focus {
    outline: none !important;
}
/*
.input-radio-delivery::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid #959595;
    margin: 2px;
    border-radius: 50%;
    left: 1rem;
}

.input-radio-delivery:checked + label:before {
    background: #232323;
}
*/
        /* Customize the label (the container) */
        .input-radio-delivery {
            display: block;
            position: relative;
            padding-left: 35px;
            cursor: pointer;
            line-height: 32px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /* Hide the browser's default checkbox */
        .input-radio-delivery input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom checkbox */
        .radiomark {
            position: absolute;
            top: 3px;
            left: 0;
            height: 24px;
            width: 24px;
            background-color: transparent;
            border: 1px solid #000;
            border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */
        .input-radio-delivery:hover input ~ .radiomark {
            background-color: #cbcbcb;
        }

        /* Create the radiomark/indicator (hidden when not checked) */
        .radiomark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the radiomark when checked */
        .input-radio-delivery input:checked ~ .radiomark:after {
            display: block;
        }

        /* Style the radiomark/indicator */
        .input-radio-delivery .radiomark:after {
            left: 3px;
            top: 3px;
            width: 14px;
            height: 14px;
            border: solid #232323;
            border-width: 8px;
            border-radius: 50%;
        }

.btn-edit-data {
    color: #fff;
    background: #959595;
}

/* feedback */

.sold-out {
    text-decoration: line-through !important;
	color: #dc3545 !important;
}


@media screen and (max-width: 991px) {
	.logo-offset {
		max-width: 112px;
	}
	.cloth-size-label {
		font-size: 12px;
		padding: .75rem 1rem;
	}	
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .product-image {
        height: 200px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.logo-offset {
		max-width: 150px;
	}
    .product-image {
        height: 290px !important;
    }
}

@media screen and (min-width: 1200px) {
	.ml-breadcrumps {
		margin-left: 9%;
	}	
	.logo-offset {
		max-width: 150px;
	}
    .product-image {
        height: 540px !important;
    }
}