@font-face {
		font-family: hlv1;
		src: url(/helvetica.otf); 
	   }
	html, body{
		height:100%;
		width: 100%;
		margin:0;
		padding:0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #000;
		-webkit-font-smoothing: antialiased;
		-webkit-overflow-scrolling: touch;
	}
	
	.leftmenu{	left:-285px;}
	.rightmenu{right:-285px;}
	.tm-perenos-mobile {display:none}

	img{margin:0;padding:0;}

	#topparalax{
		background-position:bottom right;
		background-repeat:no-repeat;
		background-size:cover;
		background-image:url(../images/background.jpg);
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}


	.slideshow{
		height:100%;
		width: 100%;
	}

	.slideshow-main{
		width:100%;
		height:100%;
		margin:0 auto;
		text-align:center;
		/*max-width:1200px;*/
		position:relative;
	}

	#bl1{
		height:11.2%;
		}
	#logo1{
		opacity:0;
		height:26%;
	}
	#bl2{
		height:4.2%;
		}

	#logo2{
		opacity:0;
		max-width:90%;
		font-size:5vh; 
		color:#fff;
		text-align:center;
		margin:auto;
	}
	#bl3{
		height:.5%;
	} 

	#logo3{
		opacity:0;
		font-size:3.27vh;
		color:#a1ddf8;
	}
	#text-deviz {font-size: 3.7vh; color:#fff;opacity:0;margin-top:6vh;font-weight:bold;}
	#mntlt{opacity:0;}
	#mntlt.tm-onas{padding-top: 15vh;}
	.logkv1, .logkv2{
		height:8vh; 
		width:8vh; 
		border:.2vh solid #fff;
		opacity: 1;
		border-radius: 5px;
		margin: auto;
	}

	.logkv1 img, .logkv2 img{
		margin:-.2vh 0 8px -.2vh; 
		padding:1.5vh;
		height:8vh;
	}
	.logkv2 img{
		padding:5px;
	}
	
	#bl4{
		height:5%;
	}
	
	#langs, #aboutus{
		position:absolute;
		top: 40px;
		opacity: .6;
		z-index: 10;
		font-size:1.8vh;
	}

	#aboutus {left: 30px; opacity:1;;}
	#aboutus a {color: #fff;text-decoration: none;font-weight:400;padding: 1vh;}
	
	#langs{right: 30px;}
		#langs a.active {
		margin: 0 1vh;
		padding: 1vh;
		color: #541814;
		background-color: #fff;
		text-decoration: none;
	}
	#langs a.na{
		padding: 1vh;
		color: #fff;
		text-decoration: none;
	}
#aboutus span:first-child a {
    padding-left: 0;
}
#langs:last-child a {
    padding-right: 0;
}
	.menu{
	position:fixed;
	width:285px;
	bottom:0;
	top:0;
	z-index:110;
	background-color:#4c5770;
	opacity:0;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;	
	}
	.leftmenu-title {color: rgba(255,255,255,.7);font-size: 22px!important;line-height: 22px;text-align:center;}
	.leftmenu-title br{display:none;}
	
	.leftmenu a{
		font-size: 18px;
		color: #fff;
		margin-left: 20px;
		line-height: 40px;
		font-weight: 400;
		display: block;
		text-decoration: none;
		text-align: left;
	}
	.rightmenu a.rkr{
		font-size: 18px;
		color: #fff;
		margin-left: 205px;
		font-weight: 400;
		display: block;
		text-decoration: none;
		margin-top: 17px;
		
	}
	.krs, .krs2 {
		background-image: url(../../img/kr.svg);
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 10px 10px;
		opacity: .4;
		cursor:pointer;
		-webkit-transition: all .3s ease;
		   -moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
			 -o-transition: all .3s ease;
				transition: all .3s ease;
	}

	.htel {
		padding: 0;

		background-repeat: no-repeat;
		margin-top: 10px;
		font-size: 26px;
		color: #fff;
		font-weight: 400;
		text-decoration: none;
		line-height: 1.5;
	}

	.htel1 {
		padding-left: 32px;
		background-size: 17px;
		background-position: 5px 5px;
		background-image: url(../img/tel/gor.svg);
	}

	.htel2 {
		padding-left: 30px;
		background-size: 23px;
		background-image: url(../img/tel/ks.svg);
		background-position: 0 5px;
	}

.msg-link {    
	padding: 0;
	padding-left: 30px;
    background-repeat: no-repeat;
    font-size: 26px!important;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.5;
	background-size: 23px;
	background-position: 0 50%;
	margin-bottom: 10px;
	}
 .tm-mail-link {color: rgba(255,255,255,.7)!important;text-align:center!important;font-size: 1em;}
.icon-tlm { background-image: url(../images/telegram.svg);}
.icon-wapp {    background-image: url(../images/whatsapp.svg);}
.icon-vbr {background-image: url(../images/viber.svg);}

.icon-tlm:hover {background-image: url(../images/telegram_g.svg);}
.icon-wapp:hover {background-image: url(../images/whatsapp_g.svg);}
.icon-vbr:hover {background-image: url(../images/viber_g.svg);}

	#zakzte {
		height: 150px;
		padding-top: 18px;
		vertical-align: middle;
			color: #fff;
			width:285px;
	}
	.zekz {
		border: 1px solid #4c5770;
		border-bottom: 1px solid #a6ce39;
		border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-spacing: 0;
		background-color: transparent;
		margin-bottom: 15px;
		height: 30px;
		outline: none;
		color: #fff;
		font-size: 20px;
		width: 205px;
		box-shadow: none;
		-webkit-appearance: none;
	}
	
	input.zekz::-webkit-input-placeholder
	{
		color: #bbb;
		font-size:80%;
	}

	.zekzb {
		width: 185px;
		padding: 7px 20px;
		background-color: #a6ce39;
		box-sizing: border-box;
		border-radius: 5px!important;
		text-decoration: none!important;
		border: 1px solid #a6ce39;
		margin-bottom: 20px;
		color: #fff;
		cursor: pointer;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		font-size: 16px;	
	}
	.htel3{
		color:#fff;
		text-decoration:none;
	}
	
	.uk-flex {display: flex;}
	.uk-flex-middle {align-items: center;}
	.uk-flex-center {justify-content: center;}
	
	.tm-clock {padding:0;margin:0;margin-bottom:25px;color: rgba(255,255,255,.7);font-size:22px;font-weight:normal;margin-top: 5px;}
	.img-clock {display: inline-block;padding-left: 20px;background-size: 17px;background-position:0 51%;background-image:url(/images/clock.png);background-repeat: no-repeat;}
	
	.adress {margin:20px 0 5px;}
	.adress * {color:#fff;text-decoration:none;}
	img.location {height:18px; margin:-4px 0;}
	.tm-text-16 {font-size:16px!important;line-height:16px}
	.tm-text-18 {font-size:18px!important;line-height:18px}
	.tm-text-22 {font-size:22px!important;line-height:22px}
	.tm-text-24	{font-size:24px!important;line-height:24px}
	.tm-text-normal, .tm-text-normal * {font-weight: 300!important;}
	
	.tm-margin-top-25 {margin-top: 25px;}
	.tm-margin-btm-5 {margin-bottom:5px}
	.tm-margin-btm-10 {margin-bottom:10px}
	.tm-margin-btm-15 {margin-bottom:15px}
	.tm-margin-left-5 {margin-left:5px}
	#mntlt {color:#fff;}
	.button-left, .button-right {width:15vh;font-size:12px;text-align:center;}
	.button-between {width:3vw}
	.sfm, .button-left a {text-align:center;color:#fff;text-decoration:none;}
	.sfm {margin-top:3px;font-weight:bold;}
	
	.tm-onas {padding-top:15vh;}
	.about {position:relative;display:block;}
	.about >div, .notarylist {position:fixed;color:#fff;margin: 30vh 20vh; top:0;left:0;max-height:60vh;z-index:20;text-align:left;overflow:hidden;overflow-y: auto;}
	.notarylist {padding: 20px;}
	
	.about  >div, .notarylist {
		scrollbar-width: thin;
	}
	.about  >div::-webkit-scrollbar,
	.notarylist::-webkit-scrollbar {
		width: 7px;
	}
	.about  >div::-webkit-scrollbar-track-piece,
	.notarylist::-webkit-scrollbar-track-piece  {
		background-color: #f0f0f0;
	}
	.about  div::-webkit-scrollbar-thumb:vertical,
	.notarylist::-webkit-scrollbar-thumb:vertical {
		background-color: #A5CE38;
		border-left: 1px solid #A5CE38;
		border-right: 1px solid #A5CE38;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.zekz {
			/* remove inner shadow on iOS input */
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
			background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
			-webkit-appearance: none;
		}
	}
	
	@media  (max-height: 1025px) and (max-width:769px){
		.about >div, .notarylist {max-width:100%; margin: 30vh 3vh; }
	}
	@media  (max-width:1200px){
	}
	
	
	@media  (max-width: 990px){
		#text-deviz {margin-top:4vh;}
		#topparalax {background-image: url(../images/m_back.jpg);}
		.about {margin: 15vh 5vh 10vh;max-height:70%;max-width:70%;/*position:fixed;*/}
	}
	@media  (max-width: 820px){
		.tm-text-22 {font-size: 18px!important;line-height: 18px;}
	}
	@media  (max-width: 732px){

		#bl1 {height: 2vh;}
		#bl2 {height: 3%;}
		#bl4 {height: 0;}
		.logkv1 img, .logkv2 img {height: 8vh;}
		#aboutus {left: 20px;}
		#langs{right: 20px;}
		.about >div, .notarylist {max-height:55vh;padding:5px;}
	}
	@media  (max-width: 640px){
		#logo1 {height: 17vh;}
		.tm-perenos-mobile {display:block}
		#bl1 {height: 8vh;}
		#bl2 {height: 1vh;}
		#bl4 {height: 2vh;}
		#logo2{font-size:4vh;}
		#text-deviz {font-size:3vh;}
		#langs, #aboutus {font-size: 1.5vh;}
	}
	@media  (max-width: 400px){
			#logo3{font-size:2.17vh;}
	}
	
	@media  (max-height: 481px){
		#bl4 {display: none;}
		.tm-perenos-mobile {display:none;} 
		.tm-clock {font-size: 18px;margin-bottom: 10px;}
		.htel {font-size: 22px!important;}
		.tm-text-18 {font-size: 14px!important;line-height: 14px;}
		.tm-text-22 {font-size: 18px!important;line-height: 18px;}
		.tm-text-24 {font-size: 20px!important;line-height: 20px;}
		.tm-margin-top-25 {margin-top: 5px;}
		#zakzte {height: 120px;padding-top: 10px;}
		#text-deviz {font-size:2.7vh;}
		.adress {margin:10px 0 0;}
		.adress a {font-size: 14px!important;}
		.htel1 { background-size: 14px;}
		.htel2 { background-size: 18px;}
		.logkv1 img {padding: 1.5vh;}
		.msg-link {background-position: 0 8px;	}
		#mntlt{padding-top: 5vh;}
		.img-clock {max-width: 128px;background-size: 14px;padding-left: 17px;}	
		.adress >div {margin-bottom:2px!important;}
		.about >div, .notarylist {margin: 35vh 3vh 0;}
	}
	   
	@media  (max-height: 400px){
		#bl1 {height: 2vh;}
		#bl2 {height: 1vh;}
		#bl3{height:.5%;}
		#bl4 {height: 2vh;}
		#logo3{font-size:2.17vh;}
		#text-deviz {font-size:2.7vh;}
		#ubr, #ubr1, #ubr2, #ubr3{display:none;}
		.tm-perenos-mobile {display:none;} 
		.logkv1, .logkv2 {height: 11vh;width: 11vh;border: .2vh solid #fff;}
		.logkv1 img, .logkv2 img {margin: -.2vh 0 -2.2vh -.2vh;padding: 0;height: 11vh;}
		.logkv1 img {padding: 1.5vh;}
		.sfm {font-size: 2.0vh;}
	}

.tm-hidden {display:none!important;}


#logo1{animation: slideshow 1.2s ease-out 1s 1 forwards;}
#logo2{animation: slideshow 1.2s ease-out 1.3s 1 forwards;}
#logo3{animation: slideshow 1.2s ease-out 1.6s 1 forwards;}
#text-deviz{animation: slideshow 1.2s ease-out 1.8s 1 forwards;}

@keyframes slideshow{
	0%{
		opacity:0;
		-webkit-transform: translate3d(0,100%,0);
  		-moz-transform: translate3d(0,100%,0);
  		-ms-transform: translate3d(0,100%,0);
  		-o-transform: translate3d(0,100%,0);
  		transform: translate3d(0,100%,0);
	}
	100%{
		opacity:1;
		-webkit-transform: none;
  		-moz-transform: none;
  		-ms-transform: none;
  		-o-transform: none;
  		transform: none;
	}
}

#closbot, #closbot2 {position: absolute; width: 100%;height: 100%;}
#closbot{top: 510px;}
#closbot2 {top: 350px;}


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    /*display: none;*/
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
	display:none;
}
/***************************POPUP WAR2022 v**************************/
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #a6ce39;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;
 
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
.close_button_war, .close_button_war:hover {display: inline-block; margin:0 auto;padding:10px 30px; border:1px solid #ccc;background:#a6ce39;color:#fff;cursor:pointer;}