@import url('https://fonts.googleapis.com/css2?family=Montserrat');
body {
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.2;
	text-align: center;
	margin: 0;
}
header {
	height: 100%;width: 100%;
    background-image: url(../img/kuhni/webp/kuhnya_10.webp);
	background-size: cover;
/*  background-size: cover; contain */
}
header div, .fasad div, .stol div, .shkaf div {height: 100%;width: 100%;
background: radial-gradient(rgba(5,30,49, 0.3), rgba(5,30,49, 0.5));
padding: 1% 0;
}

h1, header span { color: #fff;
  text-shadow: #000 1px 0 10px;
  margin: 60px 0 70px;
  font-weight: 500;
  font-size: 70px;
  line-height: 1.17;
}
h2, header h3, header  p { color: #fff;
}
@media (max-width: 780px){
h1 {
margin: 50px 0;
  font-size: 40px;
}
header span {
    margin: 200px 0 70px;
    font-size: 28px;
}
}


.obr a {font-size: 30px;line-height: 1.5;
    color: #ff0000;
    text-decoration: none;
    background-color: transparent;
}

header.obr a {
    color: #fff;
}

.obr a[href^="tel:"]:before {
    content: "\260e";
    margin-right: 0.5em;
}
aside, .portfolio, .comu {
   display: flex;
    flex-wrap: wrap; 
    justify-content: space-around;
}
.comu {
gap: 20px;
}
aside div {
    width: 33%;
}
main h3 {
    margin: 40px auto;
    max-width: 760px;
}

@media (max-width: 780px){
main h3 {
    width: 90%;
}
}

.comu div {
color: #ffff00;padding: 10px;
    width: 20%;	
    border-radius: 10px;
    border-color: transparent;
    border-style: solid;
    box-shadow: 0px 0px 10px 2px rgb(0 155 182);
background: #000;
}
.comu div:hover {
color: #000;
background: #ffff00;
}
/* radial-gradient(rgba(5,30,49, 0.3), rgba(5,30,49, 0.5)) */
.comu h3 {
    margin: 10px auto;
}
@media (max-width: 780px){
aside div, .comu div  {
    width: 90%;
}
}


.fasad, .stol, .shkaf  {
	height: 500px;
	background-size: cover;
}
.fasad {
    background-image: url(../img/kuhni/webp/kuhnya_2345.webp);
}
.stol {
    background-image: url(../img/stoleshnici/webp/kuhnya_3567_5.webp);
}
.shkaf {
    background-image: url(../img/shkaf/webp/shkaf_2352.webp);
}
h2 {
	min-height: 100px;
}
ul,
ol,
li {
    list-style: none;
}
li:not(:last-child) {
    margin-bottom: 8px;
}
li {
    display: flex;color: #fff;
    align-items: center;
}

 li::before {
        content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7373 6.1 19.212C4.88333 18.6873 3.825 17.975 2.925 17.075C2.025 16.175 1.31267 15.1167 0.788 13.9C0.262667 12.6833 0 11.3833 0 10C0 8.61667 0.262667 7.31667 0.788 6.1C1.31267 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.31233 6.1 0.787C7.31667 0.262333 8.61667 0 10 0C11.3833 0 12.6833 0.262333 13.9 0.787C15.1167 1.31233 16.175 2.025 17.075 2.925C17.975 3.825 18.6873 4.88333 19.212 6.1C19.7373 7.31667 20 8.61667 20 10C20 11.3833 19.7373 12.6833 19.212 13.9C18.6873 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6873 13.9 19.212C12.6833 19.7373 11.3833 20 10 20Z" fill="%23fff"/></svg>');
        width: 20px;
        height: 20px;
        margin-right: 8px;
        flex-shrink: 0;
    }

hr {
    margin: 20px auto;
    width: 210px;
    height: 3px;
    background-color: #4a586e;
}



.portfolio {text-align: center;
    width: 98%;
    margin: 0 auto;
   display: flex;
    flex-wrap: wrap; 
    justify-content: space-around;
}

.portfolio img {margin: 5px;
    width: 300px;
    height: 400px;
    object-fit: cover;
    opacity: 0.9;
}

.video {
    margin: 30px auto;
    max-width: 980px;
    position: relative;
}

.video iframe {
    position: aboslute;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
}



.ncarousel {margin: 0 auto 30px auto; width: 90%; height: 200px;
}

.ncarousel figure {width: 250px; height: 150px; margin: 0 10px
}

.ncarousel figure img {width: 250px; height: 150px; object-fit: cover;
}

.project__image {
    width: 350px;
    height: 400px;
    object-fit: cover;
    opacity: 0.9;
}