body {
	font-family:Arial,sans-serif, Helvetica;
    overflow:scroll;overflow-x:hidden;
}
*{
	padding:0.009px;
	margin:0px;
}
a {
    transition: background-color ease-in-out .15s, color ease-in-out .15s;
        transition-property: background-color, color;
        transition-duration: 0.15s, 0.15s;
        transition-timing-function: ease-in-out, ease-in-out;
        transition-delay: 0s, 0s;
}
"container {
	width: 750px;
}



.fa-bars {
	font-size:48px;color:white; margin-left:20px;content:"done";float:left;
}

span.fas {
	display:inline-block;/*none;*/cursor:pointer;
}
	.other-mt {
    font-size:48px;color:white; margin-left:20px;content:"done";float:left;/*margin-right: 20px;*/display:inline-block;/*none;*/cursor:pointer;
	}
.fa-bars {
	font-size:48px;color:white; margin-left:20px;content:"done";float:left;
}

span.fas {
	display:none;/*none;*/cursor:pointer;
}
.other-mt {
    font-size:48px;color:white; /*margin-left:20px;*/content:"done";float:left;/*margin-right: 20px;*/display:none;/*inline-block;*//*none;*/
	}

@media (max-width: 767px) {
	body {
		overflow-x:hidden;
	}
	* {
		margin: 0px;
	}
	.fa-bars {
	font-size:42px;color:white; margin-left:20px;content:"done";float:left;margin-top:10px;padding: -1px 0 0px 0;
}

span.fas {
	display:inline-block;/*none;*/cursor:pointer;
}

body {
		overflow-x:hidden;
	}
	
}

#mpic-2 {
	width: 100px;
	height: 100px;
	float:left;margin-left:10px;margin-top: 20px;
}
#text-2 {
	 margin-left: 20%;/*240px;*/
	 width:75%;
	 font-size: 16px;color:#466565;margin-top:0px;
	 /*margin-top: 0 ! important;*/
    
}
.layout-mt { 
    width:100%;
    margin: auto; 
    position: absolute;
   }

 /*  .mcol5new, .mcol6new { 
    position: absolute; 
    color: #FFF; 
   }*/
     .mcol5new { 
    background: #fff; width: 25%; min-width:140px;
	color: #000; /*#5d5d5d;*/
    left: 20px; 
	line-height:25px;font-size:18px;
	text-align:justify; vertical-align:top;margin-top:-5px;
	border-style:solid;border-width:1px 1px 1px 1px;
	border-color:white;/*#faf5f5;*//*padding:5px 5px 5px 5px;*/
	float:left;min-height:80%;
}  
.sur-02 {
	width:400px;
	height:250px;
}
.photo {
	display:inline-block; max-width:100%;
	position:relative;
}
.photo .text11{
	display: block;
	position:absolute;font-size:180%;
	left:0;color:#fff;
	bottom:0;text-align:center;	width:100%;
}
/*.photo:hover:after {
	content: attr(title);
	position:absolute;
	left:0; right:0; bottom:20px;
	z-index:1;
	background:rgba(0,42,167,0.6);font-weight:bold;
	color: #fff;
	text-align: center;
	font-size: 200%;
	padding:5px 5px;
	border:1px #333;
}*/
	.mcol6new { 
    background: #fff; /*position: relative;*/ /*margin-top: 2px;*/
	color:#000;margin-left:400px;
    right: 0;
	border-style: solid;border-width:4px 4px 4px 4px;
    border-color: white;/*width:100%;*/white-space: nowrap;
   }

.nleft-4 {
    float: left;max-width: 100%;display:none;
    margin: 4px 10px 2px 0px;
	color: #000 ! important; background: #fff; font-size:18.2;letter-spacing: .25px; line-height: 1.4;font-weight: normal;
}
   .col2 {
    width: 300px;background: #fffccc; 
    color: #666565; /*#000033;*/ margin-left:10px;
	line-height: 25px;
	font-size: 18px;
	text-align: justify;
	border-style: solid;
    border-width:5px 5px 5px 5px;
    border-color: #fff;/*white;*/text-shadow: 0px 0px 1px #0000ff;
    }
.coltext-1 {
color: #f70f2a;
text-decoration: underline;
}
@media (max-width: 1300px) {	
body {
		overflow-x:hidden;
	}
/*.mcol6new {
	white-space:normal;
}*/

.sur-02 {
	width: 350px;
	height: 218.75px;
}
}
@media (max-width: 1100px) {	
body {
		overflow-x:hidden;
	}
/*.mcol6new {
	white-space:normal;
}*/

.sur-02 {
	width: 300px;
	height: 187.5px;
}
}
@media (max-width: 1000px) {	
body {
		overflow-x:hidden;
	}
.sur-02 {
	width: 200px;
	height: 125px;
}
}
@media (max-width: 900px) {	
body {
		overflow-x:hidden;
	}
.sur-02 {
	width: 200px;
	height: 125px;
}
}
@media (max-width: 800px) {	
body {
		overflow-x:hidden;
	}
.sur-02 {
	width: 200px;
	height: 125px;
}
}
@media (max-width: 767px) {	
body {
		overflow-x:hidden;
	}
.mcol6new {
	white-space: normal;/*margin-left: 0px;*/
}
.sur-02 {
	width: 300px;/*160px;*/
	height:187.5px;/*125px;*//*100px;*//*height: 187.5px;*/
}
}
@media (max-width: 680px) {
body {
		overflow-x:hidden;
	}
.sur-02 {
	width: 120px;/*100px;*/
	height:75px;/*62.5px;*/margin-left:-50px;
}
.photo .text11 {
	font-size: 140%;margin-left:-27px;
}
.ufleba {
	margin-left: 15px;
}
.mcol5new {
     width:100%;border-width:0 0 0 0;text-align: center;left:6px;
	}
	.mcol6new {
	 width:0px; margin-left:100%;display: none;
	}
	.col2 {
	 padding: 0 0 0 0;width:94%;
	}
	.nleft-4 {
	 display:block; width:97%;text-align: center; margin: 0 0 0 0;margin-left:8px;
	}
}
@media (max-width: 500px) {
	/*body {
		overflow-x:hidden;
	}*/
	#mpic-2 {
		width: 25%;
	}
    .mcol5new {
     width:100%;border-width:0 0 0 0;text-align: center;left:6px;
	}
	.mcol6new {
	 width:0px; margin-left:100%;/*display: none;*/
	}
	.col2 {
	width:94%;
}
}
@media (max-width: 320px) {
	body {
		overflow-x:hidden;
	}
.mcol5new {
     width:300px;border-width:0 0 0 0;text-align: center;left:6px;
	}
	.mcol6new {
	 width:0px; margin-left:100%;display: none;
	}	
}
body {
		overflow-x:hidden;
	}
.mogzauroba {
    width: 180px;font-family:Arial,sans-serif, Helvetica;
    float: left;font-size: 28px;font-weight:bold;
    /*cursor: pointer;*/
    margin-left: 15px;display:inline-block/*none;*/
}
@media (max-width: 320px) {
	.mogzauroba {
		margin-left:15px;
}
	.col2 {
	border-width: 0 0 0 0; padding: 0 0 0 0;margin-left:0px;
	}
	.mcol5new {
		left:0px;
	}
}

@media (max-width: 320px) {
	.Maindiv {
		max-width:300px;
	}
	.mogzauroba {
		margin-left:10%;
	}
}
	
ul.menu-4 {
    display: none;
    position: absolute;
	width: 100px;height: 45px;line-height: 65px;font-size: 16px;
	/*top: 39px;*/padding: 0 0 5px 0;
	background-color: #fff;/*white;*/font-family:Arial,sans-serif, Helvetica;
	z-index: 9999;margin-left:104px;margin-top:0px;
}
ul.menu-4 > li {
	display: block;float:left;padding:0 0 0 0;
}
ul.menu-4 > li > a {
	float: left;display: block;width: 140px;height: 20px;line-height:45px;
	padding: 0 16px 14px 12px;
	color: #fff;/*white;*/margin-left:-25px;margin-top:0px;
	background-color: #849DA0;/*#648DA0;*/
	text-decoration: none;font-family:Arial,sans-serif, Helvetica;
}
ul.menu-4 > li > a:hover {
	/*background-color: #849DA0;*/color:blue;text-decoration: underline;
}	
ul.menu-3 > li:hover > ul.menu-4 {
    /*background-color: #849DA0;*/display: block;
}
.navdiv ul li {
display:none;
}	




.mmm-5 {
		display: none;cursor: none;
	}	







.Maindiv {
     width: 100%;
	 height: 6px;
     position: absolute;
	 top: 0 !important;
	 font-weight:normal;font-family:Arial,sans-serif, Helvetica;
	 background-color: #ffffff;
	 z-index: 9999999999 !important;
	 display: inline-block; /*min-width: 820px;*/
}

.navdiv ul{
     width: 100%;
     height: 55px;
	 background: #648DA0;
	 line-height:55px;
	 font-weight: 200;font-family:Arial,sans-serif, Helvetica;
	 color:#fff;/*white;*/
	 margin-right:15px;
}
.navdiv ul a{
	 text-decoration: none;font-family:Arial,sans-serif, Helvetica;
	 color: #fff;/*white;*/
	 padding: 40px;
	 
}
.navdiv ul li {
	list-style-type: none;
	font-weight: 100;font-family:Arial,sans-serif, Helvetica;
	display: inline-block;
	float: right;
}
.navdiv ul li:hover{
	background:#648DA0;
	transition: all 0.40s;font-family:Arial,sans-serif, Helvetica;
}
.mogzauroba {
    width: 180px;font-family:Arial,sans-serif, Helvetica;
    float: left;font-size: 28px;font-weight:bold;
    /*cursor: pointer;*/
    margin-left: 15px;display:inline-block;
}
 ul.menu-2 > li {
	font-size: 16px;font-family:Arial,sans-serif, Helvetica;
	position: relative;
}
 ul.menu-3 {
    display: none;
    position: absolute;
	width: 100px;height: 45px;line-height: 65px;font-size: 16px;
	top: 55px;padding: 0 0 5px 0;
	background-color: #fff;/*white;*/font-family:Arial,sans-serif, Helvetica;
	z-index: 9999;
}
ul.menu-3 > li {
	display: block;float:left;
}
ul.menu-3 > li > a {
	float: left;display: block;width: 144px;height: 25px;line-height:45px;
	padding: 0 0px 14px 12px;
	color: #fff;/*white;*/
	background-color: #648DA0;
	text-decoration: none;font-family:Arial,sans-serif, Helvetica;
}
ul.menu-3 > li > a:hover {
	background-color: #849DA0;text-decoration: underline;
}
ul.menu-2 > li:hover > ul.menu-3 {
    background-color: #849DA0;display: block;
}



.mmm-5 {
		display: none;cursor: none;
	}	
@media (max-width: 767px) {
	body {
		overflow-x:hidden;
	}
	* {
		margin: 0px;
	}
	
	ul.menu-2 li {
		position:relative; float: left; margin-left: 0px;
	}
	/*.navdiv ul li {
		display:none;max-width:100%;
	}*/
	.mmm-3 {
		display: none;cursor: none;
	}
	.mogzauroba {
		text-align: center;/*margin-left: 35px;*/float:right;/*display:none;*/position:absolute;margin-left:10%;
		font-size:28px;
		}
	
	ul.menu-3 {
	display: none;
    position: absolute;
	width: 100px;height: 45px;line-height: 65px;font-size: 16px;
	top: 52px;padding: 0 0 5px 0;
	background-color: #fff;/*white;*/font-family:Arial,sans-serif, Helvetica;
	z-index: 9999;float:left;cursor:pointer;
	}
	ul.menu-4 {
    display: none;
    position: absolute;
	width: 100px;height: 45px;line-height: 65px;font-size: 16px;
	/*top: 39px;*/padding: 0 0 5px 0;
	background-color: #fff;/*white;*/font-family:Arial,sans-serif, Helvetica;
	z-index: 9999;margin-left:128px;margin-top:0px;
}
ul.menu-3 > li > a {
	/*float: left;display: block;*/width: 92px;
}
ul.menu-3 > li:hover > a{
	background-color: #849DA0;text-decoration: underline;
}
}
body {
		overflow-x:hidden;
   	}
#pic-2 {
	width: 70px;
	height: 65px;
	float:left;margin-left:0;margin-top: 0;
}
.teaser {
    width: 100%;
    background-color: #fff;
    padding: 0 0;
    margin-top: 55px;
    border-bottom: 3px solid #648DA0;/*#04859d;*/
}

.teaser_wrap {
    /*max-width: 1140px;*/
    width: 90%;
    margin: 0 auto;
    height: 17%;
    word-wrap: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    padding: 0;
}
body {
    font: 14px/1.5 Arial,sans-serif, Helvetica;
    color: #000;overflow-x:hidden;
}
.teaser_1 {
    display: inline-block;
    width: 90%;
    font-size: 22px;font-family:Arial,sans-serif, Helvetica;
    text-align: center;
}
* {
    margin: 0;
    padding: 0;
}
.teaser_wrap {
    word-wrap: normal;
	}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font: 14px/1.5 Arial,sans-serif, Helvetica;
    color: #000;overflow-x:hidden;
}
.teaser_2 {
	display: inline-block;
	width: 20%;
	text-align: center;
	margin-left: 10px;
}
* {
	margin: 0;
	padding: 0;
}
.teaser_wrap {
	word-wrap: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font: 16px/1.5 Arial,sans-serif, Helvetica;
	color: #000;overflow-x:hidden;
}
.lang_button {
	display: inline-block;
	margin: 0 auto;
	width: 120px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	background: #04859d;
	color: #fff ! important;
	padding: 7px 0 8px 0;
	border: 1px solid #04859d;
}
.teaser_button {
	display: inline-block;
	margin: 0 auto;
	width: 120px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	background: #04859d;
	color: #fff ! important;
	padding: 7px 0 8px 0;
	border: 1px solid #04859d;
}
a {
	transition: 0.2s; 
}
a {
    text-decoration: none ! important;
}
a.teaser_button:hover {
    background: #fff;
    color: #04859d ! important;
}
.zoli {
	position: absolute;height:120px;
    width:1350px;
    border-top:2px solid #6678b1;
}
body {
		overflow-x:hidden;
	}
.layout { 
    width:100%;
    margin: auto; 
    position: absolute;
   }
   .col5new, .col6new { 
    position: absolute; 
    color: #FFF; 
   }
   .col5new { 
    background: #fff; width: 60%; /*min-width:140px;*/
	color: #000; /*#5d5d5d;*/font-family:Arial,sans-serif, Helvetica;
    left: 30px;
	line-height:25px;font-size:24px;font-weight:bold;
	text-align:left; vertical-align:top;
	border-style:solid;border-width:1px 1px 1px 1px;
	border-color:#fff;/*#faf5f5;*//*padding:15px 15px 15px 15px;*/
	float:left;/*min-height:80%;*/
}  
   .col6new { 
    background: #fff; position: relative;
	color:#000;float:left;margin-left:67%;/*900px;*/
   	/*text-align: center;*/	border-style: solid;border-width:2px 2px 2px 2px;vertical-align:top;/*right: 5px;*/
    border-color: #fff;/*#ff0000;*//*red;*//*padding:15px 10px 15px 15px;*//*max-width:100%;*/
   }
   .nleft {
    float: left;max-width: 100%;
    margin: 4px 10px 2px 0px;
	color: #000 ! important; background: #fff; font-size:18.2;letter-spacing: .25px; line-height: 1.4;font-weight: normal;
}
   .nleft-3 {
    float: left;width:90%; max-width: 100%;
    margin: 4px 10px 2px 0px;
	color: #000 ! important; background: #fff; font-size:18.2;letter-spacing: .25px; line-height: 1.4;font-weight: normal;
}
.sur-01 {
	max-width: 100%;
}
.sur-011 {
	max-width: 100%;
	
}
/*.sur-011:hover {
	-webkit-transform:scale(1.8);
	-ms-transform:scale(1.8);
	transform:scale(1.8);
	
}*/
.col7 {
    color: #000;/*#000555;*/position: relative;float:left;
	background: #fff;width: /*33%;*/250px;margin-left: 5px;
	height: 250px;/*min-height:20px;min-width:20px;*/
	text-align:center;border-style:solid;
	font-weight: normal;border-width: 2px 2px 2px 2px;
	font-size: 18px;border-color: red;/*#faf5f5;*/
   }
   .col8 {
	color: #666565;/*#000;*/position: relative;
	text-align: left;
	vertical-align: top;
	margin-left: 250px;
	letter-spacing: .25px;line-height: 1.4;font-weight: normal;font-size: 18.2px;padding: 0 15px 0 15px;
   }
   .col9 {
	color: #000555; position: absolute; background: #fff; width: 350px;height:250px;
	text-align:center; border-style:solid;
	font-size: 18px;
	font-weight: normal;border-width: 12px 12px 12px 12px;
	padding: 0 15px 0 15px;border-color: #000;
   }
   .col10 {
	color: #1494ff;
   }
.col50 {
	margin-left: 25px;
	font-size: 18px;
	font-weight: normal;
	color: 1494ff;
}
.statiaze {
	color: #1494ff;
	font-size: 18px;
	border: 2px;
}
.statia-2 {
	color: #000;
	font-size: 20px;
	text-align: center;
	list-style-type: none;
}
.statia-1 {
	color: 1494ff;
	font-size: 18px;
	text-align: center;list-style-type: none;
}
.Sinaarsi-1 {
	color: #1494ff;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	padding: 5px 25px 5px 25px;
}
.Sinaarsi-2 {
	color: #1494ff;
	font-size: 18px;
	text-align: left;
	padding: 5px 5px 5px 5px;/*list-style-type: none;*/
}
.col11 {
    color: #000;/*#5d5d5d;*/
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;padding: 20px;
}
.col11-1 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.col12 {
    color: #000;
	text-align:left;
	font-size: 18px;
	font-weight: normal;
	padding: 0 15px 0 15px;
}
.col13 {
    color: #1494ff;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	padding: 0 15px 0 15px;
}
.col15 {
    color: #1494ff;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	/*padding: 0 15px 0 15px;*/
}
.col14 {
    color: #666565;/*#000;*/width: 100%;
	text-align:justify;font-family:Arial,sans-serif, Helvetica;
	font-size: 18px;
	font-weight: normal;
	padding: 0 15px 0 5px;
}
.col44new {
    color: #666565;/*#000;*/width: 100%;
	text-align:justify;font-family:Arial,sans-serif, Helvetica;
	font-size: 18px;
	font-weight: bold;
	padding: 0 15px 0 5px;
}
.map-responsive {
    overflow:hidden;
    padding-bottom:76.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	padding: 0 15px 0 15px;
}
.map-responsive-2 {
    overflow:hidden;
    padding-bottom:76.25%;
    position:relative;
    height:0;
}
.map-responsive-2 iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	padding: 0 15px 0 15px;
}
.coltext-2 {
    color: #f70f2a;
    text-decoration: none;
}
.coltext-2-1 {
	color: red;
	font-size:normal;
	font-weight:bold;
}
.coltext-2-2 {
	color: #000;
	font-weight: bold;
}
.coltext-2-3 {
	color: #000;
	text-align:left;
	font-size: 20px;
	font-weight: bold;
	padding: 0 15px 0 15px;
}
.col24 {
	width: 850px;background: #f7e191;
    color: #666565;/*#000033;*/margin-left: 10px;
	line-height: 25px;
	font-size: 17px;
	text-align: justify;
	border-style:solid;
    border-width:5px 5px 5px 5px;
    border-color: #6678b1;/*#bdedab;*//*white;*/ /*#648DA0;*/
    }
.col25 {
	color: #000;
	text-align:left;margin-left: 35px;
	font-size: 22px;
	font-weight: bold;
	padding: 0 25px 0 15px;
}
.ufleba {
	margin: 0;font-size: 14px;color:#000;font-weight:bold;
}
.sur-01 {
	max-width: 100%;
}
.sur-011 {
	max-width: 100%;
}
@media (max-width: 600px) { /* для экранов, меньше 800px, см про адаптивную вёрстку */
   	body {
		overflow-x:hidden;
	}
	.Maindiv {
		min-width: 320px;
	}
	.layout {
	 position:relative;
	}
	.col5new {
     width:100%;border-width:0 0 0 0;text-align: center;left:6px;
	}
	.col6new {
	 width:0px; margin-left:100%;display: none;
	}
	.col14 {
	 padding: 0 0 0 0;width:96%;
	}
	.nleft {
	 width:98%;text-align: center; margin: 0 0 0 0;
	}
	.sur-01 {
		margin-left:-12px;text-align:center;width:98%;
	}
	.sur-011 {
		margin-left:2;text-align:center;
	}
	.teaser_button {
		position:relative;width:450%;
	}
	nav a, nav:before, nav div:before {
    width: 103%; /* пункты меню растягиваются на всю ширину блока */
  }
}
	

