*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

body{
overflow-x: hidden;
background-image: url('../img/fon2.jpg'); 	 
background-position: center center;
background-repeat:repeat;
background-size:cover;
background-attachment: fixed;
height: 100%;
}


h3{
	text-transform: uppercase;
	line-height: 1.2;
}

.sel{
  margin-left: 80vw;
position: relative;
z-index: 29;
  font-size: 16px; 
font-family: sans-serif; 
font-weight: 700; 
color: #444; 
line-height: 1.3; 
padding: .6em 1.4em .5em .8em; 
width: 15%; 
box-sizing: border-box; 
 
border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
border-radius: .5em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff; 
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); 
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%; 
}

.sel::-ms-expand { display: none; } 
 .sel:hover { border-color: #888; } 
 .sel:focus { border-color: #aaa; 
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring; 
color: #222;
 outline: none; 
} 
 .sel option { font-weight:normal; } 
 *[dir="rtl"] .sel, :root:lang(ar) .sel, :root:lang(iw) .sel { 
background-position: left .7em top 50%, 0 0; 
padding: .6em .8em .5em 1.4em; 
}


.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00BFFE;
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  opacity: 0.9;


}

.preloader img{
	display: block;
	position: relative;
	z-index: 1002;
	-o-object-fit:contain;
	object-fit:contain;
	width: 20vw;
	height: auto;
}



.loaded_hiding .preloader {
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}


.loader {
  margin: 100px auto;
  font-size: 65px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1002;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}












.start{
	width: 100vw;
	height: 100%;
background-image: url('../img/start_fon.jpg');
background-position: center center;
background-repeat:repeat;
background-size:cover;
background-attachment: fixed;
position: relative;
z-index: 30;
border: transparent solid 1px;
}

.start::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.2);
      z-index: 1;
    
   }

.log_start{
	width: 6vw;
	height: 6vw;
	position: absolute;
	left: 1%;
	top:1%;
	z-index:12;



}
.logo_start{
	display: block;
	width: 6vw;
	height: 6vw;
	-o-object-fit: cover;object-fit: cover;
}

.h3_start{
	width: 80vw;
	margin: 2vw auto;
	text-align: center;
	font-family: 'Playfair Display', serif;
	position: relative;
	z-index: 12;
background: linear-gradient(62deg, #F0F6F6 0%, #E0F5F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #8EC5FC;
	

}

.h2_start{
	margin: 4vw auto;
	font-size: 52px;
	font-family: 'Playfair Display', serif;
	
	background: linear-gradient(62deg, #F0F6F6 0%, #E0F5F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #8EC5FC;
}




.gradient-button_start {
  display: block;
  color: white;
  padding: 0.74vw 1.4vw;
  position: absolute;
  top: 55vh;
  left: 42vw;
  border-radius:95%;
  font-family: 'Playfair Display', serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-image: linear-gradient(to right, #9EEFE1 0%, #4830F0 51%, #9EEFE1 100%);
  background-size: 200% auto;
  box-shadow: 0 0 1.5vw rgba(0, 0, 0, .1);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  font-size: 22px;
  text-align: center;
  width: 14vw;
  height: 7vw;
  margin-top: 6vw;
  z-index: 300;
  
}
.gradient-button_start:hover {
  background-position: right center;
}
body::after {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 2;
      height: 100%;
   }
html,body{
	scroll-behavior: smooth; /* Плавный скрол */
	position: relative;
	height: 100%;
	width: 100vw;
    margin-right: 5px;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	
	
}


input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}

a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

a, a:visited{text-decoration: none;}

a{
color: blue;}

.global{
	
	position: relative;
	z-index: 14;
	display: none;
	overflow-y: hidden;
	overflow-x: hidden;
	opacity: 0;
	

	
}

.global_yas{
	opacity: 1;
	-webkit-animation: mymove 3s;
	        animation: mymove 3s;
}

@keyframes mymove {
	0% {opacity: 0;}
    100% {opacity: 1;}

}
.zast video{
	max-width: 100%;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30000;
	display: none;
}


.scale-up-hor-center {
	-webkit-animation: scale-up-hor-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-hor-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}



@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.zv{
	z-index: 10000;
	position: relative;
}


.housing, .soc{

	display: none;
}

.architecture{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	width:100%;
	margin-bottom: 15vw;
	

}

.hous, .socius{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 50%;
	
	
	
}


.h3_arch{
	width: 95%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	min-height: 30%;
	letter-spacing: 2px;
	text-align: center;
	font-size: 26px;
	color: #edeef4;


}


.details_arch{
	width: 95%;
	background-color:#00BFFE ;
	text-align: center;
	font-size: 20px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	color: #000;

}

.details_arch:hover{
	background-color:#3638C8 ;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.swiper3, .swiper4{
	width: 95%;

}

.scroll_top{
	width: 4vw;
	height: 4vw;
	border: 2px solid #00BFFE;
	border-radius: 50%;
	background-color: #00BFFE;
	position: fixed;
	z-index: 31;
	left: 94vw;
	bottom: 10vw;
	text-align: center;
	line-height: 4vw;
	display: none;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0.6;
}

.scroll_top:hover{
	background-color: #3638C8;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	color:#00BFFE;
	opacity: 1;

}

.gradient-button {
  display:block;
  color: white;
  padding: 0.74vw 1.4vw;
  margin: 0.37vw 0.74vw;
  border-radius: 0.74vw;
  font-family: sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-image: -webkit-gradient(linear, left top, right top, from(#9EEFE1), color-stop(51%, #4830F0), to(#9EEFE1));
  background-image: -o-linear-gradient(left, #9EEFE1 0%, #4830F0 51%, #9EEFE1 100%);
  background-image: linear-gradient(to right, #9EEFE1 0%, #4830F0 51%, #9EEFE1 100%);
  background-size: 200% auto;
  -webkit-box-shadow: 0 0 1.5vw rgba(0, 0, 0, .1);
          box-shadow: 0 0 1.5vw rgba(0, 0, 0, .1);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: absolute;
  top: 3%;
  left: 84%;
  z-index: 11;
  font-size: 13px;
  text-align: center;
}
.gradient-button:hover {
  background-position: right center;
}


header{
	position: relative;
	z-index: 20;
	background-color: #E0E0E0;
	

}

.projects_menu{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	position: sticky;
	top:0;
	z-index: 26;
	font-size: 18px;
	background-color: #000;
	width: 100vw;
	height: 50px;
	font-family: 'Montserrat', sans-serif;
}

.projects_menu a{
display: block;
color: #fff;
-webkit-transition: color 1s;
-o-transition: color 1s;
transition: color 1s;
margin: 0 3vw;
word-spacing: 3 px;
text-align: center;
}

.projects_menu a:hover{
color: #30BECE;
-webkit-transition: color 1s;
-o-transition: color 1s;
transition: color 1s;
}

.proj_variable{
	display: none;
}
	

.wibro {
    width: 60px;
    height: 45px;
    position: relative;
    -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    margin-top: 30px;
    margin-left: 6vw;
    cursor: pointer;
    display: none;


}

.wibro:hover {

    cursor: pointer;
   

    }

.wibro span {
    height: 5px;
    width: 40px;
    background-color: #4830F0;
    border-radius: 20px;
    position: absolute;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-delay: .25s;
         -o-transition-delay: .25s;
            transition-delay: .25s;    
}
.wibro span::before {
    left: 0;
    position: absolute;
    top: -13px;
    height: 5px;
    width: 40px;
    background-color:#4830F0;
    content: "";
    border-radius: 20px;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition: top .25s .25s, -webkit-transform .25s;
    transition: top .25s .25s, -webkit-transform .25s;
    -o-transition: transform .25s, top .25s .25s;
    transition: transform .25s, top .25s .25s;
    transition: transform .25s, top .25s .25s, -webkit-transform .25s;
}
.wibro span::after {
    left: 0;
    position: absolute;
    top: 13px;
    height: 5px;
    width: 40px;
    background-color: #4830F0;
    content: "";
    border-radius: 20px;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition: top .25s .25s, -webkit-transform .25s;
    transition: top .25s .25s, -webkit-transform .25s;
    -o-transition: transform .25s, top .25s .25s;
    transition: transform .25s, top .25s .25s;
    transition: transform .25s, top .25s .25s, -webkit-transform .25s;
}
.wibro.open span {
    -webkit-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-delay: .25s;
         -o-transition-delay: .25s;
            transition-delay: .25s;
    background: transparent;
}
.wibro.open span::before {
    -webkit-transition: top .25s, -webkit-transform .25s .25s;
    transition: top .25s, -webkit-transform .25s .25s;
    -o-transition: top .25s, transform .25s .25s;
    transition: top .25s, transform .25s .25s;
    transition: top .25s, transform .25s .25s, -webkit-transform .25s .25s;
    top: 0px;
    -webkit-transform: rotateZ(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg);
}
.wibro.open span::after {
    -webkit-transition: top 0.4s, -webkit-transform .25s .25s;
    transition: top 0.4s, -webkit-transform .25s .25s;
    -o-transition: top 0.4s, transform .25s .25s;
    transition: top 0.4s, transform .25s .25s;
    transition: top 0.4s, transform .25s .25s, -webkit-transform .25s .25s;
    top: 0px;
    -webkit-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
            transform: rotateZ(45deg);
}

.logo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 10px;

}

.logo_text{
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	margin-left: 4vw;
	margin-bottom: 0;
	
}

.menu{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 97vw;
	height: auto;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	font-size: 16px;
	font-weight: bold;
	padding: 1vw 0;

}

.menu a{
text-decoration: none;
color: blue;
-webkit-transition: color 0.6s;
-o-transition: color 0.6s;
transition: color 0.6s;
}

.menu a:hover{
	color:#30BECE ;
	-webkit-transition: color 0.6s;
	-o-transition: color 0.6s;
	transition: color 0.6s;
}

.swiper, .swiper0{
	position: relative;
	z-index: 10;

}
.swiper_img img{
-o-object-fit: cover;
   object-fit: cover;
width: 65vw;
display: block;
margin: 0 auto;
height: 100%;
-webkit-filter: brightness(70%);
        filter: brightness(70%);

}

.swiper0 img{
-o-object-fit: cover;
   object-fit: cover;
width: 100vw;
max-height: 80vh;
display: block;
margin: 0 auto;

}

.swp{
	position: relative;
}

.swiper_arch img{
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: auto;
	
}


.swp_text{
position: absolute;
z-index: 90;
top: 10%;
left: 10%;
font-family: 'Oswald', sans-serif;
font-size: 70px;
color: #E2E2E2;
width: 40%;
height: auto;
line-height:1.5;
font-weight: 800;
}


.presentation{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	height:auto;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	opacity: 0;	
	margin: 5vw 0;


	
}

.pres1{
	opacity: 1;
}

.pres1, .pres3, .pres5, .pres7, .pres9, .pres11, .pres13,  .pres15, .pres17, .pt1, .pt3, .pt5,
.pt7, .pt9, .pt11, .pt13, .pt15, .pt17, .pt19, .pt21, .pt23, .pt25, .pt27, .pt52,  .pt53,  .pt56, 
.pt57, .pt58, .pt60, .pt62, .pt64, .pt66, .pt68, .pt70, .pt72{
	background-color:#18A0E6;
}

.pres2, .pres4, .pres6, .pres8, .pres10, .pres12, .pres14, .pres16, .pt0, .pt2, .pt4, .pt6,
.pt8, .pt10, .pt12, .pt14, .pt16, .pt18, .pt20, .pt22, .pt24, .pt26, .pt28, .pt54, .pt55, .pt59, 
.pt61, .pt63, .pt65, .pt67, .pt69, .pt71, .pt73{
	background-color:#00BFFE;
}
.presentation_text{
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	text-align: left;
	width: 45%;
	line-height: 2;
	padding-left: 2vw;
	padding-right: 2vw;
}

.pres_min{
	font-size: 40px;
}

.pres_min1{
	font-size: 26px;
}
.presentation_img{
	max-width: 100%;
	/*width: 55%;*/
	height: auto;

}
.presentation_img img{
	display: block;
	width:100%;
	height: auto;
	-o-object-fit:cover;
	   object-fit:cover;
	

}
 .slide-right {
	-webkit-animation: slide-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}




@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-1300px);
            transform: translateX(-1300px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-1300px);
            transform: translateX(-1300px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}



main{

width: 80vw;
height: min-content;
margin:  0 auto;
position: relative;
z-index: 10;
margin-bottom:3vw;

}

h2{
	margin: 2vw auto 0 auto;
	line-height: 1.2;
	text-align: center;
	font-size: 42px;
	width: 80vw;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #fff;
	position: relative;
	z-index: 30;
	padding-bottom: 2vw;

}

.project{
	display: none;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	
}

.p0, .p54{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.project_img{
	display: block;
	overflow: hidden;



}



.project_img img{
/*width: 46vw;*/
max-width: 100%;
display: block;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-o-object-fit: contain;
   object-fit: contain;




}

.project_img img:hover {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3); /* Увеличиваем масштаб */
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
   }



.project_text{
	width: 40%;
	display: flex;
	flex-direction: column;
	-webkit-box-shadow: 6px -4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 6px -4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 6px -4px 8px 0px rgba(90, 85, 169, 0.7);
padding: 0 2vw;
height: 100%;
}

h3{
	margin: 2vw 0;
	font-size: 24px;
	font-weight: bold;
}

.project_text_main{
font-family: 'PT Sans', sans-serif;
font-size: 20px;
text-align:left;
line-height: 1.2;
padding-bottom: 2vw;

}

.details{
font-size: 20px;
color: blue;
margin-bottom: 2vw;
}


.hid_pro{
height: 150px;
}

.det_main{
width: 80vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
margin: 3vw auto;
position: relative;
	z-index: 10;
	margin-bottom: 6vw;
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;

}

.swp1{
	width: 40vw;
	position: relative;
	z-index: 10;
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;

}

.swiper1  img{
width: 40vw;
-webkit-filter: brightness(100%);
        filter: brightness(100%);

}

.det_main_text{
	width: 30vw;
	color: #fff;
}

.det_tehn{
font-size: 20px;
font-weight: bold;
}

.det_text{
font-size: 18px;
line-height: 1.6;

}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.fa:hover {
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}


.hidden_menu{
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-line-pack: center;
	    align-content: center;
	background: rgba(22, 139, 156, 1.0);
background: -webkit-linear-gradient(top right, rgba(22, 139, 156, 1.0), rgba(23, 73, 211, 1.0));
background: -moz-linear-gradient(top right, rgba(22, 139, 156, 1.0), rgba(23, 73, 211, 1.0));
background: linear-gradient(to bottom left, rgba(22, 139, 156, 1.0), rgba(23, 73, 211, 1.0));
	width: 100vw;
	height: 40vh;
	color: #fff;
	position: fixed;
	top:174px;
	left:0;
	z-index:99;
	opacity: 0.97;


}


.menu_text_min a{
display: block;
color: #fff;
font-style: normal;
font-weight: 400;
font-size: 24px;
text-align: center;
width: 95%;



}


footer{
width: 100vw;
height: 6vw;
background-color: #E0E0E0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding-top: 1vw;
position: relative;
z-index:29;

}


.footer_address{
font-size: 18px;
line-height: 1.4;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 80vw;

}

.address{
	margin-right: 2vw;
}

.monograph{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 95vw;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height:auto;
	position: relative;

}
.pdf{
	position: relative;
	display: block;
	z-index: 30;
	width: 60vw;
	height: 65vh;
}

.href_img{
	display: none;
	position: relative;
	z-index: 30;
	width: 60vw;
	height:65vh;
	overflow-y: scroll;
}

.href_img img{
	display: block;
	width:100%;
	height:auto;
	-o-object-fit: cover;
	   object-fit: cover;
	
} 


.monograph_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 30vw;
	height: 60vh;
	overflow-y: scroll;
	position: relative;
	z-index: 30;

}

.h2_scienc{
	margin:2vw auto;
	text-align: center;
	width: 100%;
}

.monograph_list_text{
	position: relative;
	z-index: 30;
	color: #fff;
	margin:2vw 0;
	line-height: 1.3;
	font-size: 16px;
	font-family: sans-serif;
	cursor: pointer;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
	transition: color 1s;

}

.monograph_list_text:hover{

color: #30BECE;
-webkit-transition: color 1s;
-o-transition: color 1s;
transition: color 1s;

}

.down{
	margin-top: 1vw;
	
}


.about_start{
	width: 100vw;
	height: 87vh;
	background-image: url(../img/about_us.jpg);
	background-position: center center;
	background-repeat:repeat;
	background-size:cover;
	background-attachment: fixed;
	position: relative;
}

.contacts_start{
	width: 100vw;
	height: 100vh;
	position: relative;
	z-index: 11;
	
	
	
}

.iframe_contacts{
	width: 100vw;
	height: 100vh;
}

.contacts{
	width: 100vw;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	z-index: 11;
	
	
}

.contacts img{
width: 55%;
height:100vh;
-o-object-fit:cover;
   object-fit:cover;
display: block;




}

.contacts_info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 40%;
}
.zapis{
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	margin-top: 3vw;
	line-height: 1.6;
	margin-left: 2vw;
	color:#fff;
	
}

.vacancies_start{
	width: 100vw;
	height: 39vw;
	position: relative;
	z-index: 12;
}

.vacancies_start img{
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;object-fit: cover;
}

.about_start_text{
	position: absolute;
	top:20%;
	left:15%;
	color:#E2E2E2;
	font-family: 'Montserrat', sans-serif;
	font-size: 42px;
	width: 80%;
	/*margin: 0 auto;*/
	line-height: 2;
	z-index: 30;
}

.vacancies_start_text{
	position: absolute;
	top:20%;
	left:15%;
	color: #D6F3FE;
	font-family: 'Montserrat', sans-serif;
	font-size: 42px;
	font-weight: 800;
	width: 80%;
	line-height: 2;
	z-index: 30;
}

.vacancies_start_text1{
	position: absolute;
	top:50%;
	left:15%;
	color:#D6F3FE;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 63px;
	width: 80%;
	
	line-height: 2;
	z-index: 30;


}


[v-cloak] { display:none; }


@media only screen and (max-device-width: 1400px) {
	.arrow-down, .arrow-up
	{
		left:-5%;}

   .gradient-button {
  letter-spacing:0;
}
}

@media only screen and (max-device-width: 1160px) {
   .gradient-button {
  left:75%;
}

footer{
		height: 7vw;
	}

	.projects_menu{
height: 70px;
	}
	}

	@media only screen and (max-device-width: 1070px) {
		.arrow-down, .arrow-up
	{
		left:15%;}

		.arrow-down span, .arrow-up span{
			width: 3vw;
			height: 3vw;
		}

   .logo_text {
  max-width: 50vw;
}
.project_text{
	
	width: 90vw;

	}

	.scroll_top{
width: 8vw;
height: 8vw;
line-height: 8vw;
left: 90vw;
	}
	.swp_text{
	line-height: 1.2;
	width: 60vw;
	}

	.det_main{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.swiper1  img{
width: 80vw;}
.swp1{
	width: 80vw;
}
.det_main_text{
	margin-top: 7vw;
	width: 80vw;

}

.project_img img{
	max-width: 90vw;
	width: 100%;
	height: auto;
	}

	footer{
		height: 9vw;
	}

	.gradient-button_start {
		margin-top: 12vw;
	}
.presentation{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.presentation_img, .presentation_text{
	width: 100%;
}
.presentation_text{
	padding-left: 7vw;
}

.monograph{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	height:auto;

}
.pdf{
	width:100vw;
	height: 50vw;
	margin: 0 auto;
}

.monograph_list{

	width: 98vw;
	height: 30vw;
	margin: 0 auto;
	padding-left: 3vw;

	
}

.href_img{
	width: 100vw;
height: 40%;
margin: 0 auto;
}

.href_img img{
width: 100vw;
margin: 0 auto;
}

.project{
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

}

@media only screen and (max-device-width: 930px) {
.arrow-down, .arrow-up
	{
		left:10%;}

.hid_pro{
		height: 250px;}

		
	.det_main{
	margin-bottom: 9vw;
	}

	.gradient-button_start {
		margin-top: 20vw;
		width: 18vw;
  		height: 9vw;
	}

	.projects_menu{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: start;
height:25vh;
position: relative;
	}

	.projects_menu a{
text-align: left;
	}

.sel{
width: 20%;
margin-left: 70vw;
}
	}

	@media only screen and (max-device-width: 800px) {

		.start{

background-image: url('../img/start_fon_800.jpg');}

footer{
	height: 15vw;
	}
}

@media only screen and (max-device-width: 750px) {

	.loader {
 
  font-size: 45px;
}
   .menu{
   	display: none;
   } 

  .wibro{
   	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
   }
.swp_text{
	
	font-size: 50px;
	}

	

	.hid_pro{
		height: 250px;

	}

footer{
	height: 19vw;
	}

	.about_start_text{
	top:7%;
}

.contacts{
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	
}

.contacts_info{
	width: 90%;
	height: 50vh;
	
}

.contacts img{
width: 100%;
height: 30vh;

}
.zapis{
	font-size: 20px;
}

.architecture{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;

	}

	.hous, .socius{
	width: 100%;
}

.details_arch{
margin-bottom: 3vw;
	}
}

	@media only screen and (max-device-width: 680px) {
   
.arrow-down span, .arrow-up span{
			width: 4vw;
			height: 4vw;
		}

		.arrow-down, .arrow-up
	{
		left:4%;}


   .gradient-button {
  left:70%;
}

.h2_start{
	font-size: 42px;
}
.h3_start{
font-size: 14px;


}

.swp_text{
	font-size: 44px;
	}

	.hid_pro{
height: 100px;
}

	.scroll_top{
width: 10vw;
height: 10vw;
line-height: 10vw;
left: 85vw;
	}
	}

	@media only screen and (max-device-width: 640px) {

	.address{
		margin-right: 3vw;
	}

.footer_address{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.det_main{
	margin-bottom: 14vw;
	}

	.logo_start{
	width: 9vw;
	height: 9vw;
}

.log_start{
	width: 9vw;
	height: 9vw;
}

.gradient-button_start {
		
		width: 22vw;
  		height: 12vw;
  		font-size:18px  ;
	}

	.presentation_text{
	padding-left: 10vw;
	padding-right: 4vw;
}

main{
	width: 90vw;
}

.scroll_top{
	bottom: 32vw;
}

.about_start_text{
	font-size: 36px;
}

.sel{
width: 30%;
margin-left: 60vw;
font-size: 14px;
}


}

@media only screen and (max-device-width: 540px) {
   .arrow-down
	{
		top:10%;}


   .gradient-button {
  max-width: 20vw;
  left:75%;
}

.h2_start{
	font-size: 36px;
}

h2{
	font-size: 28px;
}

.det_main{
	margin-bottom: 22vw;
	}

	
}
	@media only screen and (max-device-width: 510px) {
  

	.scroll_top{
width: 12vw;
height: 12vw;
line-height: 12vw;
	}

}


	@media only screen and (max-device-width: 490px) {
   .arrow-down span, .arrow-up span{
			width: 6vw;
			height: 6vw;
			border-bottom-width:0.8vw;
    		border-right-width: : 0.8vw;
		}

		.arrow-down
	{	left:0;
		top:19%;}

	.arrow-up{

		left:0;
	}

   .gradient-button {
  position: absolute;
  left: 40%;
  top:24vw;
   max-width: 30vw;
}

.logo_text{
	max-width: 90vw;
	}

	footer{
		height: 26vw;
	}

	.h3_arch{

	min-height: 40%;
}


.h2_start{
	font-size: 32px;
}

.gradient-button_start {
		
		width: 27vw;
  		height: 16vw;
  		left: 35vw;
	}

	.about_start_text{
	font-size: 28px;
	line-height: 1.5;
}
 
}

@media only screen and (max-device-width: 428px) {

.gradient-button {
  top:27vw;

}


	}


 @media only screen and (max-device-width: 405px) {

.sel{
width: 40%;
margin-left: 50vw;
/*font-size: 14px;*/
}

 	.loader {
 
  font-size: 30px;
}

.logo_text{
	font-size: 18px;
	margin-left: 4vw;
	}

.vacancies_start_text{

	line-height: 1.3;
}

.vacancies_start_text1{
	
	font-size:50px;
	}

.swp_text{
	
	font-size: 38px;
	}

	footer{
		height: 34vw;
	}

	.gradient-button_start {
		
		width: 33vw;
  		height: 19vw;
	}

	.gradient-button{
		top:29vw;
	}

	.pres_min{
	font-size: 30px;
	line-height: 1.2;
}

}

@media only screen and (max-device-width: 380px) {


	.scroll_top{
width: 16vw;
height: 16vw;
line-height: 16vw;
left: 80vw;

	}

	

.swiper img{
	width: 86vw;
}

.h2_start{
	font-size: 28px;
}
.zapis{
	font-size: 18px;
	line-height: 1.6;
}

}

@media only screen and (max-device-width: 370px) {
.swp_text{
	font-size:30px;
}

	footer{
		height: 40vw;
	}

	.vacancies_start_text1{
	
	top:57%;
	font-size: 40px;
}

.footer_address{
		font-size: 14px;
		height: 80%;
	}
}



@media only screen and (max-device-width: 350px) {



	
.gradient-button_start {
	font-size: 18px;
}

.gradient-button{
		top:33vw;
	}
}

@media only screen and (max-device-width: 332px) {
.gradient-button{
		top:37vw;
	}

	.scroll_top{
font-size: 12px;

	}

  .gradient-button_start {
  top: 60vh;
}


	}
@media only screen and (max-device-width: 300px) {

.gradient-button{
		top:39vw;
	}
	.footer_address{
		font-size: 14px;
	}
}

@media only screen and (max-device-width: 275px) {
.footer_address{
		font-size: 12px;
	}
}


@media only screen and (max-device-height: 440px) {
.about_start_text{
	font-size: 30px;
	top:1%;
	line-height: 1.5;
}

.hidden_menu{
height: 50vh;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-ms-flex-line-pack: distribute;
    align-content: space-around;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;


	}

	.menu_text_min a{
width: 45vw;
text-align: left;


	}


  .h3_start{
  font-size: 20px;
}


.h2_start{
  font-size: 38px;
}

.gradient-button_start {
  top: 30vh;
}

}


@media only screen and (max-device-height: 428px) {
.h3_start{
  font-size: 18px;
}


.h2_start{
  font-size: 36px;
}

.gradient-button_start {
  top: 32vh;
}

.projects_menu{
height: 175px;
  }

  .zapis{
  font-size: 18px;

}

}





@media only screen and (max-device-height: 384px) {

  .h3_start{
  font-size: 18px;
}


	.h2_start{
  font-size: 31px;
}

.gradient-button_start {
  top: 31vh;
}

.zapis{
  font-size: 20px;
  line-height: 1.3;

}
}

@media only screen and (max-device-height: 360px) {

.zapis{
  font-size: 18px;
}

  }

@media only screen and (max-device-height: 320px) {

  .h3_start{
  font-size: 15px;
}


  .h2_start{
  font-size: 27px;
}

.gradient-button_start {
  top: 31vh;
}

.zapis{
  line-height: 1.2;

}

}