body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	background-image: url("/media/bg.png");
  background-size: 100% 100%;
  zoom: 80%;
}
header{
	height: 189px;
}

.navbar{
	min-width: 1200px;
	height: 70px;

	display: flex;
	justify-content: right;

  margin-left: 6.8%;
	width: 86.5%;
  border-top: 1px solid #12caff;
	border-bottom: 1px solid #12caff;
}

.nav__bbar{
  margin-right: 60px;
}

.nav__link{
	line-height: 70px;
	text-decoration: none;
	font-size: 24px;
	color: #404040;
	padding-right: 52px;
}

.nav__link:hover{
  color: #12caff;
  transition: color 0.1s linear;
}

.logobar{
  height: 120px;
}

.logo__mbar{
  min-width: 1200px;

	display: flex;
  justify-content: space-between;
  max-height: 120px;
  margin-left: 6.8%;
	width: 86.5%;
}

.logo{
	margin-left: 2%;
	margin-top: 15px;
	margin-bottom: 21px;
}

.phoneblock{
 display: flex;
 align-items: center;
 justify-content: center;
}

.bgphone{
	display: flex;
	justify-content: center;
  align-items: center;
	background-color: #f8f8f8;
	height: 120px;
	width: 380px;
	margin-left: 18px;
}

#__telfax{
	text-align: center;
	font-size: 22px;
	margin-right: 15px;
}
#__phnumber{
	font-size: 24px;
	margin-left: 8px;
}

.callme{
	display: flex;
	justify-content: center;
	text-decoration: none;
  align-items: center;
  height: 68px;
  width: 260px;
  font-size: 22px;
	color: #ffffff;
	background-color: #12caff;
	border: 2px solid #0ebdef;
	border-radius: 6px;
}

.callme:hover{
  background-color: #58daff;
  transition: background-color 0.1s linear;
}

.pagename{
   font-size: 36px;
   color: #404040;
   margin-left: 10%;
   white-space: nowrap;
}

/*NEWS BLOCK*/
.news{
	display: flex;
	flex-direction: column;
  margin-left: 32%;
  width: 35%;
  min-width: 700px;
}
.header__news{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #12caff;
	line-height: 50px;
}
.header__news span{
	font-size: 26px;
}
.main__news a{
	color: #12caff;
	font-size: 20px;
	margin: 10px 0;
	text-decoration: none;
}
.main__news a:hover{
	color: #58daff;
}
.main__news{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 60px;
	margin-left: 20px;
	font-size: 22px;
	overflow: auto;
}
#shortnews_header{
 line-height: 45px;
}
/*NEWS BLOCK END*/

/*MAIN ANIMATION*/



.general{
	display: flex;
	align-items: center;
  justify-content: center;
	margin-top: 28px;
	margin-left: 6.8%;
	margin-right: 6.8%;
	min-width: 1200px;
}

.about{
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

.about__bt{
  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;
  width: 22vw;
  min-width: 250px;
	margin-bottom: 10px;
	background-color: #f6f6f6;
  font-size: calc(20px + 0.3vw);
  color: #404040;
  border: 2px solid #f6f6f6;
  border-radius: 16px;
}
.about__bt:hover{
	background-color: #12caff;
	color: #ffffff;
	transition: background-color 0.2s linear;
}
.about1{
  height: 12vw;
  min-height: 154px;
}
.about2{
  height: 9vw;
  min-height: 117px;
}
.about3{
  height: 9vw;
  min-height: 117px;
}
.about4{
  height: 11vw;
  min-height: 142px;
}

.generalpicblock{
 position: relative;
 display: flex;
 margin-left: 12px;
 margin-bottom: 10px;
}

.gentext{
	overflow: auto;
	position: absolute;
	z-index: 2;
	padding: 4%;
	left:0;
  right:0;
  top:0;
  bottom:0;
  font-size: calc(18px + 0.1vh);
}

.text1{
  display: none;
}
.text2{
  display: none;
  text-align: center;
}
.text3{
	display: none;
}
.text4{
  display: none;
  text-align: center;
}
.textshow {
	display: block;
}


.genimg{
 width: 69vw;
 min-width: 910px;
}

.genimgbg{
 position: absolute;
 width: 69vw;
 min-width: 910px;
 opacity: 0;
 transition: all 0.3s;
}

.genimgbghover{
	transition: all 0.3s;
	opacity: 1;
}

/*MAIN ANIMATION END*/

.footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f8f8f8;
  min-height: 88px;
  min-width: 1200px;

  box-shadow: 0 -2px 12px rgba(0,0,0,0.1);
}

.footer_text{
	white-space: nowrap;
	margin-left: 6.8%;
	margin-right: 6.8%;
	font-size: 24px;
	font-weight: 300;
	color: #767777;
}

.openform{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	z-index: 3000;
}
.openform:target{
  opacity: 1;
  visibility: visible;
}
.openform_href{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3001;
}

.openformbody{
	position: absolute;
	display: flex;
	flex-direction: column;
	background-color: #f8f8f8;
	padding: 10px 60px;
	height: 88vh;
	width: 30vw;
	min-width: 560px;
	min-height: 832px;
	font-size: calc(24px + 0.1vh);
	z-index: 3002;
}

.openformbody__input{
	height: 5vh;
	min-height: 50px;
	font-size: calc(20px + 0.1vh);
	padding-left: 10px;
	margin-bottom: 10px;
	border: none;
	outline: none;
	cursor: pointer;
}

.openformbody__input.__error{
 box-shadow: 0 0 3px red;
}


.sendbt{
	width: 200px;
	background-color: #12caff;
	border: 0px;
	border-radius: 6px;
	height: 75px;
	color: #ffffff;
	font-size: 22px;
	cursor: pointer;
}

.sendbt:hover{
	background-color: #58daff;
	transition: background-color 0.2s linear;
}

.openformbody sup{
	color: darkred;
}
.openformbody span{
	color: #404040;
	font-size: 18px;
  margin: 0;
  padding-right: 33%;
}

.openformbody label{
 margin-bottom: 5px;
}

.opencheckdiv{
	margin-top: 20px;
}
.opencheckdiv a{
	margin-left: 4px;
}

.msg{
	height: 10vh;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: calc(20px + 0.1vh);
	padding-left: 10px;
	padding-top: 10px;
}

.formdiv{
	display: flex;
	margin-top: 20px;
}

.open_header{
display: flex;
justify-content: space-between;
}

.closebutton {
	align-self: center;
  height: 20px;
  width: 20px;
}

.closebutton_icon {
	opacity: 0.5;
	transition: all 0.3s;
}
.closebutton_icon:hover{
	opacity: 1;
	transition: all 0.3s;
}

/*CONTACTS*/

.maincontacts{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20vh;
	height: 88vh;
	min-height: 880px;
}

.leftside{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 55vw;
	margin-left: 8.8%;
	min-width: 600px;
}

.rightside{
	width: 40vw;
	margin-right: 8.8%;
	margin-left: 3%;
	min-width: 440px;
}

.leftdown{
  display: flex;
  align-items: center;
  font-weight: 300;
	width: 100%;
	height: 30%;
	margin-top: 20px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	font-size: 26px;
}

.leftdowntext{
  margin-left: 4%;
}

.leftdown img{
	margin-right: 12px;
}

.rightdown{
	display: flex;
	justify-content: center;
  align-items: center;
  text-align: center;
	width: 100%;
	height: 15%;
	border-bottom: 1px solid #12caff;
	border-top: 1px solid #12caff;
	font-size: calc(15px + 0.4vw);
	font-weight: 300;

}
.blankbt{
	font-weight: 500;
  height: 70px;
  line-height: 70px;
  text-decoration: none;
  width: 250px;
  margin-left: 4%;
	background-color: #12caff;
	color: white;
	border-radius: 6px;
}

.blankbt:hover{
	background-color: #58daff;
	transition: background-color 0.2s linear;
}

.rightup{
	height: 81%;
  width: 100%;
  margin-bottom: 3vh;
  background-color: #f8f8f8;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  color: #404040;
}

.msgform{
	display: flex;
	flex-direction: column;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 3%;
	font-size: 22px;
}
.msgform__input{

	padding-left: 10px;
	font-size: 20px;
  height: 5vh;
  min-height: 45px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  outline: none;
  cursor: pointer;

}
.msgform__input.__error{
 box-shadow: 0 0 3px red;
}

.msgform h1{
	align-self: center;
	font-size: 28px;
}
.msgform h6{
	margin: 3%;
}
.msgform sup{
	color: darkred;
}

.msgdiv{
  display: flex;
  margin-top: 5%;
}
.msgdiv span{
  font-size: 18px;
  padding-right: 5%;
}

.msgmsg{
  height: 80px;
  border: none;
  outline: none;
  padding-left: 10px;
  padding-top: 10px;
	font-size: 20px;
	resize: none;
	cursor: pointer;
}

.msgbt{

  min-height: 70px;
  width: 250px;
  align-self: center;
  font-size: 22px;
  color: #404040;
  border: none;
  outline: none;
  margin-left: 25%;
  cursor: pointer;
}
.msgbt:hover{
  background-color: #f3f3f3;
  transition: background-color 0.2s linear;
}

.msgcheckdiv{
 margin-top: 16px;
}
.msgcheckdiv a{
 margin-left: 4px;
}


.msgcheckdiv__input{
 display: none;
}

.msgcheckdiv__input:checked + .msgcheckdiv__label::after{
  transform: scale(1);
}

.msgcheckdiv__label{
 font-size: 18px;
 display: flex;
 align-items: center;
 position: relative;
 cursor: pointer;
}
.msgcheckdiv__label::before {
 content: "";
 align-self: flex-start;
 flex: 0 0 24px;
 height: 24px;
 background-color: white;
 border-radius: 4px;
 margin: 0px 10px 0px 0px;
}

.msgcheckdiv__label::after{
 content: "";
 width: 16px;
 height: 16px;
 position: absolute;
 top: 4px;
 left: 4px;
 background-color: #12caff;
 border-radius: 4px;
 transform: scale(0);
 transition: transform 0.5s ease 0s;
}

.openform_quest{
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	visibility: hidden;
	z-index: 3000;
}
.openform_quest:target{
	opacity: 1;
	visibility: visible;
}

.openform_quest_body{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
  background-color: white;
  padding: 32px 32px;
  font-size: 22px;
  z-index: 3002;
}

.openform_quest_body a{
	color: green;
}
.openform_quest_body img{
	height: 32px;
}

.openform_quest_href{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 3001;
}

.contacts_map{
	opacity:0;
}

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

/*CONTACTS END*/

/*ABOUT*/
.abouttext{
	font-size: 24px;
	font-weight: 300;
	margin-left: 9%;
	margin-bottom: 46vh;
}
.abouttext span{
  color: #12caff;
}

/*ABOUTEND*/

/*404*/
.er__main{
	display: flex;
	align-items: center;
	margin-left: 10%;
	height: 110vh;
}
.er__h1{
 font-size: calc(124px + 5vh);
 color: #12caff;
 margin-right: 2%;
}

.er__h2{
 font-size: 72px;
 color: #12caff;
}
/*404END*/

/*ADMINPANEL OPEN*/
.adm_form_body{
	height: 125vh;
	width: 125vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.adm_form_content{
	height: 100%;
	min-height: 880px;
	width: 30%;
	min-width: 380px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.adm_form_logo{
	height: calc(80px + 1vh);
  margin-bottom: 3%;
}

.adm_form{
	height: 32vh;
	width: 55%;
	font-size: 22px;
	display: flex;
	flex-direction: column;
}

.adm_form label{
	margin-bottom: 10px;
	margin-left: 10px;
}
.adm_form input{
	height: 20%;
	min-height: 50px;
	margin-bottom: 10px;
	padding: 0 8px;
	font-size: 22px;
	border: solid 1px #12caff;
	outline: none;
}

.adm_form_button{
	align-self: center;
	margin-top: 35px;
  height: 25%;
  min-height: 60px;
  width: 50%;
  font-size: 20px;
  border: none;
  color: white;
  background-color: #12caff;
  transition: all 0.2s;
}

.adm_form_button:hover{
	background-color: #15daff;
	transition: all 0.2s;
}

.adm_form_backbt{
  display: flex;
  align-items:center;
  height: calc(80px + 1vh);
  margin-bottom: 10%;
  text-decoration: none;
  transition: all 0.2s;
  font-size: 20px;
}

.adm_form_backbt:hover {
	color: #12caff;
	cursor: pointer;
}

.adm_form_backbt_pic {
  width:12px;
  height:12px;
  margin-right: 8px;
  transition: all 0.2s;
  background-image:url("/media/backbt.png");
  background-repeat     : no-repeat;
  background-size       : cover;
}

.adm_form_backbt:hover .adm_form_backbt_pic{
	background-image:url("/media/backbt1.png");
}

/*ADMINPANEL OPEN END*/

/*ADMINPANEL*/
.adm_window{
  width: 125vw;
  min-width: 920px;
}

.adm_window header{
	display: flex;
	align-items: center;
	justify-content: space-between;
  height: 100px;
  width: 82.4%;
  margin: 0 8.8%;
  border-bottom: solid 2px #12caff
}

.adm_body{
	display: flex;
	flex-direction: column;
  margin: 0 8.8%;
}

.adm_nav {
	display: flex;
	align-items: center;
	height: 100%;
	background-color: #f8f8f8;
	font-size: 18px;
}

.adm_nav span{
	margin: 0 20px;
}

.adm_nav a{
	color: inherit;
	margin: 0 10px;
	text-decoration: none;
	outline: none;
}

.adm_nav button{
	margin: 0 10px;
	padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.adm_nav a:hover{
	color: #12caff;
	transition: all 0.2s;
}

.adm_nav button:hover{
	color: #12caff;
}

.adm_shorts{
	display: flex;
}

.adm_shorts_lside{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 40vw;
	min-width: 400px;
}

.adm_shorts_input_date{
	min-height: 60px;
	width: 25%;
	margin: 0 20px;
	font-size: 22px;
	font-weight: bold;
	min-width: 170px;
	outline: none;
}

.adm_shorts_lside textarea{
	height: 100%;
	margin: 20px 20px;
	font-size: 22px;
	min-width: 300px;
	outline: none;
	resize: none;
}
.adm_error{
  border: solid 1px red;
}

.adm_shorts_rside{
	flex:1 0 auto;
	display: flex;
	justify-content: center;
}

.adm_shorts_rside_content{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	border: solid 1px #12caff;
	font-size: 22px;
	padding: 70px;
	min-width: 330px;
	max-width: 50vw;
}

.adm_shorts_rside a{
	color: #12caff;
	margin: 10px 0;
}

.adm_shorts_span_date{
  line-height: 45px;
}

.adm_shorts_span_text{
  white-space: pre-wrap;
  overflow-x: auto;
}

.adm_shorts_span_error{
	visibility: hidden;
	position: absolute;
  color: darkred;
  font-size: 18px;
}

.adm_shorts_rside_header{
	font-size: 26px;
	line-height: 50px;
	border-bottom: solid 2px #12caff;
}

.adm_shorts_bt{
	display: flex;
	width: 40vw;
	min-width: 400px;
	justify-content: space-between;
}

.adm_shorts_bt_lside{
	display: flex;
	flex-direction: column;
}

.adm_shorts_bt button{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	width: 150px;
	margin: 0 20px;
	font-size: 18px;
	outline: none;
	border: none;
}

.adm_shorts_btslide{
  background-color: #f0f0f0;
  transition: all 0.2s;
}

.adm_shorts_btslide:hover{
  background-color: #f4f4f4;
  transition: all 0.2s;
}

.adm_shorts_btclear{
  background-color: #f8f8f8;
  transition: all 0.2s;
}

.adm_shorts_btclear:hover{
  background-color: #f4f4f4;
  transition: all 0.2s;
}

.adm_shorts_btapply{
  background-color: #12caff;
  color: white;
  transition: all 0.2s;
}

.adm_shorts_btapply:hover{
  background-color: #15daff;
  transition: all 0.2s;
}

.adm_shorts_bt_lside_slide{
 display: none;
}

.adm_shorts_btslide_icon{
 height: 12px;
 margin: 0 4px;
 transition: transform 0.3s;
}

/*ADMINPANEL BIGNEWS*/
.adm_longs{
	display: flex;
}

.adm_longs_lside{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 40vw;
	min-width: 400px;
}

.adm_longs_input_date{
font-size: 22px;
font-weight: bold;
}

.adm_longs_input_time{
font-size: 22px;
font-weight: bold;
margin-left: 20px;
}

.adm_longs_timediv{
display: flex;
min-height: 60px;
padding: 0 20px;
}

.adm_longs_input_file{
	font-size: 18px;
	font-weight: bold;
}

.adm_longs_fileform{
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 20px 20px;
}
.longs_count{
  color: #767777;
}

.adm_longs_lside textarea{
	min-height: 250px;
	margin: 20px 20px;
	font-size: 22px;
	min-width: 300px;
	outline: none;
	resize: none;
}

.adm_longs_bt{
	display: flex;
	width: 40vw;
	min-width: 400px;
	justify-content: space-between;
	margin-bottom: 50px;
}

.adm_longs_bt_lside{
	display: flex;
	flex-direction: column;
}

.adm_longs_bt button{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	width: 150px;
	margin: 0 20px;
	font-size: 18px;
	outline: none;
	border: none;
}

.adm_longs_btslide{
  background-color: #f0f0f0;
  transition: all 0.2s;
}

.adm_longs_btslide:hover{
  background-color: #f4f4f4;
  transition: all 0.2s;
}

.adm_longs_btclear{
  background-color: #f8f8f8;
  transition: all 0.2s;
}

.adm_longs_btclear:hover{
  background-color: #f4f4f4;
  transition: all 0.2s;
}

.adm_longs_btapply{
  background-color: #12caff;
  color: white;
  transition: all 0.2s;
}

.adm_longs_btapply:hover{
  background-color: #15daff;
  transition: all 0.2s;
}

.adm_longs_bt_lside_slide{
 display: none;
}

.adm_longs_btslide_icon{
 height: 12px;
 margin: 0 4px;
 transition: transform 0.3s;
}

.adm_longs_rside{
	display: flex;
	justify-content: center;
	flex: 1 0 auto;
	max-height: 45vh;
}

.adm_longs_rside_content{
	display: inline-flex;
	flex-direction: column;
	border: solid 1px #12caff;
	padding: 20px;
	min-width: 330px;
	max-width: 50vw;
  overflow-y: auto;
}
.adm_longs_rside_content_sel{
 display: flex;
 align-items: center;
 background-color: #f8f8f8;
 margin: 1% 0;
 width: 100%;
 min-height: 10%;
 font-size: 22px;
}

/*ADMINPANEL END*/

/*NEWS*/
.newsdiv{
	display: flex;
	justify-content: center;
	margin: 0 8.8%;
  font-size: calc(0.5vw + 0.5vh + 0.4vmin);
}
.newsdiv h3{
  font-size: calc(0.7vw + 0.7vh + 0.4vmin);
}

.newsblock{
	display: flex;
	width: 60vw;
	flex-direction: column;
	border-radius: 12px;
	/*font-size: 19px;*/

}
.imgblock img{
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.textblock{
	padding: 5%;
	background-color: #f8f8f8;
	border-radius: 12px;
	word-wrap: break-word;
	margin-bottom: 100px;
}
.textblock_date{
  color: #404040;
}

.textblock_text{

}

.newsblock a{
	cursor: pointer;
}
/*NEWS END*/