@import url(../fonts/font.css);

/*pt1 - bold | pt2 - bold italik | pt13 - italik | pt4 - regular*/
/*open_sans_bold | open_sans*/
/*hel1 - black | hel2 - bold | hel3 - heavy | hel4 - light | hel5 - medium | hel6 - regular | hel7 - thin | hel8 - ultraLight*/

/*------------------------------*/
/*   Author: Sgurskiy Andrey    */
/*------------------------------*/
/*-------framework_pack1--------*/

/* ========= {Scroll bar} =========== */
::-webkit-scrollbar-button {background-image:url(''); background-repeat:no-repeat; width:8px; height:0px}
::-webkit-scrollbar-track { background:none; }
::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background-color:#a4a4a4;}
::-webkit-scrollbar-thumb:hover{ background-color:#53c2c8;}
::-webkit-resizer{background-image:url(''); background-repeat:no-repeat;  width:8px; height:0px}
::-webkit-scrollbar{width: 8px; background-color:#e1e5e4;}
/* ========= {Scroll bar} =========== */


/* ========== {фон сайта} =========== */
html, html { -webkit-font-smoothing: antialiased; background-color:#fff !important; font-family:'pt4',Verdana !important; height:100% !important; overflow-y:scroll !important;}
body{ background-color:#fff !important; }
.maintop{background: url('../images/bg5.jpg') repeat;}
/* ========== {фон сайта} =========== */


/* ============ {body} ============== */
body, select, input, textarea, button {outline: none; padding:0px; margin:0px;}
.clear{ clear:both;}
#offline{ background: linear-gradient(to left, #45d1e6, #24abbf) !important;} /*background-color:#24abbf !important;*/
/* ============ {body} ============== */


/* ========= {inpyt_form} =========== */
.searchpan input[type="text"]{
	background:#fff;
	border:none;
	border: 1px solid #eeeeee;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	height:40px;
	line-height:40px; padding-left:15px; padding-right:50px;
	color:#181818;
	transition: 0.3s;
	font-family:'open_sans',Verdana;
	float:left;
	min-width:300px;
}
.searchpan button{ height:40px; transition: 0.3s; width:40px; background:none; line-height:40px; color:#181818; text-align:center; font-size:16px; display:table; float: left; border:none; position:relative; z-index:2; margin-left:-40px;}
.searchpan button:hover{ color:#0092a9;}

.input-form input[type="text"] {
	background:#fbfbfb;
	border:none;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 14px;
	padding:15px;
	color:#3a4758;
	transition: 0.3s;
}

.input-form .filestyle{width:70%; float:left; display:table;}
.input-form .form-control{ width:70%; float:left; display:table;}
.input-form .btn-default{ transition: 0.3s; padding-left:20px; padding-right:20px; line-height:46px; float:right; margin-top:-50px; display:table; height:46px; background-color:#0092a9; 
color:#FFFFFF !important; font-family:'open_sans',Verdana; font-size:12px;}
.input-form .btn-default:hover{ color:#181818 !important; background-color:#eee;}

.input-form input[type="date"] {
	background:#fbfbfb;
	border:none;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 14px;
	padding:15px;
	color:#3a4758;
	transition: 0.3s;
}

.input-form select {
	background:#fbfbfb;
	border:none;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 14px;
	padding:15px;
	color:#3a4758;
	transition: 0.3s;
}

.input-form textarea {
	background:#fbfbfb;
	border:none;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	margin-bottom: 2%;
	outline: none;
	font-size: 14px;
	padding:10px;
	color:#181818;
	transition: 0.3s;
	min-height:90px;
	font-family:'pt4',Verdana !important;
	resize: vertical;
}

.input-form input[type="email"] {
 	background:#fbfbfb;
	border:none;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 14px;
	padding:15px;
	color:#3a4758;
	transition: 0.3s;
}

.input-form input[type="text"]:hover{ border-bottom: 1px solid #1d8695;}
.input-form input[type="email"]:hover{border-bottom: 1px solid #1d8695; }
.input-form textarea:hover{ border-bottom: 1px solid #1d8695; }
/* ========= {inpyt_form} =========== */


/* ========= {modal pack} =========== */
.dm-overlay {position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.90); display: none; overflow: auto; width: 100%; height: 100%; z-index:9000 !important;}
.dm-overlay:target {display: block; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s;}
.dm-table { display: table; width: 100%; height: 100%;}
.dm-cell { display: table-cell; padding: 0 1em; vertical-align: middle; text-align: center;}
.dm-modal { display: inline-block;   background: #fff; -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: left; position:relative; z-index:9 !important;}
.closers{ width:30px; height:30px; line-height:30px; font-family:'hel6',Verdana; font-size:16px; display:block; float: right; clear:both;}
@-moz-keyframes fade {
	from {opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fade {
    from {opacity: 0; }
    to {opacity: 1;}
}



/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
}
.overlay:target {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}

/* стили модального окна */
.popup {
top: 30%;
background-size:cover !important;
-webkit-background-size: cover  !important;
-o-background-size: cover  !important;
-ms-background-size: cover  !important;
-moz-background-size: cover  !important;
background: url("../images/tgs2.jpg") repeat-y;


/* анимируем трансформацию */
-webkit-transition: transform 0.6s ease-out;
-moz-transition: transform 0.6s ease-out;
-ms-transition: transform 0.6s ease-out;
-o-transition: transform 0.6s ease-out;
transition: transform 0.6s ease-out;

z-index: 10000;
width:30%;
margin-left:35%;
margin-right:35%;
display:table;

/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
background-color:#FFFFFF;
}
/* активируем мод. окно */
.overlay:target+.popup {
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* анимируем трансформацию */
-webkit-transition: transform 0.6s ease-out;
-moz-transition: transform 0.6s ease-out;
-ms-transition: transform 0.6s ease-out;
-o-transition: transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}

.rekltext{	padding: 15px; font-size:20px; text-transform:uppercase; margin-top:200px; color:#60973a; font-family:'open_sans_bold',Verdana; text-align:center;}
.closeer{font-family:'open_sans',Verdana; background-color:#98ccf3; display:table; height:35px; width:35px; float:right;  text-align:center; color:#FFFFFF; line-height:35px; font-size:16px;}
/* ========= {modal pack} =========== */




/* ======= {Хлебные крошки} ========= */
/*-----------Кнопки---------*/
.xxb1{ display:table; background-color:#00a200; text-align:center; border:none; border-radius:40px; color:#FFFFFF; font-family:'hel5',Verdana; font-size:10px;  transition: 0.3s; margin-left:auto; margin-right:auto;
box-shadow: 0 0px 0px 0px rgba(0,0,0,.0);}
.xxb1:hover{ box-shadow: 0 6px 40px -8px rgba(0,0,0,.4); background-color:#ffffff; color:#00a200;}

.xxb2{display:block; border-radius: 50%; background-color:#00a200; transition: 0.3s; font-family:'hel5',Verdana; color:#FFFFFF; height:40px; width:40px;}
.xxb2:hover{box-shadow: 0 6px 40px -8px rgba(0,0,0,.4); opacity:0.7;}


/*-----------Кнопки---------*/

/*-----------Константы------*/
.vertical_table{ display:table; height:100%;}
.vertical_center{display: table-cell; vertical-align: middle; height:100%;}

.flex-container { -webkit-display: flex;   display: flex; flex-wrap: wrap; margin: 0 auto; max-width:100%;}
.flex-container #dle-content{display: flex; flex-wrap: wrap; margin: 0 auto; max-width:100%;}

a{ color:#181818; font-family:'pt4',Verdana; text-decoration:none;}
a:hover{ color:#2488b3;}

.mobile{ display:none;}
.device{}

#wrapper{ position:relative; min-height:100%;}
#content{ min-height: calc(80vh - 80px);}

.allcont{  padding-left:0; padding-right:0; margin-right:0; margin-right:0; }
.leftbar{ padding-left:0; padding-right:0; margin-right:0; margin-right:0;}
.rightbar{ padding-left:0; padding-right:0; }
.contbar{ padding:2%; font-family: 'arial', sans-serif; font-size: 18px;}


/*-----------Константы------*/

/*-----------Заголовок------*/
.h1design{ display:block; font-family:'pt1',Verdana; font-size:40px; color:#323232; margin-top:1%; margin-bottom:1%;}
/*-----------Заголовок------*/

/*------------Тгруппа------*/
.tgreklam{ right:0; bottom:0; width:15%; position:fixed; z-index:2;}
.blk1tg{ display:none; opacity:0; background-color:#fff; width:220px; padding:30px; box-shadow: 0 3px 10px -2px rgba(0,0,0,.5);}
.blk1tg img{ height:70px; width:auto; display: table; cursor:pointer; margin-left:auto; margin-right:auto;}
.blk1tg img:hover{animation:tada 0.9s;}
.blk1tg span{font-family:'open_sans_bold',Verdana; font-size:18px; text-align:center; display:block; padding-top:10px;}
.blk1tg p{font-family:'open_sans_bold',Verdana; font-size:14px; text-align:center; display:block; padding-top:2px; margin:0;}
.blk1tg a{ transition: 0.3s; background-color:#0dace3; color:#FFFFFF; height:35px; line-height:35px; margin-top:10px; padding-left:20px; padding-right:20px; display:table; border-radius:30px; margin-left:auto; margin-right:auto; font-family:'open_sans_bold',Verdana; font-size:10px;}
.blk1tg a:hover{box-shadow: 0 3px 10px -2px rgba(0,0,0,.5); background-color:#FFFFFF; color:#0dace3;}

.blk1tg0{/*animation:hinge 1.9s;*/ animation:zoomInUp 0.9s; transition: 0.3s; margin-bottom:6%; cursor:pointer; display:table; margin-left:auto; margin-right:auto; height:50px; padding-left:2px; padding-right:13px; border-radius:40px; background-color:#FFFFFF; padding-top:5px;}
.blk1tg0 img{height:40px; width:auto; display: table;  float:left; margin-right:10px;}
.blk1tg0 p{font-family:'open_sans_bold',Verdana; font-size:14px; display: table; float:left; padding-top:2px; margin:0; padding-top:9px;}
.blk1tg0:hover img{animation:tada 0.9s;}
.blk1tg0:hover{box-shadow: 0 3px 10px -2px rgba(0,0,0,.5);}
/*------------Тгруппа------*/

/* ======= {Хлебные крошки} ========= */


/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/

/*------------------------ { header } ----------------------------------*/
#header{}
/*------------------------ { header } ----------------------------------*/

/*------------------------ { top_menu } ---------------------------------*/
#tophed{ border-bottom:1px solid #eeeeee; padding-left:40px; padding-right:40px; display: block; width:100%;}
.logotype{ float:left; width:30%; height:90px; display:table; height:100px;}
.logotype img{ height: 90px; width:auto; display:table;}


.block2b{  width:70%;  float:right; display:table; height:100px;}
#lang{list-style:none; display:table; margin-top:0; padding-top:0; padding-left:0px; padding-bottom:0; margin-bottom:0;  float:right;}
#lang li{float:left;  z-index:7009 !important; position:relative; display:block; }
#lang li a{ display:table; color:#181818; transition: 0.3s; font-family:'open_sans',Verdana; line-height:40px; padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; font-size: 13px; height:40px; border:1px solid #eeeeee;  padding-left: 15px; padding-right: 11px; text-decoration:none;}
#lang li a span{ padding-left:10px;}
#lang li a:hover{border:1px solid #0092a9; background-color:#0092a9; color:#FFFFFF;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#lang ul li{ width: auto;  float:none; margin-left:-40px;}
#lang ul a{ height: 43px; line-height: 43px; border:none;  color: #181818; font-size: 13px; white-space:nowrap; display:block;}
#lang li:hover ul{ left:0; opacity:1; }
#lang ul:hover{}
#lang ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#lang ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee; border:0px solid #0092a9; }
.search{ float:right; margin-right:10px;}
.linkbuts{ float:right; margin-right:10px; display:table; border:1px solid #0092a9; transition: 0.3s; padding-left:20px; padding-right:20px; height:38px; font-family:'hel5',Verdana; color:#FFFFFF; font-size:13px; line-height:38px; background-color:#0092a9;}
.linkbuts:hover{ border:1px solid #eeeeee; color:#181818; background:none;}

.linkbuts2{ float:right; margin-right:10px; display:table; border:1px solid #60973a; transition: 0.3s; padding-left:20px; padding-right:20px; height:38px; font-family:'hel5',Verdana; color:#FFFFFF; font-size:13px; line-height:38px; background: linear-gradient(0deg, rgb(0 169 44) 0%, rgb(2 80 30) 100%);/*background-color:#60973a;*/}
.linkbuts2:hover{ border:1px solid #eeeeee; color:#181818; background:none;}

.linkbuts3{ float:right; margin-right:10px; display:table; border:1px solid #D83830; transition: 0.3s; padding-left:20px; padding-right:20px; height:38px; font-family:'hel5',Verdana; color:#FFFFFF; font-size:13px; line-height:38px; background-color:#D83830;}
.linkbuts3:hover{ border:1px solid #eeeeee; color:#181818; background:none;}

#topmenu{ }
.topfix{ position:static; height:40px; background-color:#fbfbfb; padding-left:40px; border-bottom:1px solid #eeeeee; width:100%;}
#nav{float:left;  list-style:none;  padding:0; margin:0;}
#nav li{float:left;  position:relative;  z-index:7000 !important; display:block;}
#nav li a{  display:table; color:#181818;  font-size: 13px; font-family:'hel5',Verdana; text-transform:uppercase; height:40px; line-height:40px; padding-left: 17px; padding-right: 17px; text-decoration:none; transition: 0.1s;}
#nav li a span{ display: table-cell; vertical-align: middle;}
#nav li a:hover{color:#181818; background-color:#eee;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity;  background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#nav ul li{background-color: #fff; width: auto;  float:none; margin-left:-40px;}
#nav ul a{ height: 43px; line-height: 43px; min-width:140px; text-transform:none; color: #181818; font-size: 15px; font-family:'pt4',Verdana; white-space:nowrap; display:block;}
#nav li:hover ul{ left:0; opacity:1; }
#nav ul:hover{}
#nav ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#nav ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee; }

.special{ background-color:#afeee1;}
.yeslang{ display: none; float:right; height:40px; background-color:#0092a9; padding-right:40px;}
.nolang{display:table; min-width:1px; padding-right:40px;}
#lang2{list-style:none; display:table; margin-top:0; padding-top:0; padding-left:0px; padding-bottom:0; margin-bottom:0;  float:right;}
#lang2 li{float:left;  position:relative; z-index:7000; display:block; }
#lang2 li a{ display:table; color:#fff; transition: 0.3s; font-family:'open_sans',Verdana; line-height:40px; padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; font-size: 13px; height:40px;  padding-left: 25px; padding-right: 11px; text-decoration:none;}
#lang2 li a span{ padding-left:10px;}
#lang2 li a:hover{ background-color:#eee; color:#181818;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang2 ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#lang2 ul li{ width: auto;  float:none; margin-left:-40px;}
#lang2 ul a{ height: 43px; line-height: 43px; border:none;  color: #181818; font-size: 13px; white-space:nowrap; display:block;}
#lang2 li:hover ul{ left:0; opacity:1; }
#lang2 ul:hover{}
#lang2 ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#lang2 ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee; border:0px solid #0092a9; }

.fixed .topfix{ position:fixed; margin-top:-101px; z-index:7000;}
.fixed .yeslang{ display:table;}
.fixed .nolang{ display:none;}

.mobilemenus{ display:none; float:left; color:#181818;  font-size: 16px; font-family:'hel5',Verdana; text-transform:uppercase; height:40px; line-height:40px; padding-left: 0px; padding-right: 0px; text-decoration:none; transition: 0.1s;}
#mobilemenus{ background-color:#FFFFFF; height:100%; width:100%; display:none; padding:5px; position:fixed; z-index:99999;}
.topmobl{}
.topmobl span{ margin-left:5px; transition: 0.3s; border:1px solid #FFFFFF; display:block; float:right; height:50px; width:50px; line-height:50px; text-align:center; font-size:17px; color:#181818; cursor:pointer;}
.topmobl span:hover{ border:1px solid #CCCCCC;}
.topmobl a{ margin-left:5px; transition: 0.3s; border:1px solid #FFFFFF; display:block; float:right; height:50px; width:50px; line-height:50px; text-align:center; font-size:17px; color:#0092a9; cursor:pointer;}
.topmobl a:hover{ border:1px solid #0092a9;}
.topmobl img{ display:block; float:left; height:50px;}
#mobilemenus .search{ float:none; display:table; margin-left:auto; margin-right:auto; padding-top:4%;}
.mobmenud{ height:80%; width:100%;  overflow-y:scroll; margin-top:1%;}

#mobilemenus .accordion-menu { width: 100%; list-style: none; background: #f6f5f5; padding-top:0; padding-bottom:0; margin:0; margin-bottom:0; padding-left:0;}
#mobilemenus .dropdownlink { text-transform:uppercase; cursor: pointer; display: table; width:100%;  padding-left:15px; font-family:'hel5',Verdana; font-size: 13px; border-bottom: 1px solid #fff; color: #212121; position: relative; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
#mobilemenus .ihj1{ display:table; float:none; height:60px; width:100%; }
#mobilemenus .ihj2{ display:none; }
#mobilemenus .submenuItems li { border-bottom: 1px solid #eeeeee; padding-left:0px;}
#mobilemenus .submenuItems a {display: block; color: #181818;  font-family:'open_sans',Verdana; font-size: 12px; padding: 12px 12px 12px 45px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
/*------------------------ { top_menu } ---------------------------------*/



/*------------------------- { footer } ----------------------------------*/
#footer{ background-color:#262626; padding-top:1%; width:100%;}
.fotb1{ float:left; width:25%;}
.fotb1 .seti2{ text-align:left; display:table; }
.fotb1 .seti2 a{ display:table; float:left; font-size:18px; color:#606060; padding-right:6px;}
.fotb1 h1{ color:#1fc7e2; font-family:'open_sans',Verdana; font-size:18px; text-transform:uppercase;}
.fotb1 a{ color:#FFFFFF; display:table; font-family:'open_sans',Verdana; font-size:14px; padding-bottom:4px; padding-top:4px;}
.fotb1 span{ color:#FFFFFF; display:table; font-family:'open_sans',Verdana; font-size:14px; padding-bottom:4px; padding-top:4px;}
.fotb1 a:hover{ color:#999999;}
.map iframe{ width:100%; height:170px;}
.copyright{height: auto; padding-top:20px; padding-bottom:20px; padding-left:5px; padding-right:5px; margin-top:2%; text-align:center; font-size:14px; font-family:'open_sans',Verdana; background-color:#313131; color:#FFFFFF;}
/*------------------------- { footer } ----------------------------------*/


/*------------------------ { left menu} --------------------------------*/
.accordion-menu { width: 100%; list-style: none; background: #f1f1f1; padding-top:0; padding-bottom:0; margin:0; margin-bottom:0; padding-left:0;}
.accordion-menu li.open .dropdownlink { color: #0092a9;}
.accordion-menu li.open .dropdownlink .fa-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion-menu li:last-child .dropdownlink { border-bottom: 0; }
.dropdownlink { cursor: pointer; display: table; width:100%;  padding-left:73px; font-family:'open_sans',Verdana; font-size: 14px; border-bottom: 1px solid #ccc; color: #212121; position: relative; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.dropdownlink:hover{ background-color:#fafafa; color:#181818;}
.ihj1{ display:table; float:left; height:50px; width:84%; }
.ihj2{ display:table; height:50px; width:16%; float: right; background-color:#fbfbfb; text-align:center; line-height:50px; font-size:14px; color:#181818;}
.dropdownlink i { position: absolute; top: 17px; left: 16px; }
.dropdownlink .fa-chevron-down { right: 12px; left: auto; }
.submenuItems { display: none; background: #fbfbfb; list-style: none; margin-left:0; padding-left:0;}
.submenuItems li { border-bottom: 1px solid #eeeeee; padding-left:27px;}
.submenuItems a {display: block; color: #181818;  font-family:'open_sans',Verdana; font-size: 12px; padding: 12px 12px 12px 45px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.submenuItems a:hover { color: #0092a9;}

.lfposit1{ margin-top:2%; padding-left:30px; padding-right:10px; padding-top:18px;  padding-bottom:18px; border-bottom:1px solid #eee; width:100%; display:block;}
.lfposit1 span{ float:left; display:block; width:20%;}
.lfposit1 p{ transition: 0.3s; float:left; display:block; width:80%; color:#666666; font-family:'hel5',Verdana; text-align:right; padding-right:5px; padding-top:0; margin-top:0; margin-bottom:0; padding-bottom:0;}
.lfposit1 span img{ display:table; margin-left:auto; margin-right:auto; width:70%;}
.lfposit1:hover p{ color:#181818;}

.seti{ margin-top:4%; display:table; margin-left:auto; margin-right:auto;}
.seti a{ display:block; float:left; font-size:22px; margin-left:5px; margin-right:5px;}
.iconlh1{ color:#52cef4;}
.iconlh2{ color:#4267b2;}
.iconlh3{ color:#2fa7db;}

.newsselleft{ background-color:#fafafa; width:100%; height:500px; padding:50px; overflow-y: scroll; margin-bottom:6%;}
.newsifbb{ display:block; margin-bottom:20px; transition: 0.4s; background-color:#FFFFFF; padding:20px;  border:1px solid #eee;}
.newsifbb img{ width:100%; height:auto;}
.newsifbb h2{ font-size:16px; text-align:center; font-family:'open_sans',Verdana; color:#181818;}
.newsifbb:hover{box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
.newsifbb span{ color:#181818; text-transform:uppercase; font-family:'open_sans',Verdana; font-size:9px; }
.newsifbb .sdsaa{letter-spacing:2px; font-family:'open_sans',Verdana;}
/*------------------------ { left menu} --------------------------------*/

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////////////Главная/////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////Главная/////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
.zaglh{font-family:'pt4',Verdana; font-size: 28px; text-align:center; text-transform:uppercase;}

.blog .carousel-indicators { left: 0; top: auto; bottom: -40px;}
.blog .carousel-indicators li {background: #a3a3a3; border-radius: 50%; width: 8px; height: 8px; }
.blog .carousel-indicators .active { background: #707070; }
#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; }
#myImg:hover { opacity: 0.7; }
.modal { display: none; position: fixed; z-index: 10000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); }
.modal-content { margin: auto; display: block; width: 100%; max-width: 1000px; }
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
.modal-content, #caption { animation-name: zoom; animation-duration: 0.6s; }
@keyframes zoom {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; z-index: 7000; }
.close:hover,
.close:focus { color: #bbb; text-decoration: none; cursor: pointer; }
.sidenav .active { text-decoration: underline; }

.section1{ }
.section1 a{ width:100%; display:block; min-height:190px;}
.section1 a img{ width:100%; height:190px;
display:block;
  opacity:1;
  transition: 0.3s;
  background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
}

.section1 a img:hover{
  opacity:0.5;
}


.sld{ height:190px !important;}


#slidera1{min-height:190px !important; display:block;}


.sect1bbn{ display:table; width:100%; margin-top:2%; margin-bottom:2%;}
.srt1n{ width:50%; float:left;  display:table; padding:10px;  min-height:360px; }
.srt2n{ width:50%; float:left; display:table; padding:10px; min-height:360px;}

.sect1bbn h2{ padding:10px; display:table !important;   text-transform:uppercase; font-family:'pt4',Verdana; font-size:18px; border:5px solid #0092a9;  text-align:left; }
.sect1bbn p{ padding:10px; font-size:16px; text-align: justify !important;}
/*----------------------------------------teamsite-------------------------------------------------*/
.teamblock{ width:100%;}
.teamblock .tmb{ flex:1 1 calc(25% - 30px) !important; display:block; position:relative;  margin-bottom:4%;}
.teamblock .tmb img{}
.teamblock .tmb .imgstb{ display:block; margin-left:auto; margin-right:auto; width:170px; /*height:370px;*/ }
.teamblock .tmb .imgstb img{width:170px; height:170px; border-radius:50%;  display:block; }
.teamblock .tmb h3{ text-align:center; font-family:'pt4',Verdana; font-size: 20px; padding-top:0; margin-top:2px; margin-bottom:0;}
.teamblock .tmb h4{ text-align:center; font-family:'open_sans',Verdana; font-size: 14px; padding-top:0; margin-top:7px;}

.teamblock .contacts{}
.teamblock .contacts a{ display:table; margin-left:auto; margin-right:auto; font-family:'open_sans',Verdana; font-size: 14px; margin-bottom:5px;}
.teamblock .contacts span{ display:table; margin-left:auto; margin-right:auto; font-family:'open_sans',Verdana; font-size: 14px;}

.teamblock .socials{ display:table; margin-left:auto; margin-right:auto; margin-top:1%;}
.teamblock .socials a{ display:table; float:left; margin-left:1px; padding-right:1px; font-size:26px;}
.teamblock .socials .soc1{ color:#4267b2;}
.teamblock .socials .soc2{ color:#52cef4;}
.teamblock .socials .soc3{ color:#2fa7db;}
.teamblock .socials .soc4{ color:#f83559;}

.teamblock .socials a:hover{ color:#0092a9;}
.teamblock .buttlich{ background-color:#0092a9; border-radius:50%; width:30px; height:30px; display:table; margin-left:auto; margin-right:auto; position:relative; z-index:9; margin-top:-15px; text-align:center; line-height:30px; font-size:14px; color:#FFFFFF;}

.modalpersone{ background-color:#FFFFFF;  max-width:700px; display: block; margin-left:auto; margin-right:auto;}
.tbanmod{ width:100%; display:table;}
/*.modalpersone .modleft{ background-color:#fbfbfb; display:table-cell; padding:10px;  border-right:1px solid #eeeeee; width:30%;}*/
.modalpersone .modleft{ background-color:#122a46; color: #fff; border-color: #ffffff; border-style: solid; border-width: 6px; display:table-cell; padding:10px;  border-right:1px solid #eeeeee; width:30%;}
.modalpersone .modcont{ font-family:'open_sans',Verdana; font-size:14px; line-height:24px; width:70%; display:table-cell; padding:10px; vertical-align: top; text-align:left;}
.modalpersone .modleft img{ display:table; margin-left:auto; margin-right:auto; width:120px; height:120px; border-radius:50%; margin-top:30px;}
.modalpersone .modleft h3{font-family:'pt4',Verdana; font-size: 16px; text-align:center;}
.modalpersone .modleft h4{ font-family:'open_sans',Verdana; font-size: 12px;}
.modalpersone .modcont .closers{ width:30px; height:30px; border:1px solid #eee; transition: 0.3s; text-align:center; line-height:30px; font-size:12px; margin:5px; float:right; display:table;}
.modalpersone .modcont .closers:hover{ background-color:#2a3a55; border:1px solid #2a3a55; color:#FFFFFF;}
/*----------------------------------------teamsite-------------------------------------------------*/

/*---------------------------------------newsblocks------------------------------------------------*/
.newsblocks{}
.newsconts{transition: 0.3s; flex:1 1 calc(33.33333333333333% - 30px) !important; border-bottom:3px solid #eee; display:block; position:relative;  margin-bottom:2%; max-width:33.33333333333333%; padding:10px;}
.newsobl{ background-color:#fbfbfb; width:100%; display:block;}
.newsobl .imgnews{ width:100%; height:200px;
  background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;

}
.clp1{ padding:10px;}
.clp1 h1{ font-size:16px;}
.clp1 p{font-size:13px;}
.polsdbuts{ transition: 0.3s; display:table; float:right; width:45px; height:35px; background-color:#FFFFFF; text-align:center; line-height:35px; position:relative; z-index:9; margin-top:-16px; box-shadow: 0 2px 10px -1px rgba(0,0,0,.23);}
.newsconts:hover{box-shadow: 0 2px 10px -1px rgba(0,0,0,.23);}
.newsconts:hover .polsdbuts{ width:100%; box-shadow: 0 0px 0px 0px rgba(0,0,0,.0); color:#181818;}

.newsconts2{transition: 0.3s; flex:1 1 calc(33.33333333333333% - 30px) !important; border-bottom:3px solid #eee; display:block; position:relative;  margin-bottom:2%; max-width:33.33333333333333%; padding:5px;}
.infbollk{
transition: 0.3s;
display:block;
 background-color:#000000;
width:100%;
position:relative; 
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
height:230px;
padding-bottom:0; 
}
.infbollk:hover{ opacity:0.9;}
.infbollk:hover h1{ height:100%; background: url("../images/bg2.png") repeat;}

.infbollk h1{display:table; background: url("../images/bg3.png") repeat; height:60px; font-family:'open_sans',Verdana; margin-bottom:0; position: absolute; padding-bottom:0; font-size:14px; text-transform:none; color:#FFFFFF; bottom:0; width:100%; text-align: center; transition: 0.3s;}
/*---------------------------------------newsblocks------------------------------------------------*/

/*-----------------------------------------newsall-------------------------------------------------*/
.newsall{}
.slideimg{ display:table; width:100%;}
.topsmmg{ font-family:'pt4',Verdana; font-size: 14px; display:block; width:100%; background-color:#fbfbfb; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border-top:1px solid #eee;}

.informates{ padding-top:5px; padding-bottom:5px; display:table; margin-left:auto; margin-right:auto; margin-top:-60px; background: url('../images/bg.png') repeat; position:relative; z-index:9; border-radius:30px; padding-left:10px; padding-right:10px;}
.informates span{ display:block;  width:20px; height:20px; line-height:20px; text-align:center; color:#FFFFFF; margin-left:5px; margin-right:5px; font-size:14px;}

.containerimg{height: auto; width:50%; float:left; margin-bottom:35px; margin-right:20px; margin-top:20px;}
#slidera2{background-color:#FFFFFF; width:100%; }
#slidera2 .slideimg{}

/*-----------------------------------------newsall-------------------------------------------------*/


/*----------------------------------------infoghrty------------------------------------------------*/
.infoghrty{ }
.infoij{}
.klooinf{ width:100%; height:auto; display: table;}
/*----------------------------------------infoghrty------------------------------------------------*/

/*------------------------------------------azolik-------------------------------------------------*/
.azolik{}
.azolik .az1{flex:1 1 calc(50% - 30px) !important; display:block; position:relative;  margin-bottom:2%; max-width:50%; padding:10px;}
.azolik .az1 img{ display:table; margin-left:auto; margin-right:auto; width:80px; height:80px;}
.azolik .az1 h1{ font-family:'open_sans',Verdana; font-size: 20px; text-align:center;}
.azolik .az1 p{font-family:'open_sans',Verdana; font-size: 14px; display:block; border-bottom:2px solid #eee; min-height:100px; text-align:center; padding-top:10px;}
.azolik .az1 .formbutaf{ margin-top:20px; transition: 0.3s;  display:table; margin-left:auto; margin-right:auto; background-color:#0092a9; color:#FFFFFF; bottom:0; position:relative; padding-left:13px; border-radius:30px; padding-right:13px; padding-top:8px; padding-bottom:8px; }
.azolik .az1 .formbutaf:hover{ background-color:#eee; color:#181818; }
.azolik .az1 .rules{}
.azolik .az1 .rules a{ padding-top:12px; padding-bottom:12px; border-bottom:1px solid #eee; text-align:center; font-family:'pt1',Verdana; font-size: 14px; display:block;}

.formadd{ opacity:1; transition: 0.3s; padding:20px; background-color:#FFFFFF; width:800px; display:table; margin-left:auto; margin-right:auto;}
.formadd .closers{ width:30px; height:30px; border:1px solid #eee; transition: 0.3s; text-align:center; line-height:30px; font-size:12px;  float:right; display: block;}
.formadd .closers:hover{ background-color:#2a3a55; border:1px solid #2a3a55; color:#FFFFFF;}
.formadd .hedal{ text-align:left; font-family:'pt1',Verdana; font-size: 16px; float:left; display: block; width:80%; text-transform:uppercase;}
.formadd .heda2{ float:left; display: block; width:20%; }
.formadd .fzag{ margin-bottom:30px;}

.formadd .posforp{ display:block; margin-top:10px; margin-bottom:10px;}
.formadd .posforp label{ text-align:left !important; display:block; padding-bottom:4px; font-family:'pt4',Verdana; font-size: 14px; color:#999999;}
.formadd .addsubaz{margin-top:20px; transition: 0.3s; font-size:16px;  display:table; margin-left:auto; margin-right:auto; background-color:#0092a9; color:#FFFFFF; bottom:0; position:relative; padding-left:18px; border-radius:30px; padding-right:18px; padding-top:12px; padding-bottom:12px; border:none;}
.formadd .addsubaz:hover{background-color:#eee; color:#181818; }
.formadd .addsubaz[disabled]{
background-color:#eee; color:#181818; opacity:0.5;
}

.formadd .posforp2{}
.formadd .posforp2 label{font-family:'open_sans',Verdana; font-size: 14px; padding-right:10px;}
/*------------------------------------------azolik-------------------------------------------------*/

/*------------------------------------------project------------------------------------------------*/
.project{}
.flexproject1{transition: 0.3s;  transition: 0.3s; flex:1 1 calc(23% - 30px) !important; align-content:center !important;  border:1px solid #eee; display:block; position:relative;  margin-bottom:2%; max-width:23%; margin-left:1%; margin-right:1px;}
.inghc{ padding:30px;}
.flexproject1 img{display:block; height:auto; max-height:200px; max-width:100%; margin-left:auto; margin-right:auto;}
.flexproject1 .fltabn{ transition: 0.3s; display:table; width:100%; height:200px;}
.flexproject1 .sliveblock{opacity:0; transition: 0.3s; background: url('../images/bg2.png') repeat; width:100%; display:table; height:260px; margin-top:-260px; position:relative; z-index:9; padding:30px; text-align:center; font-family:'pt1',Verdana; color:#FFFFFF; text-transform:uppercase; font-size:20px;}
.flexproject1:hover{ border:1px solid #fff;}
.flexproject1:hover .fltabn{ opacity:0.3;}
.flexproject1:hover .fltabn img{
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */

}
.flexproject1:hover .sliveblock{ opacity:1;}
/*------------------------------------------project------------------------------------------------*/

/*------------------------------------------prolk--------------------------------------------------*/
.prolk{}
.prolk .problok{transition: 0.3s;  padding:10px;  transition: 0.3s; flex:1 1 calc(23% - 30px) !important; align-content:center !important;  border:1px solid #eee; display:block; position:relative;  margin-bottom:2%; max-width:23%; margin-left:1%; margin-right:1px;}
.prolk .imagproj{ }
.prolk .inop{}
.prolk .imagproj .impold1{ height:250px; width:100%;
  background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;}
.impold2{ background-color:#264c98; height:250px; width:100%; position: relative; z-index:9; margin-top:-250px; opacity:0.5;}
.htitlr{ color:#181818; font-family:'hel6',Verdana; font-size: 18px; padding-top:10px; padding-bottom:10px; min-height:98px;}
.projectchei{font-family:'hel6',Verdana; font-size: 14px; transition: 0.3s; color:#181818; box-shadow: inset 0 0 0 0px #264c98; text-align:center; height:42px; line-height:42px; border-top:1px solid #eee; border-bottom:2px solid #264c98; margin-bottom:10px; margin-top:20px; text-transform:uppercase; position:relative; bottom:0; }

.prolk .problok:hover .projectchei{ box-shadow: inset 0 0 0 21px #264c98; color:#FFFFFF; border-top:1px solid #264c98;}
.prolk .problok:hover{border:1px solid #264c98;}
/*------------------------------------------prolk--------------------------------------------------*/


/*------------------------------------------obsuj--------------------------------------------------*/
.obsuj{}
.obsblock{transition: 0.3s; flex:1 1 calc(23% - 30px) !important;  padding-bottom:20px;  align-content:center !important; background-color:#fafafa; display:block; position:relative;  margin-bottom:4%; max-width:23%; margin-left:1%; margin-right:1px;}
.blinf{ width:60px; height:60px;  position:relative; margin-bottom:-80px; margin-left:20px; border:2px solid #fafafa; z-index:2;}
.dart{ display:table; margin-left:auto; margin-right:auto; width:100%; color:#181818; background-color:#FFFFFF; height:240px; text-align:center; border:20px solid #fafafa; font-family:'hel5',Verdana; font-size: 18px;}
.dart span{font-family:'hel2',Verdana; font-size: 84px; display:block; color:#2a3a55;}
.obsblock .text1{ padding-left:20px; padding-right:20px; padding-bottom:10px; font-family:'hel2',Verdana; font-size: 16px; color:#181818;}
.obsblock .text2{padding-left:20px; padding-right:20px; font-family:'open_sans',Verdana; font-size: 12px; color:#181818;}

.obsblock:hover{box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);}
.modalconm{ height:600px; border-top:1px solid #eee; overflow-y:scroll; padding-top:10px; padding-bottom:10px; font-family:'open_sans',Verdana; text-align:left; font-size:16px !important; padding-left:10px; padding-right:10px;}
.modalconm p{font-size:16px !important; }
/*------------------------------------------obsuj--------------------------------------------------*/

/*-----------------------------------------mapkoord------------------------------------------------*/
.mapkoord{}
.kontpool{transition: 1s; padding:15px; transition: 0.3s; flex:1 1 calc(21% - 30px) !important;  padding-bottom:20px;  align-content:center !important; display:block; position:relative;  margin-bottom:4%; max-width:21%; margin-left:2%; margin-right:2%;}
.markaz{ background-color:#0092a9; color:#FFFFFF;}
.markaz .zaglovkl{color:#FFFFFF !important; border-bottom:2px solid #FFFFFF !important;}
.markaz .tery1{color:#FFFFFF !important;}
.kontpool .zaglovkl{ width:100%; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #0092a9; font-family:'hel2',Verdana; color:#2a3a55; font-size:18px; text-align:center; text-transform:uppercase;}
.kontpool .tery1{ padding-top:8px; padding-bottom:8px; font-family:'hel5',Verdana; color:#181818; font-size:15px;}
.kontpool:hover{box-shadow: inset 0 0 0 10px #fafafa;}
/*-----------------------------------------mapkoord------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////СТАРТ страница///////////////////////////////////////////////////////////////////////////*/

/*------------------------------------------top menu main---------------------------------------------------*/
#topmenumain{ background-color:#f7f7f7; height:60px; width:100%; padding-left:2%; padding-right:2%; box-shadow: 0 0px 0x -0px rgba(0,0,0,.0) !important;}
#topmenumain .logo img{ display:table; height:76px; width:auto; }
#topmenumain .logo{display:table; height:60px; width:auto; float:left;}

#topmpos1{list-style:none; float:right; display:table; margin-top:0; padding-top:0; padding-left:0px; padding-bottom:0; margin-bottom:0;  }
#topmpos1 li{float:left;  position:relative; z-index:1000; display:block; }
#topmpos1 li a{ display:table; color:#181818; border-left:1px solid #eee; transition: 0.3s; font-family:'open_sans',Verdana; line-height:60px; padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; font-size: 13px; height:60px;  padding-left: 25px; padding-right: 11px; text-decoration:none;}
#topmpos1 li a span{ padding-left:10px;}
#topmpos1 li a:hover{ background-color:#eee; color:#181818;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#topmpos1 ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#topmpos1 ul li{ width: auto;  float:none; margin-left:-40px;}
#topmpos1 ul a{ height: 43px; line-height: 43px; border:none;  color: #181818; font-size: 13px; white-space:nowrap; display:block;}
#topmpos1 li:hover ul{ left:0; opacity:1; }
#topmpos1 ul:hover{}
#topmpos1 ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#topmpos1 ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee; border:0px solid #0092a9; }

.topmpos2{ float:right; display: table; padding-left:10px; padding-right:10px; border-left:1px solid #eee; height:60px; line-height:60px; font-size:18px;}
.topmpos2 a{ padding-left:5px; transition: 0.3s; padding-right:5px; color:#0092a9;}
.topmpos2 a:hover{  color:#CCCCCC;}

.topmpos4{ display:table; padding-left:10px; transition: 0.3s;  color:#fff; background-color:#0092a9; box-shadow: inset 0 0 0 0px #eee; padding-right:10px; height:60px; line-height:60px; font-size:13px; float:right;}
.topmpos4 span{ padding-right:10px;}
.topmpos4:hover{box-shadow: inset 0 0 0 30px #eee; color:#181818;}

.topmpos5{ display:table; padding-left:10px; transition: 0.3s;  color:#fff; background: linear-gradient(0deg, rgb(0 169 44) 0%, rgb(2 80 30) 100%);  /*background-color:#60973a;*/ box-shadow: inset 0 0 0 0px #eee; padding-right:10px; height:60px; line-height:60px; font-size:13px; float:right;}
.topmpos5 span{ padding-right:10px;}
.topmpos5:hover{box-shadow: inset 0 0 0 30px #eee; color:#181818;}

.topmpos6{ display:table; padding-left:10px; transition: 0.3s;  color:#fff; background-color: #D93730; box-shadow: inset 0 0 0 0px #eee; padding-right:10px; height:60px; line-height:60px; font-size:13px; float:right;}
.topmpos6 span{ padding-right:10px;}
.topmpos6:hover{box-shadow: inset 0 0 0 30px #eee; color:#181818;}

#topmpos3{float:right;  list-style:none;  padding:0; margin:0;}
#topmpos3 li{float:left;  position:relative;  z-index:7000 !important; display:block;}
#topmpos3 li a{  display:table; color:#181818;  font-size: 13px; font-family:'open_sans',Verdana; text-transform:uppercase; height:60px; line-height:60px; padding-left: 17px; padding-right: 17px; text-decoration:none; transition: 0.1s;}
#topmpos3 li a span{ display: table-cell; vertical-align: middle;}
#topmpos3 li a:hover{color:#181818; background-color:#eee;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#topmpos3 ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity;  background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#topmpos3 ul li{background-color: #fff; width: auto;  float:none; margin-left:-40px;}
#topmpos3 ul a{ height: 43px; line-height: 43px; min-width:140px; text-transform:none; color: #181818; font-size: 15px; font-family:'pt4',Verdana; white-space:nowrap; display:block;}
#topmpos3 li:hover ul{ left:0; opacity:1; }
#topmpos3 ul:hover{}
#topmpos3 ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#topmpos3 ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee; }

.fixedmain{ position:fixed; z-index:99; box-shadow: 0 3px 10px -2px rgba(0,0,0,.3);}
.mobilemenusmain{transition: 0.3s; height:60px; line-height:60px; display:block; padding-left:20px; padding-right:20px; border-left:1px solid #eee; float:right; font-size:18px; text-align:center; display:none;}
.mobilemenusmain:hover{box-shadow: inset 0 0 0 30px #eee; }
#mobinf1{ margin-top:12px; margin-bottom:12px;}
.mobinf2{ display:table; margin-left:auto; margin-right:auto; font-size:24px;}

/*------------------------------------------top menu main---------------------------------------------------*/


/*------------------------------------------header main-----------------------------------------------------*/
.headermain{ }
.hedmim{background-color:#0092a9; height:464px;}
.headermain .hedpoman1{ width:100%;
height:464px;
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
opacity:0.6;
padding-top:50px;

}
/*.linhedrt{ height:1px; width:100%;  background-color:#FFFFFF;}*/

.linhedrt { text-align:center; font-size: 20px; position: relative; }
.linhedrt span { position: relative; z-index: 6; padding: 0px 25px; background-color:#FFFFFF; font-family:'pt1',Verdana; font-size:12px; text-transform:uppercase; letter-spacing:5px; color:#181818 !important; }
.linhedrt:after { content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 50%; margin-top: 0px; z-index: 0; }

.linhedrt2 { text-align:center; font-size: 20px; position: relative; }
.linhedrt2 span { position: relative; z-index: 6; padding: 0px 25px; background-color:#fafafa; font-family:'pt4',Verdana; font-size:32px; text-transform:uppercase; letter-spacing:5px; color:#181818 !important; }
.linhedrt2:after { content: ''; display: block; width: 100%; height: 1px; background-color: #181818; position: absolute; top: 50%; margin-top: 0px; z-index: 0; }

.linhedrt3 { text-align:center; font-size: 20px; position: relative; }
.linhedrt3 span { position: relative; z-index: 6; padding: 0px 25px; background-color:#fff; font-family:'pt4',Verdana; font-size:32px; text-transform:uppercase; letter-spacing:5px; color:#181818 !important; }
.linhedrt3:after { content: ''; display: block; width: 100%; height: 1px; background-color: #181818; position: absolute; top: 50%; margin-top: 0px; z-index: 0; }

.hedpolmn2{ position:relative; z-index:2; margin-top:-325px;  padding-top:15px; opacity:1; }
.flcrow1{-webkit-flex-grow: 3; flex-grow: 3; max-width:60%;
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
min-height:400px;
position:relative;
border-right:4px solid #FFFFFF;
border-left:4px solid #FFFFFF;
}
.flcrow2{-webkit-flex-grow: 1; flex-grow: 1; max-width:20%; background-color:#201f58; border-right:4px solid #FFFFFF;}

.news1main{  transition: 0.3s; }
.news1main .imgw2{ background: url('../images/bg4_2.png'); width:100%; background-position:bottom; min-height:200px;  padding:20px; background-repeat:repeat-x; height: auto; position:absolute; bottom:0;  bottom:0; z-index:2; } /**/
.news1main .datein{font-family:'pt4',Verdana; color:#fff; font-size:12px; text-transform:uppercase; float:right; padding-top:10px;}
.news1main .datein .dp1{letter-spacing:4px; }
.news1main .imgw2 .h1ver{font-family:'open_sans',Verdana !important; padding-top:20px; color:#fff; font-size:22px; text-transform:uppercase;}
.news1main .imgw2 a{transition: 0.3s; border:1px solid #fff; float:left; display:table; letter-spacing:3px; padding-left:20px; padding-right:20px; padding-bottom:12px; padding-top:12px; color:#FFFFFF; text-align:center; text-transform:uppercase; font-size:10px; font-family:'pt1',Verdana; box-shadow: inset 0 0 0 0px #fff;}

.news1main .lagasy{ margin-top:20px;}

.hpline{ height:1px; width:0%; background-color:#FFFFFF; margin-top:5px; transition: 2s;}
.flcrow1:hover .hpline{width:100%;}
.news1main .imgw2 a:hover{ box-shadow: inset 0 0 0 30px #fff; color:#181818;}

.news2main{ }
.bbn1{ width:100%; background-color:#201f58; padding:20px;}
.bbn2{ width:100%;  
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
background-color:#201f58;

}
.bbt0{ height:60px; width:100%; position:relative; z-index:2; margin-bottom:-60px; }
.bbt1{ height:60px; width:100%; position:relative; z-index:2; margin-top:-60px; }
.bbt0 .trb{border: 30px solid transparent;	border-top: 30px solid #201f58; width:60px; display:table; margin-left:auto; margin-right:auto;}
.bbt1 .trb{border: 30px solid transparent;	border-bottom: 30px solid #201f58; width:60px; display:table; margin-left:auto; margin-right:auto;}
.bbn2 .dbgh{background: url('../images/bg4_1.png'); background-repeat:repeat-x; height: auto; bottom:0; position:relative; width:100%; height:200px; opacity:1; transition: 2s;}
.news2main .datein{font-family:'pt4',Verdana; color:#fff; font-size:12px; text-transform:uppercase;}
.news2main .datein .dp1{letter-spacing:4px; }
.news2main .datein2{font-family:'pt4',Verdana; color:#fff; font-size:12px; text-transform:uppercase;}
.news2main .h1ver{font-family:'open_sans',Verdana !important; padding-top:20px; color:#fff; font-size:18px; text-transform:uppercase; min-height:140px;}

.news2main a{transition: 0.3s; margin-top:20px; border:1px solid #fff; display:table; letter-spacing:3px; padding-left:20px; padding-right:20px; padding-bottom:12px; padding-top:12px; color:#FFFFFF; text-align:center; text-transform:uppercase; font-size:10px; font-family:'pt1',Verdana; box-shadow: inset 0 0 0 0px #fff; margin-bottom:10px;}
.news2main a:hover{ box-shadow: inset 0 0 0 30px #fff; color:#181818;}
.news2main:hover .hpline{width:100%;}
.flcrow2:hover .dbgh{opacity:0;}
.newslinkma{ display:table; float:right; margin-right:4px; font-size:13px; padding-left:15px; padding-right:15px;  transition: 1s; background-color:#FFFFFF;  text-align:right; text-transform:uppercase; font-family:'pt1',Verdana; letter-spacing:5px; color:#201f58; padding-top:10px; padding-bottom:10px;}
.newslinkma:hover{ background-color:#201f58; color:#ffffff; }

/*------------------------------------------header main-----------------------------------------------------*/


/*-------------------------------------------position1------------------------------------------------------*/
#post1{  padding-top:5%; background: url('../images/bg6.png') repeat-x; padding-bottom:12%;}
#post1 .linnedrt{ margin-top:-80px; position:relative; z-index:0; }
#post1 .linnedrt .lnm1{height:3px;  background-color:#eee; width:100%; transition: 2s;}
#post1 .linnedrt_2{ height:3px; background-color:#eee; width:0%; margin-top:-97px; float:right; position:relative; z-index:0; transition: 3.3s;}
#post1 .container{ height:160px;  position:relative; z-index:3;}
.nimbblock0{ margin-top:1%; }
.nimbblock1{ float:left; width:25%; text-align:center; padding:5px;}
.nimbblock1 .nm1{ font-size:100px; height:130px; line-height:130px; font-family:'pt4',Verdana; color:#0092a9; letter-spacing:6px; display:block;}
.nimbblock1 .nm2{ font-size:16px; font-family:'pt4',Verdana; letter-spacing:5px; display:table;  padding-left:15px; padding-right:15px; padding-top:8px; padding-bottom:8px; border: 0px solid #181818; border-top: 1px solid #181818; margin-left:auto; margin-right:auto;}
.nm3{ font-size:80px !important;}
.nmmb{ display:table; background-color:#fff; margin-left: auto; margin-right:auto;}
#post1:hover .linnedrt .lnm1{ background-color:#0092a9; width:0; transition: 3s;}
.nimbblock1:hover .nm1{animation: bounce 1.9s;} 
.nimbblock1:hover .img_numb{animation: bounce 1.3s;} 
.nimbblock1 .img_numb{ width:60px; height:auto; margin-bottom:-20px;}
/*-------------------------------------------position1------------------------------------------------------*/

/*-------------------------------------------position2------------------------------------------------------*/
#post2{ margin-top:3%; padding-bottom:2%; width:100%;}
#post2 .polbbn{flex:1 1 calc(31.3333333% - 30px) !important; border:1px solid #fff; transition: 2s; background-color:#0099FF; background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important; display:block; max-width:31.3333333%; margin-left:1%; margin-right:1%; }
#post2 .imnetcont{transition: 3s; background: url('../images/bg2.png') repeat; padding:20px; height:290px; width:100%;}
#post2 .imnetcont .line1{ height:1px; width:30%; background-color:#FFFFFF; transition: 2s;}
#post2 .imnetcont .contenx{ height:248px; width:100%; text-align:center; display:table; color:#FFFFFF; font-size:28px; text-transform:uppercase; font-family:'pt1',Verdana; letter-spacing:5px;}
#post2 .imnetcont .line2{ height:1px; width:30%; float:right; background-color:#FFFFFF; transition: 2s;}

#post2 .polbbn:hover .line1{ width:100%;}
#post2 .polbbn:hover .line2{ width:100%;}
#post2 .polbbn:hover{box-shadow: inset 0 0 0 30px #fff; border:1px solid #0092a9;}
#post2 .polbbn:hover .imnetcont{box-shadow: inset 0 0 0 30px #fff;}
/*-------------------------------------------position2------------------------------------------------------*/

/*-------------------------------------------position3------------------------------------------------------*/
#post3{ background-color:#fafafa; padding-top:2%; padding-bottom:2%;}
#slidera1{ margin-top:2%;}

.projectboxs{  transition: 2s; background-color:#fff;  display:block; max-width:98%; margin-left:1%; margin-right:1%;}
.projectboxs .imagbox{ width:100%; 
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
box-shadow: inset 0 0 0 0px #fff;
transition: 1s;
}
.projectboxs .textbox{ min-height:100px;  padding:10px; font-family:'pt1',Verdana; font-size:18px; color:#181818;}
.projectboxs .filtbox{transition: 2s; border-bottom:2px solid #000066; width:100%; padding-bottom:20px; padding-top:20px; text-align: center; text-transform:uppercase; font-family:'pt4',Verdana; font-size:16px; color:#181818;}
.projectboxs .imagbox .dbgh{background: url('../images/bg4.png'); background-repeat:repeat-x; height: auto; position:relative; width:100%; height:350px; opacity:1; transition: 0.8s;}
.projectboxs .imagbox .icomk{ text-align:center; opacity:0; transition: 2s; line-height:350px; font-size:34px; color:#FFFFFF; display:block; width:100%; position:relative; z-index:2; margin-bottom:-180px;}
.projectboxs .trb{border: 30px solid transparent;	border-bottom: 30px solid #fff; width:60px; display:table; margin-left:auto; margin-right:auto; margin-top:-60px; transition: 2s; }

.projectboxs:hover .imagbox .dbgh{ opacity:0; }
.projectboxs:hover .imagbox{box-shadow: inset 0 0 0 120px #fff; border-radius:50%;}
.projectboxs:hover .imagbox .icomk{opacity:1; }
.projectboxs:hover {}

.projecallas{ display:table; margin-left:auto; margin-right:auto; font-size:13px; padding-left:18px; padding-right:18px;  transition: 1s; background-color:#FFFFFF;  text-align:right; text-transform:uppercase; font-family:'pt1',Verdana; letter-spacing:5px; color:#201f58; padding-top:15px; padding-bottom:15px; margin-top:1%; border-radius:40px;}
.projecallas:hover{ background-color:#201f58; color:#ffffff; }


.eventsboxs{flex:1 1 calc(23% - 30px) !important; transition: 1s;  background-color:#fff; padding:10px; transition: 2s; background-color:#fff;  display:block; min-width:23%; margin-left:1%; margin-right:1%; }
.vidoboxs{flex:1 1 calc(31% - 30px) !important; transition: 1s;  background-color:#fff; padding:10px; transition: 2s; background-color:#fff;  display:block; min-width:31%; margin-left:1%; margin-right:1%;}
.vidoboxs iframe{ width:100%; height:auto !important; min-height:250px;}
.eventsboxs:hover{box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.3);}
.eventsboxs .imagbox{ height:300px;
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
}
.eventsboxs .dbgh{ width:100%; height:300px;  background: url('../images/bg2.png');}
.eventsboxs .textbox{ font-size:14px; text-transform:uppercase; padding-top:15px; padding-bottom:10px; font-family:'pt5',Verdana; text-align:center; color:#000000;}
.eventsboxs .textbox2{ font-size:12px; text-transform:uppercase; padding-top:10px; padding-bottom:10px; font-family:'pt1',Verdana; text-align:center; color:#000000;}
/*-------------------------------------------position3------------------------------------------------------*/

/*-------------------------------------------position4------------------------------------------------------*/
#post4{ padding-bottom:0%; padding-top:2%; overflow:hidden !important;}
#post4 .container{background: url('../images/ngnun.png'); margin-top:2%; margin-bottom:3%; padding-right:0; padding-left:0;  height:900px; display:table; position:relative; overflow:hidden !important; margin-left:auto; margin-right:auto; }
#post4 .container2{background: url('../images/ngnun.png'); margin-top:2%; margin-bottom:3%; padding-right:0; padding-left:0; width:100%;  height:900px; display:table; position:relative; overflow:hidden !important; margin-left:auto; margin-right:auto; }
.upravbut{ position:relative; z-index:2; float:right; box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);}
.upravbut span{ cursor:pointer; background-color:#eee; transition: 0.8s; display:block; font-size:18px; color:#181818; text-align:center; height:40px; width:40px; line-height:40px;}
.upravbut span:hover{ background-color:#fafafa;}
#post4 #text{cursor: move; position:absolute; }
#post4 svg{ display:table; width:1420px; height:900px; opacity:0.6; margin-top:-50px; }
#post4 svg .cirk1{ fill:#969696;}
.reg1{ fill:#e0e0e0;  transition: 2s;} /*rkk*/
.reg2{ fill:#e0e0e0;} /*xorezm*/
.reg3{ fill:#e0e0e0;} /*navoi*/
.reg4{ fill:#e0e0e0;} /*buxoro*/
.reg5{ fill:#e0e0e0;} /*samarkand*/
.reg6{ fill:#e0e0e0; color:#993300;} /*kashkad*/
.reg7{ fill:#e0e0e0;} /*surxondare*/
.reg8{ fill:#e0e0e0;} /*jizzak*/
.reg9{ fill:#e0e0e0;} /*sirdary*/
.reg10{ fill:#e0e0e0;} /*tosh viloyat*/
.reg11{ fill:#e0e0e0;} /*tosh gorod*/
.reg12{ fill:#e0e0e0;} /*namangan*/
.reg13{ fill:#e0e0e0;} /*fergana*/
.reg14{ fill:#e0e0e0;} /*noneim*/
.reg15{ fill:#e0e0e0;} /*andijon*/

.reg1hover{fill:#0092a9 !important; background-color:#000099;}

#post4 .locationbox{  position:absolute;}
.locationbox .stloca{ display:table;  position: absolute;  z-index:3; cursor:pointer;}
.locationbox .stloca span{ display:block; text-align:center; font-size:50px; color:#201f58;}
.locationbox .stloca div{font-family:'pt1',Verdana; line-height:14px; letter-spacing:2px; padding-top:3px; font-size:14px; text-align:center; color:#181818;}
.locationbox .stloca:hover span{animation: rubberBand 1.9s;}

.locationbox .loacion1{ top:300px;  left:650px;}
.locationbox .loacion2{ top:157px;  left:290px;}
.locationbox .loacion3{ top:350px;  left:409px;}
.locationbox .loacion4{ top:410px;  left:1170px;}
.locationbox .loacion5{ top:680px;  left:803px;}
.locationbox .loacion6{ top:430px;  left:1060px;}
.locationbox .loacion7{ top:400px;  left:990px;}
.locationbox .loacion8{ top:450px;  left:910px;}
.locationbox .loacion9{ top:360px;  left:1100px;}
.locationbox .loacion10{ top:400px;  left:820px;}
.locationbox .loacion11{ top:370px;  left:960px;}
.locationbox .loacion12{ top:460px;  left:620px;}
.locationbox .loacion13{ top:480px;  left:770px;}
.locationbox .loacion14{ top:580px;  left:710px;}

.infoblockreg{position:absolute; z-index:12; opacity:0; display:none;}
.infoblockreg .ingcong1{ text-align:center; background-color:#FFFFFF; width:170px; height:230px; box-shadow: 0 3px 60px -2px rgba(0,0,0,.2); display:table; padding:10px; transition: 1.3s; }
.infoblockreg .ingcong2{ border: 20px solid transparent; border-top: 20px solid #fff; width:40px; display:table; margin-left:auto; margin-right:auto; transition: 2s;  }
.infoblockreg .ingcong1 img{ display:table; width:60px; height:60px; border-radius:50%; margin-left:auto; margin-right:auto; background-color:#eee; border:none; margin-bottom:10px;}
.infoblockreg .ingcong1 a{font-family:'pt4',Verdana; transition: 1s; font-size:14px; letter-spacing:0px; display:block; margin-bottom:7px;}
.infoblockreg .ingcong1 a:hover{ color:#0092a9; width:100%;}
.infoblockreg .ingcong1 a span{font-family:'pt4',Verdana; transition: 2s; display:table; margin-left:auto; margin-right:auto; letter-spacing:3px; padding-bottom:3px;  font-size:12px; border-bottom:1px solid #181818; padding-left:6px; padding-right:6px; margin-bottom:3px;}
.infoblockreg .ingcong1 a:hover span{ padding-left:20px; padding-right:20px;}
.infoblockreg .ingcong1 .divname{font-family:'pt1',Verdana; font-size:14px; margin-bottom:12px; text-transform:uppercase;}
.infoblockreg .ingcong1:hover{box-shadow: 0 3px 70px -2px rgba(0,0,0,.4); }
.infoblockreg .ingcong1 .addrspop{font-family:'pt4',Verdana; transition: 1s; font-size:10px; letter-spacing:0px; display:block; margin-bottom:7px;}
.infoblockreg .ingcong1 .addrspop span{font-family:'pt4',Verdana; transition: 2s; display:table; margin-left:auto; margin-right:auto; letter-spacing:3px; padding-bottom:3px;  font-size:12px; border-bottom:1px solid #181818; padding-left:6px; padding-right:6px; margin-bottom:3px;}

.inj1{top:50px;  left:608px;}
.inj2{top:-90px;  left:270px;}
.inj3{top:105px;  left:372px;}
.inj4{top:160px;  left:1138px;}
.inj5{top:430px;  left:792px;}
.inj6{top:180px;  left:1021px;}
.inj7{top:150px;  left:957px;}
.inj8{top:200px;  left:886px;}
.inj9{top:115px;  left:1071px;}
.inj10{top:155px;  left:782px;}
.inj11{top:120px;  left:910px;}
.inj12{top:210px;  left:575px;}
.inj13{top:228px;  left:745px;}
.inj14{top:330px;  left:696px;}
/*-------------------------------------------position4------------------------------------------------------*/


/*-------------------------------------------position5------------------------------------------------------*/
#post5{ background-color:#fafafa; padding-top:2%;  padding-bottom:2%;}

.korpus{ margin-top:0%;}
.korpus > div, .korpus > input { display: none; }

.korpus label { width:33.3333333%; text-align:center; display:block; float:left; border-bottom:1px solid #eee; padding-top:20px; padding-bottom:20px; cursor: pointer; position: relative; font-family:'pt1',Verdana; text-transform:uppercase; font-size:14px; color:#181818; letter-spacing:3px; transition: 1s; z-index:1; }
.korpus label:after {   right: 1.25rem; left: 1.25rem; content: ''; display: block; height: 0px; position: absolute; bottom: 0;  background-color:#FFFFFF; -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0, 1); -webkit-transform-origin: bottom center; transform-origin: bottom center; z-index: -1;
}
.korpus label:hover:after { right: 0; left: 0; height: 100%; }

.korpus input[type="radio"]:checked + label { border-bottom: 1px solid #000066; background-color:#FFFFFF;}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7) { display: block;  padding-top:30px; padding-bottom:30px; }
.korcler{ display:block;}
/*-------------------------------------------position5------------------------------------------------------*/

/*-------------------------------------------position6------------------------------------------------------*/
#post6{ margin-top:2%; padding-top:2%; background-color:#FFFFFF; }
#post6 .linhedrt2 span{ background-color:#FFFFFF;}
#post6 .linhedrt2{ }
#slidera3 a{ display:table;}
#slidera3 a img{ opacity:0.8; transition: 1s;}
#slidera3 a:hover img{opacity:1;}
/*-------------------------------------------position6------------------------------------------------------*/

/*-------------------------------------------position7------------------------------------------------------*/
#post7{ background-color:#FFFFFF; border-top:1px solid #181818; margin-bottom:5px;  height:170px;}
.projectbyu{ display:block; transition: 1s; height:200px; background:none !important; opacity:0.5;}
.projectbyu img{ width:auto !important; display:table; margin-left:auto; margin-right:auto; height:170px !important;}
.projectbyu:hover{opacity:1;}
/*-------------------------------------------position7------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////СТАРТ страница///////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1200px) and (max-width: 1300px) {
/*------------------------ { top_menu } ---------------------------------*/
#lang li a{ font-size: 11px;}
#lang ul a{ font-size: 11px;}

.linkbuts{ font-size:11px; }
.linkbuts2{ font-size:11px; }
.linkbuts3{ font-size:11px; }
#nav li a{ font-size: 10px;}
#nav ul a{ font-size: 10px;}

#lang2 li a{ font-size: 11px; }
#lang2 ul a{ font-size: 11px;}

/*------------------------ { top_menu } ---------------------------------*/

/*------------------------- { footer } ----------------------------------*/
.fotb1 a{font-size:10px;}
.fotb1 span{font-size:10px; }
.copyright{ font-size:12px; }
/*------------------------- { footer } ----------------------------------*/

/*------------------------ { left menu} --------------------------------*/
.dropdownlink {  font-size: 11px;  }
.submenuItems a { font-size: 10px; }

/*------------------------ { left menu} --------------------------------*/

}

@media (min-width: 992px) and (max-width: 1199px) {
/*------------------------ { top_menu } ---------------------------------*/

.logotype{  width:30%; height:100px; }
.logotype img{ height: 70px; }
.block2b{  width:70%; }
#lang li a{line-height:30px;  font-size: 10px; height:30px; }
#lang ul a{ height: 33px; line-height: 33px;  font-size: 10px;}
#lang ul li:hover{ height: 33px; line-height: 33px !important; }
#lang ul li:hover a{ height: 33px; line-height: 33px !important; }

.searchpan input[type="text"]{
	font-size: 10px;
	height:30px;
	line-height:30px;
}
.searchpan button{ height:30px;  width:30px;line-height:30px;  font-size:14px;  margin-left:-30px;}
.linkbuts{  height:28px;  font-size:10px; line-height:28px; }
.linkbuts2{  height:28px;  font-size:10px; line-height:28px; }
.linkbuts3{  height:28px;  font-size:10px; line-height:28px; }
#nav li a{  font-size: 9px; }
#nav ul a{ height: 33px; line-height: 33px;  font-size: 9px; }
#nav ul li:hover{ height: 33px; line-height: 33px !important; }
#nav ul li:hover a{ height: 33px; line-height: 33px !important; }

#lang2 li a{ font-size: 9px;}
#lang2 ul a{ height: 33px; line-height: 33px;  font-size: 9px; }
#lang2 ul li:hover{ height: 33px; line-height: 33px !important;}
#lang2 ul li:hover a{ height: 33px; line-height: 33px !important; }
/*------------------------ { top_menu } ---------------------------------*/

/*------------------------- { footer } ----------------------------------*/
.fotb1 h1{font-size:16px;}
.fotb1 a{ font-size:10px; }
.fotb1 span{ font-size:10px;}

.map iframe{height:120px;}
.copyright{font-size:11px; }
/*------------------------- { footer } ----------------------------------*/


/*------------------------ { left menu} --------------------------------*/
.dropdownlink {font-size: 9px; }
.ihj1{ float:left; height:40px; width:80%; }
.ihj2{ height:40px; width:20%; line-height:40px; font-size:10px; }
.submenuItems a { font-size: 9px;}
.seti a{ font-size:16px; }
/*------------------------ { left menu} --------------------------------*/

/*------------------------------------------project------------------------------------------------*/
.flexproject1{max-width:50%;}
/*------------------------------------------project------------------------------------------------*/

/*------------------------------------------prolk--------------------------------------------------*/
.prolk .problok{ max-width:50%; }
/*------------------------------------------prolk--------------------------------------------------*/
}

@media(min-width: 768px) and (max-width: 991px) {
/*------------------------ { top_menu } ---------------------------------*/
#tophed{ padding-left:10px; padding-right:10px; }
.topfix{ padding-left:10px; }
.yeslang{padding-right:10px;}
.nolang{ padding-right:10px;}

.logotype{  width:30%; height:100px; }
.logotype img{ height: 70px; }
.block2b{  width:70%; }
#lang li a{line-height:30px;  font-size: 7px; height:30px; }
#lang ul a{ height: 23px; line-height: 23px;  font-size: 7px;}
#lang ul li:hover{ height: 23px; line-height: 23px !important; }
#lang ul li:hover a{ height: 23px; line-height: 23px !important; }

.searchpan input[type="text"]{
	font-size: 7px;
	height:30px;
	line-height:30px;
	min-width:100px;
}
.searchpan button{ height:30px;  width:30px;line-height:30px;  font-size:10px;  margin-left:-30px;}
.linkbuts{  height:28px;  font-size:7px; line-height:28px; }
.linkbuts2{  height:28px;  font-size:7px; line-height:28px; }
.linkbuts3{  height:28px;  font-size:7px; line-height:28px; }
#nav li a{  font-size: 7px; padding-left:10px; padding-right:10px; }
#nav ul a{ height: 23px; line-height: 23px;  font-size: 7px; }
#nav ul li:hover{ height: 23px; line-height: 23px !important; }
#nav ul li:hover a{ height: 23px; line-height: 23px !important; }

#lang2 li a{ font-size: 7px; padding-left:10px; padding-right:5px;}
#lang2 ul a{ height: 23px; line-height: 23px;  font-size: 7px; padding-left:10px; padding-right:10px; }
#lang2 ul li:hover{ height: 23px; line-height: 23px !important;}
#lang2 ul li:hover a{ height: 23px; line-height: 23px !important; }
/*------------------------ { top_menu } ---------------------------------*/

/*------------------------- { footer } ----------------------------------*/
.fotb1 h1{font-size:12px;}
.fotb1 a{ font-size:7px; }
.fotb1 span{ font-size:7px;}

.map iframe{height:100px;}
.copyright{font-size:8px; }
/*------------------------- { footer } ----------------------------------*/


/*------------------------ { left menu} --------------------------------*/
.dropdownlink {font-size: 7px; padding-left:36px;}
.ihj1{ float:left; height:40px; width:80%; }
.ihj2{ height:40px; width:20%; line-height:40px; font-size:7px; }
.submenuItems a { font-size: 7px; padding-left:10px;}
.seti a{ font-size:16px; }
/*------------------------ { left menu} --------------------------------*/

/*------------------------------------------project------------------------------------------------*/
.flexproject1{max-width:50%;}
/*------------------------------------------project------------------------------------------------*/

/*------------------------------------------prolk--------------------------------------------------*/
.prolk .problok{ max-width:50%; }
/*------------------------------------------prolk--------------------------------------------------*/
}


@media(max-width:748px){
/*-----------Константы------*/
.vertical_table{ display:table; height:100%;}
.vertical_center{display: table-cell; vertical-align: middle; height:100%;}

a{ color:#181818; font-family:'pt4',Verdana; text-decoration:none;}
a:hover{ color:#2488b3;}

.mobile{ display:none;}
.device{}

#wrapper{ position:relative; min-height:100%;}
#content{ min-height: calc(70vh - 80px);}

.allcont{  padding-left:0; padding-right:0; margin-right:0; margin-right:0; }
.leftbar{ padding-left:0; padding-right:0; margin-right:0; margin-right:0;}
.rightbar{ padding-left:0; padding-right:0; }
.contbar{ padding-left:2%; padding-right:2%; padding-top:1%;}
/*-----------Константы------*/

/*-----------Заголовок------*/
.h1design{ display:block; font-family:'pt1',Verdana; font-size:40px; color:#323232; margin-top:1%; margin-bottom:1%;}
/*-----------Заголовок------*/

/*------------Тгруппа------*/
.tgreklam{ display:none;}
/*------------Тгруппа------*/
/* ======= {Хлебные крошки} ========= */


/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/

/*------------------------ { header } ----------------------------------*/
#header{}
/*------------------------ { header } ----------------------------------*/

/*------------------------ { top_menu } ---------------------------------*/
#tophed{ border-bottom:1px solid #eeeeee; padding-left:15px; padding-right:15px; display: block; width:100%;}
.logotype{ float:none; width:100%; height:90px; display:table; height:100px;}
.logotype img{ height: 90px; width:auto; display:table; margin-left:auto; margin-right:auto;}


.block2b{  width:80%;  float:right; display: none; height:100px;}
#lang{list-style:none; display:table; margin-top:0; padding-top:0; padding-left:0px; padding-bottom:0; margin-bottom:0;  float:right;}
#lang li{float:left;  z-index:9999 !important; position:relative; display:block; }
#lang li a{ display:table; color:#181818; transition: 0.3s; font-family:'open_sans',Verdana; line-height:40px; padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; font-size: 13px; height:40px; border:1px solid #eeeeee;  padding-left: 15px; padding-right: 11px; text-decoration:none;}
#lang li a span{ padding-left:10px;}
#lang li a:hover{border:1px solid #0092a9; background-color:#0092a9; color:#FFFFFF;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#lang ul li{ width: auto;  float:none; margin-left:-40px;}
#lang ul a{ height: 43px; line-height: 43px; border:none;  color: #181818; font-size: 13px; white-space:nowrap; display:block;}
#lang li:hover ul{ left:0; opacity:1; }
#lang ul:hover{}
#lang ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#lang ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee; border:0px solid #0092a9; }
.search{ float:right; margin-right:10px;}
.linkbuts{ float:right; margin-right:10px; display:table; border:1px solid #0092a9; transition: 0.3s; padding-left:20px; padding-right:20px; height:38px; font-family:'hel5',Verdana; color:#FFFFFF; font-size:13px; line-height:38px; background-color:#0092a9;}
.linkbuts:hover{ border:1px solid #eeeeee; color:#181818; background:none;}
.linkbuts2{ float:right; margin-right:10px; display:table; border:1px solid #60973a; transition: 0.3s; padding-left:20px; padding-right:20px; height:38px; font-family:'hel5',Verdana; color:#FFFFFF; font-size:13px; line-height:38px; background: linear-gradient(0deg, rgb(0 169 44) 0%, rgb(2 80 30) 100%);/*background-color:#60973a;*/}
.linkbuts2:hover{ border:1px solid #eeeeee; color:#181818; background:none;}

.linkbuts3{ float:right; margin-right:10px; display:table; border:1px solid #D93730; transition: 0.3s; padding-left:20px; padding-right:20px; height:38px; font-family:'hel5',Verdana; color:#FFFFFF; font-size:13px; line-height:38px; background-color:#D93730;}
.linkbuts3:hover{ border:1px solid #eeeeee; color:#181818; background:none;}
#topmenu{ }
.topfix{ position:static; height:40px; background-color:#fbfbfb; padding-left:15px; border-bottom:1px solid #eeeeee; width:100%;}
#nav{ display:none;}


.yeslang{ display: none; float:right; height:40px; background-color:#0092a9; padding-right:40px;}
.nolang{display:table; min-width:1px; padding-right:40px;}
#lang2 li a{ display:table; color:#fff; transition: 0.3s; font-family:'open_sans',Verdana; line-height:40px; padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; font-size: 13px; height:40px;  padding-left: 15px; padding-right: 5px; text-decoration:none;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang2 ul a{ height: 43px; line-height: 43px; border:none; padding-left: 15px; padding-right: 15px;  color: #181818; font-size: 13px; white-space:nowrap; display:block;}


.yeslang{ display:block;}
.nolang{ display:none;}

.mobilemenus{ display: table;}

/* стили модального окна */
.popup {
top: 20%;
width:90%;
margin-left:5%;
margin-right:5%;
}
/* стили модального окна */
/*------------------------ { top_menu } ---------------------------------*/



/*------------------------- { footer } ----------------------------------*/
#footer{ padding-top:1%; width:100%;}
#footer .leftbar{ display:none !important;}
#footer .rightbar{ display:none !important; }
#footer .contbar{ width:100%; padding:0 !important;}
#footer .contbar .container{ margin-left:auto; padding:0;}

.fotb1{ float:none; width:100%; text-align:center; margin-bottom:0%; }
.fotb1 h1{text-align:center; font-size:18px; }
.fotb1 a{ display:table; margin-left: auto; margin-right:auto;  font-size:14px; }
.fotb1 span{display:table; margin-left: auto; margin-right:auto; font-size:14px; }
.map iframe{ width:100%; height:270px; margin-top:5%;}
.copyright{  margin-top:0%; text-align:center; font-size:14px; font-family:'open_sans',Verdana; background-color:#313131; color:#FFFFFF;}
.fotb1 .seti2{ text-align:center; display:table; margin-left:auto; margin-right:auto;}
/*------------------------- { footer } ----------------------------------*/


/*------------------------ { left menu} --------------------------------*/
.accordion-menu { width: 100%; list-style: none; background: #f1f1f1; padding-top:0; padding-bottom:0; margin:0; margin-bottom:0; padding-left:0;}
.accordion-menu li.open .dropdownlink { color: #0092a9;}
.accordion-menu li.open .dropdownlink .fa-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.accordion-menu li:last-child .dropdownlink { border-bottom: 0; }
.dropdownlink { cursor: pointer; display: table; width:100%;  padding-left:73px; font-family:'open_sans',Verdana; font-size: 14px; border-bottom: 1px solid #ccc; color: #212121; position: relative; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.ihj1{ display:table; float:left; height:50px; width:84%; }
.ihj2{ display:table; height:50px; width:16%; float: right; background-color:#fbfbfb; text-align:center; line-height:50px; font-size:14px; color:#181818;}
.dropdownlink i { position: absolute; top: 17px; left: 16px; }
.dropdownlink .fa-chevron-down { right: 12px; left: auto; }
.submenuItems { display: none; background: #fbfbfb; list-style: none; margin-left:0; padding-left:0;}
.submenuItems li { border-bottom: 1px solid #eeeeee; padding-left:27px;}
.submenuItems a {display: block; color: #181818;  font-family:'open_sans',Verdana; font-size: 12px; padding: 12px 12px 12px 45px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.submenuItems a:hover { color: #0092a9;}


.seti{ margin-top:4%; display:table; margin-left:auto; margin-right:auto;}
.seti a{ display:block; float:left; font-size:22px; margin-left:5px; margin-right:5px;}
.iconlh1{ color:#52cef4;}
.iconlh2{ color:#4267b2;}
.iconlh3{ color:#2fa7db;}

.lfposit1{ margin-top:2%; padding-left:20px; padding-right:20px; padding-top:18px;  padding-bottom:18px; border-bottom:1px solid #eee; width:100%; display:block;}
.lfposit1 span{ float:none; display:block; width:100%;}
.lfposit1 p{ transition: 0.3s; float:none; display:block; width:100%; text-align: center; padding-right:0px; padding-top:0; margin-top:0; margin-bottom:0; padding-bottom:0;}
.lfposit1 span img{ display:table; margin-left:auto; margin-right:auto; width:40px;}
.lfposit1:hover p{ }
/*------------------------ { left menu} --------------------------------*/

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
.section1{ background:none; padding:0%;}
.section1 a{ float:none; width:100%;}


.sect1bbn{ display:table; width:100%; margin-top:2%; margin-bottom:2%;}
.srt1n{ width:100%; float:none;  display:table; padding:3px;  min-height:260px; }
.srt2n{ width:100%; float:none; display:table; padding:3px; min-height:260px; }

.sect1bbn h2{ font-size:14px;  text-align:center;}
.sect1bbn p{ text-align:center;}


/*----------------------------------------teamsite-------------------------------------------------*/
.modalpersone{  max-width:100%; display: block; margin-top:5%; margin-bottom:5%;}
.tbanmod{display:block;}
	.modalpersone .modleft{ background-color:#122a46; color: #fff; border-color: #ffffff; border-style: solid; border-width: 6px; display:table-cell; padding:10px;  border-right:1px solid #eeeeee; width:30%; box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 40%);}
/*.modalpersone .modleft{  padding:10px;  border-right:0px solid #eeeeee; border-bottom:1px solid #eeeeee; width:100%; display:block;}*/
.modalpersone .modcont{ text-align:center;  width:100%; display:block; }
.modalpersone .modleft h3{ font-size: 16px; text-align:center;}
.modalpersone .modleft h4{ font-size: 12px;}
/*----------------------------------------teamsite-------------------------------------------------*/

/*---------------------------------------newsblocks------------------------------------------------*/
.newsblocks{}
.newsconts{flex:1 1 calc(100% - 30px) !important; width:100%;   margin-top:3%; margin-bottom:2%; max-width:100%; padding:5px;}

.newsconts2{flex:1 1 calc(100% - 30px) !important; width:100%;   margin-top:3%; margin-bottom:2%; max-width:100%; padding:5px;}
/*---------------------------------------newsblocks------------------------------------------------*/


/*-----------------------------------------newsall-------------------------------------------------*/
.newsall{ text-align:center;}
.containerimg{height:auto; width:100%; float:none; padding:0; padding-top:20px; padding-bottom:20px;}
#slidera2 .slideimg{height:250px;}

/*-----------------------------------------newsall-------------------------------------------------*/

/*------------------------------------------azolik-------------------------------------------------*/
.azolik .az1{flex:1 1 calc(100% - 30px) !important; max-width:100%; }
.formadd{  width:100%; }
/*------------------------------------------azolik-------------------------------------------------*/

/*------------------------------------------project------------------------------------------------*/
.project{ margin-top:5%;}
.flexproject1{max-width:100%;}

/*------------------------------------------project------------------------------------------------*/

/*------------------------------------------prolk--------------------------------------------------*/
.prolk{}
.prolk .problok{ max-width:100%; margin-bottom:12%;}
/*------------------------------------------prolk--------------------------------------------------*/

/*------------------------------------------obsuj--------------------------------------------------*/
.obsuj{}
.obsblock{flex:1 1 calc(98% - 30px) !important;  margin-bottom:15%; max-width:98%; margin-left:1%; margin-right:1px;}
.obsblock .text1{ text-align:center; font-size: 14px; }
.obsblock .text2{ text-align:center; font-size: 10px;}

.obsblock:hover{box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);}
.modalconm{ height:400px; font-size:11px; padding-left:5px; padding-right:5px;}
/*------------------------------------------obsuj--------------------------------------------------*/


/*-----------------------------------------mapkoord------------------------------------------------*/
.kontpool{ flex:1 1 calc(96% - 30px) !important;  margin-bottom:4%; max-width:96%; margin-left:2%; margin-right:2%;}
.kontpool .zaglovkl{  text-align:center; }
.kontpool .tery1{  text-align:center; }
/*-----------------------------------------mapkoord------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////СТАРТ страница///////////////////////////////////////////////////////////////////////////*/

/*------------------------------------------top menu main---------------------------------------------------*/
#topmpos1{ display:none;}
.topmpos2{ display:none;}
.topmpos4{ display:none;}
.topmpos5{ display:none;}
.topmpos6{ display:none;}
#topmpos3{ display:none;}

.mobilemenusmain{ display:block;}
/*------------------------------------------top menu main---------------------------------------------------*/


/*------------------------------------------header main-----------------------------------------------------*/
.headermain .hedpoman1{height:400px; }

.linhedrt { font-size: 14px;  text-align:center; }
.linhedrt span {  padding: 0px 2px; }

.linhedrt2 { text-align:center;}
.linhedrt2 span {  padding: 0px 2px;  font-size: 18px;}

.linhedrt3 { text-align:center; }
.linhedrt3 span { padding: 0px 2px;  font-size: 18px;}

.flcrow1{-webkit-flex-grow: 0; border-left:none; border-right: none; flex-grow: 0; max-width:100%; width:100%;
min-height: inherit;
}
.flcrow2{width:100%; max-width:100%;  border-right: none;}

.news1main .imgw2{ padding:20px; background: url('../images/bg2.png'); background-repeat:repeat; min-height:200px; position:relative;}
.news1main .datein{ text-align:center; font-size:10px; float:none; padding-top:20px;}
.news1main .imgw2 .h1ver{ text-align:center; padding-top:20px; padding-bottom:20px;  font-size:16px; }
.news1main .imgw2 a{ margin-left:auto; margin-right:auto; margin-top:20px;  float:none;}




.news2main{ border-top:3px solid #fff;}
.bbn2 .dbgh{background: url('../images/bg2.png'); background-repeat:repeat; }
.news2main .datein{text-align: center; font-size:10px; }
.news2main .datein2{font-size:10px; }
.news2main .h1ver{ text-align:center; font-size:16px;  min-height:2px;}

.news2main a{ margin-left:auto; margin-right:auto;}

.news2main:hover .hpline{width:100%;}
.flcrow2:hover .dbgh{opacity:0;}
.newslinkma{ display:table; float:none; width:100%; margin-right:0px; font-size:13px; text-align:center; padding-left:0px; padding-right:0px;    padding-top:10px; padding-bottom:10px;}

/*------------------------------------------header main-----------------------------------------------------*/


/*-------------------------------------------position1------------------------------------------------------*/
#post1 .linnedrt{ display:none;}
#post1 .container{ height: auto; }
.nimbblock0{ margin-top:1%; }
.nimbblock1{ float:none; width:100%; text-align:center; padding:0px; padding-bottom:5%;}
.nimbblock1 .nm1{ font-size:100px; height:100px; line-height:100px; color:#0092a9; letter-spacing:6px; display:block;}
.nimbblock1 .nm2{ font-size:16px; width:100%; text-align:center; padding-left:0px; padding-right:0px;  }
.nm3{ font-size:60px !important;}
/*-------------------------------------------position1------------------------------------------------------*/

/*-------------------------------------------position2------------------------------------------------------*/
#post2 .polbbn{flex:1 1 calc(100% - 30px) !important;  max-width:100%; margin-left:0%; margin-right:0%; margin-bottom:5%;}
#post2 .imnetcont{ height:230px; width:100%;}
#post2 .imnetcont .line1{ height:1px; width:30%; }
#post2 .imnetcont .contenx{ height:188px; font-size:20px; }
/*-------------------------------------------position2------------------------------------------------------*/

/*-------------------------------------------position3------------------------------------------------------*/

.projectboxs .textbox{ min-height:2px; text-align:center;  font-size:18px; }
.projectboxs .filtbox{font-size:14px; }
.projectboxs .imagbox .icomk{ text-align:center; opacity:0; transition: 2s; line-height:350px; font-size:34px; color:#181818; display:block; width:100%; position:relative; z-index:2; margin-bottom:-350px;}
.projectboxs .trb{ display:none;}

.projectboxs:hover .imagbox{box-shadow: inset 0 0 0 0px #fff; border-radius:0; opacity:0.5;}
.projectboxs:hover .imagbox .icomk{opacity:1; }

.projecallas{  font-size:10px; padding-left:25px; padding-right:25px;  margin-top:6%; }


.eventsboxs{flex:1 1 calc(100% - 30px) !important; min-width:100%; margin-left:0%; margin-right:0%; }
.vidoboxs{flex:1 1 calc(100% - 30px) !important; min-width:100%; margin-left:0%; margin-right:0%;}
.vidoboxs iframe{ width:100%; height:auto !important; min-height:200px;}
.eventsboxs:hover{box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.3);}
.eventsboxs .imagbox{ height:300px;
background-size:cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
-ms-background-size: cover !important;
-moz-background-size: cover !important;
background-position:center !important;
}
.eventsboxs .dbgh{ width:100%; height:300px;  background: url('../images/bg2.png');}
.eventsboxs .textbox{ font-size:14px; text-transform:uppercase; padding-top:15px; padding-bottom:10px; font-family:'pt5',Verdana; text-align:center; color:#000000;}
.eventsboxs .textbox2{ font-size:12px; text-transform:uppercase; padding-top:10px; padding-bottom:10px; font-family:'pt1',Verdana; text-align:center; color:#000000;}


.korpus label { width:100%; float:none; }


/*-------------------------------------------position3------------------------------------------------------*/

#post4{ display:none;}
/*///////////////////////////////////////////////////////////////////СТАРТ страница///////////////////////////////////////////////////////////////////////////*/
}