@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:'Play',sans-serif !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-color:#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:'Play',sans-serif !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;}
}
/* ========= {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;}


/*-----------Кнопки---------*/

/*-----------Заголовки---------*/
.bord{ border-left:3px solid #00A651; padding-right:15px;}
h1{font-family:'Play',sans-serif; font-size:34px; text-transform:uppercase;}
/*-----------Заголовки---------*/

.detail{
    width: 60%;
    /*background: white;
    box-shadow: 1px -1px 13px 0px;*/
    font-size: 22px;
}

/*-----------Константы------*/
.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:'Play',sans-serif; text-decoration:none;}
a:hover{ color:#2488b3;}

.mobile{ display:none;}
.device{}

#wrapper{ position:relative; min-height:100%;}
#content{ padding-bottom:200px;}

.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:'open_sans',Verdana;}

.btms{display:table; margin-left:auto; margin-right:auto; padding-left:60px; padding-right:60px; padding-top:15px; padding-bottom:15px; background-color:#00A651; color:#FFFFFF !important; text-align:center; font-size:14px; text-transform:uppercase; font-family:'Play',sans-serif; border-radius:10px; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); transition: 0.5s; }
.btms:hover{background-color:#FFFFFF; color:#00A651 !important;}
/*-----------Константы------*/

/* ======= {Хлебные крошки} ========= */


/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.mposition1{ float:left; height:90px; width:25%; color:#000000; }
.mposition1 img{ height:90px; display:block; float:left; width:auto; } 
.mposition1 span{color:#000000; display:block; float:left; height:90px; width:50%; padding-top:15px; font-size:18px; padding-left:10px; font-family:'play2',Verdana; text-transform:uppercase;}
.mposition2{ float:left; height:90px; width:55%; }
.mposition3{ float:left; width:20%; }
.mposition4{ display:none; float:right; width:60%;}
.mposition4 .menumob{ height:60px; display:table; float:right; line-height:60px; font-size:22px; text-align:right; color:#000000;}
#mobilem{ display:none; padding-top:10px;}

#topmenu{ position:relative; z-index:99; top: 0px; width:100%; height:90px;  }


.mpl{  display:block; margin-left:10px; color:#00A651; padding-left:20px;  font-family:'hel1',Verdana; font-size:18px;}
#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:'Play',sans-serif; text-transform:uppercase; height:90px;  line-height:90px; padding-left: 17px; padding-right: 7px; 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:'Play',sans-serif; 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; }

#lang{ float:right;  width:auto; padding-left:22px;  padding-right:22px; padding-top:8px; padding-bottom:8px; transition: 0.5s !important; border:1px solid #000; margin-top:28px; border-radius: 50px;}
#lang li{float:left;  position:relative;  z-index:7000 !important; display:block;}
#lang li a{  display:table; color:#181818;  font-size: 13px; font-family:'Play',sans-serif; text-transform:uppercase; height:90px;  line-height:90px; padding-left: 17px; padding-right: 7px; text-decoration:none; transition: 0.1s;}
#lang li a span{ display: table-cell; vertical-align: middle;}
#lang li a:hover{color:#000; background-color:#eee;}
#lang:hover{color:#fff; background-color:#00A651;  border:1px solid #00A651;}
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul{ padding-top:20px; list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; }
#lang ul li{background-color: #fff; width: auto;  float:none; }
#lang ul a{ height: 43px; line-height: 43px; margin-left:-60px !important; background-color: #fff;  min-width:140px; text-transform:none; color: #181818; font-size: 15px; font-family:'Play',sans-serif; 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:#eee; }
.lang_m{ padding-right:10px;}


/*-----------Topmenu----------*/

/*-----------social----------*/
.social_network{ width:40px; height:auto; position:fixed; right:60px; bottom:60px; z-index:9999; }
.sociallink{ display:block; width:40px; height:40px; border-radius:50%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); line-height:40px; text-align:center; margin-bottom:12px;}
.soc1{ color:#fff; background-color:#5692dd; transition: 0.5s !important;  }
.soc1:hover{ color:#004BA1; background-color:#fff; }

.soc1{ color:#fff; background-color:#5692dd; transition: 0.5s !important;  }
.soc1:hover{ color:#004BA1; background-color:#fff; }

.soc2{ color:#fff; background-color:#E42159; transition: 0.5s !important;  }
.soc2:hover{ color:#E42159; background-color:#fff; }

.soc3{ color:#fff; background-color:#4C75A3; transition: 0.5s !important;  }
.soc3:hover{ color:#4C75A3; background-color:#fff; }

.soc4{ color:#fff; background-color:#F2730C; transition: 0.5s !important;  }
.soc4:hover{ color:#F2730C; background-color:#fff; }

.soc5{ color:#fff; background-color:#DD4C39; transition: 0.5s !important;  }
.soc5:hover{ color:#DD4C39; background-color:#fff; }

.soc6{ color:#fff; background-color:#56ACE9; transition: 0.5s !important;  }
.soc6:hover{ color:#56ACE9; background-color:#fff; }

.soc7{ color:#fff; background-color:#0088CC; transition: 0.5s !important;  }
.soc7:hover{ color:#0088CC; background-color:#fff; }

.soc8{ color:#fff; background-color:#37B40E; transition: 0.5s !important;  }
.soc8:hover{ color:#37B40E; background-color:#fff; }

.soc9{ color:#fff; background-color:#EF1722; transition: 0.5s !important;  }
.soc9:hover{ color:#EF1722; background-color:#fff; }

.soc10{ color:#fff; background-color:#2B69B2; transition: 0.5s !important;  }
.soc10:hover{ color:#2B69B2; background-color:#fff; }

.soc11{ color:#fff; background-color:#004BA1; transition: 0.5s !important;  }
.soc11:hover{ color:#004BA1; background-color:#fff; }

.soc12{ color:#fff; background-color:#CB2028; transition: 0.5s !important;  }
.soc12:hover{ color:#CB2028; background-color:#fff; }
/*-----------social----------*/

/*-----------------------------------------------------------------------header-----------------------------------------------------------*/
#slidera_2{ width:100%; }
.shors_pos1{ display:block;  transition: 0.2s; /*height:700px;*/ height:500px; width:100%; background-color:#000000 !important;} 
.imgslider{/*height:700px;*/height:500px; background-size:cover !important; opacity:0.6;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; width:100%;}
.shorttitle{ text-align:center; bottom:0px !important; width:100%; position: absolute; padding-bottom:150px; text-transform:uppercase; text-decoration:underline; color:#FFFFFF; font-size:40px;  font-family:'Play',sans-serif; }

#position4 .owl-theme .owl-controls .owl-nav .owl-prev,
#position4 .owl-theme .owl-controls .owl-nav .owl-next {
color:transparent;
background-size: 50% auto !important;
background-repeat: no-repeat !important;
background-position: center !important;
display:block; border-radius: 50%; background:none; opacity:1; transition: 0.3s; font-family:'hel5',Verdana; color:#FFFFFF; height:60px; width:60px; margin:2%;
margin-top: 0;
cursor: pointer;
}


#position4 .owl-theme .owl-controls .owl-nav .owl-prev {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIgcG9pbnRzPSIzNTIsMTI4LjQgMzE5LjcsOTYgMTYwLDI1NiAxNjAsMjU2IDE2MCwyNTYgMzE5LjcsNDE2IDM1MiwzODMuNiAyMjQuNywyNTYgIi8+IDwvZz48L3N2Zz4=) !important;
margin-left:50px;
}

#position4 .owl-theme .owl-controls .owl-nav .owl-next {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIgcG9pbnRzPSIxNjAsMTI4LjQgMTkyLjMsOTYgMzUyLDI1NiAzNTIsMjU2IDM1MiwyNTYgMTkyLjMsNDE2IDE2MCwzODMuNiAyODcuMywyNTYgIi8+IDwvZz48L3N2Zz4=) !important;
margin-right:50px;
}

#position4 .owl-theme .owl-controls .owl-nav .owl-prev:hover,
#position4 .owl-theme .owl-controls .owl-nav .owl-next:hover {
background-color: rgba(0,0,0,.3);
}

.bannersright {
  transition: transform .2s; /* Animation */
  /*margin: 0 auto;*/
}

.bannersright:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.bannersright{ width:215px !important; height: 215px !important; display:block; background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; background-position:center; border-radius: 10px;}
#position5{ height: auto; position:relative; margin-top:-105px;}
#position5 .owl-theme .owl-controls .owl-nav .owl-prev,
#position5 .owl-theme .owl-controls .owl-nav .owl-next {
color:transparent;
background-size: 50% auto !important;
background-repeat: no-repeat !important;
background-position: center !important;
display:block; border-radius: 50%; background:none; opacity:1; transition: 0.3s; font-family:'hel5',Verdana; color:#000; height:60px; width:60px;
margin-top: 0;
cursor: pointer;
}


#position5 .owl-theme .owl-controls .owl-nav .owl-prev {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfMSIgcG9pbnRzPSIzNTIsMTI4LjQgMzE5LjcsOTYgMTYwLDI1NiAxNjAsMjU2IDE2MCwyNTYgMzE5LjcsNDE2IDM1MiwzODMuNiAyMjQuNywyNTYgIi8+IDwvZz48L3N2Zz4=) !important;
margin-left:-70px;
}

#position5 .owl-theme .owl-controls .owl-nav .owl-next {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiMwMDAwMDAiIGlkPSJzdmdfMSIgcG9pbnRzPSIxNjAsMTI4LjQgMTkyLjMsOTYgMzUyLDI1NiAzNTIsMjU2IDM1MiwyNTYgMTkyLjMsNDE2IDE2MCwzODMuNiAyODcuMywyNTYgIi8+IDwvZz48L3N2Zz4=) !important;
margin-right:-70px;
}

#position5 .owl-theme .owl-controls .owl-nav .owl-prev:hover,
#position5 .owl-theme .owl-controls .owl-nav .owl-next:hover {
background-color: rgba(0,0,0,.1);
}
/*-----------------------------------------------------------------------header-----------------------------------------------------------*/

/*----------------------------------------------------------------------block news--------------------------------------------------------*/
#block1{ margin-top:5%; margin-bottom:5%;}
#slidera_4 .owl-height{  min-height:600px;}


.newshort{ border-radius:5px; background-color: #fff; min-height:400px; transition: 0.5s; width:88%; margin-left:6%; margin-right:6%; margin-top:8%; margin-bottom:8%; /*width:84%; margin-left:8%; margin-right:8%; margin-top:8%; margin-bottom:8%;*/ box-shadow:0 3px 15px 3px rgba(0,0,0,.1); display:block;}
.newshort:hover{ background-color:#F4F4F4;
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}.shortimg {
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.shortimg{ width:100%; height:250px; background-position:center; background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;
border-radius:5px 5px 0px 0px;}
.timenews{ background-color:#00A651; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; border-radius:5px; display:table; font-size: 12px; color:#FFFFFF; font-family:'hel5',Verdana;}
.conte{ padding:15px; text-overflow: clip !important;  }
.conte .title{  font-size:16px; font-family:'play2',Verdana; color:#000000; padding-bottom:15px;}
.conte .shorttext{ text-overflow: clip !important; font-size:14px; font-family:'Play',sans-serif; color:#000000; }


.newssliderbut{margin-top:-100px; position:relative; z-index:99;}

#block1 .owl-theme .owl-controls .owl-nav .owl-prev,
#block1 .owl-theme .owl-controls .owl-nav .owl-next {
color:transparent;
background-size: 50% auto !important;
background-repeat: no-repeat !important;
background-position: center !important;
display:block; border-radius: 50%; background:none; opacity:1; transition: 0.3s; font-family:'hel5',Verdana; color:#000; height:60px; width:60px;
margin-top: -80px;
cursor: pointer;
}


#block1 .owl-theme .owl-controls .owl-nav .owl-prev {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiMwMEE2NTEiIGlkPSJzdmdfMSIgcG9pbnRzPSIzNTIsMTI4LjQgMzE5LjcsOTYgMTYwLDI1NiAxNjAsMjU2IDE2MCwyNTYgMzE5LjcsNDE2IDM1MiwzODMuNiAyMjQuNywyNTYgIi8+IDwvZz48L3N2Zz4=) !important;
margin-left:-32px;
background-color:#fff;
border-radius:50px 0px 0px 50px;
box-shadow:-16px 3px 15px 3px rgba(0,0,0,.1);
}

#block1 .owl-theme .owl-controls .owl-nav .owl-next {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiMwMEE2NTEiIGlkPSJzdmdfMSIgcG9pbnRzPSIxNjAsMTI4LjQgMTkyLjMsOTYgMzUyLDI1NiAzNTIsMjU2IDM1MiwyNTYgMTkyLjMsNDE2IDE2MCwzODMuNiAyODcuMywyNTYgIi8+IDwvZz48L3N2Zz4=) !important;
margin-right:-32px;
background-color:#fff;
border-radius:0px 50px 50px 0px;
box-shadow: 16px 3px 15px 3px rgba(0,0,0,.1);
}

#block1 .owl-theme .owl-controls .owl-nav .owl-prev:hover,
#block1 .owl-theme .owl-controls .owl-nav .owl-next:hover {

}
/*----------------------------------------------------------------------block news--------------------------------------------------------*/

/*----------------------------------------------------------------------block brm---------------------------------------------------------*/
#block2{ margin-top:5%; margin-bottom:5%;}
.brms{ width:100%; margin-top:7%; }
/*.br {*/
/*	height: 42px;*/
/*	border: none;*/
/*	background: #3a7999;*/
/*	color: #f2f2f2;*/
/*	padding: 10px;*/
/*	font-size: 18px;*/
/*	border-radius: 5px;*/
/*	position: relative;*/
/*	box-sizing: border-box;*/
/*	transition: all 500ms ease;*/
/*}*/
@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.br:hover {
	animation: bounce 1s;
}

.br{ float:left; width:28.3%; transition: all 500ms ease;}
.bb{ float:left; width:2.5%; border-left: 2px solid #eee; height:60px; }

.iconbr{ float:left; width:50%;}
.iconbr img{ display:table; margin-left:auto; margin-right:auto;}
.textbr{ float:left; width:50%; padding-top:4px;}
.textbr strong{ color:#00A651; font-size:32px; font-family:'play2',Verdana; display:block;}
.textbr span{ color:#000; font-size:12px; font-family:'Play',sans-serif; display:block; text-transform:uppercase;}
.icp{ width:60px !important; height:auto !important;}
/*----------------------------------------------------------------------block brm---------------------------------------------------------*/

/*----------------------------------------------------------------------block expert------------------------------------------------------*/
#block3{ margin-top:0%; margin-bottom:5%;}
.comps{}
.abn{ float:left; width:50%; height:500px; border-radius: 10px 0 0 10px; background-position:center; background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;}
.bbn{ float:left; width:50%; background-color:#00A651; border-radius: 0 10px 0 0; height:500px; padding:50px; font-size:20px; font-family:'Play',sans-serif; color:#FFFFFF;}
.bbn a{ display:table; position: relative; bottom:0; color:#FFFFFF; font-size: 14px; margin-top:20px;}
.cbn{float:left; width:50%;}
.dbn{float:left; width:50%;}

.tyi{ transition: 0.5s; /*width:84%; margin-left:8%; margin-right:8%; margin-top:8%; margin-bottom:8%;*/ box-shadow:0 3px 15px 3px rgba(0,0,0,.1);}
.tyi:hover{ background-color:#F4F4F4;
	transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.tyi{display:table; float:right; margin-top:-80px; background-color:#fff; border-radius: 8px }
.cbn .title{ font-size: 50px; color:#999999; font-family:'play2',Verdana; text-transform:uppercase; letter-spacing: 15px; padding-top:10px;}

.expert_block{ float:left; margin:10px;}
.expert_block span{ width:150px; border-radius: 8px; height:150px; display:block; background-position:center; background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; cursor: pointer;}
.ect{ margin:2%;}
/*----------------------------------------------------------------------block expert------------------------------------------------------*/

/*----------------------------------------------------------------------footer------------------------------------------------------------*/
.footer{position:absolute; bottom:0px; width:100%;}
.footerblock1{width:100%; background-position:center; background-size:cover !important; background: url('../images/bg-4.jpg') no-repeat; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; padding-top:20px; padding-bottom:10px;}
.footerblock2{ height:70px; background-color:#00A651; width:100%; line-height:70px;}
.footerblock2 span{ display:table; float:left; color:#FFFFFF; font-size:16px; font-family:'Play',sans-serif;}
.footerblock2 a{ display:table; transition: 0.5s; float:right;  color:#FFFFFF; font-size:16px; font-family:'Play',sans-serif;}
.footerblock2 a:hover{ color:#00A651; }

.fcolum1{ -webkit-flex-grow: 1;  flex-grow: 1; max-width:30%; }
.titlefooter{ padding-right:50px;}
.titlefooter2{ padding-right:50px;}
.titl_f{color:#FFFFFF; font-size:22px; text-transform:uppercase; font-family:'play2',Verdana; border-bottom:1px solid #00CC33; display:table; padding-bottom:10px;}
.text_f{color:#FFFFFF; font-size:14px;  font-family:'Play',sans-serif; padding-bottom:10px; padding-top:20px; display:block;}
.link_f{ padding-top:20px;}
.link_f a{color:#FFFFFF; transition: 0.5s; font-size:16px; font-family:'Play',sans-serif; display:block; padding-top:5px; padding-bottom:5px;}
.link_f a:hover{ color:#00A651;}
.position_f{ padding-top:20px; display:block;}

.titlefooter2 .link_f a{ padding-top:16px !important; padding-bottom:16px !important;}
.titlefooter3{  padding-right:50px; }
.titlefooter4{  padding-right:50px;}

.aboutsil{ display:block; border-radius:5px; width:110px; height:110px; margin:2px; -webkit-flex-grow: 1;  transition: 1s !important;  flex-grow: 1;}
.ab1{ display:block; width:110px; height:110px; background-position:center !important;   transition: 1s !important; background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; 
-moz-background-size: cover; border-radius:5px;  }
.ab2{width:110px;  transition: 1s; border-radius:5px;  height:110px; display:none; color:#FFFFFF; font-size:24px; text-align:center; line-height:110px; background: url('../images/bg.png') repeat; position:relative; margin-top:-110px; z-index:99;}
.aboutsil:hover .ab2{ display:block; }
/*----------------------------------------------------------------------footer------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
/*----------------------------------------------------------------------fullstory------------------------------------------------------*/
.fullstory{}
.navigationpanel{ width:100%; font-family:'play2',Verdana; font-size:14px; color:#CCCCCC; margin-top:20px; margin-bottom:2%;}
.navigationpanel span{ padding-right:20px; }
.imgp{ height:180px; display:table; width:100%;  background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;
 background: url('../images/slider/slider1.jpg') no-repeat; text-transform:uppercase; text-decoration:none; color:#FFFFFF; font-size:30px;  font-family:'play2',Verdana;}
 .ftext img{ max-width:100% !important; width: 800px !important;}
/*----------------------------------------------------------------------fullstory------------------------------------------------------*/


/*----------------------------------------------------------------------category-------------------------------------------------------*/
.category{}
.cat_short{border-radius:5px; -webkit-flex-grow: 1; flex-grow: 1; background-color: #fff; min-height:400px; transition: 0.5s; max-width:21%; margin:2%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); display:block;}
.cat_short:hover{ background-color:#F4F4F4;}

.cat_short2{border-radius:5px; -webkit-flex-grow: 1; flex-grow: 1; background-color: #00A651; transition: 0.5s; max-width:16%; margin:2%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); display:block;}
.cat_short2:hover{ background-color:#F4F4F4;}

.cat_short2 .shortimg{  height:223px;}
.timenews{ background-color:#00A651; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; border-radius:5px; display:table; font-size: 12px; color:#FFFFFF; font-family:'hel5',Verdana;}
.conte{ padding:15px; text-overflow: clip !important;  }
.cat_short2 .conte .title{  font-size:18px; text-align: center; font-family:'Play',sans-serif; color:#fff; padding-bottom:15px;}
.cat_short2:hover .conte .title{ color:#000000;}

.tadbirlar_news{ border-radius:5px; background-color: #fff; min-height:400px; transition: 0.5s; width:88%; margin-left:6%; margin-right:6%; margin-top:8%; margin-bottom:8%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); display:block;}
.tadbirlar_news:hover{ background-color:#F4F4F4;}
/*-----------------------navigations---------------------------------*/
.navigation{}
.navigations{ display:table; margin-left:auto; margin-right:auto;   margin-top:1%; padding-bottom:2%; margin-bottom:0; height:auto;}
.navigations .prev{ float:left;}
.navigations .next{ float:left;}
.navigations .actinavig{height:40px;  line-height:34px; display:block; border-radius: 4px; background-color: #fff; border:none;  border:3px solid #00A651;  transition: 0.3s; font-family:'play2',Verdana;}
.navigations .actinavig:hover{background-color:#FFFFFF; color:#181818; border:3px solid #eee; }

.navigations .previs{height:40px; padding-left:20px; padding-right:20px; margin-left:10px; margin-right:10px; line-height:34px; display:block; border-radius: 4px; background-color:#00A651; border:none; border:3px solid #00A651;  transition: 0.3s; font-family:'play2',Verdana; color:#fff;}
.navigations .previs:hover{background-color:#FFFFFF; color:#000; border:3px solid #eee;}

.navigations .pages{ float:left; height:40px; line-height:34px; display:block;}
.navigations .pages a{ padding-left:10px; padding-right:10px; margin-left:3px; margin-right:3px; font-size:14px; font-family:'play2',Verdana; color:#000;}
.navigations .nextis{height:40px; padding-left:20px; padding-right:20px; margin-left:10px; margin-right:10px; line-height:34px; display:block; border-radius: 4px; background-color:#00A651; border:none; border:3px solid #00A651;  transition: 0.3s; font-family:'play2',Verdana; color:#fff;}
.navigations .nextis:hover{background-color:#FFFFFF; color:#000; border:3px solid #eee; }
/*-----------------------navigations---------------------------------*/
/*----------------------------------------------------------------------category-------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/



@media (min-width: 1200px) and (max-width: 1300px) {
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.mposition1{ float:left; height:90px; width:20%; color:#000000; }
.mposition1 span{ font-size:16px;}
.mposition2{ width:60%; }
.mposition3{ width:20%; }


.mpl{ margin-left:6px;  padding-left:10px; font-size:16px;}
#nav li a{ font-size: 12px;  padding-left: 12px; padding-right: 4px; }


/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul a{  font-size: 13px; }
#lang li a{  font-size: 12px; }
#lang ul a{ font-size: 12px; }
/*-----------Topmenu----------*/

/*-----------------------------------------------------------------------header-----------------------------------------------------------*/
#slidera_2{ width:100%; }
.shors_pos1{height:600px; } 

#position4 .owl-theme .owl-controls .owl-nav .owl-prev,
#position4 .owl-theme .owl-controls .owl-nav .owl-next {
height:40px; width:40px;
}


.bannersright{ width:155px !important; height: 155px !important; }
#position5{ margin-top:-75px;}
/*-----------------------------------------------------------------------header-----------------------------------------------------------*/

/*----------------------------------------------------------------------block news--------------------------------------------------------*/
#block1{ margin-top:5%; margin-bottom:5%;}
#slidera_4 .owl-height{  min-height:600px;}
.shortimg{ width:100%; height:200px;}



#block1 .owl-theme .owl-controls .owl-nav .owl-prev,
#block1 .owl-theme .owl-controls .owl-nav .owl-next {
height:50px; width:50px;
}


#block1 .owl-theme .owl-controls .owl-nav .owl-prev {margin-left:-29px;}
#block1 .owl-theme .owl-controls .owl-nav .owl-next {margin-right:-29px;}
/*----------------------------------------------------------------------block news--------------------------------------------------------*/


/*----------------------------------------------------------------------block expert------------------------------------------------------*/
.bbn{  padding:40px;}
.cbn .title{ font-size: 30px; }
.expert_block a{ width:130px; height:130px;}
/*----------------------------------------------------------------------block expert------------------------------------------------------*/

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/

}

@media (min-width: 992px) and (max-width: 1199px) {
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.mposition1{ height:43px; width:20%; }
.mposition1 img{ height:60px; display:block; } 
.mposition1 span{ display:block; height:43px; width:50%; padding-top:5px; font-size:12px; padding-left:10px; }
.mposition2{ float:left; height:60px; width:65%; }
.mposition3{width:15%; height:60px; }
.mposition4{ width:60%;}

#topmenu{ position:relative; z-index:99; top: 0px; width:100%; height:60px;  }


.mpl{  display:block; margin-left:5px;padding-left:10px;  font-size:14px;}
#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; font-size: 12px; height:60px;  line-height:60px; padding-left: 10px; padding-right: 3px; text-decoration:none; transition: 0.1s;}
#nav li a span{ display: table-cell; vertical-align: middle;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#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: 12px; }
#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; }

#lang{ float:right;  width:auto; padding-left:22px;  padding-right:22px; padding-top:4px; padding-bottom:4px; transition: 0.5s !important; border:1px solid #000; margin-top:17px; border-radius: 50px;}
#lang li{ display:block; font-size: 12px; font-family:'Play',sans-serif;}
#lang li a{  padding-left: 17px; padding-right: 7px;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul a{ font-size: 12px;}

.social_network{  right:20px; bottom:20px;}
.sociallink{ margin-bottom:5px;}
/*-----------Topmenu----------*/


/*-----------------------------------------------------------------------header-----------------------------------------------------------*/
.shors_pos1{ height:600px; } 
.shorttitle{font-size:30px;  }

.bannersright{ width:135px !important; height: 135px !important; }
#position5{ margin-top:-65px;}
/*-----------------------------------------------------------------------header-----------------------------------------------------------*/

/*----------------------------------------------------------------------block news--------------------------------------------------------*/
#block1{ margin-top:5%; margin-bottom:5%;}
#slidera_4 .owl-height{  min-height:600px;}


.newshort{ min-height:100px; }
.shortimg{ height:180px;}
.timenews{ font-size: 12px; }
.conte{ padding:15px; text-overflow: clip !important;  }
.conte .title{  font-size:14px;}
.conte .shorttext{  font-size:12px;  }


.newssliderbut{margin-top:-200px; position:relative; z-index:99;}

#block1 .owl-theme .owl-controls .owl-nav .owl-prev,
#block1 .owl-theme .owl-controls .owl-nav .owl-next {
 height:45px; width:45px;
}
#block1 .owl-theme .owl-controls .owl-nav .owl-prev {margin-left:-25px;}
#block1 .owl-theme .owl-controls .owl-nav .owl-next {margin-right:-25px;}
/*----------------------------------------------------------------------block news--------------------------------------------------------*/


/*----------------------------------------------------------------------block expert------------------------------------------------------*/
#block3{ margin-top:0%; margin-bottom:5%;}
.comps{}
.abn{  height:400px; }
.bbn{  height:400px; padding:40px; font-size:12px; }
.bbn a{ display:table; position: relative; bottom:0; color:#FFFFFF; font-size: 14px; margin-top:20px;}
.cbn{float:left; width:50%;}
.dbn{float:left; width:50%; }
.cbn .title{ font-size: 20px; padding-top:10px;}

.expert_block a{ width:100px; height:100px;}
/*----------------------------------------------------------------------block expert------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
/*----------------------------------------------------------------------fullstory------------------------------------------------------*/
.fullstory{}
.navigationpanel{ width:100%; font-family:'play2',Verdana; font-size:14px; color:#CCCCCC; margin-top:20px; margin-bottom:2%;}
.navigationpanel span{ padding-right:20px; }
.imgp{ height:180px; display:table; width:100%;  background-size:cover !important; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;
 background: url('../images/slider/slider1.jpg') no-repeat; text-transform:uppercase; text-decoration:none; color:#FFFFFF; font-size:30px;  font-family:'play2',Verdana;}
 .ftext img{ max-width:100% !important;}
/*----------------------------------------------------------------------fullstory------------------------------------------------------*/


/*----------------------------------------------------------------------category-------------------------------------------------------*/
.category{}
.cat_short{border-radius:5px; -webkit-flex-grow: 1; flex-grow: 1; background-color: #fff; min-height:400px; transition: 0.5s; max-width:21%; margin:2%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); display:block;}
.cat_short:hover{ background-color:#F4F4F4;}

.cat_short2{border-radius:5px; -webkit-flex-grow: 1; flex-grow: 1; background-color: #00A651; transition: 0.5s; max-width:16%; margin:2%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); display:block;}
.cat_short2:hover{ background-color:#F4F4F4;}

.cat_short2 .shortimg{  height:120px;}
.cat_short2 .conte .title{  font-size:16px; }

/*----------------------------------------------------------------------category-------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
}

@media(min-width: 768px) and (max-width: 991px) {
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.mposition1{ height: auto; width:60%;}
.mposition1 img{ height:60px; } 
.mposition1 span{ height:60px; padding-top:5px; font-size:14px; padding-left:10px;}
.mposition2{ float:none; height: auto; width:100%; display:none; }
.mposition3{ float:none; width:100%; display:none; }
.mposition4{ display:block; float:right; width:40%;}
#topmenu{ height: auto;  }


.mpl{  display:none !important;  }
#nav{float:none;  list-style:none;  padding:0; margin:0;}
#nav li{float:none;  position: static;  z-index: auto !important; display:block;}
#nav li a{  display:block;  font-size: 13px; height: auto; padding-top:20px; padding-bottom:20px;  line-height: normal; padding-left: 0px; text-align:center; padding-right: 0px; }
#nav li a span{ display: block; vertical-align: middle;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{ list-style:none; position: static;  background: none !important;  left:0px; opacity:1;  font-family:'play2',Verdana; margin-left:0px !important; padding-left:0px !important; width:100% !important;    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);}
#nav ul li{background: none !important; width:100%;  float:none; margin-left:0px !important;}
#nav ul a{ padding-top:20px; padding-bottom:20px;  min-width:100%;  font-size: 13px; }
#nav li:hover ul{ left:0; opacity:1; }
#nav ul:hover{}
#nav ul li:hover{ height: auto; line-height: normal !important; }
#nav ul li:hover a{ height: auto; line-height: normal!important;}


#lang{ float:none; width:auto; padding-left:0px;  padding-right:0px; padding-top:8px; padding-bottom:8px; transition: 0.5s !important; text-align:center; border:0px solid #000; margin-top:12px; border-radius: 0px;  border-top:2px solid #eee !important; }
#lang li{float:none;  position: static;  z-index: inherit !important; display:block;}
#lang li a{  display: block;  height:90px;  line-height:90px; padding-left: 17px; padding-right: 7px; text-decoration:none; transition: 0.1s;}
#lang li a span{ display: block; vertical-align: middle;}
#lang li a:hover{ }
#lang:hover{background-color:#FFFFFF !important;   border:0px solid #000 !important; border-top:2px solid #eee !important; color:#000000;}
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul{ padding-top:20px; list-style:none; position: static; left:0px; opacity:1; margin-left:0px !important; padding-left:0px !important; width:100% !important;  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }
#lang ul li{background: none !important; width:100%;  float:none; margin-left:0px !important; }
#lang ul a{ height: auto; line-height: normal; margin-left:0px !important; background-color: #fff; margin-left:0px !important; padding-left:0px !important; min-width:100%; font-size: 13px; font-family:'play2',Verdana; padding-top:20px; padding-bottom:20px; display:block;}
#lang li:hover ul{ left:0; opacity:1; }
#lang ul:hover{}
#lang ul li:hover{ height: auto; line-height: normal !important;  }
#lang ul li:hover a{ height: auto; line-height: normal !important; ; }
.lang_m{ padding-right:0px;}


/*-----------Topmenu----------*/

/*-----------------------------------------------------------------------header-----------------------------------------------------------*/
#slidera_2{ width:100%; }
.shors_pos1{ display:block;  transition: 0.2s; height:500px; } 
.shorttitle{ text-align:center; bottom:0px !important; width:100%; position: absolute; padding-bottom:150px;  font-size:20px;   }
.bannersright{ width:100px !important; height: 100px !important; display:block;}
#position5{ height: auto; position:relative; margin-top:-50px;}
#position5 .owl-theme .owl-controls .owl-nav .owl-prev { margin-left:-50px; margin-top:-10px;}
#position5 .owl-theme .owl-controls .owl-nav .owl-next { margin-right:-50px; margin-top:-10px;}

/*-----------------------------------------------------------------------header-----------------------------------------------------------*/

/*----------------------------------------------------------------------block news--------------------------------------------------------*/
#block1{ margin-top:5%; margin-bottom:5%;}
#slidera_4 .owl-height{  min-height:600px;}

.newssliderbut{margin-top:-100px; position:relative; z-index:99;}

#block1 .owl-theme .owl-controls .owl-nav .owl-prev,
#block1 .owl-theme .owl-controls .owl-nav .owl-next {
 height:40px; width:40px;
}

#block1 .owl-theme .owl-controls .owl-nav .owl-prev {margin-left:-13px;}
#block1 .owl-theme .owl-controls .owl-nav .owl-next {margin-right:-13px;}

/*----------------------------------------------------------------------block news--------------------------------------------------------*/

/*----------------------------------------------------------------------block brm---------------------------------------------------------*/
#block2{ margin-top:5%; margin-bottom:5%;}
.brms{ width:100%; margin-top:7%; }


.textbr strong{ font-size:25px;  display:block;}
.textbr span{  font-size:10px; }
.icp{ width:40px !important; height:auto !important;}
/*----------------------------------------------------------------------block brm---------------------------------------------------------*/

/*----------------------------------------------------------------------block expert------------------------------------------------------*/
#block3{ margin-top:0%; margin-bottom:5%;}
.comps{}
.abn{ float:none; width:100%; height:200px;}
.bbn{ float:none; width:100%; background-color:#00A651; height: auto; padding:20px;}
.bbn a{ display:table; position: relative; bottom:0; color:#FFFFFF; font-size: 14px; margin-top:20px;}
.cbn{float:left; width:100%;}
.dbn{float:left; width:100%; }
.tyi{display:display; float:none; margin-top:20px;  }
.cbn .title{ font-size: 20px; }

.expert_block{ float:left; margin:10px;}
.expert_block a{ width:200px; height:200px;}
/*----------------------------------------------------------------------block expert------------------------------------------------------*/

/*----------------------------------------------------------------------footer------------------------------------------------------------*/
.fcolum1{ max-width:50%; width:50%; }
/*----------------------------------------------------------------------footer------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
/*----------------------------------------------------------------------category-------------------------------------------------------*/
.category{}
.cat_short{min-height:400px; transition: 0.5s; max-width:21%; margin:2%; }
.cat_short2{ max-width:46%; width:46%;}

/*----------------------------------------------------------------------category-------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
}


@media(max-width:748px){
/*-----------Заголовки---------*/
h1{ font-size:24px;}
/*-----------Заголовки---------*/


/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.mposition1{ height: auto; width:60%;}
.mposition1 img{ height:60px; } 
.mposition1 span{ height:60px; padding-top:5px; font-size:14px; padding-left:10px;}
.mposition2{ float:none; height: auto; width:100%; display:none; }
.mposition3{ float:none; width:100%; display:none; }
.mposition4{ display:block; float:right; width:40%;}
#topmenu{ height: auto;  }


.mpl{  display:none !important;  }
#nav{float:none;  list-style:none;  padding:0; margin:0;}
#nav li{float:none;  position: static;  z-index: auto !important; display:block;}
#nav li a{  display:block;  font-size: 13px; height: auto; padding-top:20px; padding-bottom:20px;  line-height: normal; padding-left: 0px; text-align:center; padding-right: 0px; }
#nav li a span{ display: block; vertical-align: middle;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{ list-style:none; position: static;  background: none !important;  left:0px; opacity:1;  font-family:'play2',Verdana; margin-left:0px !important; padding-left:0px !important; width:100% !important;    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);}
#nav ul li{background: none !important; width:100%;  float:none; margin-left:0px !important;}
#nav ul a{ padding-top:20px; padding-bottom:20px;  min-width:100%;  font-size: 13px; }
#nav li:hover ul{ left:0; opacity:1; }
#nav ul:hover{}
#nav ul li:hover{ height: auto; line-height: normal !important; }
#nav ul li:hover a{ height: auto; line-height: normal!important;}


#lang{ float:none; width:auto; padding-left:0px;  padding-right:0px; padding-top:8px; padding-bottom:8px; transition: 0.5s !important; text-align:center; border:0px solid #000; margin-top:12px; border-radius: 0px;  border-top:2px solid #eee !important; }
#lang li{float:none;  position: static;  z-index: inherit !important; display:block;}
#lang li a{  display: block;  height:90px;  line-height:90px; padding-left: 17px; padding-right: 7px; text-decoration:none; transition: 0.1s;}
#lang li a span{ display: block; vertical-align: middle;}
#lang li a:hover{ }
#lang:hover{background-color:#FFFFFF !important;   border:0px solid #000 !important; border-top:2px solid #eee !important; color:#000000;}
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul{ padding-top:20px; list-style:none; position: static; left:0px; opacity:1; margin-left:0px !important; padding-left:0px !important; width:100% !important;  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }
#lang ul li{background: none !important; width:100%;  float:none; margin-left:0px !important; }
#lang ul a{ height: auto; line-height: normal; margin-left:0px !important; background-color: #fff; margin-left:0px !important; padding-left:0px !important; min-width:100%; font-size: 13px; font-family:'play2',Verdana; padding-top:20px; padding-bottom:20px; display:block;}
#lang li:hover ul{ left:0; opacity:1; }
#lang ul:hover{}
#lang ul li:hover{ height: auto; line-height: normal !important;  }
#lang ul li:hover a{ height: auto; line-height: normal !important; ; }
.lang_m{ padding-right:0px;}


/*-----------Topmenu----------*/

/*-----------social----------*/
.social_network{ width:40px; height:auto; position:fixed; right:20px; bottom:20px; z-index:9999; }
.sociallink{ display:block; width:30px; height:30px; border-radius:50%; line-height:30px;  margin-bottom:5px;}
/*-----------social----------*/

/*-----------------------------------------------------------------------header-----------------------------------------------------------*/
#slidera_2{ width:100%; }
.shors_pos1{ height:500px;} 

.shorttitle{  font-size:20px;  }

#position4 .owl-theme .owl-controls .owl-nav .owl-prev,
#position4 .owl-theme .owl-controls .owl-nav .owl-next {
 height:0px; width:0px; margin:0%;
}


.bannersright{ width:215px !important; height: 215px !important; display: table; margin-left:auto; margin-right:auto;}
#position5{ height: auto; position:relative; margin-top:-105px;}
#position5 .owl-theme .owl-controls .owl-nav .owl-prev,
#position5 .owl-theme .owl-controls .owl-nav .owl-next {
 height:0px; width:0px;
margin-top: 0;
}


/*-----------------------------------------------------------------------header-----------------------------------------------------------*/

/*----------------------------------------------------------------------block news--------------------------------------------------------*/
#block1 .owl-theme .owl-controls .owl-nav .owl-prev,
#block1 .owl-theme .owl-controls .owl-nav .owl-next {height:0px; width:0px;}
#block1 .owl-theme .owl-controls .owl-nav .owl-prev {margin-left:0px;}
#block1 .owl-theme .owl-controls .owl-nav .owl-next {margin-right:0px;}
/*----------------------------------------------------------------------block news--------------------------------------------------------*/

/*----------------------------------------------------------------------block brm---------------------------------------------------------*/
#block2{ margin-top:15%; margin-bottom:15%;}
.brms{ width:100%; margin-top:7%; }
.br{ float:none; width:100%; }
.bb{ float:none; width:0%; height: 90px; }

.iconbr{ float:left; width:50%;}
.iconbr img{ display:table;  margin-left:auto; margin-right:auto;}
.textbr{ float:left; width:50%; }
/*----------------------------------------------------------------------block brm---------------------------------------------------------*/

/*----------------------------------------------------------------------block expert------------------------------------------------------*/
#block3{ margin-top:0%; margin-bottom:5%;}
.comps{}
.abn{ float:none; width:100%; height:200px; }
.bbn{ float:none; width:100%; background-color:#00A651; height: auto; padding:20px; font-size:12px;}
.bbn a{ display: block; }
.cbn{float:none; width:100%;}
.dbn{float:none; width:100%; }
.tyi{display:block; float:none; margin-top:20px; }
.cbn .title{ font-size: 20px; text-align:center;}
/*----------------------------------------------------------------------block expert------------------------------------------------------*/

/*----------------------------------------------------------------------footer------------------------------------------------------------*/
.footerblock1{width:100%; padding-top:20px; padding-bottom:10px; }
.footerblock2{ height:50px;  line-height:50px; }
.footerblock2 span{  font-size:14px;}
.footerblock2 a{  font-size:14px; }

.fcolum1{  max-width:100%; width:100%; text-align:center; padding-bottom:5%;}
.titlefooter{ padding-right:0px;}
.titlefooter2{ padding-right:0px;}
.titl_f{ display:block; }
.position_f{ padding-top:20px; display:block;}
.titlefooter3{  padding-right:0px;}
.titlefooter4{  padding-right:0px; }
/*----------------------------------------------------------------------footer------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
/*----------------------------------------------------------------------fullstory------------------------------------------------------*/
.fullstory{}
.navigationpanel{ width:100%;  font-size:12px; }
.navigationpanel span{ padding-right:20px; }
.imgp{ height: auto; padding-top:50px; padding-bottom:50px; text-align:center;  font-size:16px; }
/*----------------------------------------------------------------------fullstory------------------------------------------------------*/


/*----------------------------------------------------------------------category-------------------------------------------------------*/
.cat_short{ min-height: inherit; margin:0%; margin-top:5%; max-width:100%; width:100%; margin-bottom:5%; }
.cat_short2{ transition: 0.5s; max-width:100%; width:100%; margin:0%; margin-top:5%; margin-bottom:5%;}

.cat_short2 .shortimg{  height:200px;}
.timenews{ background-color:#00A651; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; border-radius:5px; display:table; font-size: 12px; color:#FFFFFF; font-family:'hel5',Verdana;}
.conte{ padding:15px; text-overflow: clip !important;  }
.cat_short2 .conte .title{  font-size:14px; text-align: center; }

.tadbirlar_news{ border-radius:5px; min-height: inherit; transition: 0.5s; width:100%; margin-left:0%; margin-right:0%; margin-top:8%; margin-bottom:8%; display:block;}
/*----------------------------------------------------------------------category-------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
}




.container1 {
	/*position: absolute;*/
	height: 300px;
	width: 600px;
	top: 60px;
	left: calc(50% - 300px);
	display: flex;
}

.card {
	display: flex;
	/*height: 280px;
	width: 236px;
	background-color: #17141d;
	border-radius: 10px;
	box-shadow: -1rem 0 3rem #000;*/
	/*   margin-left: -50px; */
	transition: 0.4s ease-out;
	position: relative;
	left: 0px;
}

.card:not(:first-child) {
	margin-left: 150px;
}

.card:hover {
	transform: translateY(-20px);
	transition: 0.4s ease-out;
}

.card:hover ~ .card {
	position: relative;
	left: 50px;
	transition: 0.4s ease-out;
}



.stroke {
	stroke: white;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	transition: 0.6s ease-out;
}
