@font-face
{
  font-family: "Exo2";
  src: url('fonts/Exo2/regular/regular.eot');	
  src: url('fonts/Exo2/regular/regular.eot?#iefix') format('embedded-opentype'),
  	   url('fonts/Exo2/regular/regular.woff') format('woff'),
	   url('fonts/Exo2/regular/regular.ttf') format('truetype'),
	   url('fonts/Exo2/regular/regular.svg#Exo2') format('svg');
  
  font-style:normal;
  font-weight:normal;  
}
html{height:100%;}
body{height:100%;padding:0px;margin:0px;}
#BODY {
    height: auto !important;
    min-height: 90%;
    min-width: 320px;
	background-color: #ffffff;
	color: #000000;
	position: relative;
	float: left;
	width: 100%;
	font-size: 10.5pt;
	padding: 0;
	margin:0;
	overflow-x: hidden;
	font-family: sans-serif;	
}
div.color_panel{
	background:#2f2f2f;
	width:211px;
	border-bottom-right-radius:2px;
	padding:0px 17px 20px;
	color:#ffffff;
	min-height: 100px;
	position: fixed;
	z-index: 9000;
	left:-245px;
	top:110px;
}
#BODY .color_panel h2{
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    display: block;
	float:left;
    font-size: 12.75pt;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding-left: 0px;
    width: 273px;	
	border-right:2px solid #018cde;
	padding:0;
	font-family:sans-serif, Arial, Helvetica, sans-serif;
	font-weight:400px;
	font-family: sans-serif;
}
#BODY .color_panel h2 a {
	background:#1c1c1c;
    color: #0093e8;
    display: block;
    float: right;
    height: 45px;
    text-decoration: none;
    width: 45px;
	cursor:pointer;
	text-align:center;
	border-bottom: 0 none;
	position:relative;
}
*:first-child+html #BODY .color_panel h2 a{margin-top:-45px;}
#BODY .color_panel h2 .fa {
	/*width:24px;
	height:23px;*/
	display:inline-block;
   /* background-image:url("images/chest.png");
	background-repeat:no-repeat;
	background-position: center center;*/
	margin-top:10px;
	font-size:21pt;
	line-height:19pt;
}
#BODY .color_panel h2 a:hover .fa-cog {
	-webkit-animation:spin 2s infinite linear;
	-moz-animation:spin 2s infinite linear;
	-o-animation:spin 2s infinite linear;
	animation:spin 2s infinite linear;	
}

@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

span.spc_text{
	font-family:sans-serif, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:12pt;
	display:inline-block;
	width:100%;
}
.color_panel div.color_list{
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:auto;
	padding-top:20px;
}
span.colel{
	display:block;
	position:relative;
	float:left;
	width:100%;	
}
#BODY .color_panel div.color_list a{
	display:block;
	position:relative;
	float:left;
	width:206px;
	border:2px solid #2f2f2f;	
	height:30px;
	line-height:30px;
	color:#ffffff;
	margin-top:2px;
	margin-bottom:4px;
	text-align:center;
}
#BODY .color_panel div.color_list a:hover,#BODY .color_panel div.color_list a.act_color{
	border:2px solid #ffffff;	
}
#BODY .color_panel div.color_list a.act_color{cursor:default;}
#BODY .color_panel div.color_list a.media_black{
	background:#19232d;
}
#BODY .color_panel div.color_list a.media_blue{
	background:#00b1ef;
}
#BODY .color_panel div.color_list a.media_green{
	background:#40a43b;
}
#BODY .color_panel div.color_list a.media_yellow{
	background:#ffd703;
}
#BODY .color_panel div.color_list a.media_orange{
	background:#f47b20;
}
#BODY .color_panel div.color_list a.media_red{
	background:#e3022e;
}
#BODY .color_panel div.color_list a span{
	display:inline-block;
	width:92px;
	height:20px;
	margin-top:5px;
	line-height:20px;
	background:#19232d;
	background:rgba(25,35,45,0.6);	
	border-radius:3px;
}

/*top panel*/
div#screen_panel{
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
	min-height: 50px;
	background:#2f2f2f;
	top:0;
}
div#screen_panel+div#BODY{
	margin-top:50px;
}
div#screen_panel .SiteAlignArea{
	max-width: 1200px;
    padding: 0 7px;	
	margin:0 auto;
	width: auto;
	position:relative;
	font-family: sans-serif,Arial,Helvetica,sans-serif;
	color:#ffffff;
	font-size: 10.5pt;
}
span.right_control{
	display:inline-block;
	float:left;
	text-align:center;
	width:160px;
	border-left:1px solid #4c4c4c;
	height:50px;
	line-height:50px;
}
span.right_control_sc{
	display:inline-block;
	float:left;
	text-align:center;
	height:50px;
	line-height:50px;
	padding-left:10px;
	padding-right:10px;
}
div#screen_panel a.make_now{
	display:inline-block;
	height:31px;
	line-height:31px;
	padding-left:12px;
	padding-right:12px;	
	background:#e54e53;
	border-radius:2px;
	text-decoration:none;
	color:#ffffff;
	border-bottom:0px;
	margin-top:9px;
	margin-bottom:10px;
}
div#screen_panel a.make_now:hover{background:#e53553;}
div.right_panel{
	display:inline-block;
	float:right;
}
div.left_panel{
	display:inline-block;
	float:left;
	width:50%
}
div#screen_panel div.left_panel a{
	display:inline-block;
	float:left;
	height:44px;
	padding-left:10px;
	padding-right:10px;
	background:#767676;
	text-decoration:none;
	border-bottom:0px;
	padding-top:6px;
	margin-right:4%;
}
div#screen_panel div.left_panel a img{border:0}
.container_v {
      display: table-cell;
      vertical-align: middle; 
	  height:50px;
}
*+html .auxiliary {
      display: inline-block;
      vertical-align: middle;
      width: 0px;
      height: 100%;
}
*+html .container_v div {
      display: inline-block;
      vertical-align: middle;
}
*+html .container_v div, .auxiliary {
      display: inline;
}
div#screen_panel span.right_control_sc a{
    display: inline-block;
	height:100%;
	padding-left:10px;
	padding-right:10px;		
	cursor:pointer;
	text-decoration:none;
	border-bottom:0px;
}
div#screen_panel span.right_control_sc a:hover{
	background:#767676;	
}
span.mon_b,span.mon_pl,span.mon_plv,span.mon_sm,span.mon_smv{
	display:block;
	position:relative;
	float:left;
	background-image:url("images/cs_sprite.png");
	background-repeat:no-repeat;
}
span.mon_b{
	width:31px;
	height:31px;
	background-position:0 0;
	top:11px;
}
div#screen_panel span.right_control_sc a:hover span.mon_b,div#screen_panel span.right_control_sc a.act_sc span.mon_b{
	background-position:0 -31px;
}
span.mon_pl{
	width:26px;
	height:19px;
	background-position:-34px 0;
	top:17px;
}
div#screen_panel span.right_control_sc a:hover span.mon_pl,div#screen_panel span.right_control_sc a.act_sc span.mon_pl{
	background-position:-34px -31px;
}
span.mon_plv{
	width:20px;
	height:25px;
	background-position:-63px 0;
	top:14px;
}
div#screen_panel span.right_control_sc a:hover span.mon_plv,div#screen_panel span.right_control_sc a.act_sc span.mon_plv{
	background-position:-63px -31px;
}
span.mon_sm{
	width:16px;
	height:9px;
	background-position:-86px 0;
	top:22px;
}
div#screen_panel span.right_control_sc a:hover span.mon_sm,div#screen_panel span.right_control_sc a.act_sc span.mon_sm{
	background-position:-86px -31px;
}
span.mon_smv{
	width:9px;
	height:15px;
	background-position:-105px 0;
	top:19px;
}
div#screen_panel span.right_control_sc a:hover span.mon_smv,div#screen_panel span.right_control_sc a.act_sc span.mon_smv{
	background-position:-105px -31px;
}
div#screen_panel span.right_control_sc a.act_sc{cursor:default;}

div#screen_panel a.close_panel{
	display:inline-block;
	position:relative;
	height:20px;
	line-height:11px;
	padding-left:24px;
	padding-right:12px;	
	text-decoration:none;
	color:#968d8d;
	border-bottom:0px;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:0px;
	text-decoration:none;
	/*background-image:url("images/cs_sprite.png");
	background-repeat:no-repeat;	
	background-position:-119px 0px;	*/
}
div#screen_panel a.close_panel:hover{color:#ffffff;/*background-position:-119px -31px;*/}
div#screen_panel a.close_panel b{
	position:absolute;
	display:block;
	left:-4px;
	top:-4px;
	font-size:14pt;
}

@media screen and (max-width:1125px)
{
	div.left_panel{
		width:43%;
	}
}
@media screen and (max-width:990px)
{
	div.left_panel{
		width:100%;
		margin-bottom:5px;
	}
	div.right_panel{
		float:left;
		width:100%;
	}	
	div#screen_panel+div#BODY{
		margin-top:105px;
	}	
	div.desktop{
		min-height:81%!important;
	}	
}
@media screen and (max-width:600px)
{
	span.right_control_sc{
	  width:100%;
	}
	span.right_control{border-left:0px;width:50%;}	
	div#screen_panel+div#BODY{
		margin-top:155px;
	}		
	div.desktop{
		min-height:71%!important;
	}
	#BODY{overflow:hidden}
}
@media screen and (max-width:340px)
{
	span.right_control{
	  width:100%;
	}	
	div#screen_panel+div#BODY{
		margin-top:205px;
	}	
	div.desktop{
		min-height:62%!important;
	}	
}
#BODY iframe{
	border:0px;
}

div.plansh,div.planshv,div.smart,div.smartv{
	background-image:url("images/back_pan.gif");
	background-repeat:repeat;
	min-height:94.8%!important;
}
div.plansh div.inner_body{
	width:1024px;
	height:800px;
	margin:0 auto;
	padding-left:41px;
	padding-top:39px;
	padding-bottom:36px;
	padding-right:118px;
	background-image:url("images/plansh.png");
	background-repeat:no-repeat;
	margin-top:25px;
}
div.plansh {
	min-width:1170px!important;
}
div.plansh div.inner_body #ScIframe{
	width:1024px!important;
	height:800px!important;	
}

div.planshv div.inner_body{
	width:801px;
	height:960px;
	margin:0 auto;
	padding-left:36px;
	padding-top:87px;
	padding-bottom:118px;
	padding-right:38px;
	background-image:url("images/planshv.png");
	background-repeat:no-repeat;
	margin-top:12px;
}
div.planshv {
	min-width:875px!important;	
}
div.planshv div.inner_body #ScIframe{
	width:801px!important;
	height:960px!important;	
}

div.smart div.inner_body{
	width:796px;
	height:480px;
	margin:0 auto;
	padding-left:87px;
	padding-top:37px;
	padding-bottom:37px;
	padding-right:118px;
	background-image:url("images/smart.png");
	background-repeat:no-repeat;
	margin-top:50px;
}
div.smart {
	min-width:1001px!important;
}
div.smart div.inner_body #ScIframe{
	width:796px!important;
	height:480px!important;	
}

div.smartv div.inner_body{
	width:500px;
	height:796px;
	margin:0 auto;
	padding-left:42px;
	padding-top:87px;
	padding-bottom:118px;
	padding-right:38px;
	background-image:url("images/smartv.png");
	background-repeat:no-repeat;
	margin-top:25px;
}
div.smartv {
	min-width:560px!important;	
}
div.smartv div.inner_body #ScIframe{
	width:500px!important;
	height:796px!important;	
	margin-left:-7px;
}

#msg { 
    color: red; /* Цвет текста */ 
    display: none; /* Прячем сообщение */
   }