@import url(//fonts.googleapis.com/css?family=Roboto:300,400,700,400italic,700italic&subset=latin,cyrillic);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700,400italic,700italic&subset=latin,cyrillic);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
body { line-height: 1; }
/* ol, ul { list-style: none; } */
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End of Eric Meyer's CSS Reset */

.block { display:block; }

hr { color: #cccccc; background-color:#cccccc; border:0px none; height:1px; clear:both; }

.img-container img { 
	display:		block;
	max-width:		100%;	
	margin:			0 auto;
}

/* Контейнер
-----------------------------------------------------------------------------*/
body {
    font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif; 
	width: 			100%;
  	background-color: #ffffff;  
	min-width:		350px;    
}
.wrapper {
    font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif; 
    position: 		relative;
	width: 			100%;
	max-width:		1200px;
	margin: 		0 auto;	 
}

/* Header		
-----------------------------------------------------------------------------*/
.header {				  
    position: 		relative;
	width: 			100%;
	max-width:		100%;
	height: 		310px;
	background: 	#1f1746 url(img/tbg.jpg) repeat;
}
.headerWrapper {
    position: 		relative;
	width: 			100%;
	max-width:		100%;
	height: 		310px;
	background: 	#1f1746 url('img/tf1.jpg') top center no-repeat;
}
.headerContainer {
    position: 		relative;
	width: 			98%;
	max-width:		1200px;
	height: 		310px;
	margin: 		0 auto;	 
}
#logo {
    position: 		absolute;
	top:			20px; 
	left:			0;	
	width:			42%;
}
#logo img {
   max-width:		100%;
}
#topBanner {
    position: 		absolute;
	top:			12px; 
	right: 			0;
	width:			52%;	
	text-align:		right 
}
#topBanner img {
    max-width:		100%;
}

#nowContainer {
	display:		none;
    position: 		absolute;
	top:			120px; 
	left: 			0;
	height:			170px;
	width:			41%;	 
	background: 	#050b17;
}
#nowTitle {
    position: 		relative;
	height:			30px;
	width:			98%;	 
	background: 	#cb0131;
	text-align:		left;
	color:			#ffffff;
	font-size:		1.125em;
	text-transform: uppercase;
	padding:	    5px 0 0 2%;
} 
#nowTitle A, #nowTitle A:visited {COLOR:#ffffff; text-decoration:none;}
#nowTitle A:hover {COLOR:#ffff00;}
.nowInfo {
   	overflow:		auto; 
	height:			136px;    
	font-size:		0.875em;
	color:			#ffffff;
}
.nowInfo A, .nowInfo A:visited {COLOR:#4994df;}
.nowInfo A:hover {COLOR:#ffff00;}

#soonContainer {
	display:		none;
    position: 		absolute;
	top:			120px; 
	right: 			0;
	height:			170px;
	width:			41%;	 
	background: 	#050b17;
}
#soonTitle {
    position: 		relative;
	height:			30px;
	width:			98%;	 
	background: 	#edf24d;
	text-align:		left;
	color:			#08050c;
	font-size:		1.125em;
	text-transform: uppercase;
	padding:	    5px 0 0 2%;
} 
#soonTitle A, #soonTitle A:visited {COLOR:#08050c; text-decoration:none;}
#soonTitle A:hover {COLOR:#ff0000;}

#timeContainer {
    position: 		absolute;
	top:			110px; 
	left: 			41%;
	height:			140px;
	width:			18%;	 
	color:			#ffffff;
	text-align:		center;
}
#timeTime {
	font-size:		4em;
}			
#timeTime ul, #timeTime li { margin:0; padding:0; border:0; outline:0; background:transparent; }
#timeTime ul { 
    list-style:none; 
}
#timeTime ul li { 
    display:inline; 
    text-align:center; 
}
#timePoint { 
    position:relative; 
    -moz-animation:mymove 1s ease infinite; 
    -webkit-animation:mymove 1s ease infinite; 
    padding-left:5px; 
    padding-right:5px; 
}
#timeData {
	font-size:		1em;
	text-transform: uppercase;
}
					  
#phoneContainer {
    position: 		absolute;
	top:			245px; 
	left: 			41%;
	height:			50px;
	width:			18%;	 
	text-align:		center;	
}
#phoneTop {
    position: 		relative;
	width:			60%;	 	 
	height:			30px;
	color:			#d5e2eb;
	margin:			0 auto;
	padding-left:	40px;
	background: 	url('img/iconPhoneTop.png') top left no-repeat;
}
#phoneTop a, #phoneTop a:visited {color:#d5e2eb; text-decoration: none;}
#phoneTop a:hover {color:#d5e2eb;}

/* Главное меню		
-----------------------------------------------------------------------------*/
#menuToggle {
    position: 		relative;
    width: 			100%;
    max-width:		100%;	
	height:			40px;
    background: 	#314288;		  
}									  
#menuToggle a {
	text-decoration: none;
}
#trigger {					
	font-size:		1.2em;   
	color:			#ffffff;
	margin-left:	22px; 
	line-height:	2em;	
}
#menuToggle span {	  
	display: 		block;
	position:		absolute;
	right:			15px;
	top:			-1px;
	height:			30px;
	margin:			0;
	padding:		0;
	font-size:		3.5em;   
	color:			#ffffff;
}

#menuMainWrapper {
	display:		none;
}
#menuMainWrapper.normal {	  
    position: 		relative;
    width: 			100%;
    max-width:		100%;
    background: 	#314288;
    height:         60px;
}
#menuMainWrapper.fix {
	position:		fixed;
    top:			0; 
	left:			0;
    width:			100%;
    max-width:		100%;
    background: 	#314288;
    height:         60px;
    z-index:		990;
}
#menuMainContainer {
    position: 		relative;
    width: 			98%;
    max-width:		1200px;
    margin: 		0 auto;	
    height:			60px; 
}	  
#main-menu {
    position:relative;
    z-index:999;
    width:auto;
}

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
/*  	font-weight: normal; */
}
.sm-blue hr {
	color:			#314288;		  
	background-color: #314288;
	border: 		0;
	height:			1px;													
	clear:			both;						 
} 

/* Middle
-----------------------------------------------------------------------------*/
.middle {
    position: 		relative;
    width:          100%;
    max-width:		100%;
    overflow: 		hidden;	
}
.wrapper {
    position: 		relative;
    width: 			100%;
    max-width:		1200px;  
    margin: 		0 auto;	
}

/* Left Sidebar
-----------------------------------------------------------------------------*/

.leftSidebar {	 
	display:		none;
    position: 		relative;
    float: 			left;
    width: 			19%;
    padding:        10px 0;
}

#leftSocial {
    position: 		relative;  
	width:			100%;
	height: 		auto;
	padding:		10px 0;
}

.leftButton1 {
    position: 		relative;  
	width:			100%;
	height: 		32px;
	color:			#ffffff;
	background:		#314288;
	font-size:		1.125em;   
	text-align:		center;	   
	padding-top:	13px;
	margin-bottom:	5px;
}
.leftButton1 A, .leftButton1 A:visited {COLOR:#ffffff; text-decoration:none;}
.leftButton1 A:hover {COLOR:#ffff00;}

.leftButton2 {
    position: 		relative;  
	width:			100%;
	height: 		32px;
	color:			#ffffff;
	background:		#cb0131;
	font-size:		1.125em;   
	text-align:		center;	   
	padding-top:	13px;  
	margin-bottom:	5px;
}
.leftButton2 A, .leftButton2 A:visited {COLOR:#ffffff; text-decoration:none;}
.leftButton2 A:hover {COLOR:#ffff00;}

.leftButton3 {
    position: 		relative;  
	width:			100%;
	height: 		32px;
	color:			#000000;
	background:		#edf24d;
	font-size:		1.125em;   
	text-align:		center;	   
	padding-top:	13px;  
	margin-bottom:	5px;
}
.leftButton3 A, .leftButton3 A:visited {COLOR:#000000; text-decoration:none;}
.leftButton3 A:hover {COLOR:#ff0000;}

.leftNews {
    position: 		relative;  
	width:			100%;
	font-size:		1em;   
	text-align:		left;	   
}
.leftNewsTitle {
    position: 		relative;  
	width:			95%;
	height: 		30px;
	margin-top:		20px;
	padding:		5px 0 0 5%;
	color:			#ffffff;
	font-size:		1.125em;   
	background: 	#314288 url(img/leftNewsBg.jpg) top right no-repeat;
}
.leftNewsTitle a, .leftNewsTitle a:visited {COLOR:#ffffff; text-decoration:none;}
.leftNewsTitle a:hover {COLOR:#ffff00;}
.leftNewsDate {
    position: 		relative;  
	height: 		24px;
	color:			#cb0131;
	padding:		7px 0 0 30px;
	background: 	url(img/leftNewsDateBg.png) top left no-repeat;
}
.leftNewsText {
    position: 		relative;  
	width: 			94%;
	margin:			0 auto;
	font-size:		0.9375em;   
}
.leftNewsText a, .leftNewsText a:visited {color:#000000; text-decoration:none;}
.leftNewsText a:hover {COLOR:#ff0000;}

.leftPollings {
    position: 		relative;  
	width:			100%;
	font-size:		1em;   
	text-align:		left;	   
}
.leftPollingsTitle {
    position: 		relative;  
	width:			95%;
	height: 		30px;
	margin:			20px 0 14px 0;
	padding:		5px 0 0 5%;
	color:			#ffffff;
	font-size:		1.125em;   
	background: 	#314288 url(img/leftNewsBg.jpg) top right no-repeat;
}
.leftPollingsTitle a, .leftPollingsTitle a:visited {COLOR:#ffffff; text-decoration:none;}
.leftPollingsTitle a:hover {COLOR:#ffff00;}
.leftPollingsVoit {
    position: 		relative;  
	width: 			90%;
	padding:		10px 5%;
	font-size:		0.9375em;   
	background: 	#d5e2eb;
	margin-bottom:	12px;
}
.leftPollingsText {
	font-size:		0.9375em;   
}
.leftPollingsSubmit {
    position: 		relative;  
	width:			82%;
	height: 		40px;
	margin:			20px 9% 0 9%;
	padding:		10px 0;
	color:			#000000;
    font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif; 
	font-size:		1em;   
	background: 	#edf24d; 
	border:			0;
	text-transform: uppercase;
	cursor: 		pointer;
}
.leftPollingsLink {
    position: 		relative;  
	width:			100%;  
	text-align:		center;
	color:			#314288;
	font-size:		0.9375em;   
	margin-top:		10px;
}
.leftPollingsLink a, .leftPollingsLink a:visited {COLOR:#314288; text-decoration:none;}
.leftPollingsLink a:hover {COLOR:#ff0000;}
			 
.leftSearch {
    position: 		relative;  
	width:			100%;
	font-size:		1em;   
	text-align:		left;	   
}
.leftSearchTitle {
    position: 		relative;  
	width:			95%;
	height: 		30px;
	margin-top:		20px;
	padding:		5px 0 0 5%;
	color:			#ffffff;
	font-size:		1.125em;   
	background: 	#314288 url(img/leftNewsBg.jpg) top right no-repeat;
}
.leftSearch fieldset {
	width:			100%;
	margin-top:		10px;   
}
.leftSearch legend {
	color:			#314288;
	font-size:		0.875em;
}

.leftSearchContainer {
  	height:			35px;
	width:			100%;
	border:			1px solid #d5e2eb;							
	margin:			2px auto 0 auto;
	padding:		0;
}
.leftSearchContainer input[type="text"] {
   border: 			0;
   background: 		#ffffff !important;
   outline: 		none;
   height: 			33px;
   width: 			70%;
   color: 			#555555;
   font-size: 		0.9375em;	
   padding:			0;
   padding-left:	4px;
}
.leftSearchContainer input[type="submit"] {
   border: 			0;
   float:			right;					
   outline: 		none;
   height: 			33px;
   width: 			15%;
   background: 	    #ffffff url(img/search.png) center center no-repeat;
   cursor: 			pointer;  
}

.leftBanners {
    position: 		relative;  
	width:			100%;
	text-align:		center;	   
   	background: 	#d5e2eb;
	padding:		10px 0;
	margin:			25px 0;
}

.leftBanners ul{
	list-style: 	none;
	padding:		0;
	margin:			0;
}
.leftBanners li{
	display:		block;
    position: 		relative;  
	text-align:		center;	   
	padding:		5px 5px;
}

/* Slider
-----------------------------------------------------------------------------*/

.sliderWrapper {  
	width: 			100%;	
	max-width: 		100%;
/*	height:			350px;*/
	margin-top:		10px;
	background-color: #f2f2f2;  
}
.sliderContainer {
	width: 			100%;
	max-width:		100%;
/*	max-width:		1000px; */
	margin: 		0 auto;	 
/*	padding:		30px 0 30px 0; */
}


@media (min-width: 768px) {
    #menuMainWrapper {	  
	  	display:	block;
	}
    #nowContainer {	  
	  	display:	block;
	}
    #soonContainer {	  
	  	display:	block;
	}
    .leftSidebar {	
	  	display:	block;
	}
    #menuToggle {	  
	 	display:	none;
	}  
	
    #main-menu > li {
	 	float: none;
		display: table-cell;
		width: 1%;
		text-align: center;			
    }
    .sm-blue {
        background: #314288;		  
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0;
        -moz-box-shadow: 0;
        box-shadow: 0;
    }
    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        background: #314288;
        padding: 18px 8px;
    }
    .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
        padding: 18px 8px;
    }
    .sm-blue > li {
        border-left: 0;
    }
    .sm-blue a span.sub-arrow {
        display: none;
    }    
/*
    .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
        text-align: left;
    }
    .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
        text-align: left;
    }
*/
}

@media (min-width: 950px) {
    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        background: #314288;
        padding: 18px 20px;
    }
    .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
        padding: 18px 20px 18px 30px;
    }
}


/* Content
-----------------------------------------------------------------------------*/
.contentContainer {
    position: 		relative;
    width: 			79%;
    margin-left:    21%; 
    overflow: 		hidden;
}
.titleWrapper { 
	padding: 		20px 0 20px 0;
}
.title { 
	height:			35px;
  	background-color: #314288; 	 
	text-align:		center;
}
.titlePrint { 
	height:			35px;
	text-align:		center;
}
.title h1 {
 	color:			#d1d7df; 
	font-size:		1.125em; 
	font-weight:	normal; 
	padding:		4px 5px 0 5px;
}
.titlePrint h1 {
	font-size:		1.125em; 
	font-weight:	normal; 
	padding:		4px 5px 0 5px;
}

.content { 
    padding:        0 0 20px 0;
/*    font: 			normal 0.8125em "Roboto Condensed", Verdana, Arial, sans-serif;  */
}

.content p { 
    padding:        0 2% 0 2%;
}

.content table { 
/*    font: 			normal 0.8125em "Roboto Condensed", Verdana, Arial, sans-serif;  */
}

.content img {
	height: 		auto;
}

.social {  
    height:			40px;
    max-width:		400px;
    margin: 		0 auto;	
    font-size:		14px;
}


/* Announce
-----------------------------------------------------------------------------*/
.announceContainer {
    position: 		relative;
    width: 			100%;
	min-height:		300px;
	margin-bottom:	20px;
}
.announceLeft {
	position:		relative;
	float:			left;
    width: 			25%;
}
.announceRight {
	position:		relative;
	float:			left;
    width: 			75%;
}
.announceName {
	position:		relative;
	width:			98%;	
	height:			33px;
	background:		#050b17; 
	color:			#ffffff;
	text-transform: uppercase;
	padding:		12px 2% 0 2%;
}
.announceTitleContainer {
	position:		relative;
	width:			96%;	
	color:			#cb0131;
	padding:		0 2% 0 2%;  
}	  
.announceTitleContainer span {
	display:		block;
	position:		relative;
	float:			right;
	margin-top:		14px;
	color:			#324389;
}
.announceTitleContainer img {
	display:		block;
	position:		relative;
	float:			right;
	margin-left:	10px;
}
.announceTitle {
	position:		relative;
	width:			96%;	
	height:			43px;
	color:			#cb0131;
	padding:		27px 2% 0 2%;
}
.announceTitle span {
	display:		block;
	position:		relative;
	float:			right;
	color:			#324389;
}
.announceTitle img {
	display:		block;
	position:		relative;
	float:			right;
	margin-top:		-14px;
	padding-left:	9px;	
}

.announceText {
	position:		relative;
	width:			96%;	
	padding:		0 2% 0 2%;
}
.announceText font {    
  	font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif; 
}
/*
.announceText img {	 
   display:			block; 
   position:		relative;
   padding:	    	5px 5px 5px 5px;
   margin:	    	-120px 0 0 -38%;
   max-width:		35%;
}
*/
.announceImg {
    position: 		relative;
	width:			100%;
	min-height:		310px;
}
.announceImg2 {
    position: 		relative;
	width:			100%;
	min-height:		310px;
	margin-top:		45px;
}
.announceImg img {
   max-width:		100%;
	margin:			0 !important;
	padding:		0 !important;
}
.announceImg2 img {
   max-width:		100%;
	margin:			0 !important;
	padding:		0 !important;
}
.announceButton {
    position: 		relative;
	width:			100%;
	color:			#ffffff;
	font-size:		0.875em;
}
.announceButon {
/*
    position: 		absolute;
	bottom:			25px;
	left:			-34%;
	width:			34%;
*/
	position:		relative;
	width:			100%;
	color:			#ffffff;
	font-size:		0.875em;	 
	padding:		10px 0 0 0;
}

.announceButton1 {														
    position: 		relative;
	float:			left;
	width:			50%; 
	height:			35px;
	background:		#314288;
	padding:		15px 0 0 0;
	text-align:		center;
}
.announceButton1 a, .announceButton1 a:visited {COLOR:#ffffff; text-decoration:none;}
.announceButton1 a:hover {COLOR:#ffff00;}
.announceButton2 {
    position: 		relative;
	float:			left;
	width:			50%;   
	height:			35px;
	background:		#cb0131;
	padding:		15px 0 0 0;
	text-align:		center;
}
.announceButton2 a, .announceButton2 a:visited {COLOR:#ffffff; text-decoration:none;}
.announceButton2 a:hover {COLOR:#ffff00;}

/* News
-----------------------------------------------------------------------------*/
.newsContainer {
    position: 		relative;
    width: 			100%;
	min-height:		200px;		   
	margin-bottom:	20px;
}
.newsLeft {
	position:		relative;
	float:			left;
    width: 			25%; 
	height:			100%;		
}
.newsRight {
	position:		relative;
	float:			left;
    width: 			75%;
}

.newsNameContainer {
	position:		relative;
	width:			100%;	
	background:		#050b17; 
	color:			#ffffff;
	text-transform: uppercase;
	padding:		12px 2% 12px 2%;
	margin:			0 0 20px 0;
}
.newsName {
	position:		relative;
	width:			70%;	
	float:			left;
}
.newsDate {
	position:		relative; 
	width:			28%;	   	 
	margin-left:	70%;
}
													   
.newsText {
	position:		relative;
	width:			96%;	
	padding:		0 2% 0 2%;
}
.newsText font {    
  	font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif; 
}
/*
.newsText img {	 
   display:			block; 
   position:		relative;
   padding:	    	5px 5px 5px 5px;
   margin:	    	-70px 0 0 -38%;
   max-width:		35%;
} 
*/
.newsText2 {
	position:		relative;
	width:			96%;	
	padding:		0 2% 0 2%;
	min-height:		150px;		   
}
.newsText2 font {    
  	font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif; 
}
.newsText2 img {
	max-width:		100%;	  
}
.newsImg {
    position: 		relative;
	width:			100%;
	min-height:		150px;
} 
.newsImg2 {
    position: 		relative;
	width:			100%;
	min-height:		150px;
	margin-top:		45px;
}
.newsImg img {
	max-width:		100%;	  
	margin:			0 !important;
	padding:		0 !important;
}
.newsImg2 img {
	max-width:		100%;	  
	margin:			0 !important;
	padding:		0 !important;
}
.newsButon {
/*
    position: 		absolute;
	bottom:			25px;
	left:			-34%;
	width:			34%;
*/
	position:		relative;
	width:			100%;
	color:			#ffffff;
	font-size:		0.875em;
	padding:		10px 0 0 0;
}
.newsButton1 {
    position: 		relative;
	float:			left;
	width:			50%; 
	height:			35px;
	background:		#314288;
	padding:		15px 0 0 0;
	text-align:		center;
}
.newsButton1 a, .newsButton1 a:visited {COLOR:#ffffff; text-decoration:none;}
.newsButton1 a:hover {COLOR:#ffff00;}
.newsButton2 {
    position: 		relative;
	float:			left;
	width:			50%;   
	height:			35px;
	background:		#cb0131;
	padding:		15px 0 0 0;
	text-align:		center;
}
.newsButton2 a, .newsButton2 a:visited {COLOR:#ffffff; text-decoration:none;}
.newsButton2 a:hover {COLOR:#ffff00;}



/* Footer
-----------------------------------------------------------------------------*/
#footer {				 
    position: 		relative;
	height:			272px;
    width:          100%;
    max-width:		100%;
    overflow: 		hidden;	
	background: 	#1f1746 url('img/footerBg.jpg') top center no-repeat;
} 
#footerContainer {				 
    position: 		relative;
    width: 			100%;
    max-width:		1200px;  
    margin: 		0 auto;	
} 

#footerLogo {
    position: 		absolute;
	top:			15px; 
	left:			0;	
	width:			40%;
}
#footerLogo img {
    max-width:		100%;
}

#footerCopyright {			
    position: 		absolute;
	top:			245px;
	left:			3%;
	width:			30%;
	text-align:		left;
    font-size:      0.75em;
    color:          #ffffff;
} 
#footerSocial {
    position: 		absolute;
	top:			140px; 
	left:			8%;	
	width:			30%;
	height:			40px;
}
a.iconVk 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/vk.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconVk:hover {
    background-position: -35px 0;
}
a.iconFb 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/fb.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconFb:hover {
    background-position: -35px 0;
}
a.iconGp 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/gp.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconGp:hover {
    background-position: -35px 0;
}
a.iconWapp 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/wapp.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconWapp:hover {
    background-position: -35px 0;
}
a.iconTw 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/tw.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconTw:hover {
    background-position: -35px 0;
}
a.iconOd 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/od.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconOd:hover {
    background-position: -35px 0;
}
a.iconQu 	  {
    display: 		block;
	float:			left;
    width: 			35px;
    height: 		35px;
	background: 	url('img/qu.png') top left no-repeat;  
	margin:			0 0 0 10px;
}
a.iconQu:hover {
    background-position: -35px 0;
}

#footerCounts {			
    position: 		absolute;
	top:			180px; 
	left:			0;	
	width:			45px;
} 

#footerMenu {
    position: 		absolute;
	top:			30px; 
	left:			46%;	
	width:			25%;	 
	height:			230px;
	color:			#ffffff; 
}	   
.footerMenuTitle {
    position: 		relative;
	padding:		0 0 7px 15px;
	color:			#c1d5e1; 
}	   
#footerMenu ul {
	list-style: 	none; 
	margin:			0;
	padding:		0;
}
#footerMenu li {
  	padding: 		1px 0 1px 15px;
	margin-left:	2px;
	background: 	url('img/footerMenuBul.png') center left no-repeat;
}
#footerMenu a, #footerMenu a:visited {COLOR:#ffffff; text-decoration:none;}
#footerMenu a:hover {COLOR:#ffff00;}


#footerContacts {
    position: 		absolute;
	top:			30px; 
	right:			0;	
	width:			25%;	 
	height:			210px; 
	color:			#ffffff; 
}
#footerContacts a, #footerContacts a:visited {color:#ffffff; text-decoration: none;}
#footerContacts a:hover {color:#ff0000;}
.footerContactsTitle {
    position: 		relative;
	padding:		0 0 7px 35px;
	color:			#c1d5e1; 
}	   

#prioart {			
    position: 		absolute;
	top:			240px; 
	right:			0;	
	width:			25%;	 
	height:			20px; 
	color:			#999999;
	font-size:		0.875em;
}
#prioart a, #prioart a:visited {COLOR:#999999; text-decoration:none;}
#prioart a:hover {COLOR:#ffffff;}


.all {    
  	font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif;  
}

.allSmall {    
  	font-size:		0.8125em; 
}

.allBig {    
  	font-size:		1.25em; 
}

.all img {    
  	padding: 		0 10px; 
}		 

.setChannels h4 {
	text-align:		center;		
}


ul.tree li {list-style: none;}
ul.tree, ul.tree li, ul.tree ul, ul.tree li a {display: block; margin: 0; padding: 1px;}
ul.tree, ul.tree a {font: 1.0625em/1.1; line-height: 30px;}
ul.tree ul {padding-left: 8px;}
ul.tree li a {padding-left: 24px; display: inline; text-decoration: none; background: url(img/page.gif) center left no-repeat;}
ul.tree li span {border-bottom: 1px solid #bbd9f6; cursor: pointer;}
ul.tree li.treeFolderOpen ul{display: block;}
ul.tree li.treeFolderOpen a {background: url(img/folderopen.gif) center left no-repeat;}
ul.tree li.treeFolderClose ul {display: none;}
ul.tree li.treeFolderClose a {background: url(img/folder.gif) center left no-repeat;}
ul.tree li.treeFile a {background: url(img/page.gif) center left no-repeat;}

ul.tvideo li {list-style: none;}
ul.tvideo, ul.tvideo li, ul.tvideo li a {display: block; margin: 0; padding: 1px;}
ul.tvideo, ul.tvideo a {font: 14px/1.1 Arial, Helvetica; line-height: 18px;}
ul.tvideo li {padding-left: 20px;}
ul.tvideo li a {padding-left: 19px; padding-bottom: 4px; display: inline; text-decoration: none; background: url(img/pagevideo.gif) top left no-repeat;}
ul.tvideo li span {border-bottom: 1px solid #99C5F8; cursor: pointer;}


.gsInformer {
	max-width:		100%;	 
	margin:			0 auto;
    font: 			normal 100% "Roboto Condensed", Verdana, Arial, sans-serif !important; 
}


@media screen and (max-width: 1200px) {
/*
	.announceButton1, .announceButton2, .newsButton1, .newsButton2 {
		font-size:		0.8125em; 
	}
*/
}

@media screen and (max-width: 950px) {
	#timeTime {
		font-size:		3em;
	}	 


}

@media screen and (max-width: 800px) {
	.header, .headerWrapper, .headerContainer {	
/*		height: 		160px;  */
		height: 		125px;
	}
	#logo {
		width:			60%;
		top:			15px; 
	}
  	#topBanner, .nowInfo, .soonInfo {
    	display:		none;
  	}
	#timeContainer {
		top:			10px; 
		left: 			70%;
		width:			30%;	
	}
	#nowContainer{	 
		height:			30px;		  
		width:			50%;
		top:			125px; 
	}
	#soonContainer {	 
		height:			30px;
		width:			50%;
		top:			125px; 
	}
	#phoneContainer {
    	position: 		absolute;
		top:			85px; 
		left: 			13%;
		width:			60%;	 
		text-align:		left;
	}								 
	#phoneTop {
		width:			100%;	 	 
	}

	.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  		background: #314288;
  		background-image: linear-gradient(to bottom, #203384, #314288);
	}

	.leftSidebar {	   
    	float: 			none;
    	width: 			100%;
    	padding:        0 0 10px 0;
	}
	.contentContainer {
    	width: 			100%;
    	margin-left:    0; 
	}
	.leftNews, .leftPollings, .leftBanners, .sliderWrapper {
    	display:		none;
	}
	.leftButton1, .leftButton2, .leftButton3 {
		float:			left;
		width:			29%;
		padding-top:	10px;
		margin-left:	3%;
    }
	#leftSocial {
		width:			200px;
		margin:			0 auto;
    }
	.leftSearch fieldset {
		float:			left;
		width:			45%; 
		margin-left:	3%
	}

	#footer {				 
		height:			330px;
	} 

	#prioart {			
		top:			290px; 
		width:			35%;	 
	}
	#footerCopyright {
		top:			299px; 
		width:			35%;	 
	}


}

@media screen and (max-width: 767px) {
	#menuMainWrapper.normal, #menuMainContainer {
    	height:         345px;
    	width: 			100%;
	}
}

@media screen and (max-width: 599px) {
	.header, .headerWrapper, .headerContainer {	
		height: 		220px;
	}
	#logo {
		width:			100%;
		top:			5px; 
	}  
	#timeContainer {
		top:			90px; 
		left: 			0;
		width:			100%;	
		height:			90px;
	}
	#nowContainer{	 
		top:			185px; 
	}
	#soonContainer {	 
		top:			185px; 
	}
	#phoneContainer {
    	position: 		absolute;
		top:			70px; 
		left: 			0;
		width:			100%;
	}								 
	#phoneTop {
		width:			130px;	 	 
		margin:			0 auto;	 
	}
	.leftButton1, .leftButton2, .leftButton3 {
		float:			none;
		width:			90%;
		padding-top:	10px;
		margin:			5px auto;
    }
	.leftSearch fieldset {
		float:			none;
		width:			96%; 
		margin:			5px auto;
	}
	.announceLeft, .newsLeft {
		float:			none;
    	width: 			100%;	
		min-height:		50px;
	}
	.announceRight, .newsRight {
		float:			none;
    	width: 			100%;
	}
	.announceImg, .newsImg {
		display:		none;
	}
	.announceButton1, .announceButton2, .newsButton1, .newsButton2 {
		font-size:		1em;
    }
	.announceText img, .newsText img, .newsText2 img{	 
   		padding:	    5px 5px 5px 5px;
   		margin:	    	0;
   		max-width:		50%;
	}						
	.announceButon, .newsButon { 
		position:		relative;
		top:			0;
		left:			0;
		width:			100%;
	}	 
	
	

	#footerMenu {
		display:		none;
	}					
	#footerLogo {
    	position: 		relative;
		width:			100%;	 
		text-align:		center;	 
	}
	#footerSocial {
    	position: 		relative;
		width:			200px;	   
		top:			0;
		left:			0;
		margin:			10px auto;
	}
	#footerContacts {
    	position: 		relative;
		width:			50%;
		top:			0;
		margin:			5px auto;			 
	}
	#footerCounts {
    	position: 		relative;
		width:			100%;
	}
	#footerCopyright {			
    	position: 		relative; 
		float:			left;
		width:			40%;
		top:			0;
		left:			0;	 
		margin-left:	2%
	}
	#prioart {			
    	position: 		relative;
		float:			right;
		width:			55%;
		top:			0;
		margin:			0 2% 10px 0;
	}
	#footer {				 
		height:			auto;
	} 	
}


a.iconTlg 	  {
    display: 		block;
    float:		left;
    width: 		35px;
    height: 		35px;
    background: 	url('img/iTlg.png') top left no-repeat;  
    margin:		0 0 0 10px;
}
a.iconTlg:hover {
    background-position: -35px 0;
}

.socialPresent {
    float:              left;
    line-height:        24px;
    padding-right:      10px;
}


#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;   
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_notification p{
  margin: 10px;
  font-size: 0.85rem;
  text-align: left;
}
@media (min-width: 576px){
  #cookie_notification.show{
/*    display: flex; */
    display: block;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}
@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}



#consentModal {
    width: 90%; height: 90%;
    max-width: 800px;
    padding: 18px 9px;
    border-radius: 4px;
    background: #fafafa;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: 999;
    overflow: auto;
/*    text-align: center; */
}
#consentModal #consentModal__close {
    width: 21px; height: 21px;
    position: absolute;
    font-size: 29px;
    top: 1px; right: 11px;
    cursor: pointer;
    display: block;
}
#consentOverlay {
    z-index: 998;
    position: fixed;
    background: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: pointer;
    display: none;
}