/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder. 
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.8.6
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
*/
@media (max-width: 1399px) {
	.header__nav ul li a{
		font-size:22px;
	}
}
@media (max-width: 1299px) {
    .header__nav ul li a {
        font-size: 19px;
    }
}

/* @media (max-width: 1299px) {
	.header__nav ul li a{
		font-size:20px;
	}
	.header .header__nav {
		flex: 0 0 calc(100% - 130px);
	}
    .header .header__logo {
    flex: 0 0 130px;
    }
	.header .header__nav nav {
        display: block;
    }
	.hamburger {
        display: none;
    }
}
@media (max-width: 1199px) {
    .header .header__nav {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .header .header__logo {
        flex: 0 0 100%;
        max-width: 100%;
    }
	.header .header__nav nav {
        display: none;
    }
	.hamburger {
        display: block;
    }
} */
.wallpaper-page__img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
	overflow:hidden;
	position:relative;
}
@media (max-width: 1199px) {
    .wallpaper-page__img {
        border-radius: 0;
    }
}
.wallpaper-page__img .overlay-img{
	position:absolute;
	top:0;
	left:0;
    width: 100%;
    height: 100%;
}
.intro__description button{
	border: 1px solid #d8262c;
    background-color: #d8262c;
    color: #fff;
}
ul.sub-menu{
	display: none;
}
.text h5:not(:first-child){
	margin-top:40px;
}
.guide__image img{
	transition:1s;
}
.guide__image:hover img{
	transform:scale(1.05);
}
.map-section{
	text-align:center;
	margin-top: 0;
}
button.hovered{
	border: 1px solid #d8262c;
    background-color: #d8262c;
    color: #fff;
}
.similar-products__slider:not(.is-initialized){
	visibility:visible;
}
.similar-products__slider:not(.is-initialized) .slider__arrows{
	display: none;
}
.similar-products__slider:not(.is-initialized) .splide__list{
	width:100%;
	justify-content:center;
}
.similar-products__slider:not(.is-initialized) .splide__list .slider__single{
	margin: 0;
}
.intro__description {
	display: block;
}

.realizations-home__btn::selection {
	background: transparent;
}

.intro__categories__single__description {
	display: none !important;
}

.intro__categories__single h5 {
	cursor: pointer;
	transition: 0.3s;
}

.slider-text__single.active p {
	font-weight: 600;
	width: auto;
	border-bottom: 1px solid #000
}

.intro__categories__single:hover h5,
.intro__categories__single.active h5 {
	font-weight: 600;
}

.realizations__content h5.number {
	display: none;
}

.realizations__content h5 {
	flex: 0 0 56%;
}

.single-produkt__colors,
.single-produkt__colors2 {
	margin: 32px 0 8px;
}

.selected-text {
	margin-bottom: 40px;
}

.selected-text.selected-text--texture {
	margin-bottom: 24px;
}

.selected-text {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	font-weight: 400;
}

.single-produkt__colors2 {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.single-produkt__image svg {
	display: none;
}

.single-produkt__image svg,
.single-produkt__image img {
	max-width: 500px;
	width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.single-color2 {
	overflow: hidden;
	width: 8px;
	height: 50px;
	cursor: pointer;
	position: relative;
	transition: 0.3s;
	top: 0;
}

.single-color2:hover {
	transform: scale(1.1)
}

.single-color {
	overflow: hidden;
}

.intro__categories,
.footer__salony h5 {
	position: relative;
	top: -10px;
}

.what-we-offer__number {
	text-align: right;
}

.opinions__single p:nth-child(2) {
	min-height: 78px;
}

.wide-splide .slider__arrows {
	top: 225px;
}

.realizations__images {
	overflow: hidden;
	justify-content: flex-start;
}

.realizations__single:nth-child(even) .realizations__images {
	justify-content: flex-end;
}

.realizations__images>div {
	flex: 0 0 14.5%;
}

.mfp-counter {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	min-width: 0;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	width: 32px;
	border-radius: 0;
}

.mfp-arrow:hover,
.mfp-arrow:focus,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
	opacity: 1;
	background: transparent;
	border: none;
}
.header__nav ul li:hover ul.sub-menu{
	display:none;
}
.subcategories__single__image img{
	object-fit:contain;
}
@media (max-width: 1199px) {
	.menu span{
        transform: rotate(90deg);
        display: inline-block;
        padding: 0 8px;
        position: relative;
        top: 0;
		transition:0.3s
	}
	.menu span.active{
        transform: rotate(-90deg);
	}
.header__nav ul li:hover ul.sub-menu{
	display:block;
}
}
@media (max-width: 991px) {
	.single-download svg {
		top: 50%;
		transform: translateY(-50%);
	}

	select {
		height: 54px;
	}

	.big-photo__content {
		justify-content: flex-end;
		padding-bottom: 40px;
	}

	.big-photo__content button {
		margin-top: 160px;
	}

	.single-produkt__image {
		width: 100%;
		text-align: center;
	}

	.single-color2 {
		width: 32px;
		height: 32px;
		margin: 5px;
	}

	.realizations__content {
		padding: 0 !important;
	}
}

@media (max-width: 767px) {

	.subcategories__single,
	.subcategories__single:nth-child(even) {
		padding: 0;
		margin-bottom: 32px;
	}

	.subcategories__single__content {
		position: relative;
	}

	.subcategories__single__content h5 {
		color: #212529;
		margin-top: 16px;
	}
}

@media (max-width: 420px) {
	.single-produkt__content h5 {
		font-size: 36px;
	}
}