*{margin:0; padding:0;}
html, body{width:100%;height:100%;}
body{background:rgb(77,85,122)}
body > div{width:100%}
img,nav {width:100%}
img{display:block}
p,label{font-family:PoiretOne;text-align:center;padding:2%;color:white}
h2,h3,a{font-family:GreatVibes;font-weight:300;text-align:center;padding:2%;color:white}
h2{font-size:6vw}
h3{font-size:4vw;}
p{font-size:2.3vw}
a{font-size:3vw;text-decoration: none;padding:0;}
#imgm{display:none;}



@font-face {
    font-family: Passions;
    src: url('Passions Conflict/PassionsConflictRUS-Regular.otf');
}

@font-face {
    font-family: GreatVibes;
    src: url('GreatVibes-Regular/GreatVibes-Regular.ttf');
}

@font-face {
    font-family: PoiretOne;
    src: url('Poiret One/PoiretOne-Regular.ttf');
}

body{position:relative}

a{}
nav{position:absolute;top:0px;left:0px;z-index:3000}
nav img{width:4%;margin:1%}
ul {overflow:hidden; height:0px;display:flex;flex-flow:row nowrap;background:rgb(77,85,122)}
li{list-style: none;padding:20px 10px;margin:auto}

#arrowTop {font-size:2vw;color: white;background:rgb(93,106,251);;border-radius:50%;padding:1vw;position: fixed;bottom: 2vw;right: 2vw;cursor: pointer;z-index:2000000000}
#arrowTop::before {content: '▲';}

.nahi_gitari {background:rgb(253,98,47)}
.nahi_gitari h2{padding-top:2vw}
.nahi_gitari_cont {padding-bottom:1.5vw;width:83%;margin:auto;display:grid;
grid-template-areas:
"a b"
"c d"
"e f";}
.a{grid-area:a}
.b{grid-area:b}
.c{grid-area:c}
.d{grid-area:d}
.e{grid-area:e}
.f{grid-area:f}
.nahi_gitari_cont h3{font-size:3vw;}
.b,.c,.f{background:rgba(255,255,255,0.3);border-radius:10px;margin:auto 4%}

.o_nas_kont{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:85%;margin:auto}
.o_nas_kont img {width:38%;margin:2%}
.o_nas_kont img:first-child,.o_nas_kont img:last-child {width:44%}


.arrow {position: absolute;background: rgb(253,98,47);border-radius: 50%;font-size: 2.5vw;color: rgb(255,255,255);width:3.4vw;height:3.4vw;top:65%}
.prev{left:12vw;z-index:1000000}
.next{left:17vw;}
.katalogi div{width: 100%;overflow: hidden;margin:auto;position:relative}
.katalogi ul{height:auto;width: 9999px;list-style: none;transition: all 0.5s;}
.katalogi ul li{margin:0}
.katalogi_kont{position:relative}
.katalogi_kont div{width:auto;position:absolute;top:23%;left:3%}
.katalogi_kont img{width: inherit;}



.otzivi{overflow:hidden }
.otzivi ul{height:auto;width: 9999px;transition: all 1s;}
.otzivi li{margin:0}
.otzivi button {position:static}
.otzivi > div{width:70%;margin:auto;}
.otzivi > .knopki{margin:auto;width:max-content}
.otzivi h2{font-size:4.5vw}
.otziv{display:flex;flex-direction:row;margin:auto;background:rgb(253,98,47);border-radius:15px;}
.otziv img{width:40%;margin:auto}


.shema_raboti_kont {width:90%;margin:auto;display:grid;
grid-template-areas:
"q w"
"r t"
"y u";}
.shema_raboti_kont div h3{padding-top:25%;font-size:6.6vw}
.shema_raboti_kont div p{font-size:3.8vw}
.shema_raboti_kont .q{border-radius:3vw 0 0 0}
.shema_raboti_kont .y{border-radius:0 0 0 3vw}
.r{grid-area:r}

.proces_izgotovlenia {position:relative}
.proces_izgotovlenia div{position:absolute;background:rgba(93,106,251,0.35);width:50%;border-radius:15px}
.deka{top:9%;left:2%}
.obech{top:26%;left:45%}
.grif{top:48%;left:2%}
.konec{top:78%;left:2%;width:40%}

form{width:70%;margin:2vw auto;background:rgb(253,98,47);padding:3%;border-radius:15px}
form label{padding:0;font-size:3vw}
form input{width:25%;}
form textarea{width:35%;}
form input:last-child{width:auto;background:rgb(93,106,251);color:white;padding:15px 75px;border-radius:8px}

footer{background:rgb(30,30,30);padding-top:2%}
footer img{width:50%;margin:auto}

@media only screen and (max-width:1024px)
{
.o_nas_kont{width:100%}
}

@media only screen and (max-width:768px)
{
h3{letter-spacing:3px}
nav{width:auto;border-radius:0 15px 15px 15px}
nav img{width:6vw}
nav ul {flex-flow:column nowrap;border-radius:15px}
nav li{margin-left:0}
nav li a{font-size:6vw;letter-spacing:2px}
li{padding:10px;}

.katalogi h3{letter-spacing:0}

.proces_izgotovlenia div{background:rgba(93,106,251,0.7);width:55%;padding:1vw}
.proces_izgotovlenia p{font-size:2.4vw}
.proces_izgotovlenia h3{letter-spacing:3px}
.obech{left:40%}
}

@media only screen and (max-width:577px)
{
#imgb{display:none;}
#imgm{display:block;}
	
h2{font-size:10vw;letter-spacing:3px}
h3{font-size:7vw}
p{font-size:3vw}

#arrowTop {font-size:6vw;padding:2vw;}

.nahi_gitari_cont {grid-template-areas:"b" "a" "c" "d" "f" "e";}
.b, .a, .c, .d, .f, .e{margin:2vw}
.nahi_gitari_cont h3{font-size:8vw}
.nahi_gitari_cont p{font-size:6vw}

.katalogi_kont div{width:40%;left:0}

.otzivi h2{font-size:7vw}
.otziv{flex-direction:column-reverse;width:90%;}
.otziv img{width:50%;}
.otziv p{font-size:5vw;}

.o_nas_kont{flex-flow:column wrap;}
.o_nas_kont img{width:90%;}
.o_nas_kont img:first-child,.o_nas_kont img:last-child {width:90%}

.arrow {font-size: 5vw;width:7vw;height:7vw;top:72%}
.prev{left:15vw;}
.next{left:25vw;}

.shema_raboti_kont div h3{font-size:8vw;padding-top:10%;}
.shema_raboti_kont div p{font-size:7vw;padding-bottom:10%}
.shema_raboti_kont {grid-template-areas:"q" "w" "t" "r" "y" "u";width:75%;}
.shema_raboti_kont .q,.shema_raboti_kont .y,.shema_raboti_kont .t{border-radius:3vw}

.proces_izgotovlenia div{position:static;width:100%;}
.proces_izgotovlenia p{font-size:4vw}
.proces_izgotovlenia h3{font-size:10vw}

form label{font-size:6vw}
form input{width:70%}
form textarea{width:90%}


footer img{width:80%; margin:auto;background-color:#rgb(0, 0, 0)}
}

@media only screen and (max-width:376px)
{
	footer img{width:70%; margin:auto;background-color:#rgb(0, 0, 0)}
.otzivi img{width:75%;}
}
@media only screen and (max-width:321px)
{
.proces_izgotovlenia p{font-size:5vw}
}