@charset "utf-8";

/* CSS Document */



* {

	margin: 0;

	padding: 0;

}

html {

	height: 100%;

	-webkit-font-smoothing:antialiased;

}

body {

	font-family: 'Roboto', sans-serif;	/* 'Roboto'  'Montserrat'*/

	font-weight: 300;

 	color:#243238;

 	font-size: 14px;

	height: 100%;

}

h1 {

	color: #243238;

	font-size: 24px;

	font-weight: 500;

	line-height: 39px;

	text-transform: uppercase;

}

h2 {

	color: #243238;

	font-size: 20px;

	font-weight: 400;

	/*line-height: 30px;*/

	text-transform: uppercase;

}

h3 {

	color: #243238;

	font-size: 18px;

	font-weight: 500;

	line-height: 24px;

}

h4 {

	color: #243238;

	font-size:16px;

	font-weight:400;

	line-height:24px

}

h5 {

 	color:#243238;

	font-size:14px;

 	font-weight:400;

	line-height:20px;

}

h6 {

	color:#243238;

	font-size:12px;

	font-weight:400;

	line-height:18px

}



/*---------------------------------------- TOP NAVIGATION ----------------------------------------*/

.topnavigation {

	height: 40px;

	width: 100%;

	background: #f2f2f5;

}

.topnavbar {

	width: 1200px;

	height: 45px;

	margin: auto;

	padding-top: 2px;

	text-align: right;

}



.topnavbar a {

	color:#323946;

	font-size: 18px;

	font-weight: 300;

	text-decoration: none;

	transition: .5s linear;	

}

.topnavbar a:hover{

	color: #24a3d8;

}

/*---------------------------------------- HEADER ----------------------------------------*/

header {

	max-width: 1200px;

	height: 95px;

	margin: 0 auto;

	background: #fff;

}

.header-title {

	float: left;

	width: 635px;

	height: 95px;

	background: url(../img/logo-header-600px.png) no-repeat;

		

}

.qlink-box {

	float: right;

	margin: 30px 0 0 30px;

}

.qlink-box i {

	color: #24a3d8;

}

.qlink-box a {

	color:#323946;

	font-size: 18px;

	font-weight: 300;

	text-decoration: none;

}

.qlink-box a:hover{

	color: #24a3d8;

}







/*---------------------------------------- NAVIGATION ----------------------------------------*/

.navigation {

	height: 65px;

	width: 100%;

	background: #323946;

}

.topbar {

	width: 1200px;

	height: 60px;

	margin: auto;

}







/*---------------------------------------- TOPMENU ----------------------------------------*/

nav {

  	float: left;

  	/*width: 850px;			ВОЗМОЖНО НЕ НУЖНЫЙ ПАРАМЕТР*/

  	margin: 18px auto;

  	/*background: #e4e4e4;

	font-family: 'Open Sans Condensed', sans-serif;*/

}

.topmenu {

	/*width: 100%;

	margin: 0 30% 0 70%;*/

}

.topmenu > li {

  	display: inline-block;

  	margin-right: 10px;

  	position: relative;

  	font-weight: 300;	

  	font-size: 15px;

	text-transform: uppercase;	

}

.topmenu > li:last-child {

  	margin-right: 0;

}

.topmenu li a:hover {

	color: #24a3d8; 		/*Цвет ссылки при наведении курсора*/

	/*background: #24a3d8;*/

}

.topmenu i {

	color: #24a3d8; 		/*Цвет стрелки ВНИЗ*/

}

.topmenu i a:hover {

	color: #ffffff;

}

nav ul {

	list-style: none; 

	margin: 0;

	padding: 0;

}

nav a {

  	display: block;

  	padding: 5px;

  	text-decoration: none;

  	outline: none;

  	transition: .5s linear;

}

.submenu {

	visibility: hidden;

	opacity: 0;

	position: absolute;

	top: 100%;

	left: 0;

	width: 200px;

	z-index: 10;

	-webkit-transition: 0.5s ease-in-out;

	-moz-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

	text-transform: none;	

}

.submenu li {

	position: relative;

	font-weight: 400;

	font-size: 14px;

}

.navbar ul {

  /*background: #e4e4e4;*/

}

.submenu .submenu {

	position: absolute;

	left: 100%;

	top: 0px;

	transition: .5s linear;

	width: 300px;

}

.navbar .submenu {

  	-webkit-transform: scaleY(0);

  	-ms-transform: scaleY(0);

  	transform: scaleY(0);

  	-webkit-transform-origin: 0 0;

  	-ms-transform-origin: 0 0;

  	transform-origin: 0 0;

  	background: #fff;

}

.navbar li:hover .submenu {

  	-webkit-transform: scaleY(1);

  	-ms-transform: scaleY(1);

  	transform: scaleY(1);	

}

nav li:hover > .submenu {

	visibility: visible;

	opacity: 1;	

}

.navbar ul a {

  	color: #fff;

}

.submenu li a {

  	border-bottom: 1px solid rgba(36,163,216,.3);

  	color: #2f2f2f; 	/*Цвет ссылок в выпадающем меню*/

}

.submenu li a:hover {

  	color: #fff;

  	background: #24a3d8;	

}





/*---------------------------------------- СТРОКА ПОИСКА ----------------------------------------*/

.search-box{

	float:right;

	clear: right;

	position:relative;

	/*right:0px;

	top: 5px;*/

	width: 350px;

	height: 60px;

	text-align: right;

	margin: 0px;

}





/*---------------------------------------- BIG TITLE ----------------------------------------*/

.bigtitle-bg {

	height: 150px;

	width: 100%;

	background: url(../img/bigtitle-bg-150px-01.png) #2f647c;

}

.bigtitle-content {

	width: 1200px;

	/*height: 60px;*/

	margin: 0px auto;

	padding-top: 45px;

	text-align: center;

	color: white;

	font-size: 30px;

	font-weight: 100;

	text-transform: uppercase;

}

.hr-block {

	margin: 10px auto 0px;

    width: 80px;

    border-top: 1px solid #fff;

}





/*---------------------------------------- MIDDLE ----------------------------------------*/

.middle {

	margin: 0 auto;

	max-width: 1200px;

	line-height: 1.5;

}





/*---------------------------------------- ХЛЕБНЫЕ КРОШКИ ----------------------------------------*/

.breadcrumbs {

	/*margin: 0 auto;*/		/* Убираем отступы 

	max-width: 1200px;*/

	padding: 10px 0 10px 0; 	/* Поля вокруг текста */

	background: #fff; 		/* Цвет фона */

	border-bottom: 1px solid #cecece;



	font-size: 12px;

	color: #24a3d8;

} 

.breadcrumbs a { 

	color: #2f2f2f; 		/* Цвет ссылок */

	text-decoration: none; 	/* Убираем подчёркивание у ссылок */

	font-weight: 400;

}

.breadcrumbs a:hover { 

	color: #24a3d8; 		/* Цвет ссылок */

}

.breadcrumbs a::after {

	font-family: FontAwesome;

	content: '\f105'; 		/* Разделитель ссылок */

	color: #24a3d8; 		/* Цвет стрелок */

	padding: 0 7px; 		/* Расстояние вокруг разделителя */

}







/*---------------------------------------- BIG-BANNER ----------------------------------------*/

.big-banner {

	margin: 5px 0;

	width: 1200px;

	text-align: center;

	/*background: #cecece;*/

}

.big-banner img {

	height: 170px;

}

 * {

	box-sizing: border-box;

}

.slider {

	width: 100%;

	margin: 0 auto;

}

.slick-slide {

  	margin: 0px 20px;

}

.slick-slide img {

  	width: 100%;

}

.slick-prev:before,

.slick-next:before {

  	color: black;

}

.slick-slide {

  	transition: all ease-in-out .3s;

  	opacity: .2;

}

.slick-active {

  	opacity: .5;

}

.slick-current {

  	opacity: 1;

}





/*---------------------------------------- CONTENT & SIDEBAR ----------------------------------------*/

.content {

	float: left;

	width: 870px;

	margin: 30px 30px 0 0;

}

.sidebar-right {

	float: left;

	width: 300px;

	margin: 30px 0 30px 0;

}





/*---------------------------------------- CONTENT ITEMS ----------------------------------------*/

.content p{

	margin-bottom: 8px;

	/*text-align: justify;*/

}

.content table {

    /*background: #dc0;  Цвет фона таблицы */

    border: 1px solid #24a3d8;  /*Рамка вокруг таблицы */

	margin-bottom: 25px;

   }

.content  td, th {

    padding: 3px; /* Поля вокруг текста */

    border: 1px solid #24a3d8; /* Рамка вокруг ячеек */

   }

.content-item {

	width: 100%;

	margin: 0 0 30px 0;

	padding-bottom: 15px;

}

.datenews {

	float: right;

	color: #666666;

	font-size: 12px;

	text-align: right;

	padding-top: 8px; 			/*Чтобы выровнять с заголоком по нижнему краю*/

}

.datenews::before {

	font-family: FontAwesome;

	content: '\f274'; 

	color: #24a3d8;

	padding: 0 5px 0 0; 		/* Расстояние вокруг разделителя */		

}

.titlenews {

	color: #243238;

	width: 75%;

	font-size: 20px;

	font-weight: 400;

	/*line-height: 30px;*/

	text-transform: uppercase;

}

hr {

	border: none; 				/* Убираем границу */

    background-color: #24a3d8; 	/* Цвет линии */

    color: #24a3d8; 			/* Цвет линии для IE6-7 */

    height: 1px; 				/* Толщина линии */

	margin: 5px 0 10px 0;

}

.content img {

	object-fit: cover;

	overflow: hidden;

	width: 200px;

	height: 200px;

	/*background: #24a3d8;*/

	margin: 0 5px;

	border: #cecece 1px solid;

	/*border-radius: 5px;*/

	padding: 3px;

}

.content img.align-right {

	float: right;

	object-fit: cover;

	overflow: hidden;

	width: 200px;

	height: 200px;

	/*background: #24a3d8;*/

	margin: 0 0 0 5px;

	border: #cecece 1px solid;

	/*border-radius: 5px;*/

	padding: 3px;	

}

.content img.align-left {

	float: left;

	object-fit: cover;

	overflow: hidden;

	width: 200px;

	height: 200px;

	/*background: #24a3d8;*/

	margin: 0 5px 0 0;

	border: #cecece 1px solid;

	/*border-radius: 5px;*/

	padding: 3px;	

}

.content img.clear {

	width: auto; 					/*Автоматическая ширина изображения при наследуемой высоте 200px*/

	float: none;

	margin: 0 5px 0 0;

	padding: 3px;	

	border: #cecece 1px solid;	

}

.content img:hover {

	border: #24a3d8 1px solid;

}

.content a {

	color: #24a3d8;

	text-decoration: none;

}

.content a:hover {

	text-decoration: underline;

}

.content a.external-link::after {

	font-family: FontAwesome;

	content: '\f08e'; 				/* 	\f08e \f14c 	*/

	/*color: #24a3d8;*/

	padding: 0 0 0 5px; 			/* Расстояние вокруг разделителя */	 

	text-decoration: none;

	font-size: 14px;

}

.content li {

	list-style: none; 

	margin-left: 15px;

}

.content li::before{

	font-family: FontAwesome;

	content: '\f105'; 				/* Разделитель ссылок */

	color: #24a3d8;  			/* Цвет стрелок */

	margin-right: 8px;

	/*padding: 0 7px;*/  			/* Расстояние вокруг разделителя */	

}

.content li a {

	text-decoration: none;

	color: #243238;

	transition: .2s linear	

}

.content li a:hover {

	color: #24a3d8;

	text-decoration: none;

}





.section-list {

	font-size: 16px;

	font-weight: 200;

}

.section-list li {

	margin-bottom: 8px;

}





.contact-table {

	width: 850px;

    border: 0px solid #24a3d8;  /*Рамка вокруг таблицы */

	margin: 15px 0;

	font-size: 12px;

   }

.contact-table i {

    color: #24a3d8; 

   }

.contact-table h4 {

	margin-top: 25px;

	border-bottom: 1px solid #24a3d8;

	width: 670px;

}

.contact-table table{

	border: 0px;

	margin: 0px;

	background: #F4F4F4; 

}

.contact-table  td, th {

    border: 0px;

   }







.menu-page-included {

	color: #24a3d8;

	font-size: 20px;

	margin-bottom: 50px;

	text-align: right;

}



.menu-page-included a {

	color: #000;

	font-size: 16px;

  	font-weight: 300;	

	text-transform: uppercase;		

	border-bottom: 1px solid #ccc;

	margin: 0px 20px 0px 5px;

	display: inline-block;

}

.menu-page-included a:hover {

  	color: #ffffff;

  	background: #24a3d8;

	text-decoration: none;

	border-bottom: 1px solid #fff;

}





.table-border table {

    /*background: #dc0;  Цвет фона таблицы */

    border: 1px solid #ccc;  /*Рамка вокруг таблицы */

	margin: 10px 0 25px 0;

   }

.table-border  td, th {

    /*padding: 3px;  Поля вокруг текста */

    border: 0px solid #24a3d8; /* Рамка вокруг ячеек */

   }

.table-border i {

	color: #24a3d8;

}



/*---------------------------------------- SIDEMENU ----------------------------------------*/

sidenav {

  	float: left;

  	width: 300px;

	margin-bottom: 30px;

}

sidenav ul {

  	list-style: none; 

  	margin: 0;

  	padding: 0;

	list-style-position: outside; 	/* Маркер не обтекается текстом */

}

sidenav a {

  	display: block;

  	padding: 5px;

  	text-decoration: none;

  	outline: none;

  	transition: .3s linear;

}

.side-menu > li a{

  	display: block;

  	margin-bottom: 10px;

  	position: relative;

  	font-weight: 300;	

  	font-size: 14px;

	border-bottom: 1px solid #cccccc;

	color: #cccccc;

	/*text-transform: uppercase;*/

}

.side-menu > li:last-child {

  	margin-right: 0;

}

.side-menu li a:hover {

  	color: #ffffff; 				/*Цвет ссылки при наведении курсора*/

	border-bottom-color: #24a3d8;

  	background: #24a3d8;

}

.side-menu li a::before{

	font-family: FontAwesome;

	content: '\f105'; 				/* Маркер списка */

	margin-right: 5px;				/* Отступ справа от маркера */

	/*color: #24a3d8;*/  			/* Цвет маркера */

	/*padding: 0 7px;*/  			/* Расстояние вокруг маркера */	

}

.side-submenu {

	position: absolute;

	top: 100%;

	left: 0;

	width: 200px;

	z-index: 10;

	-webkit-transition: 0.5s ease-in-out;

	-moz-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

	text-transform: none;	

}

.side-submenu li {

	font-weight: 400;

	font-size: 14px;

}

.navbar-side ul {

  /*background: #e4e4e4;*/

}

.side-navbar .side-submenu {

  	-webkit-transform: scaleY(0);

  	-ms-transform: scaleY(0);

  	transform: scaleY(0);

  	-webkit-transform-origin: 0 0;

  	-ms-transform-origin: 0 0;

  	transform-origin: 0 0;

  	background: #fff;

}

.side-navbar ul li:hover .side-submenu {

  	-webkit-transform: scaleY(1);

  	-ms-transform: scaleY(1);

  	transform: scaleY(1);

}

.side-navbar ul a {

  	color: #2f2f2f;

}

.side-submenu li a {

  	border-bottom: 1px solid rgba(36,163,216,.3);

  	color: #2f2f2f; 			/*Цвет ссылок в выпадающем меню*/

}

.side-submenu li a:hover {

  	color: #fff;

  	background: #24a3d8;	

}

.banners-right {

	margin-top: 20px;

}

.clear{

	clear:both;

	content:"";

	display:block;

	height:0;

	font-size:0;

	overflow: hidden;

}







/*---------------------------------------- BANNERS-FOOTER ----------------------------------------*/

.banners-footer {

	margin-top: 30px;

	height: 45px;

	width: 100%;

	color: #323946;

	background: #c0c0c0;

	text-align: center;

}

.banners-box {

	width: 1200px;

	height: 45px;

	padding-top: 8px;

	margin: 0 auto;	

}

.banners-footer a {

	display: block;

	text-transform: uppercase;

	text-decoration: none;

	color: #323946;

	font-size: 12px;

	transition: .2s linear

}

.banners-footer a:hover{

	color: #24a3d8;

}







/*---------------------------------------- FOOTER ----------------------------------------*/

footer {

	/*margin-top: 30px;*/

	padding-top: 20px;

	height: 240px;

	width: 100%;

	color: #c0c0c0;

	background: #323946;

}

.footer-box {

	width: 1200px;

	height: 220px;

	margin: 0 auto;

}

.footer-item {

	float: left;

	width: 230px;

	margin: 15px 70px 0 0;

}

.footer-item-logo {

	float: left;

	width: 230px;

	margin: 15px 70px 0 0;

}

footer h1 {

	margin-bottom: 20px;

	color: #fff;

	font-size: 18px;

	border-bottom: 1px #24a3d8 solid;

	text-transform: none;

}

footer ul {

	list-style: none; 

  	margin: 0;

	padding: 0;	

	color: #c0c0c0;

	line-height:1.6;

}

footer a {

	text-decoration: none;

	color: #C0C0C0;

	transition: .5s linear

}

footer a:hover {

	color: #24a3d8;

}

.footer-item i {

	color: #24a3d8;

}

.copyright {

	width: 100%;

	height: 40px;

	background: #282e3a;

	text-align: center;

	padding-top: 15px;

	font-size: 12px;

}







.scrollup {

	width:48px;

	height:48px;

	opacity:0.7;

	position:fixed;

	bottom:50px;

	right:60px;

	display:none;

	text-indent:-9999px;

	background: url("../img/icon_top.png") no-repeat;

}
/*Скрыть панель Google Translate*/
body {
  top: 0 !important;
}
.skiptranslate {
  display: none;
  height: 0;
}
.language__img {
  cursor: pointer;
}