.logo-img {
	width: 100px;

}
.br {
	border-radius: 10px;
}
.logo-footer {
	width: 60px;
}
.navbar {
	background-color: #035d55;
	color: white;
	margin-top: -1.5rem;
	padding-bottom: 0!important;
	padding-top: 0.5rem!important;
}
.nav-link {
	color: white!important;
}
.navbar  a:hover {
    color: #035d55!important;
}

.logo {
	text-align: left!important;
}	
.logo a:hover {
    background-color: #035d55;
    color: #035d55; 	
}
.navbar-collapse {
	text-align: center;
}
.nav-item {
	border-right: 1px solid rgba(227,225,220,0.3);
	border-top: 1px solid rgba(227,225,220,0.3);
	border-left: 1px solid rgba(227,225,220,0.3);
	font-weight: 700;
}
.nav-item > a {
	display: table;
    height: inherit;
    width: 100%;	
}
.nav-item:hover {
	background-color: rgb(227,225,220);
	color: #035d55!important;
}

.footer {
	background-color: #1e1e1e;
	color: #fff;
	line-height: 0.1rem;
	padding: 1.5rem;
	
}
.header {
	background: #035d55;
}
#layer1, #layer2 {
	position: relative; /* Относительное позиционирование */
	
	font-size: 1rem;
	
} 
#layer1 {
	z-index: 2;
    padding-top: 1rem;
	background: #035d5500;
}
#layer2 {
	z-index: 1;
	background: #035d55;
}
#footer-default-id {
	background: #1e1e1e;
	margin-bottom: 0;
   
        
}
#footer-default-id p {
	color: #fff;
	text-align: center;
}
#footer-default-id img {
	margin: 0 auto;
}

#footer-default-id hr {
	width: 100%;
	border-bottom: 2px solid #eee !important;
}
#footer-default-id a {
	color: #fff;
}
#footer-default-id a:hover {
	color: #fff;
}
.btn.btn-yell {
	color: #ffffff;
	background: #fcbb00;
	border: 1px solid #fcbb00;
}
.btn.btn-yell:hover,
.btn.btn-yell:focus,
.btn.btn-yell.active,
.btn.btn-yell:active {
    color: #fff;
    background: #ffcd41;
    border: solid 1px #fbc428;
}
.height4 {
	height: 4rem!important;
	display: flex!important;
    align-items: center;
	padding-left: 1rem!important;
	padding-right: 1rem!important;
	
}
.ymaps-geolink,
.adrgl {
	color: #fff !important;
	font-weight: 700;
}
.adrct {
	color: #777 !important;
	font-weight: 700;
}
.kontaktymappad {
	padding-top: 30px;
}
/*@media*/
@media (max-width: 992px) { /*менюха моб*/
	.nav-item {
	border-right: 0;
    border-top: 0;
    border-left: 0;
	font-size: 16px;
	font-weight: 700;
	}
	.rs1 h1 {
		font-size:1.8rem !important;
		
	}
	.rs1 h2, h3, h4, h5 {
		font-size:1.5rem !important;
		line-height: 2rem !important;
	}
	.hs1 h1 {
		font-size:1.8rem !important;
		
	}
	.hs1 h2, h3, h4, h5{
		font-size:1.5rem !important;
		line-height: 2rem !important;
	}
	.s1 h1 {
		font-size:1.8rem !important;
		
	}
	.s1 h2, h3, h4, h5{
		font-size:1.5rem !important;
		line-height: 2rem !important;
	}
	.fsize {
		font-size:1.5rem !important;
	}
}
@media (max-width: 1200px) {
	.navbar {
		font-size: 12px;
	}
	.white {
		font-size: 12px;
	}
	.footer {
		font-size: 12px;
		border-radius: 0px!important;
	}
	.ymaps-geolink,
	.adrgl {
		font-weight: normal;
	}
}
@media (max-width: 420px) {
	.navbar {
		font-size: 10px;
	}
	.white {
		font-size: 10px;
	}
	.footer {
		font-size: 10px; 
	}
	ul {
		padding: 0;
	}
	.h3proektiruslugi {
		text-align: center;
	}
	.btnpad {
		padding-bottom: 2rem;
	}
}
@media (max-width: 415px) {
	.navbaradr {
		
		text-align: right!important;
	}
}
@media (max-width: 992px) {
	.logo {
		text-align: right;
	}
	.lay1 {
		display: none;
	}
	.navbar {
		margin-top: 0rem;
	}
	.logo-img {
		padding-left: 2rem;
	}	 
	 
}

@media (min-width: 992px) {
	.mob {
		display: none;
		
	}
}
@media (max-width: 720px) {
	#slider {	
		height: 450px !important;
	}
	.h1slider {
		font-size: 18px !important;
	}
	.content-txt {
		top: 10% !important;
	}
	.slider80 {	
		width: 100% !important;
	}
	.content-txt {
		padding-right: 20%;
	}
	.gre {
		border-left: 700px solid rgba(3, 93, 85, 0.75) !important;
	}
	.yel {
		border-left: 700px solid rgba(252, 187, 0, 0.85) !important;
	}
	
}
@media (max-width: 1500px) {
	.slider80 {	
		width: 100% !important;
	}
}
@media (max-width: 992px) { /*менюха моб*/
	.btn-yell {
	width: 100%;
	}
}

/*valiun.ru*/
.valiun {
	border-bottom: solid #fff 1px;
}
.mob {
	text-align: center;
	font-size: 12px;
}
.navbar-brand {
	font-size: 1.0rem;
}
.padbot {
	    padding-bottom: 1rem;
}
.gr {
	   background: #035d55;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
/* Slider */
#slider {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}
@keyframes load {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
.slides {
  width: 400%;
  height: 100%;
  position: relative;
  -webkit-animation: slide 30s infinite;
  -moz-animation: slide 30s infinite;
  animation: slide 30s infinite;
}
.slider {
  width: 25%;
  height: 100%;
  float: left;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.slide img {
  width: 100%;
  height: 100%;
}
.slide img {
  width: 100%;
  height: 100%;
}
.image {
	width: 100%;
	height:500px;
	min-height:500px;
	max-height:500px;
    background-position: center !important;
}
.image img {
  width: 100%;
  height: 100%;
}

/* Legend */
.legend {
  border: 600px solid transparent;
  border-bottom: 0;
  position: absolute;
  bottom: 0;
}
.gre{
	border-left: 900px solid rgba(3, 93, 85, 0.75);
}
.yel {
	border-left: 900px solid rgba(252, 187, 0, 0.85);
}
/* Contents */
.content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.content-txt {
  width: 400px;
  height: 150px;
  float: left;
  position: relative;
  top: 150px;
  -webkit-animation: content-s 7.5s infinite;
  -moz-animation: content-s 7.5s infinite;
  animation: content-s 7.5s infinite;
}
.content-txt h1 {
  font-family: Arial;
  text-transform: uppercase;
  font-size: 24px;
  color: #fff;
  text-align: left;
  margin-left: 30px;
  padding-bottom: 10px;
}
.content-txt h2 {
  font-family: arial;
  font-weight: normal;
  font-size: 14px;
  font-style: italic;
  color: #fff;
  text-align: left;
  margin-left: 30px;
}

/* Switch */
.switch {
  width: 120px;
  height: 10px;
  position: absolute;
  bottom: 50px;
  z-index: 99;
  left: 30px;
}
.switch > ul {
  list-style: none;
}
.switch > ul > li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #333;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.switch ul {
  overflow: hidden;
}
.on {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f39c12;
  position: relative;
  -webkit-animation: on 30s infinite;
  -moz-animation: on 30s infinite;
  animation: on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide {
  0%,
  100% {
    margin-left: 0%;
  }
  21% {
    margin-left: 0%;
  }
  25% {
    margin-left: -100%;
  }
  46% {
    margin-left: -100%;
  }
  50% {
    margin-left: 0%;
  }
  71% {
    margin-left: 0%;
  }
  75% {
    margin-left: -100%;
  }
  96% {
    margin-left: -100%;
  }
}
@-moz-keyframes slide {
  0%,
  100% {
    margin-left: 0%;
  }
  21% {
    margin-left: 0%;
  }
  25% {
    margin-left: -100%;
  }
  46% {
    margin-left: -100%;
  }
  50% {
    margin-left: 0%;
  }
  71% {
    margin-left: 0%;
  }
  75% {
    margin-left: -100%;
  }
  96% {
    margin-left: -100%;
  }
}
@keyframes slide {
  0%,
  100% {
    margin-left: 0%;
  }
  21% {
    margin-left: 0%;
  }
  25% {
    margin-left: -100%;
  }
  46% {
    margin-left: -100%;
  }
  50% {
    margin-left: 0%;
  }
  71% {
    margin-left: 0%;
  }
  75% {
    margin-left: -100%;
  }
  96% {
    margin-left: -100%;
  }
}

@-webkit-keyframes content-s {
  0% {
    left: -420px;
  }
  10% {
    left: 0px;
  }
  30% {
    left: 0px;
  }
  40% {
    left: 0px;
  }
  50% {
    left: 0px;
  }
  60% {
    left: 0px;
  }
  70% {
    left: 0;
  }
  80% {
    left: -420px;
  }
  90% {
    left: -420px;
  }
  100% {
    left: -420px;
  }
}
@-moz-keyframes content-s {
  0% {
    left: -420px;
  }
  10% {
    left: 0px;
  }
  30% {
    left: 0px;
  }
  40% {
    left: 0px;
  }
  50% {
    left: 0px;
  }
  60% {
    left: 0px;
  }
  70% {
    left: 0;
  }
  80% {
    left: -420px;
  }
  90% {
    left: -420px;
  }
  100% {
    left: -420px;
  }
}
@keyframes content-s {
  0% {
    left: -420px;
  }
  10% {
    left: 20px;
  }
  15% {
    left: 0px;
  }
  30% {
    left: 0px;
  }
  40% {
    left: 0px;
  }
  50% {
    left: 0px;
  }
  60% {
    left: 0px;
  }
  70% {
    left: 0;
  }
  80% {
    left: -420px;
  }
  90% {
    left: -420px;
  }
  100% {
    left: -420px;
  }
}

@-webkit-keyframes on {
  0%,
  100% {
    margin-left: 0%;
  }
  21% {
    margin-left: 0%;
  }
  25% {
    margin-left: 15px;
  }
  46% {
    margin-left: 15px;
  }
}

@-moz-keyframes on {
  0%,
  100% {
    margin-left: 0%;
  }
  21% {
    margin-left: 0%;
  }
  25% {
    margin-left: 15px;
  }
  46% {
    margin-left: 15px;
  }
}

@keyframes on {
  0%,
  100% {
    margin-left: 0%;
  }
  21% {
    margin-left: 0%;
  }
  25% {
    margin-left: 15px;
  }
  46% {
    margin-left: 15px;
  }
}
.seotext {
	padding-top: 2rem;
    padding-bottom: 2rem;

}
.brw {
	border-radius:5px;
	background:#ffffff;
}
.seotext hr {
	border-top: 3px solid rgb(3, 93, 85);
}
.imgglav {
	width: 45%;
	
	
}
.ing {
	padding: 1.5rem;
	background: url(https://aliansproekt.ru/wp-content/uploads/2018/02/htmlimage3.png);
	border-top: solid #000 3px;
    border-bottom: solid #000 3px;
}
.slid {
	background: #1e1e1e;
}
.slider80 {	
	width: 60%;
}
.otz {
	text-align: center;
	
}
.otz hr {
    margin: 10px 0px;
    padding: 0px;
    border-top: 0px;
    border-bottom: 3px solid #035d55;
 }
 .otz h1 {
	color: #fcbb00;
    font-weight: 700;
    padding-bottom: 30px;
 }
 .img-responsive {
	 display: block;
    max-width: 100%;
    height: auto;
 }
 
 * {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
.obj{
	margin-top:30px;
	margin-bottom:5px;
}

.proimg {
	width:100%;
	margin-bottom: 20px;
}
 
 
 
 
        .mosaicflow__item {
            padding: 3px;
			max-width:300px;
        }

        .mosaicflow__column {
            float: left;
        }

        .mosaicflow__item img {
            display: block;
            width: 100%;
            height: auto;
            padding: 4px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
			box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        }

        .mosaicflow__item img:hover {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }
    

.jumbotron {
	border-radius: 0 !important;
}	


.dialog {
	width:530px;
	list-style:none;
	margin:0 0 20px;
	padding:0;
}

.dialog p{
	width:428px;
	padding:10px;
	border:1px solid #000;
	background:#f5f3f4;
	display:block;
	position:relative;
	border-radius:3px;
	box-shadow:3px 3px 2px rgba(0,0,0,0.5);
}


.daigleft{
	left:-12%;
	padding:30px;
}

.imgsvid {
	max-height:600px;
}
.centering {
	text-align: center;
}    
@media (max-width: 475px) { 
	.imgsvid {
		width: 100%;
	}
	.imgglav {
		width: 100%;
		margin:0;
		padding-bottom:20px;
	}
	.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 0px 0px 20px 0px !important; /* Отступы вокруг картинки */
	
   }
   .rimg {
    float: right; /* Выравнивание по правому краю */
    margin: 0px 0px 20px 0px !important; /* Отступы вокруг картинки */
	
   }
}
 .box-shadow {
	 box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 }
 .taboutlink {
	 
	 font-size: 1.3rem;
	 font-weight: 700;
 }

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 20px; /* Отступы вокруг картинки */
	border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   }
   .rimg {
    float: right;/* Выравнивание по левому краю */
    margin: 20px; /* Отступы вокруг картинки */
	border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	    width: 50%;
   }
.imgabout {
	width: 100%;
	margin:20px;
	    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    border-radius: 10px;
}  
.bagr {
	background:#fff !important;
	padding-bottom:1rem;
} 
.margtop {
	margin-top:20px;
}
.uslugi {
	font-size: 20px;
    font-weight: 500;
    color: #000;
}

.blac {
	color:#1e1e1e;
	background: #fff;
	padding: 25px; 
}
.imgusl {
	width: 50%;
	
	margin:0px 35px 20px 0px;
}
.imgusll {
	width: 50%;
	
	margin:0px 35px 20px 0px;
}
.marg h2 {
	font-size: 20px;
}
.pad {
	padding:25px;
} 
.cen {
	-webkit-justify-content: center;
	    padding: 25px 0px 0px 0px;
}
.minh {
	min-height:270px;
	margin-bottom:5px;
}
.greenbg  hr {
    margin: 7px 0px;
    padding: 0px;
    border-top: 0px;
    border-bottom: 2px solid #fcbb00;
}
.greenbg {
    background: #035d55;	
}

/*облачко*/
.bubble {
    border-color: #ffffff;
    background: #ffffff;
    margin: 30px;
    padding: 30px;
    position: absolute;
    border: 2px solid #000;
    border-radius: 20px;
    color: #040404;
    font-size: 1.2rem;
}
.bubble:after {
    content: "";
    position: absolute;
    top: 70%;
    left: -76px;
    color: #fff;
    transform: rotate(90deg);
    width: 100px;
    border-top: 50px solid #000;
    border-top-color: inherit;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}
.bubble:before {
    content: "";
    position: absolute;
    top: 68%;
    left: -75px;
    color: #fff;
    transform: rotate(90deg);
    width: 100px;
    border-top: 50px solid #fff;
    border-top-color: inherit;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}
.left, .left p {
	float:left;	
}

.left:before {
	content:"";
	position:absolute;
	left:-12px;
	top:24px;
	width: 0;
    height: 0;
    border-top: 12px solid #000; 
    border-left: 12px solid transparent;
}

.left:after {
	content:"";
	position:absolute;
	left:-10px;
	top:25px;
	width: 0;
    height: 0;
    border-top: 10px solid #f5f3f4; 
    border-left: 10px solid transparent;
	
}
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 6px solid #000;
	border-radius:20px;
	font-size:1.2rem;
	padding: 20px;
	color: #000;
	text-align:center;
	    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 40px;
	top: 50%;
	margin-top: -40px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000;
	border-width: 48px;
	top: 50%;
	margin-top: -48px;
}
#chatbot {
	padding-top: 20px;
	height: 300px;
	text-align:left;

}
.btngreen {
	background-color: #035d55;
    border-color: #fcbb00;
    border-radius: 10px !important;
}
.btngreen.focus, .btngreen:focus {
    box-shadow: 0 0 0 0.2rem rgb(252, 187, 0);
}
.btngreen:hover {
    color: #fff;
    background-color: #fcbb00;
	border-color: #035d55;
}
@media (max-width: 767px) {
	.imgabout {
		width: 60%;
		margin: 20px 0px 20px 0px;
	}
	
	.arrow_box:after, .arrow_box:before {
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		top: -20px;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 30px;
		left: 50%;
		margin-left: -30px;
		
	}
	.arrow_box:before {
		border-color: rgba(0, 0, 0, 0);
		border-bottom-color: #000;
		border-width: 38px;
		left: 50%;
		margin-left: -38px;
		top: -28px;
	}
	.daigleft{
	left:0;
	padding:30px;
	}
	.arrow_box {
		top: -35px;
	}
	 .imgusll{
		width: 100% !important;
		margin:0;
		margin-bottom: 25px;
		/*padding-bottom:20px!important;*/
	}
	.imgusl{
		width: 100% !important;
		margin:0;
		margin-bottom: 25px;
		/*padding-bottom:20px !important;*/
	}

}	

.margbot {
	margin-bottom: 4rem;
}
.podloj {
	font-size: 1rem;
    color: #222222;
    width: 100%;
    height: 100%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding: 1rem;
    
}
.lay1 {
	padding-bottom: 1rem;
}
ul {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 28px;
}
.iconblock {
	border-radius: 10px;
    background: #fff;
    color: #035d55;
    
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding: 20px;
	margin-bottom: 20px;
	
	
}
.iconblock hr {
    border-bottom: 2px solid #fcbb00;
	
}
@media (min-width: 768px) {
	.iconblock {
		height:100%;
	}
}
@media (max-width: 768px) {
	.btnpad {
		padding-top: 2rem;
		margin-bottom: 2rem;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.h2c {
		height: 35% !important;
	}
	.b2c {
		height: 40% !important;
		display: flex;
	}
	.f2c {
		height: 15% !important;
	}
	
}
h2 {
	font-weight: 700 !important;
}
.h3proektir {
	font-size: 20px !important;
    font-weight: 700 !important;
}
.h3proektiruslugi {
	color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem;
}
.btnpad {
	padding-top: 2rem;
	
}
.btnzakazat {
	background: #fbc428;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
}
.btnzakazat:hover, .btnzakazat:active, .btnzakazat:focus {
	color: #fff;
    background: #ffcd41;
    border: solid 1px #fbc428;
}
.padtextblock {
	padding-top: 40px !important;
}

/*контакты форма*/
.formkontakty {
	background: #035d55;
    border-radius: 20px;
	color: #fff;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	text-align: center;
}

/*плавающачя кнопка-ссылка ЧАТ СО СПЕЦИАЛИСТОМ*/
.fixedbut {
	position: fixed;
	bottom: 2rem;
	left: 20px;
	display: block;
	background: #035d55;
	color: #fff;
	text-decoration: none;
	padding: 20px 20px;
	font-size: 1rem;
	border-radius: 100rem;
	border: solid 2px #fff;
	box-shadow: 2px 5px 28px rgba(0,0,0,0.25), 4px 6px 10px rgba(0,0,0,0.22);
	z-index: 9999;
}
.fixedbut:hover {
	background: #027b71;
	color: #fff;
}
.h2c {
	height: 40%;
}
.b2c {
	height: 30%;
	display: flex;
}
.f2c {
	height: 30%;
}
.h {
	height: 35%;
}
.b {
	height: 40%;
	display: flex;
}
.f {
	height: 15%;
}
.hi {
	height: 32%;
}
.bi {
	height: 40%;
	display: flex;
}
.fi {
	height: 18%;
}
.hb {
	height: 35%;
}
.bb {
	height: 35%;
	display: flex;
}
.fb {
	height: 30%;
}
.hh {
	height: 40%;
}
.bh {
	height: 33%;
	display: flex;
}
.fh {
	height: 25%;
}
.h2cb {
	height: 35%;
}
.b2cb {
	height: 35%;
	display: flex;
}
.f2cb {
	height: 30%;
}

h1 {
	font-weight: 700;
}

.imdrazmer {
	width: 34%;
}
.fs h2 {
    font-size: 20px;
}	
































html {
  scroll-behavior: smooth;
}

body {
  position: relative;
}

.scrolltop-wrap {
  z-index:10000;	
  box-sizing: border-box;
  position: absolute;
  top: 25vh;
  right: 2rem;
  bottom: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.scrolltop-wrap #scrolltop-bg {
  fill: rgba(33, 37, 41, 0.4);
}
.scrolltop-wrap #scrolltop-arrow {
  fill: white;
}
.scrolltop-wrap a:hover #scrolltop-bg {
  fill: #e8ac00;
}
.scrolltop-wrap a:hover #scrolltop-arrow {
  fill: white;
}
@supports (-moz-appearance: meterbar) {
  .scrolltop-wrap {
    clip: rect(0, 3rem, auto, 0);
  }
}
.scrolltop-wrap a {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  top: -5rem;
  width: 3rem;
  height: 3rem;
  margin-bottom: -5rem;
  -webkit-transform: translateY(100vh);
          transform: translateY(100vh);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: inline-block;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: all;
  outline: none;
  overflow: hidden;
}
.scrolltop-wrap a svg {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.scrolltop-wrap a svg path {
  transition: all 0.1s;
}
.scrolltop-wrap a #scrolltop-arrow {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media print {
  .scrolltop-wrap {
    display: none !important;
  }
}

html {
  overflow-y: scroll;
}


.form__error {
    color: #fff;
    text-align: center;
    font-size: 12px;
    display: block;
    margin-top: 3px;
    display: none;
}




input:invalid:not(:placeholder-shown) + .form__error {
	display: block;
}
.rs1 {
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(img/rek1.jpg) no-repeat center center;
}
.rs1 h1{
	font-size:3rem;
	margin-bottom: 1.5rem;
	line-height: 1.5;
	
}
.rs1 h2, h3, h4, h5{
	font-size:2.5rem;
	margin-bottom: 1.5rem;
		
}
.hs1 {
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(img/hotel5.jpg) no-repeat center center;
}
.hs1 h1{
	font-size:3rem;
	margin-bottom: 1.5rem;
	
}
.hs1 h2, h3, h4, h5{
	font-size:2.5rem;
	margin-bottom: 1.5rem;
	font-weight: 700 !important;
	line-height: 1.2 !important;
		
}
.s1 {
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(img/s1.jpg) no-repeat center center;
}
.s1 h1{
	font-size:3rem;
	margin-bottom: 1.5rem;
	line-height: 1.5;
	
}
.s1 h2, h3, h4, h5{
	font-size:2.5rem;
	margin-bottom: 1.5rem;
		
}

.fsize {
	font-size:2.5rem;
		
}

.s2 {
	background: #fff;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  background: #035d55;
}

.timeline ul li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
 width: 65rem;
  padding: 15px;
}

.timeline ul li div {
  left: 25px;
}

.card-title  {
	font-size: 1.2rem;
    line-height: 37px;
    font-weight: 600;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 767px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  
}

@media screen and (min-width: 768px) {
.timeline ul li div {
  transform: translate3d(0, 200px, 0);
}
.timeline ul li::before {
  transition: background 0.5s ease-in-out;
}
.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.timeline ul li.in-view::before {
  background: #fcbb00;
}
}
@media screen and (min-width: 1200px) {
.timeline ul li div {
  
  width: 65rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) { 
.timeline ul li div {
   width: 55rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) { 
.timeline ul li div {
   width: 42rem !important;
}
}
@media screen and (min-width: 601px) and (max-width: 767px) { 
.timeline ul li div {
   width: 30rem !important;
}
}


.numb {
	background: #f8a841;
    color:  white;
    border-radius:  50%;
    width: 30px;
    height: 30px;
    text-align:  center;
    font-weight: 700;
}
.box-shad {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0px 0px 10px 4px rgba(0,0,0,0.22);
}