@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:700i');
::selection {
    background: #5e5e5e;
    color: #fff;
}
::-moz-selection {
    background: #5e5e5e;
    color:#fff;
}
/* =================================== */
/*    Basic Style
/* =================================== */
body {
    color: #434d5a;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 15px;
    font-weight: 400;
    counter-reset: my-sec-counter;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
main {
    flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body {
        display: block;
    }
    main {
        flex: 0;
    }
}
*, a, a.active, a:focus, a:hover {
    outline: 0;
}
ol, ul, figure {
    margin: 0;
    padding: 0;
    list-style: none;
}
p {
    margin-bottom: 1rem;
    line-height: 22px;
}
a {
    color: #434d5a;
    text-decoration: none;
    -webkit-transition: all .2s ease-in 0s;
    -moz-transition: all .2s ease-in 0s;
    -ms-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
    outline: 0;
}
a:hover, a:focus {
    text-decoration: none;
    outline:0;
    color: #434d5a;
}
.hover-link:hover,
.hover-link:focus {
	color: #e96a68;
}
*:focus {
    outline: 0 none;
}
i, .btn {
    -webkit-transition: all .2s ease-in 0s;
    -moz-transition: all .2s ease-in 0s;
    -ms-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}
a i {
    -webkit-transition: all 0s ease-in 0s;
    -moz-transition: all 0s ease-in 0s;
    -ms-transition: all 0s ease-in 0s;
    -o-transition: all 0s ease-in 0s;
    transition: all 0s ease-in 0s;
}
button:focus {
    outline: 0;
}
.container-ineer {
    max-width: 940px;
}
/* Backgrounds */
.gray-bg {
    background-color: #f2f2f2;
}
.gray-bg-dr {
    background-color: #d4d4d4;
}
/* Headline */
.h1 {
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}
.h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .h2 span {
        border-bottom: 1px solid #434d5a;
    }
        .h2 stront {
            font-weight: 800;
        }
        .h2 .h2-link {
            font-family: 'Source Sans Pro', sans-serif;
            color: #fff;
            font-size: 14px;
            display: inline-block;
            line-height: 1.5;
            padding: 0 10px;
            background-color: #e96a68;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
            .h2 .h2-link:hover {
                color: #fff;
                background-color: #c66767;
            }
.h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
}
    .h3 span {
        font-weight: 300;
    }
        .h3 a:hover,
        .h3 a:focus{
            color: #e96a68;
        }
.blockquote {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    padding-left: 55px;
    position: relative;
    margin: 25px 0;
}
    .blockquote:before {
        content: '“';
        position: absolute;
        left: 10px;
        top: -10px;
        line-height: 1;
        font-size: 50px;
        font-family: 'Noto Serif', serif;
    }
.h4 {
    font-size: 18px;
    font-weight: bold;
}
/* Buttons */
.btn {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 26px;
    padding: 0 15px;
    margin-top: 6px;
}
    .btn-red {
        background-color: #e97674;
        line-height: 31px;
        color: #fff;
    }
        .btn-red:hover {
            background-color: #c96866;
            color: #fff;
        }
    .btn-gray-sm {
        background-color: #505c6b;
        line-height: 31px;
        color: #fff;
    }
        .btn-gray-sm:hover {
            background-color: #434d5a;
            color: #fff;
        }
    .btn-red-buy {
        background-color: #e97674;
        line-height: 31px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
    }
        .btn-red-buy:hover {
            background-color: #c96866;
            color: #fff;
        }
    .btn-gray {
        background-color: #f2f2f2;
        line-height: 31px;
        font-size: 14px;
        font-weight: 700;
        color: #434d5a;
    }
        .btn-gray:hover {
            background-color: #e6e5e5;
            color: #434d5a;
        }
    .btn-red-lg {
        background-color: #e96a68;
        color: #fff;
        font-size: 16px;
        line-height: 45px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 25px;
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
        box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    }
        .btn-red-lg:hover {
            background-color: #c96a68;
            color: #fff;
        }
    .btn-gray-lg {
        background-color: #e2e2e2;
        color: #434d5a;
        font-size: 16px;
        line-height: 45px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 25px;
    }
        .btn-gray-lg:hover {
            background-color: #d3d2d2;
            color: #434d5a;
        }
    .btn-bl-br {
        border: 1px solid #434d5a;
        padding: 0;
        width: 35px;
        height: 35px;
    }
		.btn-bl-br.loved-prod {
			background-color: #ff9e99;
			border-color: #ff9e99;
		}
        .btn-bl-br img {
            width: auto !important;
            height: auto;
            margin: 7px auto;
        }
			.btn-bl-br.loved-prod img {
				filter: brightness(10);
			}
        .btn-bl-br:hover {
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7);
            -moz-box-shadow: 0 0 3px rgba(0,0,0,0.7);
            box-shadow: 0 0 3px rgba(0,0,0,0.7);
        }
/* Header */
.navbar {
    background-color: #f2f2f2;
    position: relative;
}
    .navbar-brand {
        margin-right: 1.5rem;
        position: relative;
    }
    .navbar-brand.christmas-bg img {
        position: relative;
        z-index: 2;
    }
    .navbar-brand.christmas-bg:before {
        margin-right: 1.5rem;
        position: absolute;
        content: '';
        background: url("../images/kuhnia-bg-xmass.png") no-repeat top center;
        top: -9px;
        left: -95px;
        width: 364px;
        height: 72px;
        z-index: 1;
    }
.navbar-expand-lg .navbar-collapse {
    position: relative;
    z-index: 3;
}
    .navbar-expand-md .navbar-nav.main-nav a.nav-link {
        padding-right: 2rem;
    }
    .main-nav a span {
        position: relative;
    }
	.navbar-light .navbar-nav .nav-link {
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 1;
	}
		.navbar-collapse {
			-webkit-box-align: end;
			-ms-flex-align: end;
			align-items: end;
		}
	.dropdown-hover {
		position: relative;
	}
		.dropdown-menu-hover {
			display: none;
			background-color: #f2f2f2;
			opacity:0;
			visibility: hidden;
			-webkit-transition: ease-in-out all 0.3s;
			-moz-transition: ease-in-out all 0.3s;
			-ms-transition: ease-in-out all 0.3s;
			-o-transition: ease-in-out all 0.3s;
			transition: ease-in-out all 0.3s;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 999;
		}
			.dropdown-hover:hover .dropdown-menu-hover {
				display: block;
				opacity:1;
				visibility: visible;
			}
        .main-nav a span:before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #e96a68;
            content: '';
            -webkit-transition: ease-in-out all 0.3s;
            -moz-transition: ease-in-out all 0.3s;
            -ms-transition: ease-in-out all 0.3s;
            -o-transition: ease-in-out all 0.3s;
            transition: ease-in-out all 0.3s;
        }
        .main-nav li:hover a span,
        .main-nav li.active a span {
            color: #e96a68;
        }
            .main-nav li:hover a span:before,
            .main-nav li.active a span:before {
                width: 100%;
            }
    .main-nav.navbar-nav .dropdown-menu {
        border: 0;
        background-color: #f2f2f2;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
        .dropdown-item,
        .navbar-light .navbar-nav .nav-link {
            color: #434d5a;
            position: relative;
        }
            .dropdown-item.active, .dropdown-item:active,
            .dropdown-item:hover, .dropdown-item:focus {
                color: #e96a68;
                text-decoration: none;
                background-color: transparent;
            }
                .dropdown-item:before {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 2px;
                    height: 0;
                    background-color: #e96a68;
                    content: '';
                    -webkit-transition: ease-in-out all 0.3s;
                    -moz-transition: ease-in-out all 0.3s;
                    -ms-transition: ease-in-out all 0.3s;
                    -o-transition: ease-in-out all 0.3s;
                    transition: ease-in-out all 0.3s;
                }
                    .dropdown-item.active:before,
                    .dropdown-item:active:before,
                    .dropdown-item:hover:before,
                    .dropdown-item:focus:before {
                        height: 100%;
                    }
            .login-form-box .form-control {
                border: 0;
                background-color: transparent;
                padding: 0;
                line-height: 1.2;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                border-bottom: 1px solid #9a9fa6;
            }
    .shopping-cart {
        position: relative;
        padding: 5px 10px;
    }
        .shopping-cart small {
            background-color: #e96a68;
            color: #fff;
            font-size: 11px;
            line-height: 18px;
            padding: 0 4px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            position: absolute;
            top: 0;
            right: -2px;
        }
    .shopping-cart-desctop {
        position: fixed;
		padding: 8px 10px;
		bottom: 20px;
		right: 20px;
		z-index: 9999;
		background-color: #fff;
		border-radius: 30px;
		text-align: center;
		box-shadow: 0 0 3px rgba(68,68,68,0.5);
    }
        .shopping-cart-desctop small {
            background-color: #e96a68;
			color: #fff;
			font-size: 12px;
			line-height: 18px;
			padding: 1px 4px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			position: absolute;
			top: -2px;
			right: -4px;
			box-shadow: 0 0 3px rgba(68,68,68,0.5);
        }
.measure-link,
.meet-w-designer{
    line-height: 1;
    font-size: 14px;
}
.measure-link a {
    color: #e96a68;
}
	.measure-link:hover a {
		text-shadow: 0 0 2px rgba(233,106,104,0.5);
	}
	.meet-w-designer:hover a {
		text-shadow: 0 0 2px rgba(67,67,67,0.5);
	}
	.measure-link img,
	.meet-w-designer img {
		-webkit-transition: ease-in-out all 0.3s;
		-moz-transition: ease-in-out all 0.3s;
		-ms-transition: ease-in-out all 0.3s;
		-o-transition: ease-in-out all 0.3s;
		transition: ease-in-out all 0.3s;
	}
	.meet-w-designer:hover img {
		-webkit-filter: drop-shadow(0 0 2px rgba(67,67,67,0.5));
  		filter: drop-shadow(0 0 2px rgba(67,67,67,0.5));
	}
	.measure-link:hover img {
		-webkit-filter: drop-shadow(0 0 2px rgba(233,106,104,0.5));
  		filter: drop-shadow(0 0 2px rgba(233,106,104,0.5));
	}
/* Mobile menu NEW */
.hidden-ov {
	overflow: hidden;
}
.button_container {
	position: relative;
	height: 24px;
	width: 24px;
	cursor: pointer;
	z-index: 100;
	transition: opacity 0.25s ease;
	padding: 10px;
	margin: 0 0 0 10px;
	display: none;
}
.button_container:hover {
  	opacity: 0.7;
}
.button_container.active .top {
	-webkit-transform: translateY(5px) translateX(0) rotate(45deg);
		  transform: translateY(5px) translateX(0) rotate(45deg);
	background: #434d5a;
}
.button_container.active .middle {
  	opacity: 0;
  	background: #434d5a;
}
.button_container.active .bottom {
	  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
			  transform: translateY(-9px) translateX(0) rotate(-45deg);
	  background: #434d5a;
}
.button_container span {
	  background: #434d5a;
	  border: none;
	  height: 2px;
	  width: 24px;
	  position: absolute;
	  top: 4px;
	  left: 0;
	  transition: all 0.35s ease;
	  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  	top: 11px;
}
.button_container span:nth-of-type(3) {
  	top: 18px;
}

.overlay {
	position: fixed;
	background: #f2f2f2;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	overflow: hidden;
}
.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
}
.overlay.open li,
.overlay.open .btn {
	-webkit-animation: fadeInRight 0.5s ease forwards;
		  animation: fadeInRight 0.5s ease forwards;
	-webkit-animation-delay: 0.35s;
		  animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
	-webkit-animation-delay: 0.4s;
		  animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
	-webkit-animation-delay: 0.45s;
		  animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
	-webkit-animation-delay: 0.5s;
		  animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(5) {
	-webkit-animation-delay: 0.55s;
		  animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(6) {
	-webkit-animation-delay: 0.6s;
		  animation-delay: 0.6s;
}
.overlay nav {
	position: relative;
	text-align: center;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0.7rem auto;
	position: relative;
}
.overlay ul li {
	display: block;
	position: relative;
	opacity: 0;
}
.overlay .btn {
	position: relative;
	opacity: 0;
}
.overlay ul li a {
	display: block;
	font-family: 'Montserrat';
	position: relative;
	color: #434d5a;
	font-size: 18px;
	line-height: 1.3;
	padding:8px 0;
}
.overlay ul.social li a {
	padding:8px;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.mobile-brand {
	text-align: center;
	display: inline-block;
	padding-top: 0.7rem;
}
	.mobile-brand img {
		width: 140px;
	}
/* Max-width 992 */
@media (max-width: 992px) {
    /* Mobile fix */
    .mobile-width {
        max-width: 100% !important;
        margin: 0 !important;
    }
    .navbar-brand {
        margin-right: 0.5rem;
    }
    /* Mobile menu */
    .navbar-brand {
        width: 64%;
    }
    .navbar-brand img {
        max-width: 100%;
    }
    .navbar-light .navbar-toggler.mobile-search {
        padding: 0 10px;
        border-left: 1px solid #cfd1d4;
        border-right: 1px solid #cfd1d4;
        border-radius: 0;
    }
    #mobile-search {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 9999;
        background-color: rgba(242,242,242,0.9);
        padding: 10px;
    }
    #mobile-search .form-control {
        -webkit-border-radius: 10px 0 0 10px;
        -moz-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        border: 0;
    }
    #mobile-search .form-control + button {
        background-color: #fff;
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
        border: 0;
    }
    .navbar-light .navbar-toggler {
        color: #434d5a;
        border: 0;
        padding: 0;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(67, 77, 90, 1)' stroke-width='2.5' stroke-linecap='none' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
	.dropdown-menu {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1000;
		display: none;
		float: none;
		background-color: #fff;
		border-radius: 0;
		text-align: center;
	}
	.button_container {
		display: block;
	}
	.dropdown-menu {
		padding: 0;
	}
}
/* END Max-width 992px */

/* Max-width 767px */
@media (max-width: 767px) {
    .h1 {
        font-size: 20px;
    }
    .h2 {
        font-size: 20px;
    }
        .h2 .h2-link {
            display:  none;
        }
    .blockquote {
        font-size: 14px;
        padding-left: 0;
        text-align: center;
    }
        .blockquote:before {
            content: '';
            left: 0;
            right: 0;
            top: 105%;
            width: 50px;
            height: 1px;
            background-color: #ccc;
            margin: auto;
        }
	.btn {
		line-height: 40px;
		font-size: 14px;
	}
    /* Mobile menu */
    .navbar-brand {
        width: 55%;
    }
	.main-nav a span::before,
	.dropdown-item::before {
		display:none;
	}
    /* Homepage */
    .news {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
        .news figcaption,
        .news-title + p,
        .owl-nav {
            display: none;
        }
        .news .item {
            position: relative;
            height: 60vw;
            max-height: 250px;
        }
            .news .item::after {
                background-image: linear-gradient(to top, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0) 70%);
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: '';
            }
            .news figure img {
                position: absolute;
                object-fit: cover;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
            .news .news-title {
                position: absolute;
                bottom: 15px;
                left: 15px;
                right: 15px;
                margin: auto;
                color: #fff;
                font-family: 'Montserrat';
                font-weight: 700;
                font-size: 20px;
                line-height: 1;
                z-index: 9;
                max-height: 41px;
                overflow: hidden;
            }
                .news .news-title a {
                    color: #fff;
                }
    .added-comments {
        flex-direction: column;
    }
    .added-comments .added-comments {
        margin-left: 20px;
        width: auto;
    }

    /* Product-page */

    .category-box {
        width: 100%;
    }
        .breadcrumb-item.active {
            color: #e96a68;
            font-weight: 700;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
            .product-main .product-lg-slider .owl-dots {
                display: block;
            }
                .product-main .product-lg-slider .owl-dot {
                    margin: 2px 6px;
                }
        .product-main .product-title {
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 0;
        }
    .product-main .product-lg-slider .item {
        height: auto;
    }
        .product-main .product-lg-slider .item img {
            position: relative;
            width: auto;
            max-width: 100%;
            height: auto;
            max-height: 60vw;
            display: block;
            margin: auto;
        }
    .events .item {
        margin-bottom: 15px;
    }
}
/* END Max-width 767px */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand,
    .navbar-brand img {
        width: 140px;
    }
    .navbar-brand {
        margin-right: 1rem;
        width: 64%;
    }
        .navbar-expand-md .navbar-nav.main-nav a.nav-link {
            padding-right: 0.5rem;
        }
}
/* END Max-width 992px */
@media (min-width: 768px) and (max-width: 1200px) {
    .create-info .create-title {
        font-size: 15px !important;
    }
    .events figure figcaption {
        font-size: 20px !important;
    }
}

/* Product Page */
    .product-lg-slider .item {
        background-color: #f5f6f7;
        width: 100%;
        position: relative;
        height: 35vw;
        margin-bottom: 10px;
    }
        .product-lg-slider .item img {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
        }
        .product-lg-slider .owl-dots {
            display: none;
        }
    .product-lg-slider {
        display: flex;
    }
        .product-sm-slider .item {
            width: calc(25% - 6px);
            position: relative;
            height: 100px;
            background-color: #f5f6f7;
        }
            .product-sm-slider .item + .item {
                margin-left: 10px;
            }
            .product-sm-slider .item img {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                object-fit: cover;
            }
    .product-title {
        font-size: 22px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        line-height: 24px;
    }
        .product-title + small {
            font-size: 15px;
            font-weight: 300;
        }
    .rating .nav-link {
        padding: 0 5px 0 0;
        line-height: 1;
    }
        .rating .nav-link img {
            vertical-align: top;
        }
    .price {
        font-size: 22px;
        font-weight: 700;
        line-height: 1;
    }
        .price small {
            vertical-align: top;
            font-weight: 700;
            font-size: 13px;
        }
    /* Product Info Tabs */
	#product-info dl {
	}
	#product-info dl dt {
		width:20%;
		text-align: right;
		border-bottom: 1px solid #f2f2f2;
		line-height: 1.2;
		padding: 4px 0;
	}
	#product-info dl dd {
		width:80%;
		padding: 4px 0 4px 15px;
		border-bottom: 1px solid #f2f2f2;
		margin: 0;
		line-height: 1.2;
	}
    .nav-tabs {
        border-bottom: 0;
    }
        .nav-tabs .nav-item {
            margin-bottom: 0;
        }
            .nav-tabs .nav-link {
                color: #434d5a;
                font-size: 18px;
                font-weight: 700;
                font-family: 'Montserrat', sans-serif;
                opacity: 0.8;
                text-transform: uppercase;
                border: 0;
                padding-left: 0;
                position: relative;
            }
                .nav-tabs .nav-link:after {
                    background-color: #434d5a;
                    position: absolute;
                    width: 0;
                    -webkit-transition: ease-in-out all 0.3s;
                    -moz-transition: ease-in-out all 0.3s;
                    -ms-transition: ease-in-out all 0.3s;
                    -o-transition: ease-in-out all 0.3s;
                    transition: ease-in-out all 0.3s;
                    height: 2px;
                    content: '';
                    bottom: 0.5rem;
                    left: 0;
                }
                .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
                    border: 0;
                    opacity: 1;
                 }
                .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                    color: #434d5a;
                    opacity: 1;
                }
                    .nav-tabs .nav-item.show .nav-link:after, .nav-tabs .nav-link.active:after {
                         width: calc(100% - 1rem);
                     }
/* Цялостни решения */
.decision-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .decision-slider .des-box {
        width: 48%;
         background-color: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
        -moz-box-shadow:  0 1px 4px rgba(0,0,0,0.4);
        box-shadow:  0 1px 4px rgba(0,0,0,0.4);
        overflow: hidden;
        margin-bottom: 12px;
        display: none;
    }
	.decision-slider .item {
		margin: 10px 0;
	}
    .decision-slider .des-box:nth-child(1),
    .decision-slider .des-box:nth-child(2),
    .decision-slider .des-box:nth-child(3),
    .decision-slider .des-box:nth-child(4) {
        display: block;
    }
        .decision-slider .des-box figure {
            position: relative;
            height: 140px;
			overflow: hidden;
        }
            .decision-slider .des-box figure img {
                position: absolute;
                height: 100%;
                width: 100%;
                left: 0;
                right: 0;
                object-fit: cover;
				-webkit-transition: ease-in-out all 0.3s;
				-moz-transition: ease-in-out all 0.3s;
				-ms-transition: ease-in-out all 0.3s;
				-o-transition: ease-in-out all 0.3s;
				transition: ease-in-out all 0.3s;
            }
            .decision-slider .des-box:hover figure img {
				transform: scale(1.1);
			}
            .decision-slider .des-box .promo {
                position: absolute;
                right: 0;
                top: 10px;
                color: #fff;
                font-size: 14px;
                text-transform: uppercase;
                padding: 0 10px;
                line-height: 28px;
                font-weight: 600;
                background-color: #e2152d;
            }
        .des-info {
            padding: 10px;
        }
            .des-info p {
                margin-bottom: 0;
                font-size: 13px;
                height:35px;
                font-weight: 600;
            }
            .des-title + div {
                justify-content: space-between;
                flex-direction: row-reverse;
                align-items: flex-end;
            }
                .des-new-price {
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 1;
                }
                    .des-new-price small {
                         vertical-align: top;
                         font-weight: 700;
                     }
                .des-old-price {
                    text-decoration: line-through;
                    line-height: 1;
                }
            .des-info div:last-child {
                justify-content: center;
            }
/* Цялостни решения */
    .acctual .item {
        display: flex;
        flex-direction: column;
        background-color: #f1f1f1;
        -webkit-box-shadow:  0 1px 2px rgba(0,0,0,0);
        -moz-box-shadow:  0 1px 2px rgba(0,0,0,0);
        box-shadow:  0 1px 2px rgba(0,0,0,0);
        -webkit-transition: ease-in-out all 0.2s;
        -moz-transition: ease-in-out all 0.2s;
        -ms-transition: ease-in-out all 0.2s;
        -o-transition: ease-in-out all 0.2s;
        transition: ease-in-out all 0.2s;
        margin: 20px 0 10px;
        padding: 2px;
        position: relative;
        width: 70vw !important;
        opacity: 0.5;
    }
        .acctual .active.center .item {
            opacity: 1;
            top: -20px;
            -webkit-box-shadow:  0 1px 2px rgba(0,0,0,0.1);
            -moz-box-shadow:  0 1px 2px rgba(0,0,0,0.1);
            box-shadow:  0 1px 2px rgba(0,0,0,0.1);
        }
            .acctual .active.center .item figure {
                height: 220px;
            }
        .acctual .acc-descr,
        .acctual .acc-tags {
            display: none !important;
        }
        .acctual figure {
            height: 200px;
            position: relative;
        }
            .acctual figure img {
                position: absolute;
                height: 100%;
                width: 100%;
                left: 0;
                right: 0;
                object-fit: cover;
            }
            .acc-info {
                padding: 15px;
            }
                .acc-info .acc-title {
                    font-size: 17px;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 700;
                }

    .acctual .active.center .item .acc-before,
    .acctual .active.center .item .acc-after {
        position: absolute;
        bottom: -40px;
        background-color: #ff9e99;
        padding: 2px 0px;
        width: 93px;
        text-align: center;
        font-size: 16px;
    }
    .acc-before {
        left: 20px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }
    .acc-after {
        left: 113px;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }
    .acctual .active.center .item .acc-before.active,
    .acctual .active.center .item .acc-after.active {
        background-color: #e96a68;
        color: #fff;
    }
    .acc-before.active:after,
    .acc-after.active:after {
        border-bottom: 5px solid #e96a68;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: '';
        position: absolute;
        bottom: 100%;
        width: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
/* Цялостни решения */
.create-project {
    margin: 0 -15px;
    width: calc(100% + 30px);
}
    .create-project .item {
        display: flex;
        flex-direction: column;
        background-color: #f1f1f1;
        -webkit-transition: ease-in-out all 0.2s;
        -moz-transition: ease-in-out all 0.2s;
        -ms-transition: ease-in-out all 0.2s;
        -o-transition: ease-in-out all 0.2s;
        transition: ease-in-out all 0.2s;
        margin: 0 10px;
        padding: 2px;
        position: relative;
        width: 65vw !important;
        opacity: 0.5;
    }
        .create-project .active.center .item {
            opacity: 1;
            -webkit-box-shadow:  0 2px 10px rgba(0,0,0,0.15);
            -moz-box-shadow:  0 2px 10px rgba(0,0,0,0.15);
            box-shadow:  0 2px 10px rgba(0,0,0,0.15);
        }
            .create-project .active.center .item figure {
                height: 220px;
            }
            .create-project figure {
                height: 200px;
                position: relative;
            }
            .create-project figure img {
                position: absolute;
                height: 100%;
                width: 100%;
                left: 0;
                right: 0;
                object-fit: cover;
            }
            .create-info {
                padding: 15px;
            }
                .create-steps {
                    font-size: 16px;
					line-height: 1;
					font-weight:300;
                    font-family: 'Montserrat', sans-serif;
                }
                .create-info .create-title {
                    font-size: 20px;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 700;
                }
/* Водещи събития */
.events {
    margin-bottom: 3px;
}
    .events figure {
        position: relative;
        height: 210px;
        z-index: 9;
        background-color: #434d5a;
    }
        .events figure img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.5;
			-webkit-transition: ease-in-out all 0.4s;
			-moz-transition: ease-in-out all 0.4s;
			-ms-transition: ease-in-out all 0.4s;
			-o-transition: ease-in-out all 0.4s;
			transition: ease-in-out all 0.4s;
        }
        .events .item:hover figure img {
            opacity: 0.8;
		}
            .events figure figcaption {
                position: absolute;
                left: 15px;
                right: 15px;
                margin: auto;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #fff;
                font-size: 30px;
                font-family: 'Montserrat', sans-serif;
                font-weight: 700;
                text-align: center;
                z-index: 12;
                line-height: 1.1;
                text-transform: uppercase;
				-webkit-transition: ease-in-out all 0.2s;
				-moz-transition: ease-in-out all 0.2s;
				-ms-transition: ease-in-out all 0.2s;
				-o-transition: ease-in-out all 0.2s;
				transition: ease-in-out all 0.2s;
            }
            .events .item:hover figure figcaption {
				text-shadow: 0 0 2px rgba(68,68,68,0.8);
			}
                .events figure figcaption span {
                    font-size: 20px;
                    font-weight: 400;
                    display: block;
                }

@media (min-width: 992px) {
    /* Актуални Проекти */
    .acctual .item {
        flex-direction: row;
        margin-bottom: 40px;
    }
    .acctual figure {
        width: 55%;
        height: auto !important;
    }
    .acc-info {
        width: 45%;
        background-color: #fff;
    }
    .acc-info .acc-title {
        font-size: 17px;
        line-height: 1.1;
    }
    .acc-info-list {
        flex-wrap: wrap;
    }
    .acc-info-list > * {
        width: 49%;
    }
    .acctual .acc-descr, .acctual .acc-tags {
        display: block !important;
    }
    .acc-tags span,
    .acc-tags a {
        color: #e96a68;
        font-weight: 800;
        font-size: 12px;
        text-transform: uppercase;
    }
    .acc-tags span:hover,
    .acc-tags a:hover {
        color: #bd5654;
    }
    .acc-tags span.tags-gray, .acc-tags span.tags-gray a {
        color: #fff;
        background-color: #a1a6ac;
        font-weight: 600;
    }
    .acctual .owl-dots {
        display: none;
    }
    .acctual .owl-nav {
        display: block;
    }
    .acctual .owl-prev {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: rgba(233,106,104,0.8);
        width: 100px;
        height: 100px;
        background-image: url("../images/icon/prev.png");
        background-position: center center;
        background-repeat: no-repeat;
        color: transparent;
        opacity: 0.5;
        -webkit-transition: ease-in-out all 0.3s;
        -moz-transition: ease-in-out all 0.3s;
        -ms-transition: ease-in-out all 0.3s;
        -o-transition: ease-in-out all 0.3s;
        transition: ease-in-out all 0.3s;
    }
    .acctual .owl-next {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: rgba(233,106,104,0.8);
        width: 100px;
        height: 100px;
        background-image: url("../images/icon/next.png");
        background-position: center center;
        background-repeat: no-repeat;
        color: transparent;
        opacity: 0.5;
        -webkit-transition: ease-in-out all 0.3s;
        -moz-transition: ease-in-out all 0.3s;
        -ms-transition: ease-in-out all 0.3s;
        -o-transition: ease-in-out all 0.3s;
        transition: ease-in-out all 0.3s;
    }
    .acctual .owl-prev:hover,
    .acctual .owl-next:hover {
        opacity: 1;
    }
    .acctual .active.center .item {
        top: 0;
    }
    #mobile-search {
        display: none !important;
    }
}
@media (min-width:769px){
    /* Decision */
    .decision-slider .des-box {
        width: 100%;
    }
}
@media (min-width: 768px) {
.h3 {
    font-size: 18px;
    line-height: 22px;
}
.navbar {
    padding: 0.5rem 0;
}
    .log-reg-link + .log-reg-link {
        position: relative;
    }
    .log-reg-link + .log-reg-link:before {
        content: '/';
        position: absolute;
        left: -3px;
        top: 8px;
    }
        .login-form-box {
            padding: 10px 15px;
            width: 150px;
        }
        .show #login-form {
            color: #e96a68;
        }
            .login-form-box .form-control:focus {
                color: #434d5a;
                background-color: transparent;
                border-color: #434d5a;
                outline: 0;
                box-shadow: 0 0 0 0 rgba(0,123,255,0);
            }
            .login-form-box .form-group:first-child {
                position: relative;
            }
                .login-form-box .form-group:first-child:before {
                    position: absolute;
                    content: '';
                    background-color: #e96a68;
                    width: 3px;
                    height: 14px;
                    left: -15px;
                    top: 3px;
                }
    .dropdown-toggle::after {
        display: none;
    }
    .shopping-cart {
        padding: 0px 8px;
		margin-right: 9px;
    }
    .shopping-cart small {
        top: -8px;
    }
    .desc-search {
        padding: 6px;
		flex-wrap: no-wrap;
		position: relative;
    }
    .desc-search.visible {
        background-color: #fff;
        padding: 5px;
		flex-wrap: no-wrap;
    }
        .desc-search .form-control {
            background: #fff;
			padding: 7px 0 6px;
			line-height: 1;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			border: 0;
			position: absolute;
			right: 19px;
			width: 0;
			top: 0;
			-webkit-transition: ease-in-out all 0.3s;
			-moz-transition: ease-in-out all 0.3s;
			-ms-transition: ease-in-out all 0.3s;
			-o-transition: ease-in-out all 0.3s;
			transition: ease-in-out all 0.3s;
        }
			.desc-search.visible .form-control {
				width: 140px;
				padding: 6px 5px 5px;
			}
        .desc-search .btn {
            background: none;
            padding: 0;
            line-height: 1;
            margin: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: 0;
        }
/* News */
    .news {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 56% 1fr 1fr;
        -ms-grid-columns: 56% 1fr 1fr;
        grid-template-areas:
                "one two two"
                "one three frour";
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin: 1rem 0;
    }
        .news-one {
            grid-area: one;
            height: 450px;
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            -ms-grid-row-span: 2;
        }
        .news-two {
            grid-area: two;
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            -ms-grid-column-span: 2;
        }
        .news-three {
            grid-area: three;
            -ms-grid-row: 2;
            -ms-grid-column: 2;
        }
        .news-four {
            grid-area: frour;
            -ms-grid-column: 3;
            -ms-grid-row: 2;
        }

        .news .item {
             position: relative;
         }
            .news figure img {
                position: absolute;
                object-fit: cover;
                width: 100%;
                height: 100%;
                padding: 0 7px;
                top: 0;
                left: 0;
            }
                .news figure figcaption {
                    position: absolute;
                    top: 10px;
                    left: 0;
                    background-color: rgba(255,255,255,0.85);
                    padding: 3px 20px;
                    line-height: 1.1;
                    font-weight: 300;
                    z-index: 10;
                }
        .news-info {
            position: absolute;
            bottom: 10px;
            right: 20px;
            left: 20px;
            z-index: 9;
        }
            .news .news-title {
                margin: 0 0 7px;
                font-family: 'Montserrat';
                font-weight: 700;
                font-size: 17px;
                line-height: 17px;
                max-height: 35px;
                overflow: hidden;
                letter-spacing: -0.6px;
            }
                .news .news-title a {
                    color: #fff;
                }
            .news .news-title + p {
                color: #fff;
                font-size: 14px;
                line-height: 16px;
                margin-bottom: 0;
                height: 32px;
                overflow: hidden;
				position: relative;
				-webkit-transition: ease-in-out all 0.3s;
				-moz-transition: ease-in-out all 0.3s;
				-ms-transition: ease-in-out all 0.3s;
				-o-transition: ease-in-out all 0.3s;
				transition: ease-in-out all 0.3s;
            }
            .news .news-title + p:after {
				position: absolute;
				bottom: 0;
				width:100%;
				height: 10%;
				content: '';
				background-image: -moz-linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);
				background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.6)), color-stop(0.6, rgba(0,0,0,0)));
				background-image: -o-linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);
				background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);

			}
            .news .item:hover .news-title + p {
                height: 64px;
            }
        .news .item:after {
            background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
			-webkit-transition: ease-in-out all 0.3s;
			-moz-transition: ease-in-out all 0.3s;
			-ms-transition: ease-in-out all 0.3s;
			-o-transition: ease-in-out all 0.3s;
			transition: ease-in-out all 0.3s;
        }
        .news .item:hover:after {
            background-image: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%);
        }


/* Създай Свой Проект */
    .create-project {
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
        .create-project .item {
            opacity: 1;
            width: 24% !important;
            background-color: #fff;
            -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
            box-shadow: 0 0 6px rgba(0,0,0,0.3);
            padding: 0;
        }
            .create-descr {
                margin: 0;
                height: 118px;
                overflow: hidden;
                line-height: 1.1;
                text-align: center;
            }
            .create-project figure {
                height: 300px;
                position: relative;
                margin-top: -133px;
                -webkit-transition: ease-in-out all 0.3s;
                -moz-transition: ease-in-out all 0.3s;
                -ms-transition: ease-in-out all 0.3s;
                -o-transition: ease-in-out all 0.3s;
                transition: ease-in-out all 0.3s;
            }
                .create-project .item:hover figure {
                    height: 167px;
                    position: relative;
                    margin-top: 0;
                }
                    .create-project .item:hover figure a {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        z-index: 9;
                    }
                .create-project .item figure:before {
                    background-color: #434d5a;
                    content: '';
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    opacity: 0.6;
                    z-index: 1;
                    -webkit-transition: ease-in-out all 0.3s;
                    -moz-transition: ease-in-out all 0.3s;
                    -ms-transition: ease-in-out all 0.3s;
                    -o-transition: ease-in-out all 0.3s;
                    transition: ease-in-out all 0.3s;
                }
                .create-project .item figure span {
                    background-color: rgba(242,242,242,0.5);
                    text-align: center;
                    content: '';
                    right: 0;
                    left: 0;
                    margin: auto;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 133px;
                    height: 133px;
                    position: absolute;
                    z-index: 2;
                    -webkit-border-radius: 100px;
                    -moz-border-radius: 100px;
                    border-radius: 100px;
                    -webkit-transition: ease-in-out all 0.3s;
                    -moz-transition: ease-in-out all 0.3s;
                    -ms-transition: ease-in-out all 0.3s;
                    -o-transition: ease-in-out all 0.3s;
                    transition: ease-in-out all 0.3s;
                }
                    .create-project figure span img {
                        width: auto;
                        height: auto;
                        position: relative;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                        .create-project .item:hover figure:before,
                        .create-project .item:hover figure span {
                            opacity: 0;
                        }
/* Водещи Събития */
    .events {
        display: -ms-grid;
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         -ms-grid-columns: 1fr 1fr 1fr;
         grid-template-areas:
                 "event-one event-three event-four"
                 "event-two event-three event-five";
         grid-column-gap: 30px;
         grid-row-gap: 26px;
         grid-gap: 26px;
         margin: 1.5rem 0;
    }
        #event-one {
            grid-area: event-one;
            height: 280px;
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }
        #event-two {
            grid-area: event-two;
            height: 200px;
            -ms-grid-row: 2;
            -ms-grid-column: 1;
        }
        #event-three {
            grid-area: event-three;
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            -ms-grid-column: 2;
        }
        #event-four {
            grid-area: event-four;
            height: 280px;
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }
        #event-five {
            grid-area: event-five;
            height: 200px;
            -ms-grid-row: 2;
            -ms-grid-column: 3;
        }
            .events figure {
                height: 100%;
            }
    /* Events page */
    .events.events-more {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-gap: 30px;
    }
        .events.events-more .item {
            height: 360px;
        }
        .event-title {
            font-size: 28px;
            line-height: 36px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
        }
/* Single Post */
    .last-news {
        display: flex !important;
        justify-content: space-between;
    }
        .last-news .item {
            height: 260px;
            width: 24%;
        }
            .last-news .item::after {
                background-image: linear-gradient(to top, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0) 70%);
                position: absolute;
                bottom: 0;
                left: 7px;
                width: 95%;
                height: 100%;
                content: '';
            }
}

/* breadcrumb */
.breadcrumb {
    background: none;
    font-size: 14px;
    font-weight: 300;
}
    .breadcrumb-item.active {
        color: #e96a68;
        font-weight: 700;
    }
.breadcrumb-item + .breadcrumb-item::before {
    font-weight: 300;
    padding: 0 0.3rem;
}
/* Single post */
.post-box {
    width: 100%;
}
    .post-info {
        font-size: 14px;
        font-weight: 300;
    }
        .post-info span {
            padding-right: 4px;
        }
        .post-info span + span {
            padding-left: 4px;
}
    .post-share .nav-link {
        padding: 4px 4px 4px 0;
    }
    .post-img {
        position: relative;
        height: 60vw;
        width: 100%;
        margin-bottom: 15px;
        overflow: hidden;
    }
        .post-img img {
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
        }
    .post-box p {
        font-weight: 300;
        line-height: 24px;
        margin: 15px 0;
    }
    .post-box article img {
        display: block;
        margin: 15px auto;
    }
.post-aside {
    width: 100%;
}
    .post-tags span {
        display: inline-block;
        background-color: #a1a6ac;
        padding: 0px 4px;
        color: #fff;
        margin-right: 4px;
        margin-bottom: 4px;
    }
.comment-title {
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #a1a6ac;
    padding-bottom: 5px;
}
    .comment-title strong {
        font-weight: 800;
    }
    .comment-title a {
        font-size: 14px;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 400;
        color: #fff;
        display: inline-block;
        background-color: #e96a68;
        padding: 0 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
.add-comment div {
    width: 100%;
}
    .add-comment .form-control {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-color: #434d5a;
        padding: 4px;
    }
.added-comments div {
    width: 100%;
}
    .comment-user {
        font-weight: 600;
    }
        .comment-user small {
            font-weight: 300;
        }
    .added-comments p {
        margin: 0;
        font-weight: 300;
    }
        .added-comments strong {
            font-weight: 600;
        }

/* Category page */
.category-slider {
    position: relative;
}
    .category-slider img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .gategory-slider-box {
        position: relative;
        z-index: 9;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #fff;
        width: 355px;
        max-width: 96%;
    }
        .slider-title {
            font-size: 20px;
            line-height: 26px;
            font-weight: 800;
            position: relative;
        }
            .slider-title:before {
                position: absolute;
                content: '';
                width: 4px;
                height: 100%;
                background-color: #434d5a;
                left: -0.5rem;
            }
			.cat-slide-info {
				font-size: 14px;
			}
        .slider-title-large {
            font-size: 30px;
            line-height: 45px;
            font-weight: 800;
            font-family: 'Montserrat', sans-serif;
            text-align: center;
            color: #434d5a;
        }
        .gategory-slider-box p {
            font-size: 15px;
            line-height: 25px;
            font-weight: 300;
            border-bottom: 1px solid #a1a6ac;
        }
        .date {
            font-size: 12px;
            font-weight: 600;
        }
    .category-slider a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 90;
    }
	.gategory-box-info p {
        border-bottom: 1px solid #a1a6ac;
	}

/* Product Category */
.category-aside h3.h2 {
    font-size: 18px;
    line-height: 20px;
}
    .category-menu li a {
        font-size: 15px;
        font-weight: 300;
        padding: 5px 25px;
        line-height: 1.2;
    }
    .category-menu > li > a,
    .category-menu > li > span {
        padding-left: 0;
		color: #434d5a;
		font-weight: 300;
		font-size: 16px;
		cursor: pointer;
		line-height: 1.2;
	}
        .category-menu li a.active {
            color: #e96a68;
            text-decoration: underline;
        }
        .category-menu li a:hover,
        .category-menu li span:hover {
            color: #e96a68;
        }
    .link-dropdown {
        position: relative;
    }
        .link-dropdown:after {
            position: absolute;
            right: 0;
            top: 5px;
            content: '+';
            font-size: 18px;
            padding: 0px 5px;
            background: #f7f7f7;
        }
            .link-dropdown.open:after {
                content: '-';
            }
    .submenu {
        display: none;
    }
	.category-box .des-info {
		padding: 10px 5px;
	}
/* Cart */
.cart-img {
    width: 100px;
    height: 100px;
    position: relative;
}
    .cart-img img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        position: absolute;
    }
    /* Table */
.cart-page .table td, .cart-page .table th {
    vertical-align: middle;
    padding-left: 0;
}
    .table th {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 800;
        border-bottom: 1px solid #c6c9cd;
        border-top: 0;
    }
    .table td {
        border: 0;
    }
        .table tbody tr {
            border-bottom: 1px solid #c6c9cd;
        }
.cart-page label {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 800;
}
	.cart-page label small {
		display: none;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: ease-in-out all 0.3s;
		-moz-transition: ease-in-out all 0.3s;
		-ms-transition: ease-in-out all 0.3s;
		-o-transition: ease-in-out all 0.3s;
		transition: ease-in-out all 0.3s;
	}
	.custom-radio .custom-control-input:checked ~ .custom-control-label small {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.custom-control.custom-radio.form-control.active {
		background-color: #f2f2f2;
	}
    .red-text {
        color: #e96a68;
    }
.final-price {
    font-size: 20px;
    color: #e96a68;
    font-family: 'Montserrat', sans-serif;
}
    .final-price strong {
        color: #434d5a;
        font-weight: 800;
    }
    .final-price .price {
        font-size: 30px;
        font-weight: 800;
        color: #434d5a;
    }
        .final-price .price small {
            font-size: 18px;
        }
    /* Table Compare */
.compare-table thead,
.compare-table tr:nth-child(2n+2) {
    background-color: #f2f2f2;
}
    .compare-table.table tr, .compare-table.table th {
        border: 0;
    }
        .compare-img {
            width: 200px;
            max-width: 100%;
            height: 200px;
            position: relative;
        }
            .compare-img img {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                object-fit: cover;
                position: absolute;
            }
/* Min Width: 768px */
@media (min-width: 769px) {
    .post-box {
        width: calc(78% - 16px);
    }
    .post-aside {
        width: 22%;
    }
        .post-aside .news {
            flex-wrap: wrap;
        }
            .post-aside .item {
                width: 100%;
                margin-bottom: 20px;
            }
    .gategory-slider-box {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
        .slider-title {
            font-size: 24px;
        }
            .slider-title:before {
                left: -1.5rem;
            }
    /* Product Category */
    .category-box {
        width: 80%;
    }
        .category-box .decision-slider .des-box {
            width: calc(25% - 16px);
            display: block;
            margin-right: 16px;
        }
            .category-box .decision-slider .des-box:nth-child(4n+4) {
                margin-right: 0;
            }
    .category-aside {
        width: 18%;
    }
}
/* END Min Width: 768px */

/* Slider Dots */
.owl-nav {
    display: none;
}
.owl-dots{
    text-align: center;
}
    .owl-dot {
        text-align: center;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #e2e2e2;
        margin: 0 6px;
        display: inline-block;
    }
        .owl-dot.active {
            background-color: #e96a68;
        }
/* Forms */
.form-control::-webkit-input-placeholder{color:#434d5a;opacity:1}
.form-control::-moz-placeholder{color:#434d5a;opacity:1}
.form-control:-ms-input-placeholder{color:#434d5a;opacity:1}
.form-control::-ms-input-placeholder{color:#434d5a;opacity:1}
.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #8e949c;
    /*padding: .15rem 1.75rem .15rem .75rem;*/
    line-height: 1.1;
    height: auto !important;
}
.form-control:focus::-webkit-input-placeholder {
	opacity: 0;
}
.form-control:focus::-moz-placeholder {
	opacity: 0;
}
.form-control:focus::-ms-input-placeholder {
	opacity: 0;
}
.form-control:focus::-ms-input-placeholder {
	opacity: 0;
}
    /* Custom Checkbox */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #7c7c7c;
}
    /* Custom Radio */
.custom-radio .custom-control-label::before {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.custom-radio .custom-control-label::after {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*background-color: #727272;*/
    background-image: none;
    top: 13px;
    left: 8px;
}
    .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #fff;
    }
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #727272;
    }
        .custom-control-input:focus ~ .custom-control-label::before {
            box-shadow: 0 0 0 0px #fff,0 0 0 .0rem rgba(0,123,255,0);
        }
    /* Custom colors radio */
.colors-radio {
    padding: 0;
    cursor: pointer;
    margin-right: 10px;
}
    .colors-radio label {
        width: 25px;
        height: 25px;
        border: 1px solid #8e949c;
        position: relative;
    }
.colors-radio .custom-control-input:checked ~ .custom-control-label {
    border: 2px solid #e96a68;
}
        .colors-radio label:before,
        .colors-radio label:after {
            display: none;
        }
        .colors-radio label > img{
            position: absolute;
            object-fit: cover;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .colors-radio label + div{
            position: absolute;
            object-fit: cover;
            bottom: calc(100% + 10px);
            left: 50%;
            width: 200px;
            height: 200px;
            border: 1px solid #8e949c;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: ease-in-out 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -ms-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s;
        }
                .colors-radio:hover label + div{
                    opacity: 1;
                    visibility: visible;
                }
            .colors-radio label + div img{
                position: absolute;
                object-fit: cover;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .colors-radio label + div span{
                position: absolute;
                top: -22px;
                left: -1px;
                width: calc(100% + 2px);
                background-color: #8e949c;
                color: #fff;
                z-index: 99;
                text-align: center;
                font-size: 15px;
                font-weight: 300;
                border: 1px solid #8e949c;
                height: 23px;
                overflow: hidden;
            }
    /* Custom Select */
.custom-select {
    background: url("../images/icon/arrow-select.png") no-repeat right .75rem center;
}
.custom-select#prod-q {
    background: url("../images/icon/select-q.png") no-repeat right 0 center;
    padding: .15rem 2rem .15rem .15rem;
}
/* Category css add */
    /* clearfix */
    .grid:after {
        content: '';
        display: block;
        clear: both;
    }
        .grid + .btn-red-lg {
            display: block;
            margin: 3rem auto;
            text-transform: uppercase;
            font-weight: 600;
            padding: 0 15px;
            width: 200px;
            cursor: pointer;
            -webkit-transition: ease-in-out all 0.3s;
            -moz-transition: ease-in-out all 0.3s;
            -ms-transition: ease-in-out all 0.3s;
            -o-transition: ease-in-out all 0.3s;
            transition: ease-in-out all 0.3s;
        }
/* Search box */
.search-form .form-control {
    background-color: #f6f6f6;
    line-height: 1.5;
}
.search-form .btn-red-lg {
    line-height: 33px;
}
.search-result-title {
    font-weight: 300;
    font-size: 20px;
    display: inline-block;
    text-decoration: underline;
}
    .search-result-title strong {
        font-weight: 800;
    }
    .search-result-word {
        background-color: #636363;
        color: #fff;
        font-weight: 800 !important;
    }
.br-bt {
    border-bottom: 1px solid #c7c7c7;
}
.search-decision-slider {
    flex-wrap: nowrap;
}
    .search-decision-slider .des-box {
        display:  block !important;
        width: calc(20% - 8px);
    }
/* ---- grid-item ---- */
.grid-item {
    width: calc(25% - 40px);
    margin: 0 20px 40px;
    height: auto;
    float: left;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
    .grid-item figure {
        position: relative;
        overflow: hidden;
    }
        .grid-item figure a {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 9;
            opacity: 0;
            -webkit-transition: ease-in-out opacity 0.3s;
            -moz-transition: ease-in-out opacity 0.3s;
            -ms-transition: ease-in-out opacity 0.3s;
            -o-transition: ease-in-out opacity 0.3s;
            transition: ease-in-out opacity 0.3s;
            background-color: rgba(67,77,90,0.66);
        }
            .grid-item figure a img {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                z-index: 10;
                background-color: rgba(242,242,242,0.5);
                padding: 18px 10px;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
            }
        .grid-item:hover figure a {
            opacity: 1;
        }
/* Pagination */
.pagination .page-item {
    border: 1px solid #a1a6ac;
    background:  none;
    color: #434d5a;
}
.pagination .page-item + .page-item {
    margin-left: 8px;
}
    .page-link {
        margin-left: 0;
        color: #434d5a;
        font-size: 14px;
        border: 0;
    }
    .page-item.active {
        border-color: #e96a68;
    }
        .page-link:hover {
            color: #434d5a;
        }
        .page-link:focus {
            z-index: 2;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(0,123,255,0);
        }
        .page-item.active .page-link {
            z-index: 1;
            color: #fff;
            background-color: #e96a68;
        }
/* Footer */
footer.footer {
    background-color: #d6d6d6;
}
/* Steps */
.steps-top {
    width: 100%;
    max-width: 85vw;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}
    .steps-top:before {
        content: '';
        background-color: #fff;
        width: 100%;
        height: 8px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .steps-top > div {
        position: relative;
        width: 35px;
        height: 35px;
    }
        .steps-top > div:after {
            position: absolute;
            content: '';
            width: 35px;
            height: 35px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            border: 5px solid #fff;
            background-color: #f2f2f2;
            left: 0;
            z-index: 2;
        }
            .steps-top > div.active:after {
                border-color: #e96a68;
                background-color: #e96a68;
            }
            .steps-top > div.active + div.active:before {
                position: absolute;
                right: 90%;
                background-color: #e96a68;
                height: 8px;
                width: 330px;
                content: '';
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 1;
            }
        .steps-top > div span {
            position: absolute;
            content: '';
            left: 50%;
            -webkit-transform: translatex(-50%);
            -moz-transform: translatex(-50%);
            -ms-transform: translatex(-50%);
            -o-transform: translatex(-50%);
            transform: translatex(-50%);
            white-space: nowrap;
            bottom: 106%;
        }
    .steps-radio {
        background-color: #fff;
        -webkit-box-shadow:  0px 3px 2px rgba(0,0,0,0.1);
        -moz-box-shadow:  0px 3px 2px rgba(0,0,0,0.1);
        box-shadow:  0px 3px 2px rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column-reverse;
        cursor: pointer;
        margin-bottom: 1.5rem;
    }
    .grid-item .steps-radio {
        margin-bottom: 0;
    }
        .steps-radio figure {
            background-color: #d9dbde;
            position: relative;
            width: 100%;
        }
            .steps-radio figure img {
                width: 100%;
            }
        .steps-radio figure.img-full {
            background-color: #d9dbde;
            position: relative;
            height: auto;
            width: 100%;
        }
            .steps-radio figure.img-full img {
                position: relative;
                margin: auto;
                max-width: 100%;
                top: 0;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
            }
            .steps-radio figure div {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgba(67,77,90,0.7);
                padding: 2rem 1rem;
                color: #fff;
                top: 0;
                font-size: 14px;
                z-index: 90;
                opacity: 0;
                -webkit-transition: ease-in-out 0.3s opacity;
                -moz-transition: ease-in-out 0.3s opacity;
                -ms-transition: ease-in-out 0.3s opacity;
                -o-transition: ease-in-out 0.3s opacity;
                transition: ease-in-out 0.3s opacity;
            }
            .steps-radio:hover figure div {
                opacity: 1;
            }
    .steps-radio:hover {
        -webkit-box-shadow:  0px 3px 8px rgba(0,0,0,0.1);
        -moz-box-shadow:  0px 3px 8px rgba(0,0,0,0.1);
        box-shadow:  0px 3px 8px rgba(0,0,0,0.1);
    }
.steps-radio input {
    position: absolute;
    opacity: 0;
}
    .cheks {
        width: 40px;
        height: 40px;
        background: url("../images/icon/icon-add-unchecked.png") no-repeat center center;
        background-size: contain;
    }
        .steps-radio input:checked ~ div.d-flex .cheks {
            background: url("../images/icon/icon-add-checked.png") no-repeat center center;
            background-size: contain;
        }
    .steps-radio input ~ div.d-flex span:first-child {
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        font-size: 20px;
    }
        .steps-radio input:checked ~ div.d-flex span:first-child {
            color: #e96a68;
        }
.steps-radio.radio-check {
    background: none;
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
}
    .steps-radio.radio-check figure {
        background: none;
    }
	.island {
		-webkit-transition: ease-in-out all 0.3s;
		-moz-transition: ease-in-out all 0.3s;
		-ms-transition: ease-in-out all 0.3s;
		-o-transition: ease-in-out all 0.3s;
		transition: ease-in-out all 0.3s;
	}
	.steps-radio:hover .island {
		-webkit-filter: drop-shadow(0 0 5px rgba(67,67,67,0.8));
  		filter: drop-shadow(0 0 5px rgba(67,67,67,0.8));
	}
.step-kitchen-size {
    background-color: #d9dbde;
    position: relative;
    width: 100%;
    padding-top: 80%;
}
    .step-kitchen-size img {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 90%;
    }
.step-kitchen-size + figcaption {
    width: 100%;
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
.create-kitchen-form li span{
    line-height: 1.5;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    padding-top: 7px;
}
.add-info-step strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 14px;
}
.create-kitchen-form {
    counter-reset: section;
}
    .create-kitchen-form .form-group {
        position: relative;
    }
        .create-kitchen-form .form-group::before {
            counter-increment: my-sec-counter;
            content: counter(my-sec-counter);
            position: absolute;
            right: calc(100% + 5px);
            color: #fff;
            background-color: #e96a68;
            width: 35px;
            height: 35px;
            line-height: 34px;
            font-size: 20px;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
        }
    .create-kitchen-form .form-control {
        background-color: transparent;
    }
    .create-kitchen-check {
        position: relative;
        padding-left: 45px;
        color: #434d5a;
    }
    .create-kitchen-check label strong {
        cursor: pointer;
    }
    .create-kitchen-check label strong {
        opacity: 0.8;
    }
        .create-kitchen-check label:before {
            position: absolute;
            left: 0;
            top: -6px;
            height: 35px;
            width: 35px;
            background: url("../images/icon/icon-add-unchecked.png") no-repeat top center;
            background-size: 100% 100%;
            content: '';
        }
            .create-kitchen-check .custom-control-input:checked ~ label strong {
                opacity: 1;
            }
            .create-kitchen-check .custom-control-input:checked ~ label:before {
                background-image: url("../images/icon/icon-add-checked.png");
            }
.form-bg-inputs .form-control {
    background: transparent;
}
.steps-last .item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    margin-bottom: 2.5rem;
}
    .steps-last .item figure {
        position: relative;
        width: 100%;
        padding-top: 100%;
    }
    .steps-last .item figure img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
    }
    .steps-last .item p {
        margin-bottom: 10px;
    }
/* Single Project */
.project-images {
    width: 55%;
    margin-right: 5%;
}
	.project-lg-slider .item {
		position:relative;
		height: 400px;
		background-color: #f2f2f2;
		text-align: center;
	}
		.project-lg-slider .item img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			width:auto;
			max-width: 100%;
			height:auto;
			max-height:400px;
		}
    .project-lg-slider .owl-dots {
        display: none;
    }
    .project-sm-slider .item {
        position: relative;
        height: 90px;
    }
        .project-sm-slider .item figure img {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            object-fit: cover;
            position: absolute;
            opacity: 0.6;
            -webkit-transition: ease-in-out 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -ms-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s;
        }
.project-desc {
    width: 40%;
}
.decision-slider .des-box.full-img figure {
    height: 160px;
}
    .decision-slider .des-box.full-img figure img {
        object-fit: cover;
    }
.grid-item.gray-grid-item {
    background-color: #f3f3f3;
}
    .br-top {
        border-top: 1px solid #9ba0a6;
        padding-top: 10px;
    }
/* Showroom */
.steps-slider-box {
    position: relative;
    z-index: 9;
    right: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    background-color: rgba(255,255,255,0.7);
    width: 400px;
    max-width: 96%;
}
    .steps-slider-box .slider-title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 800;
        position: relative;
        text-align: center;
    }
    .steps-slider-box .slider-title:before {
        display: none;
    }
    .steps-showroom {
        justify-content: space-around;
    }
        .steps-showroom.active:before {
            background-color: #e96a68;
        }
        .steps-showroom:before {
            justify-content: space-around;
            width: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            top: 45%;
        }
    .steps-showroom-form .form-control {
        background-color: transparent;
    }
    .steps-showroom-form .custom-radio .custom-control-label::before {
        top: 5px;
    }.steps-showroom-form .custom-radio .custom-control-label::after {
        top: 8px;
    }
    .styled-list {
     padding-left: 30px;
    }
        .styled-list li {
            position: relative;
            margin-bottom: 8px;
        }
            .styled-list li:before {
                 position: absolute;
                 content: '';
                 right: calc(100% + 10px);
                 background: url("../images/icon/list-ul.png") no-repeat center center;
                 background-size: 100%;
                 width: 22px;
                 height: 22px;
                 top: 1px;
            }
        .steps-showroom.steps-top > div.active + div.active::before {
            display: none;
        }
    .map-box {
        -webkit-box-shadow: 0px 0px 2px  rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 2px  rgba(0,0,0,0.1);
        box-shadow: 0px 0px 2px  rgba(0,0,0,0.1);
    }
        .map-box * {
            vertical-align: middle;
        }
/* Calendar */
.fc-header {
    background-color: #434d5a;
    color: #fff;
    text-align: center;
    padding: 10px;
}
    .fc-button {
        padding: 0 10px;
        font-size: 30px;
    }
    .fc-header-title h2,
    .fc-header-title {
        padding: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 20px;
        margin: 0;
    }
    .fc-border-separate thead {
        background-color: #434d5a;
    }
        .fc-border-separate thead th {
            color: #fff;
            text-align: center;
            font-weight: 300;
            font-size: 20px;
            text-transform: uppercase;
        }
        .fc-week {
            text-align: center;
        }
            .fc-day-number {
                vertical-align: middle;
                display: block;
                line-height: 50px;
                font-size: 20px;
                font-weight: 300;
            }
            .fc-other-month,
            .fc-week td:first-child,
            .fc-week td:last-child {
                color: #bdbdbd;
            }
                .fc-today {
                    color: #fff;
                    background-color: #e96a68;
                }
@media (max-width: 1400px) {
    .navbar-expand-md .navbar-nav.main-nav a.nav-link {
        padding-right: 1rem;
    }
    .navbar-brand {
        margin-right: 1rem;
    }
}
@media (max-width: 1250px) {
    .measure-link span, .meet-w-designer span {
        display: none;
    }
}
@media (max-width: 1200px) {
	.acctual .item {
		width: 80vw !important;
	}
    .category-box .decision-slider .des-box,
    .category-box .decision-slider .des-box:nth-child(4n+4){
        width: calc(50% - 16px);
        margin-right: 16px;
        margin-bottom: 16px;
    }
    .category-box .decision-slider .des-box:nth-child(2n+2) {
        margin-right: 0;
    }
    /* Steps */
    .steps-top > div.active + div.active:before {
        width: 25vw;
    }
    .grid-item .steps-radio figure {
        height: auto;
    }
    .grid-item {
        margin-bottom: 1rem !important;
    }
    .steps-radio figure div {
        padding:  0.5rem;
        line-height: 1;
        font-size: 13px;
        overflow: hidden;
    }
    .desc-search {
        max-width: 150px;
        display: flex;
        flex-wrap: nowrap;
    }
	/* Acctual */
	.acctual .active.center .item .acc-before, .acctual .active.center .item .acc-after {
		bottom: 12px;
		left:auto;
	}
	.acctual .active.center .item .acc-before {
		right: 50%;
	}
	.acctual .active.center .item .acc-after {
		left: 50%;
	}
		.acc-before.active::after, .acc-after.active::after {
			display: none;
		}
	.acc-info .acc-title {
		text-align: center;
	}
}
@media (max-width: 992px) {
	.shopping-cart-desctop {display: none;}
	body {
		padding-top: 55px;
	}
	.navbar {
		position:fixed;
		top:0;
		width:100%;
		box-shadow: 0 0 3px rgba(68,68,68,0.5);
		z-index: 9999;
	}
		.navbar-brand {
			flex:1;
		}
    .grid-item {
        width: 30%;
        margin: 0 1.5% 1.5%;
    }
    .cart-img {
        width: 50px;
        height: 50px;
        position: relative;
    }
    .custom-select#prod-q {
        width: 70px;
    }
    /* Cart */
    .table th {
        font-size: 10px;
    }
    .table td, .table th {
        padding: 5px 7px 5px 0;
        line-height: 1.3;
    }
        .compare-table.table td, .compare-table.table th {
            padding: 5px 7px;
            vertical-align: top;
        }
        .compare-table .compare-img {
            width: 100px;
            height: 100px;
        }
    .cart-page aside {
        display: none;
    }
    .cart-page .category-box {
        width: 100%;
    }
    .table .price {
        font-size: 14px;
    }
    .final-price {
        font-size: 14px;
    }
        .final-price .price {
            font-size: 20px;
        }
    .events {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }
        .events .item {
            width: 49%;
            margin-bottom: 15px;
            height: 200px !important;
        }
        .events .item:nth-child(5n+5) {
            width: 100%;
        }
            .events figure figcaption {
                font-size: 18px;
            }
            .event-title {
                font-size: 18px;
                line-height: 1.2;
                font-family: 'Montserrat', sans-serif;
                font-weight: 800;
                margin-top: 10px;
            }
    .slider-title-large {
        font-size: 20px;
        line-height: 28px;
        padding: 0 1rem;
    }
    /* Steps */
    .steps-top {
        font-size: 14px;
    }
        .steps-top > div.active + div.active:before {
            right: 95%;
            width: 210px;
        }
    .steps-radio figure {
        height: 150px;
    }
    .steps-radio figure div {
        display: none;
    }
    .steps-radio input ~ div.d-flex span:first-child {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 14px;
    }
    .cheks,
    .steps-radio input:checked ~ div.d-flex .cheks{
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
    }
    .project-images {
        width: 48%;
        margin-right: 4%;
    }
        .project-sm-slider .item {
            height: 70px;
        }
    .project-desc {
        width: 48%;
    }
	.acctual .item {
		width: 60vw !important;
	}
	.acctual .item {
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
		box-shadow: 0 0px 4px rgba(0,0,0,0.3) !important;
		padding: 0;
		background-color: #fff;
	}
    /* Search result */
    .search-decision-slider {
        flex-wrap: wrap;
    }
        .search-decision-slider .des-box {
            width: calc(25% - 8px);
        }
        .search-decision-slider .des-box:last-child {
            display:  none !important;
        }
}
@media (max-width: 767px) {
	.owl-dots {
		padding: 0.5rem 0;
	}
    .colors-radio label + div{
        display: none;
    }
    /* Steps */
    .steps-top > div.active + div.active:before {
        width: 130px;
    }
    .steps-last .item figure {
        height: 200px;
    }




    /* Single Project */
    .project-images {
        width: 100%;
        margin-right: 0;
    }
    .project-sm-slider .item {
        height: 70px;
    }
    .project-desc {
        width: 100%;
    }
    .project-desc .acc-info-list {
        flex-wrap: wrap;
    }
    .project-desc .acc-info-list span {
        width: 50%;
    }
    .decision-slider .des-box.full-img figure {
        height: 150px;
    }

    /*  */
    .steps-slider-box {
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

	/* Events */
	.events {
		display:block !important;
	}
	.events .item {
		width: 100%;
	}

	/* Product page */
	#product-info dl dt {
		width: 100%;
		text-align: left;
		border-bottom: 0;
	}
	#product-info dl dd {
		width: 100%;
		padding-left:0;
	}


    .search-decision-slider .des-box {
        width: calc(50% - 8px);
    }

    /* Product */
    .colors-radio .custom-control-input:checked:active ~ .custom-control-label + div,
    .colors-radio .custom-control-input:checked:hover ~ .custom-control-label + div,
    .colors-radio .custom-control-input:checked:focus ~ .custom-control-label + div {
        display: block;
        opacity: 1;
        visibility: visible;
        bottom: 0;
        left: 0;
        top: 100%;
        z-index: 90;
    }
}
@media (max-width: 575px) {
    .grid-item {
        width: 47%;
        margin: 0 1.5% 1.5%;
    }
	.des-new-price {
		font-size:17px;
	}
	.acctual .active.center .item .acc-before, .acctual .active.center .item .acc-after {
		bottom: 0;
		color: #999;
		background-color: #fff;
		width: 50%;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	.acctual .active.center .item .acc-before:before{
		height:10px;
		width: 1px;
		background-color: #aaa;
		content: '';
		left:100%;
		top: 10px;
		z-index: 90;
		position: absolute;
	}
	.acctual .active.center .item .acc-before.active, .acctual .active.center .item .acc-after.active {
		font-weight: bold;
		color: #333;
		background-color: #fff;
	}
    /* Table */
    .table.cart-table, .table.cart-table tbody, .table.cart-table td {
        display: block !important;
    }
    .table.cart-table thead, .table.cart-table th {
        display: none;
    }
    .table.cart-table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        padding-right: 55px;
    }
        .table.cart-table tr td:nth-child(2) {
            width: calc(100% - 60px);
            padding-right: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0;
        }
        .table.cart-table tr td:nth-child(3),.table.cart-table tr td:nth-child(4) {
            display: none !important;
        }
        .table.cart-table tr td:nth-child(6) {
            position: absolute;
            font-size: 10px;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            padding: 0;
        }
            .table.cart-table tr td:nth-child(6) .price {
                font-size: 13px;
            }
                .table.cart-table tr td:nth-child(6) .price small {
                    font-size: 6px;
                }
        .table.cart-table tr td:nth-child(5) {
            position: absolute;
            left: 59px;
            top: 20px;
        }
        .cart-table tr td:nth-child(7) {
            position: absolute;
            left: 136px;
            top: 25px;
            width: 31px;
            height: 30px;
            border: 1px solid #e96a68;
            text-align: center;
            padding: 3px;
        }
            .table.cart-table tr td:nth-child(7) a {
                display: block;
            }

    .cart-table td:last-child {
        padding: 4px 5px 5px 5px;
        position: absolute;
        top: 24px;
        left: 140px;
        border: 1px solid #e96a68;
    }
    .events .item {
        width: 100%;
    }
    /* Steps */
    .steps-top > div.active + div.active:before {
        width: 24vw;
    }
    .steps-radio input ~ div.d-flex span:first-child {
        font-size: 11px;
    }
    .steps-top > div span {
        white-space: normal;
        font-size: 13px;
        line-height: 1.1;
    }
    .steps-last .item figure {
        height: 150px;
    }
    /* Single project */
    .project-desc .acc-info-list span {
        width: 100%;
    }
}
@media (max-width: 580px) {
	.grid-item {
		width: 100%;
		margin: 0 0 1.5%;
	}
		.grid-item img.img-fluid {
			min-width: 100%;
		}
		.grid-item figure {
			max-height:200px;
		}
		.grid-item .h3 {
			margin: 0;
		}
}
.item .news-info + a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
@media (max-width: 580px) {
    .navbar-brand.christmas-bg::before {
        height: 69px;
    }
}
/*-------------------NEW---------------------*/
/*-------------------NEW---------------------*/
/*-------------------NEW---------------------*/
/*-------------------NEW---------------------*/
/*-------------------NEW---------------------*/
.project-tabs {
    display: flex;
    border-bottom: 1px solid #96a2b0;
    justify-content: space-between;
}
    .project-tabs .nav-item .nav-link {
        background: transparent;
        font-size: 20px;
        color: #434d5a;
        opacity: 1;
        display: inline-block;
        padding-right: 0;
    }
    .project-tabs .nav-item .nav-link.active,
    .project-tabs.nav-tabs .nav-link:hover {
        color: #ec6563;
    }
        .project-tabs.nav-tabs .nav-link::after {
            width: 0;
            background-color: #ec6563;
            height: 5px;
            bottom: -1px;
        }
        .project-tabs.nav-tabs .nav-link:hover::after,
        .project-tabs.nav-tabs .nav-link.active::after {
            width: 100%;
        }
.project-box {
    position: relative;
    width: 100%;
    height: 330px;
    margin-bottom: 30px;
    z-index: 1;
}
    .project-box > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }
    .project-box figcaption a {
        font-size: 30px;
        font-weight: 800;
        color: #fff;
        position: absolute;
        width: 100%;
        padding: 15px;
        z-index: 3;
        margin: 0;
        top: 0;
        left: 0;
        opacity: 0;
    }
    .project-box > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(70,77,90,0.7);
        z-index: 2;
        opacity: 0;
    }
        .project-box > a figure {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 74px;
            height: 74px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background-color: rgba(255,255,255,0.5);
            padding-top: 22px;
            text-align: center;
        }
.project-box:hover > a,
.project-box:hover figcaption a {
    opacity: 1;
}
.slider-lg-product {
    position: relative;
    margin-bottom: 25px;
}
    .slider-lg-product .item {
        position: relative;
        height: 500px;
        overflow: hidden;
    }
        .slider-lg-product .item img {
            max-width: 100%;
            max-height: 500px;
            width: auto;
        }
        .img-wrapper {
            text-align: center;
        }
        .slider-img-lg-fig {
            position: relative;
            width: auto;
            display: inline-block;
        }
    .dots-slider {
        position: absolute;
    }
    .dots-slider span:nth-child(1) {
        background-color: rgba(249,249,249,0.9);
        width: 40px;
        line-height: 40px;
        position: relative;
        font-weight: bold;
        font-family: "Montserrat";
        display: inline-block;
        text-align: center;
        font-size: 26px;
        color: #434d5a;
    }
        .dots-slider.dot-slider-bt span:nth-child(1):after {
            position: absolute;
            width: 0;
            height: 0;
            left: 0;
            top: 100%;
            content: '';
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 10px solid rgba(249,249,249,0.9);
        }
        .dots-slider.dot-slider-rt span:nth-child(1):after {
            position: absolute;
            width: 0;
            height: 0;
            left: 100%;
            top: 0;
            content: '';
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 10px solid rgba(249,249,249,0.9);
        }
            .dots-info {
                background-color: rgba(249,249,249,0.9);
                line-height: 20px;
                position: absolute;
                left: calc(100% + 5px);
                top: 0;
                width: 160px;
                overflow: hidden;
                padding: 10px 20px;
                font-size: 18px;
                font-weight: 300;
                -webkit-transition: ease-in-out all 0.3s;
                -moz-transition: ease-in-out all 0.3s;
                -ms-transition: ease-in-out all 0.3s;
                -o-transition: ease-in-out all 0.3s;
                transition: ease-in-out all 0.3s;
                opacity: 0;
            }
                .dots-slider:hover .dots-info {
                    opacity: 1;
                }
.project-sm-slider-new .item {
    position: relative;
    height: 90px;
    width: 114px;
    margin-right: 10px;
}
.project-sm-slider-new .item:last-child {
    margin-right: 0;
}
.project-sm-slider-new .item figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    opacity: 0.6;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 1;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    background-color: #96a2b0;
    height: 1px;
    margin: 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 5px;
    background-color: #ec6563;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    top: -4px;
    opacity: 1;
    filter: none !important;
}
.slider-lg-product .owl-nav {
    display: block;
}
.slider-lg-product .owl-dot {
    display: none;
}
.slider-lg-product .owl-prev {
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    background-image: url("../images/arrow-new.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
    opacity: 0.5;
    -webkit-transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -ms-transition: ease-in-out all 0.3s;
    -o-transition: ease-in-out all 0.3s;
    transition: ease-in-out all 0.3s;
}
.slider-lg-product .owl-next {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    width: 100px;
    height: 100px;
    background-image: url("../images/arrow-new.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
    opacity: 0.5;
    -webkit-transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
    -ms-transition: ease-in-out all 0.3s;
    -o-transition: ease-in-out all 0.3s;
    transition: ease-in-out all 0.3s;
}
.h1-prod {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif;
    margin-bottom: 28px;
    line-height:30px;
}
.h3-prod {
    font-size: 20px;
    font-weight: 700;
    line-height:30px;
    font-family: 'Montserrat',sans-serif;
    border-bottom: 1px solid #434d5a;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
    .h3-prod span{
        font-weight: 300;
        border: 0;
    }
.prod-info-box,
.prod-info-box p {
    font-size: 15px;
    line-height: 16px;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 300;
}
#add-proj {
    display: flex;
    justify-content: space-between;
}
    #add-proj .nav-item {
        width: 32%;
        position: relative;
    }
    #add-proj .nav-item .nav-link:before {
        content: '';
        position: absolute;
        right: 0;
        top: 9px;
        background: url("../images/arrow-proj.png");
        width: 41px;
        height: 30px;
    }
    #add-proj .nav-item .nav-link.active:before {
        background: url("../images/arrow-proj-active.png");
    }
        #add-proj .nav-item .nav-link {
            font-family: 'Montserrat',sans-serif;
            font-size: 20px;
            border-bottom: 1px solid #434d5a;
            opacity: 1;
        }
            #add-proj .nav-item .nav-link strong {
                font-weight: 700;
            }
            #add-proj .nav-item .nav-link span {
                font-weight: 300;
            }
            #add-proj .nav-item .nav-link:after {
                display: none;
            }
            #add-proj .nav-item .nav-link.active {
                color: #ec6563;
                position: static;
            }
            #add-proj .nav-item .nav-link.active:after {
                background-color: #ec6563;
                display: block;
                width: 100% !important;
                left: 0;
                bottom: 0;
                height: 4px;
            }
#add-projContent .owl-item {
    padding: 0 4px;
}
.mobile-tap {
	display: none;
}
@media (max-width: 992px) {
    body {
        padding-top: 63px;
    }
    .project-tabs {
        flex: 1;
        flex-wrap: nowrap;
        margin-top: -20px;
    }
    .project-tabs .nav-item .nav-link {
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 600;
    }
    .project-box figcaption a {
        opacity: 1;
    }
    .filter-btn {
        font-family: 'Source Sans Pro', sans-serif;
        color: #fff;
        font-size: 12px;
        display: inline-block;
        line-height:25px;
        padding: 0 10px;
        background-color: #e96a68;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-left: 15px;
        position: absolute;
        right: 0;
        top: -39px;
    }
    .filter-btn:hover {
        color: #fff;
    }
    .filters {
        display: none;
        position: absolute;
        z-index: 90;
        left: 0;
        top: -15px;
        width: 100%;
        background-color: #ffffff;
        padding: 30px;
        -webkit-box-shadow: 0px 0px 20px  rgba(83,92,106,0.5);
        -moz-box-shadow: 0px 0px 20px  rgba(83,92,106,0.5);
        box-shadow: 0px 0px 20px  rgba(83,92,106,0.5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .btn-gray-dr {
        background-color: #535c6a;
        line-height: 40px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
    }
    .close-filt {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .slider-lg-product .owl-nav{
        display: none;
    }
	.dots-slider .dots-info {
		width: 100px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1;
		background-color: rgb(249, 249, 249);
		border-radius: 3px;
		position:relative;
		left:0;
	}
		.dots-slider .dots-info::after {
			position: absolute;
			width: 0;
			height: 0;
			left: 10px;
			top: 100%;
			content: '';
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 6px solid rgba(249,249,249,1);
		}
	.dots-slider.show-mobile-dots .dots-info {
		opacity:1;
	}
	.mobile-tap {
		display:block;
		position: absolute;
		bottom: 5px;
		left: 5px;
		background-color: rgba(255,255,255,0.8);
		padding: 0 5px;
		font-size: 13px;
		color: #333;
		border-radius: 3px;
	}
	.slider-lg-product .item {
		height: auto;
	}
		.slider-lg-product .item img {
			position: relative;
		}
	.dots-slider span:nth-child(1) {
		display:none;
	}
	.dots-slider.dot-slider-bt span:nth-child(1)::after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
	.dots-slider.dot-slider-rt span:nth-child(1)::after {
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
    #add-proj .nav-item .nav-link {
        font-size: 13px;
    }
    #add-proj .nav-item .nav-link::before {
        display: none;
    }
}
@media (max-width: 767px) {
    #add-proj {
        border-bottom: 1px solid #434d5a;
    }
    #add-proj .nav-item {
        width: auto;
    }
    #add-proj .nav-item .nav-link {
        border: 0;
        padding-right: 0;
        background-color: transparent;
        font-weight: 700;
    }
    #add-proj .nav-item .nav-link span {
        font-weight: 700;
    }
    .mobile-gray {
        width: 100vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #f1f1f2;
        margin: 0;
    }
}
#add-projContent .item .des-info {
    height: 136px;
}

/* Text inputs */
.textarea-bg {
    background-color: transparent;
}
.textarea-bg:focus {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 0px #ddd;
    -moz-box-shadow: 0px 0px 0px 0px #ddd;
    box-shadow: 0px 0px 0px 0px #ddd;
    border: 1px solid #898f97;
}
.mdl-textfield{
    position:relative;
    max-width:100%;
    padding: 20px 0 0;
    border: 1px solid #898f97;
}
.mdl-textfield .mdl-button{
    position:absolute;
    bottom:20px;
}
.mdl-textfield--align-right{
    text-align:right;
}
.mdl-textfield--full-width{
    width:100%;
}
.mdl-textfield--expandable{
    min-width:32px;
    width:auto;
    min-height:32px;
}
.mdl-textfield--expandable .mdl-button--icon{
    top:16px;
}
.mdl-textfield__input{
    display:block;
    width:100%;
    text-align:left;
    padding: 0 10px 5px ;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.form-control.mdl-textfield__input:focus{
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 0px #ddd;
    -moz-box-shadow: 0px 0px 0px 0px #ddd;
    box-shadow: 0px 0px 0px 0px #ddd;
}
.mdl-textfield__input[type="number"]{-moz-appearance:textfield}
.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.mdl-textfield.is-focused .mdl-textfield__input{outline:none}
.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}
fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input{
    background-color:transparent;
    border-bottom:1px dotted rgba(0,0,0,.12);
    color:rgba(0,0,0,.26)
}
.mdl-textfield textarea.mdl-textfield__input{
    display:block;
    padding: 0;
}
.mdl-textfield__label{
    bottom:0;
    font-size: 18px;
    font-weight: 300;
    left:10px;
    right:0;
    pointer-events:none;
    position:absolute;
    display:block;
    top: 10px;
    width:100%;
    white-space:nowrap;
    text-align:left
}
.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label{
    visibility:hidden
}
.mdl-textfield--floating-label .mdl-textfield__label{
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{
    transition:none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{
    color:rgba(0,0,0,.26);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{
    font-size:13px;
    top:3px;
    visibility:visible;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{
    top:-16px;
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{
    color:#d50000;
    font-size:12px;
}
.mdl-textfield__error{
    color:#d50000;
    position:absolute;
    font-size:12px;
    margin-top:3px;
    visibility:hidden;
    display:block;
}
.mdl-textfield.is-invalid .mdl-textfield__error{
    visibility:visible;
}
.mdl-textfield__expandable-holder{
    display:inline-block;
    position:relative;
    margin-left:32px;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:inline-block;
    max-width:.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{
    max-width:600px;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after{
    bottom:0;
}



.modal-prod {
    background-color: rgba(70,77,90,0.7);
}
    .modal-prod .modal-dialog {
        max-width: 610px;
        top: 50%;
        transform: translateY(-50%) !important;
    }
    .modal-prod .modal-content {
        border: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }
    .modal-prod button.close {
        position: absolute;
        top: 11px;
        right: 11px;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        font-size: 18px;
        color: #e47975;
        opacity: 1;
        z-index: 90;
    }
    .modal-prod .modal-body {
        padding: 0px;
    }
    .modal-prod .modal-body figure{
        position: relative;
        width: 270px;
        height: 270px;
        border: 4px solid #fff;
    }
        .modal-prod .modal-body figure img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: contain;
            top: 0;
            left: 0;
        }
    .modal-prod .modal-prod-info {
        padding-left: 45px;
        flex: 1;
        color: #434d5a;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
        .title-modal {
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            font-size: 20px;
            margin-bottom: 15px;
            line-height: 21px;
        }
        .title-modal strong {
            font-weight: 900;
        }
        .modal-prod .modal-prod-info p {
            font-size: 13px;
            line-height: 16px;
        }
    .unavailable {
        margin-top: 100px;
        color: #a5abbb;
        font-size: 13px;
        line-height: 16px;
    }

@media (max-width: 767px) {
    .modal-prod .modal-dialog {
        max-width: 290px;
        width: 290px;
        transform: translate(-50%,-50%) !important;
        left: 50%;
        position: absolute;
        margin: 0;
    }
    .modal-prod .modal-body figure{
        margin: 0 auto 15px;
        width: 100%;
        height: 200px;
    }
    .modal-prod .modal-prod-info {
        padding-left: 20px;
    }
    .title-modal {
        font-size: 16px;
        line-height: 18px;
    }
    .modal-prod button.close {
        top: -10px;
        right: -10px;
        font-weight: 300;
        font-size: 21px;
        color: #fff;
        background-color: #e47975;
        width: 20px;
        line-height: 20px;
        border-radius: 10px;
    }
    .unavailable {
        margin-top: 10px;
    }
}
.des-title.text-center {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
.des-title.text-center small {
    font-weight: 300;
}
.des-info.text-center {
    position: relative;
}
.des-info.text-center .btn-red {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider-lg-product .owl-prev,
.slider-lg-product .owl-next {
    opacity: 0.4;
}
.slider-lg-product .owl-prev:hover,
.slider-lg-product .owl-next:hover {
    opacity: 1;
}
#add-proj .nav-item .nav-link {
    opacity: 0.8;
}
#add-proj .nav-item .nav-link:hover,
.project-sm-slider-new .item figure img:hover {
    opacity: 1;
}
.des-box-hover {
    cursor: pointer;
}
@media(max-width: 370px){
    .decision-slider .des-title > a {
        height: 35px;
    }
}





/* Страница Single Project NEW Start*/
.m-section{
    margin-top:60px;
}

.product-box {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:20px;
}
.product-box figure img {
    width: 100%;
}
.project-item h1 {
    font-size: 26px;
    margin: 0 auto;
}
.project-item p,.project-item.grid-m-bottom h1,.project-item.grid-m-bottom  h2,.project-item.grid-m-bottom  h3,.project-item.grid-m-bottom  h4,.project-item.grid-m-bottom  h5 {
    font-size: 16px;
    text-align: justify;
    text-align-last: center;
    margin-bottom: 0;
}
.project-item.m-fix{
    margin-top:-130px;
}
.project-item.m-bottom-fix {
    margin-top: -27px;
}
.bg-dark-gray{
    background: #434d5a;
}
.rotated-h {
    display: flex;
    height: 100%;
    max-height: 100%;
    text-align: center;
    background: #f8ebd1;
}
.rotated-h h1 {
    font-weight: bold;
    font-family: 'Montserrat',serif;
    align-self: center;
    padding-bottom: 70px;
    margin:0 auto;
    transform: rotate(-90deg);
    font-size: 50px;
}
.product-welcome img {
    width: 100%;
}
.product-welcome p {
    line-height: 26px;
    padding-top: 33px;
    padding-left: 20px;
    padding-bottom: 16px;
    font-size: 18px;
    font-family: 'Montserrat',serif;
    font-weight: normal;
    width: 100%;
    max-width: 500px;
}
.product-welcome .col-md-10 .row:first-child {
    max-width: 500px;
}
.product-welcome .btn {
    position: absolute;
    right: 15px;
    margin-top: 0;
}
.product-welcome img {
    padding-right: 16px;
    padding-left: 4px;
    max-height: 232px;
    overflow: hidden;
}
.product-challenge .col-md-4 {
    height: 504px;
}
.product-challenge img {
    width: 100%;
    max-height: 524px;
    padding-right: 5px;
    overflow: hidden;
}
.half-bg {
    background: linear-gradient(to right,#f8ebd1 28%,#ffffff 28%);
}
.challenge-desc h1{
    font-size: 26px;
    font-weight: bold;
    font-family: 'Montserrat',serif;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.challenge-desc p {
    font-size: 18px;
    font-family: 'Montserrat',serif;
    max-width: 480px;
}
.challenge-desc {
    position: absolute;
    padding-left: 40px;
    bottom: 50px;
}
.distribution-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 20px;
    grid-template-areas:
            "left right"
            "left right";
}
.distribution-images .d-img:nth-child(1) {
    grid-area: left;
    max-height: 590px;
    overflow: hidden;
}
.d-img {
    max-height: 285px;
    overflow: hidden;
}
.d-desc {
    padding-right: 5px;
}
.d-title {
    font-size: 26px;
    font-weight: bold;
    font-family: 'Montserrat',serif;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.d-desc li {
    font-size: 18px;
    font-family: 'Montserrat',serif;
    margin-bottom: 30px;
}
.d-img img {
    width: 100%;
}
/* Product Idea */
.grid-container {
    display: grid;
    grid-template-columns: 9.5% 9.5% 9.5% 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    grid-template-areas:
            "color_first color_first color_first image_top text_top"
            "color_second color_second color_second image_top text_top"
            "color_third color_third color_third image_left image_right"
            "inspiration inspiration inspiration image_left image_right"
            "material_first material_second material_third image_left image_right";
}
.grid-container img{
    width: 100%;
}
.inspiration{
     display: grid;
     justify-content: center;
     align-items: center;
 }
.inspiration h1 {
    font-family: 'Montserrat',serif;
    font-size: 26px;
}
.inspiration { grid-area: inspiration; background: #464d5a; max-height: 107px;}

.image_left { grid-area: image_left; }
.image_right { grid-area: image_right; }
.image_top { grid-area: image_top; height: 231px; max-height: 231px; overflow: hidden; }
.image_left img,.image_right img {
    height: 348px;
    max-height: 348px;
    overflow: hidden;
}

.text_top { grid-area: text_top; background: #464d5a; }

.text_top {
    display: grid;
    justify-content: center;
    padding: 0 14px 0 14px;
    color:white;
    align-items: center;
}
.text_top p,.text_top h1,.text_top h2,.text_top h3,.text_top h4,.text_top h5 {
    text-align: justify;
    text-align-last: center;
    font-size: 14px;
    max-width: 300px;
    word-break:break-word;
    font-family: 'Montserrat',serif;
}

.color_first { grid-area: color_first;height:105px;max-height: 105px;}
.color_second { grid-area: color_second;height:105px;max-height: 105px;}
.color_third { grid-area: color_third;height:105px;max-height: 105px;}



.material_first { grid-area: material_first; }
.material_second { grid-area: material_second; }
.material_third { grid-area: material_third; }
.material_first img,.material_second img,.material_third img {
    height:97px;
    max-height: 97px;
}

.product-idea {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "left top right" "left bottom right";
}
.product-idea img {
    width: 100%;
}
.desc-inner {
    margin: 10px;
    height: 100%;
    max-height: 561px;
    text-align: center;
    padding: 23px;
    border: 6px solid white;
}
.desc-inner h1 {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: bold;
    font-family: 'Montserrat', serif;
}
.desc-inner p {
    font-size: 18px;
    margin-bottom: 30px;
    font-family: 'Montserrat', serif;
}
.left-desc { grid-area: left; background: #f8ebd1; }

.right-img { grid-area: right; height:581px;  max-height: 581px;overflow: hidden; }

.top-img { grid-area: top; height:280px; max-height: 280px;overflow: hidden;}

.bottom-img { grid-area: bottom; height:280px;  max-height: 280px;overflow: hidden; }


/* Product Montage */
.product-grid {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:20px;
}
.product-grid .text-item {
    max-height: unset;
    margin-bottom: 27px;
}
.product-grid img{
    width: 100%;
}
.project-item.text-item {
    display: grid;
    max-height: 200px;
    overflow:hidden;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: white;
    background: #464d5a;
    padding:13px;
    font-size: 19px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
}
.project-item.big {
    height: 360px;
    max-height: 360px;
    overflow: hidden;
}
.project-item.m-fix{
    height: 330px;
    max-height: 330px;
}
.project-item.small {
    height:233px;
    max-height: 233px;
    overflow: hidden;
}
/* Product Angles */
.product-angles {
    background: #f8ebd1;
}
.product-angles .project-item img {
    max-height: 338px;
    overflow: hidden;
}
.product-angles h1 {
    font-size: 26px;
    font-family: 'Montserrat',serif;
    padding-top: 29px;
}
.product-angles h1:after {
    width:358px;
}
.title-line:after {
    content: '';
    display: block;
    width: 88%;
    height: 6px;
    margin-top: 15px;
    margin-left:auto;
    margin-right: auto;
    background: #464d5a;
}
/* Image Preserve */
.product-box img,.product-grid img,.product-welcome img,.product-challenge img,.d-img img,.grid-container img,.product-idea img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width:1200px){
    .stayhome-banner img {
        object-fit: none;
    }
}
/* Responsive */
@media(max-width: 767px){
    .project-slider .des-info p
    #materials .owl-stage {
        margin-left: -35px;
    }
    .m-section {
        margin-top: 40px;
    }
    .grid-container {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        padding-bottom: 20px;
        grid-template-areas:
                "color_first color_first color_first"
                "color_second color_second color_second"
                "color_third color_third color_third"
                "inspiration inspiration inspiration"
                "material_first material_second material_third"
                "text_top text_top text_top";

    }
    .product-idea {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-row-gap: 20px;
        grid-template-areas:
                "left left"
                "top right"
                "bottom right";
    }
    .product-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-row-gap: 20px;
        grid-template-areas:
                "top top"
                "left right"
                "bottom_l bottom_r"
                "footer footer";
    }
    /*Product Box TOP*/

    .product-box {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding-left: 5px;
        grid-row-gap: 20px;
        padding-right: 5px;
        grid-template-areas:
                "top top"
                "left right"
                "bottom_l bottom_r"
                "footer footer";
    }
    .grid-m-bottom {
        grid-area: footer;
    }
    .grid-m-top {
        grid-area: top;
        min-height: 133px;
    }
    .product-box .grid-m-right {
        grid-area: right;
        height: 141px;
        max-height: 141px;
    }
    .product-box .grid-m-left {
        grid-area: left;
        height: 220px;
        max-height: 220px;
    }
    .product-box .grid-m-left-b {
        grid-area: bottom_l;
        height: 202px;
        max-height: 202px;
    }
    .product-box .grid-m-right-b {
        grid-area: bottom_r;
        height: 282px;
        max-height: 282px;
        margin-top: -80px;
    }


    /*Product Welcome*/
    .product-welcome {
        padding-left: 14px;
        padding-right: 14px;
    }
    .product-welcome .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .product-welcome .col-md-2{
        padding-left:5px;
        padding-right: 5px;
    }
    .product-welcome img{
        padding-left: 6px;
        padding-right: 6px;
    }
    .product-welcome p{
        padding-left: 5px;
        padding-right: 5px;
        word-break: break-word;
        padding-top: 25px;
    }
    .rotated-h {
        height: 200px;
        line-height: 200px;
        max-height: 200px;
    }
    .btn-mobile{
        margin-bottom: 40px;
    }
    .btn-mobile a {
        font-size: 21px;
        padding: 8px 33px;
    }
    .modal-prod .modal-content {
       overflow: visible;
    }
    /*Product Challenge*/
    .half-bg {
        padding-right: 0;
        margin-left: 20px;
        background: linear-gradient(to right,#f8ebd1 40%,#ffffff 28%);
    }
    .challenge-desc {
        padding-left: unset;
        padding-top: 30px;
        position: relative;
        bottom: 0;
    }
    .challenge-desc p {
        padding-right: 24px;
    }
    .challenge-desc h1 {
        font-size: 21px;
    }
    /*Product Distribution*/
    .product-distribution {
        padding-left: 5px;
        padding-right: 5px;
    }
    .distribution-images {
        padding-left: 15px;
    }
    .d-desc li {
        margin-bottom: 17px;
    }
    .product-challenge .challenge-img {
        height: 293px;
        max-height: 293px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 13px;
    }

    /*Colors and Materials*/
    .color_first, .color_second, .color_third {
        height: 137px;
        max-height: 137px;
    }
    .material_first img, .material_second img, .material_third img{
        max-height: unset;
    }
    .inspiration {
        min-height: 133px;
    }
    .product-colors {
        padding-left: 5px;
        padding-right: 5px;
    }


    /*Decision Slider*/

    .project-slider{
        max-height: 500px;
        overflow: hidden;
    }
    .des-title.text-center {
        font-size: 21px;
        line-height: 1;
    }
    .des-title.text-center small {
        margin-top: 10px;
        font-size: 16px;
    }
    .project-slider .des-box {
        width: 77vw;
    }
    .project-slider .des-info p {
        height: unset;
    }

    .project-slider .des-box figure {
        height: 294px !important;
    }
    .project-slider .des-box {
        margin: 20px auto;
        height: 454px;
        box-shadow: 0 4px 6px 0 #00000029;
    }
    .project-slider .active.center {
        top: -20px;
    }
    .project-slider .item {
        margin-top: 20px;
    }
    #add-projContent .item .des-info {
        height: 160px;
    }
    .mobile-gray {
        margin-top: 42px;
        padding-top: 1rem !important;
    }
    .desc-inner {
        margin: 8px;
    }
    .mobile-gray .container{
        padding-left:0;
        padding-right: 0;
    }
    .mobile-gray .nav{
        margin-left: 20px;
        margin-right: 20px;
    }
    .project-slider .owl-stage {
        margin-left: -20px;
        display:flex;
    }

    /*Visualization*/

    .top-img, .bottom-img {
        height: 169px;
    }
    .right-img {
        max-height: 358px;
        height: 358px;
    }

    /*Montage*/
    .product-grid .grid-m-right {
        grid-area: right;
        height: 141px;
        max-height: 141px;
    }
    .product-grid .grid-m-left {
        grid-area: left;
        height: 220px;
        margin-top: unset;
        max-height: 220px;
    }
    .product-grid .grid-m-left-b {
        grid-area: bottom_l;
        height: 202px;
        max-height: 202px;
    }
    .product-grid .grid-m-right-b {
        grid-area: bottom_r;
        height: 282px;
        max-height: 282px;
        margin-top: -80px;
    }


    /*Project Angles*/
    .mobile-slider{
        display: flex;
        max-width: 1000px;
        width: 100%;
        overflow-x: hidden;
    }
    .mobile-slider .owl-stage{
        display: flex;
    }
    .product-angles .project-item img{
        max-height: unset;
    }
    .product-angles .project-item {
        box-shadow: 0 4px 6px 0 #00000029;
        height: auto;
        margin-bottom: 10px;
        margin-top:20px;
    }
    .product-angles .active{
        top:-20px;
    }
    .product-angles .container {
        padding-left: 0;
        padding-right: 0;
    }
    .product-angles h1:after {
        width: 70%;
    }
    .project-item.text-item {
        padding: 20px;
        max-height: unset;
    }
    .rotated-h h1 {
        transform: unset;
        line-height: unset;
        text-align: center;
        padding-bottom: 0;
        font-size: 40pt;
    }



    .color_first img, .color_second img, .color_third img {
        min-height: unset;
        height: 100%;
    }
    .project-item.m-fix{
        margin-top:unset;
    }


    .desc-inner h1 {
        font-size: 21px;
    }
    .left-desc {
        padding: 5px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .desc-inner p {
        font-size: 16px;
    }
    .product-welcome .btn {
        position: relative;
        right: 0;
        margin-top: 0;
    }
}
@media(max-width:425px){
    .navbar {
        padding: .5rem 0.8rem !important;
    }
}
@media(min-width:495px) and (max-width: 768px){
    .category-box {
        width: 100%;
    }
    .project-slider{
        max-height: 370px;
        overflow: hidden;
    }
    .des-title.text-center {
        font-size: 21px;
        line-height: 1;
    }
    .des-title.text-center small {
        margin-top: 10px;
        font-size: 16px;
    }
    .project-slider .des-box {
        width: 50vw;
    }
    .project-slider .des-box figure {
        height: 225px !important;
    }
    .project-slider .des-box {
        margin: 20px auto;
        padding-bottom: 20px;
        box-shadow: 0 4px 6px 0 #00000029;
    }
    .project-slider .active.center {
        top: -20px;
    }
    .project-slider .item {
        margin-top: 20px;
    }
    #add-projContent .item .des-info {
        height: 160px;
    }
    .mobile-gray {
        margin-top: 42px;
        padding-top: 1rem !important;
    }
    .desc-inner {
        margin: 8px;
    }
    .mobile-gray .container{
        padding-left:0;
        padding-right: 0;
    }
    .mobile-gray .nav{
        margin-left: 20px;
        margin-right: 20px;
    }
    .project-slider .owl-stage {
        margin-left: -20px;
        display:flex;
    }
    .product-box .project-item.grid-m-top {
        min-height: 200px;
    }
    .project-item h1 {
        font-size: 34px;
    }
    .project-item p {
        font-size: 24px;
        line-height: 33px;

    }
    .product-welcome p {
        font-size: 21px;
    }
    .challenge-desc p {
        font-size:21px;
    }
    .challenge-desc h1{
        font-size: 26px;
    }
    .d-title {
        font-size:34px;
    }
    .d-desc li{
        font-size:24px;
    }
}
@media(min-width: 768px) and (max-width: 992px){
    /*Cart add fix*/
    .text_top p {
        font-size: 13px;
    }
    .quantity_input {
        width: 32px !important;
    }
    .quantity .input-group-addon {
        padding: 0 7px !important;
    }
    .product-idea {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
                "left top"
                "left bottom";
    }
    .project-item p {
        line-height: 18px;
    }
    .grid-container {
        grid-template-columns: 100px 100px 100px 1fr;
    }
    .image_right img {
        min-height: 348px;
        max-height: 348px;
        overflow: hidden;
    }
    .product-angles .project-item img {
        max-height: 200px;
        overflow: hidden;
    }
    .product-grid .grid-m-left, .product-grid .grid-m-right-b {
        max-height: 350px;
        overflow: hidden;
    }
    .product-grid .grid-m-left-b {
        max-height: 263px;
        overflow: hidden;
    }
    .product-grid .project-item img {
        width: 100%;
    }
    .project-item {
        overflow: hidden;
    }
    .project-item img {
        width:auto;
    }
    .product-box figure img{
        width:auto;
    }
    .project-item.text-item p {
        font-size: 12.7px;
    }
    .inspiration h1{
        font-size: 17px;
    }
    .project-item h1 {
        font-size: 17px;
    }
    .rotated-h {
        min-height: unset;
        max-height: 100%;
    }
    .rotated-h {
        display: flex;
    }
    .rotated-h h1{
        padding-bottom: 70px;
        font-size: 33px;
    }
    .product-welcome p {
        font-size: 15px;
        max-width: 420px;
    }
    .challenge-desc h1 {
        font-size: 20px;
    }
    .challenge-desc p {
        font-size: 15px;
    }
    .d-title {
        font-size: 20px;
    }
    .d-desc li {
        font-size: 15px;
    }
    /*Visualization*/

    .product-idea {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-row-gap: 20px;
        grid-template-areas:
                "left left"
                "top right"
                "bottom right";
    }
    .top-img, .bottom-img {
        height: 173px;
    }
    .right-img {
        max-height: 358px;
        height: 358px;
    }
    .desc-inner {
        padding: 50px;
    }
    .product-colors .text_top {
        max-height: 230px;
        overflow: hidden;
    }
    /*Save filters button alignment*/
    #save-filters {
        line-height: 40px;
    }
}
@media(max-width:768px){
    .colors-radio label + div {
        left: 0 !important;
        width: 170px !important;
        height: 170px !important;
    }
    /*Cart add fix*/
    .quantity_input {
        width: 32px !important;
    }
    .quantity .input-group-addon {
        padding: 0 7px !important;
    }
    /* Product Category Dropdown */
    .category-aside {
        width: 100%;
        margin-bottom: 1rem;
    }
    .category-aside h3.h2 {
        background-color: #e96a68;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0.8rem 1rem;
        font-size: 12px !important;
        position: relative;
        box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    }
    .category-aside h3.h2:after {
        position: absolute;
        right: 16px;
        top: 17px;
        content: '';
        width: 10px;
        height: 10px;
        background: url("data:image/svg+xml;utf8,<svg height='512px' id='Layer_1' style='enable-background:new 0 0 500 500;' fill='%23ffffff' version='1.1' viewBox='0 0 500 500' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M98.9,184.7l1.8,2.1l136,156.5c4.6,5.3,11.5,8.6,19.2,8.6c7.7,0,14.6-3.4,19.2-8.6L411,187.1l2.3-2.6  c1.7-2.5,2.7-5.5,2.7-8.7c0-8.7-7.4-15.8-16.6-15.8v0H112.6v0c-9.2,0-16.6,7.1-16.6,15.8C96,179.1,97.1,182.2,98.9,184.7z'/></svg>") no-repeat center center;

        background-size: 10px 10px;
    }
    .category-aside h3.h2 span {
        border-bottom: 0;
    }
    .category-aside h3 + * {
        display: none;
    }
    .category-menu {
        padding-left: 5px;
        padding-right: 5px;
    }
    .category-aside h3.h2 span {
        text-align: left;
    }

    .category-aside h3.h2:nth-child(3) {
        display: none;
    }
    /*Index catalogue display*/
    .news .item {
        position: relative;
        height: 60vw;
        max-height: 250px;
    }
    /*Save filters button alignment*/
    #save-filters {
        line-height: 40px;
    }
}
@media(min-width:993px) and (max-width:1200px){
    .project-item {
        overflow: hidden;
    }
    .product-angles .project-item img {
        max-height: 280px;
    }
    .rotated-h {
        min-height: unset;
    }
    .rotated-h h1 {
        padding-bottom: 100px;
    }
    .image_left, .image_right, .image_top {
        overflow: hidden;
    }
    .top-img, .right-img, .bottom-img {
        overflow: hidden;
    }
    .top-img img, .right-img img, .bottom-img img {
        width: auto;
    }
    .image_left img, .image_right img, .image_top img {
        width: auto;
    }
    .image_left, .image_right, .image_top {
        overflow: hidden;
    }
    .product-box figure img {
        width: auto;
    }
}
.text_top p {
    margin-bottom: 0px;
}
.product-welcome .col-md-10 .row:nth-child(2) {
    align-self: flex-end;
    height: 50%;
    padding-top: 20px;
}
.product-welcome .col-md-10 .row:nth-child(1) {
    align-self: flex-start;
    height: 50%;
    padding-bottom: 20px;
}
.product-welcome .col-md-10 {
    height: 100%;
}
.moodboard img {
    width: 100%;
}
.comment-quote p {
    font-family: 'Noto Serif', serif;
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    white-space: pre-line;
    margin-bottom: 30px;
    position: relative;
}
.comment-quote .author {
    font-family: 'Montserrat';
    font-size: 18px;
    margin-bottom: 15px;
}
.comment-quote .quote_arrow {
    font-size: 66px;
    line-height: 24px;
    left: inherit;
    position: absolute;
    left: -42px;
    top: -6px;
}
.comment-quote {
    padding-top: 67px;
    padding-bottom: 22px;
}

@media(max-width: 425px){
.comment-quote p {
    font-size: 17px;
}
.comment-quote .quote_arrow {
    font-size: 51px;
    left: -5px;
}
}

/*Index Topline & Banner*/
.top-line {
    background: #f15f60;
    text-align: center;
    font-family: 'Montserrat';
    color: #ffffff;
    padding: 7px 0;
}

.top-line .btn {
    background: white;
    font-family: 'Segoe UI','Montserrrat',sans-serif;
    color: #f15f60;
    margin-top: 0;
    font-weight: bold;
    margin-left: 13px;
    font-size: 14px;
    border-radius: 10px;
}
.stayhome-banner {
    text-align: center;
    padding-top: 15px;
}

.stayhome-banner img {
    width: 100%;
}

.stayhome-banner .desktop-banner {
    padding: 0 7px;
}
@media(max-width:576px){
     .stayhome-banner {
       padding:0;
       padding-top:10px
    }
    .top-line .btn {
        margin-top: 5px;
        margin-bottom: 5px;
        display: block;
        margin-right: 20px;
        margin-left: 20px;
    }

}
@media(min-width:576px) and (max-width:767px){
    .stayhome-banner{
        padding:0;
        padding-top:10px;
        padding-bottom:10px;
    }
    .stayhome-banner .desktop-banner{
        padding:0;
    }
}
@media (min-width: 576px) and (max-width: 992px){
    .top-line{
      padding-top: 17px;
    }
}
 /* Страница Single Project NEW END*/

 /* Страница Single Project NEW END*/

    .stayhome-banner .desktop-banner {
        margin: 0 7px;
        background: url(/images/banner-desktop.png?v=2.2);
        padding: 20px 0px 20px 30px;
        text-align: left;
    }
    .stayhome-banner .desktop-banner h1 {
      font-size: 33px;
      font-weight: bold;
      font-family: 'Montserrat';
      line-height: 33px;
      margin-bottom: 34px;
      color: #f15f60;
    }
    .stayhome-banner .desktop-banner p {
      font-size: 18px;
      color: #434d5a;
      font-family: 'Montserrat';
      line-height: 22px;
      max-width: 697px;
      font-style: italic;
      font-weight: 500;
    }
    .stayhome-banner .desktop-banner .btn {
        background: #f15f60;
        font-family: 'Segoe UI','Montserrat',sans-serif;
        color: #f2f2f2;
        margin-top: 4px;
        font-weight: bold;
        font-size: 16px;
        padding: 7px 15px;
        border-radius: 0px;
        box-shadow: 1px 0px 5px #0000003b;
        transition: all 0.3 ease;
    }
    .stayhome-banner .desktop-banner .btn:hover {
        background-color: #c96a68;
    }
    .desktop-banner span {
        font-size: 16px;
        color: #f15f60;
        margin-bottom:10px;
        font-family: 'Montserrat';
        display: inline-block;
    }
    .desktop-banner span.strong{
        font-weight: 700;
    }


    @media(max-width: 576px){
            
            .stayhome-banner .desktop-banner .btn {
                display: block;
                margin: 0 16px 0 7px;
                padding: 0;
            }
            .stayhome-banner .desktop-banner p {
                font-size: 17.3px;
                line-height: 26px;
                max-width: 100%;
            }
            .stayhome-banner .desktop-banner h1 {
                    font-size: 22px;
                    line-height: 25px;
            }
    }


    @media(min-width: 576px){
        .stayhome-banner .desktop-banner {
            margin: 0 7px;
            background: url(/images/banner-desktop.png?v=2.2);
            padding: 20px 0px 20px 10px;
            text-align: left;
        }
        .stayhome-banner .desktop-banner h1 {
          font-size: 30px;
          font-weight: bold;
          font-family: 'Montserrat';
          line-height: 33px;
          margin-bottom: 17px;
        }
        .stayhome-banner .desktop-banner p {
          font-size: 19.3px;
          color: #434d5a;
          font-family: 'Montserrat';
          line-height: 22px;
          max-width: 697px;
          font-style: italic;
        }
        .stayhome-banner .desktop-banner .btn {
            background: #f15f60;
            font-family: 'Segoe UI','Montserrat',sans-serif;
            color: #f2f2f2;
            margin-top: 4px;
            font-weight: bold;
            font-size: 16px;
            padding: 7px 15px;
            border-radius: 0px;
            box-shadow: 1px 0px 5px #0000003b;
        }
    }

    @media(min-width: 992px) and (max-width: 1220px){
            .stayhome-banner .desktop-banner p {
                font-size: 15.3px;
            }
            .stayhome-banner .desktop-banner h1 {
                font-size: 29px;
            }
            .stayhome-banner .desktop-banner {
                        background-size: 100% 100%;
        }
    }
    @media(min-width: 567px) and (max-width: 991px){
            .stayhome-banner .desktop-banner {
            background-size: 200% 200%;
            text-align: center;
        }
    }