body{
	font-family: 'Vina Sans', cursive;
	-webkit-text-size-adjust: none;
}
.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #e0e0e0;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #337ab7;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay:-1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 7s opacity;
  opacity: 1;
}

.loaded .preloader {
  display: none;
}

nav{
	width: 100%;
	height: 60px;
	background: #008B8B;
	position: fixed;
	z-index: 10;

}
nav img{
	width: 57px;
	margin: 0px 10px 10px 0px;
}
/*#008B8B-бирюзовый
#FFCF40-желтый*/
.logo{
	
	color: #FFCF40;
	font-size: calc(25px + 15 * ((100vw - 320px)/(1280-320)));
	line-height: 60px;
	
}
main{
	width: 100%;
	height: 100%;
}
.menu{
	float: left;
	

}
.menu li{
	float: left;
	line-height: 60px;
	color: #FFCF40;
	margin-right: 70px;
	font-size: calc(12px + 2 * ((100vw - 320px)/(1280-320)));
	text-transform: uppercase;
	-webkit-animation: topshift 0.4s ease forwards;
	-o-animation: topshift 0.4s ease forwards;
	animation: topshift	0.4s ease forwards;
	opacity: 1;
	font-family: 'Vina Sans', cursive;
}


.main{
	
	height: 1200px;
	background:url(../img/fon3.jpg) center/cover no-repeat ;
	perspective: 1;
	background-attachment: fixed;
}
.title__container{
	width: 100%;
	color: #008B8B;
	text-align: center;
	opacity: 0;
	-webkit-animation: titlemove 2s ease forwards;
	-o-animation: titlemove 2s ease forwards;
	animation: titlemove 2s ease forwards;
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;



}
.info-btn{
	background-color: #008B8B;
	color: #FFCF40;
}
.white-btn:visited{
	color: #008B8B;
}
.btn-warning{
	color:  #008B8B;
}


.modal-body{
	color: #FFCF40;
	background-color:#008B8B; 
}
.modal-body h5{
	text-align: center;
	line-height: 50px;
}


.modal-title{
	color: #FFCF40;
}

.modal-dialog{
	background-color: #FFCF40;
}
.warning-btn {
	background-color: #FFCF40;
	color: #008B8B;
	margin: 50px 0px 0px 200px;
}

.modal-body{
	background-color: #008B8B;
}

@keyframes titlemove{
	from{
		opacity: 0;
		margin-left: -700px;
	}
	to{
		opacity: 1;
		margin-left: 0px;
	}
}
main a{
	color: #FFCF40;

}
.modal-body a{
	text-align: center;
}
.title__container h1{
	font-family: Arial, sans-serif;
	font-weight: 600;
	font-size: calc(28px + 20 * ((100vw - 375px)/(1280-375)));
}

.title__container h4{
	font-size: calc(19px + 15 * ((100vw - 375px)/(1280-375)));
	font-weight: 600;
	color: #008B8B;


}
@media  (max-width: 767px){

	h1{
		font-size: calc(25px + )
	}
}


.Visov a{
	padding-left: 100px;
}


.menu li a{
	transition: all 0.2s;
	color: white;
	transform: scale(1);
	display: inline-block;
	text-decoration: none;
}
.menu li a:visited{
	color: #FFCF40;
}
.menu li a:hover{
	color: white;

}
.menu li a:active{
	transform: scale(1.2);
}
.Two{
	background:	url(../img/Fon5.jpg) center/cover no-repeat ;
	width: 100%
	max-height: 100%;
	transform: translateY(15px);
	font-family: 'Vina Sans', cursive;
	

	
}
.element-animation{
			opacity: 0;
		}
		.element-animation.show-animation{
			opacity: 1;
			transition: opacity 3s;
		}
.Two img{
	max-width: 100%;
	max-height: 100%;
	
	
}


.Two h3{
	color: #FFCF40;
	font-size: calc(30px + 15 * ((100vw - 375px)/(1280-375)));
	line-height: 100px;
	text-align: center;
	

	
}

.Two h4{
	color: #FFCF40;
	font-size: calc(20px + 4 * ((100vw - 375px)/(1280-375)));
	transform: scale(1);
	text-decoration: none;
	
	


}

/*.Two h4:hover{
	color: #fff;
	

}*/

.Two p{
	font-size: calc(10px + 2 * ((100vw - 375px)/(1280-375)));
	color: #FFCF40	;	
	line-height: 30px;
	text-align: center;
	
	

}
/*.Two p:hover{
	color: #fff;
	transform: scale(1.3,1.3);
}*/

	
  .web_scill{
  	line-height: 220px;
  	font-size: 12px;
  	text-transform: uppercase;

  }
  .web_scill img{
  	background: none;
  	opacity: 1;
  	border-radius: 20px;
  }
  .web_scill2{
  	line-height: 220px;

  	font-size: 12px;
  	text-transform: uppercase;
  }
  .web_scill3{

  	line-height: 220px;
  	font-size: 12px;
  	text-transform: uppercase;
  }
 

  .web_scill4 {

  	line-height: 270px;
  	font-size: 12px;
  	text-transform: uppercase;

  }

  .web_scill5{

  	line-height: 270px;
  	font-size: 12px;
  	text-transform: uppercase;
  }
  .web_scill6{

  	line-height: 270px;
  	font-size: 12px;
  	text-transform: uppercase;
  }
.important{
	background:	url(../img/Fon5.jpg) center/cover no-repeat ;
	height: 1675px;
	background-attachment: fixed;


}

.important_container{
	padding-top: 50px;


}

.important_container h3{
	color: #FFCF40;
	line-height: 50px;
	font-size: calc(30px + 10 * ((100vw - 375px)/(1280-375)));
	text-align: center;
	font-family: 'Vina Sans' , cursive;
}
.card{
	background-color: #B0E0E6;
	width: 260px;
	border-radius: 20px;
	display: inline-block;
	margin-left: 50px;
	margin-top: 50px;
	min-height: 400px;
	max-height: 600px;
	overflow: hidden;
}
@media (max-width: 1400px){
	.important{
		height: 2300px;

	}
}
@media (max-width: 992px){
	.important{
		height: 3400px;

	}
}
.card img{
	max-width: 100%;
    max-width: 180px;
    min-height: 180px;
    display: block;
    margin: 10px auto;
    width: 100%;

}
.card_title{

	padding-top: 10px;
	font-size: 25px;
	color: #20B2AA;
	text-align: center;
}
.card_sub{
	margin: 0px 10px;	
	color: #20B2AA;
	font-size: 14px;
	

}
.card_sub p{
	height: 145px;
	overflow: hidden;
	text-align: center;
}
.btn__card{
	margin: 10px 0;
	text-align: center;

}
.card{
	box-shadow: 2px 3px 3px #FFCF40;
}
		.card a{
			height: 40px;
			text-align: center;
			border: 2px solid #0000CD;
			border-radius: 15px;
			background: none;
			color: #000;
			font-size: 20px;
			padding: 2px 26px;
			text-decoration: none;
			transition: all 0.2s;
			transform: scale(1);
			
			
		}

		.card a:hover{
			background-color: #fff;

			

		}
		.card a:active{
			transform: scale(1.2);
		}
		.card a:visited{
			color: #0000CD;
			background-color: #fff;

		}
	/*.certificate{
			background: url(../img/fon1.jpg) center/cover no-repeat;
			height: 1100px;
			background-attachment: fixed;
		}
		.certificate h1{
			padding-top: 40px;
			text-align: center;
			font-size: 55px;
			color: #20B2AA;
		}
		.certificate img{
			padding-top: 30px;
			width: 750px;
			height: 900px;
			justify-content: center;

		}
/*	.Three{
		background: url(../img/Fon4.jpg) center/cover no-repeat ;
		height: 800px;
		background-attachment: fixed;


	}
	.Three h3{
		color: #20B2AA;
		font-size: calc(30px + 15 * ((100vw - 375px)/(1280-375)));
		line-height: 100px;
		text-align: center;	



	}*/
	.contacts{
		background: url(../img/Fon5.jpg) center/cover no-repeat;
		height: 700px;
	}
	.contacts_container{
		padding-top: 15px;
	}
	.contacts_container h2{
		color: #FFCF40;
		font-size: calc(30px + 15 * ((100vw - 375px)/(1280-375)));
		margin-bottom: 20px;
		text-align: center;
		font-family: 'Vina Sans', cursive;
	}
	.contacts_inputs input{
				height: 34px;
				margin-bottom: 14px;
				background: rgba(210, 214, 220, 0.93);
				font-size: 16px;
				width: 100%;
				padding-left: 15px;
			}

			.contacts_inputs .secondInput{
				float: right;
				font-size: 18px;
			}

			.contacts_container textarea{
				display: block;
				width: 100%;
				resize: none;
				padding-top: 10px;
				padding-left: 15px;
				background: rgba(220, 224, 230, 0.93);
				font-size: 16px;
				margin-bottom: 30px;

			}

			.contacts_container input[type="submit"]{
				display: block;
				margin: 0 auto;
				background: none;
				color: #FFCF40;
				border: 2px solid #FFCF40;
				height: 46px;
				width: 124px;
				border-radius: 8px;
				font-size: 20px;
				margin-bottom: 76px;
			}

			.contacts_container input[type="submit"]{
			transition: all 0.2s;
			transform: scale(1);

		}
		.contacts_container input[type="submit"]:hover{
			background: #FFF;
			color: #000;	
		}
		.contacts_container input[type="submit"]:active{
			transform: scale(1.1);
		}

.custom-whatsapp{
	color: #FFCF40;
	font-size: 75px;
	text-decoration: none;
	transition: all 0.2s;
	transform: scale(1)
	
	

	
}
.custom-whatsapp:hover{
	text-decoration: none;
	color: #FFCF40;
}
.custom-whatsapp:active{
	text-decoration: none;
	color: #FFCF40;
	transform: scale(1.2);
}
.custom-whatsapp:visited{
	text-decoration: none;
	color: #FFCF40;
}
	footer{
		background:url(../img/Fon12.jpg) center/cover no-repeat;
		height: 1300px;



	}

	footer h3{
		color: #FFCF40;
		font-size: calc(30px + 15 * ((100vw - 375px)/(1280-375)));
		line-height: 55px;
		text-align: center;
	}
	footer h4{
		color: #FFCF40;
		font-size: calc(16px + 4 * ((100vw - 375px)/(1280-375)));

	}

	.web_scil{
		font-size: 32px;
		text-transform: uppercase;

	
	}
	.custom-map{
		font-size: 35px;
		width: 40px;
		color: #FFCF40;
		
	}
	.web_scil2{

		color: #FFCF40;
		font-size: calc(13px + 4 * ((100vw - 375px)/(1280-375)));
		text-transform: uppercase;
	}
	.custom-map2{
		font-size: 30px;
		width: 65px;
	}

	.web_scil3{
		color: #FFCF40;
		font-size: calc(15px + 4 * ((100vw - 375px)/(1280-375)));
		text-transform: uppercase;
	}

	.custom-phone{
		font-size: 40px;
		width: 60px;

	}
	.custom-mail{
		font-size: 40px;
		width: 60px;

	}
	/*.custom-insta{
		font-size: 40px;
		width: 60px;
	}*/
	.web_scil4{
		color: #FFCF40;
		font-size: calc(13px + 4 * ((100vw - 375px)/(1280-375)));

		text-transform: uppercase;
	}

	.custom-clock{
		font-size: 50px;
		width: 65px;
	}


	footer a{


		color: #FFCF40;
		font-size: 22px;
	}
	footer a:visited{
		color: #FFCF40;
	}