
/*RESET*/

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,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*---- RESET ------*/

/*FONTS*/
@font-face {
	font-family: 'MPT';
	src: url('../fonts/myriad-set-pro_thin/myriad-set-pro_thin.eot');
	src: url('../fonts/myriad-set-pro_thin/myriad-set-pro_thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/myriad-set-pro_thin/myriad-set-pro_thin.woff') format('woff'),
		 url('../fonts/myriad-set-pro_thin/myriad-set-pro_thin.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RCL';
	src: url('../fonts/RobotoCondensed-RegularensedLight/RobotoCondensedLight.eot');
	src: url('../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensedLight/RobotoCondensedLight.woff') format('woff'),
		 url('../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RCR';
	src: url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot');
	src: url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff') format('woff'),
		 url('../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RL';
	src: url('../fonts/RobotoLight/Roboto-Light.eot');
	src: url('../fonts/RobotoLight/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoLight/Roboto-Light.woff') format('woff'),
		 url('../fonts/RobotoLight/Roboto-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RT';
	src: url('../fonts/RobotoThin/Roboto-Thin.eot');
	src: url('../fonts/RobotoThin/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoThin/Roboto-Thin.woff') format('woff'),
		 url('../fonts/RobotoThin/Roboto-Thin.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RB';
	src: url('../fonts/RobotoBold/Roboto-Bold.eot');
	src: url('../fonts/RobotoBold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoBold/Roboto-Bold.woff') format('woff'),
		 url('../fonts/RobotoBold/Roboto-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RR';
	src: url('../fonts/RobotoRegular/Roboto-Regular.eot');
	src: url('../fonts/RobotoRegular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoRegular/Roboto-Regular.woff') format('woff'),
		 url('../fonts/RobotoRegular/Roboto-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'RM';
	src: url('../fonts/RobotoMedium/Roboto-Medium.eot');
	src: url('../fonts/RobotoMedium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoMedium/Roboto-Medium.woff') format('woff'),
		 url('../fonts/RobotoMedium/Roboto-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'OSSR';
	src: url('../fonts/OpenSansRegular/OpenSansRegular.eot');
	src: url('../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/OpenSansRegular/OpenSansRegular.woff') format('woff'),
		 url('../fonts/OpenSansRegular/OpenSansRegular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'OSSB';
	src: url('../fonts/OpenSansBold/OpenSansBold.eot');
	src: url('../fonts/OpenSansBold/OpenSansBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/OpenSansBold/OpenSansBold.woff') format('woff'),
		 url('../fonts/OpenSansBold/OpenSansBold.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
/* --- FONTS ---*/

body{
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	color:#444;
}
body a,
body img,
body button{
	outline:0 none !important;
	border:0 none !important;
	display:inline-block;
	*display:inline;
	zoom: 1;
}
body input[type="radio"],
body button:focus{
    outline: none;
    border: 0 !important;
}
iframe[name="google_conversion_frame"] 
{
   display: none !important;
}
/*body input[type="text"]{
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
body input[type="text"]:focus{
	  -moz-box-shadow: 0 0 1px rgba(84,189,255,1);
	  -webkit-box-shadow:0 0 1px rgba(84,189,255,1);
	  box-shadow: 0 0 1px rgba(84,189,255,1);
}*/
.container {
  width: 1000px;
  position: relative;
  left: 50%;
  margin-left: -500px;
  padding: 0;
}
 .clearfix:after,
 .container:after {
	content: "";
	display: table;
	clear: both;
}

/*MENU MAIN STYLING*/
.head_up{
	width: 100%;
	background-color: #003c60;
}
.main_menu{
	padding-left: 100px;
}
.main_menu li{
	float: left;
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}
.main_menu a{
	display: block;
	height: 34px;
	line-height: 34px !important;
	text-decoration: none;
	padding: 0 25px;
	text-align: center;
	font:15px Arial;
	color: #fff;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.main_menu li.active{
	border-bottom: 4px solid #007ac3;
	border-right:1px solid #007ac3;
	border-left:1px solid #007ac3;
}
.main_menu li:hover{
	border-bottom: 4px solid #007ac3;
}

/*////////////////////*/

/*BUTTON COMMON STYLING*/
.button{
	width: 120px;
	height: 37px;
	text-align: center;
	background-color: #d03f3f;
	font:17px "RCL", Arial;
	color: #fff;
	border-bottom: 2px solid #934141;
	cursor: pointer;
	margin-left: 15px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.button:hover{
	background-color: #F64A4A;
}
.button:active{
	background-color: #934141;
}
/*//////*/
/*AUTHORIZATION STYLING*/
.head_auth{
	width: 100%;
	background-color: #fff;
	height: 70px !important;
}
.logo{
	position: relative;
}
.logo a{
	display: block;
	margin-right: 8px;
	position: absolute;
	top: -10px;
}

.logo p{
	padding-left: 100px;
	float: left;
	height: 66px;
	padding-top: 20px;
	font:14px Arial;
	color: #484848;
	line-height: 20px;
}
.controls{
	float: right;
}
.controls a{
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	text-decoration: none;
	text-transform: uppercase;
	font:12px "OSSR", Arial;
	color: #636366;
	text-align: center;
	margin-top: 20px;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
	height: 32px;
	line-height: 32px !important;
}
.controls a:active{
	background-color: #317DA6 !important;
}
.controls a.lang{
	border:1px solid #d6d6d6 !important;
	width: 32px;
	margin-right: 5px;
}
.controls a.lang + a{
	margin-right: 0;
}
.controls a.lang:hover{
	background-color: #40a2d7;
	color: #fff;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.controls a.active{
	color: #fff;
	background-color: #40a2d7;
}
.controls a.enter{
	width: 80px;
	margin-right: 60px;
	background-color: #40a2d7;
	color: #fff;
}
.controls a.enter:hover{
	background-color: #46B1E4 !important;
}
.phones{
	position: absolute;
	top: 20px;
	left: 400px;
}
.phones span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px !important;
	margin-right: 15px;
}
.phones span+span{
	margin-right: 0;
}
.phones span img{
	float: left;
	margin-right: 6px;
}

/*-----------------*/

/*SUBMENU CSS*/
.head_auth .submenu{
	-webkit-border-radius: 0 0 4px 4px; 
	-moz-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	border:1px solid #bfc1c3;
	border-top:none;
	position: absolute;
	left: 80px !important;
	bottom: -29px;
	background: #d7d7d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #d7d7d7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d7d7d7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d7d7d7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d7d7d7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d7d7d7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.submenu li{
	float: left;
	border-right:1px solid #bfc1c3;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.submenu li.href_last{
	border-right: none !important;
}
.submenu li.href_last2{
	border-right: none !important;
	font-size: 10px;
}
.submenu li.href_last2 a{
	font-size: 11px;
	display: table-cell;
	vertical-align: middle;
	line-height: 20px !important;
}
.submenu li.href_last > a{
	-webkit-transition: 0.15s all ease;
	-o-transition: 0.15s all ease;
	transition: 0.15s all ease;
	-webkit-border-radius: 0 4px 4px 0; 
	-moz-border-radius: 0 4px 4px 0; 
	border-radius: 0 4px 4px 0; 
	color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c90000+2,ce7d7d+100 */
background: #c90000; /* Old browsers */
background: -moz-linear-gradient(top,  #c90000 2%, #ce7d7d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#c90000), color-stop(100%,#ce7d7d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c90000 2%,#ce7d7d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c90000 2%,#ce7d7d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c90000 2%,#ce7d7d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c90000 2%,#ce7d7d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#ce7d7d',GradientType=0 ); /* IE6-9 */
}
.submenu li a{
	display: block;
	text-align: center;
	height: 44px;
	line-height: 44px !important;
	text-decoration: none;
	color: #333;
	font:13px "OSSR", Arial;
	text-transform: uppercase;
	padding:0 20px;
}
.submenu li.active {
	  -moz-box-shadow: inset 0 -3px 1px #bfc1c3;
	  -webkit-box-shadow:inset 0 -3px 1px #bfc1c3;
	  box-shadow: inset 0 -3px 1px #bfc1c3;
	  filter:
				  progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=45, Strength=1)
	        progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=135, Strength=1)
	        progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=225, Strength=1)
	        progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=315, Strength=1);
}

.submenu li:hover{
	  -moz-box-shadow: inset 0 -3px 1px #bfc1c3;
	  -webkit-box-shadow:inset 0 -3px 1px #bfc1c3;
	  box-shadow: inset 0 -3px 1px #bfc1c3;
	  filter:
				  progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=45, Strength=1)
	        progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=135, Strength=1)
	        progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=225, Strength=1)
	        progid:DXImageTransform.Microsoft.Shadow(color='#bfc1c3', Direction=315, Strength=1);
}
/*------------------*/


/*HOME COMPLECT STYLING*/
header{
	width: 100%;
	background-image: url(../img/complect_home/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:80px;
	min-height: 320px
}
header .theme{
	position: absolute;
	top: 25px;
	text-align: center;
	width: 640px;
}
.theme a.btn-theme{
		position: absolute;
		bottom: 25px;
		right: 40px;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	width: 265px;
	height: 64px;
	line-height: 64px !important;
	display: inline-block;
	text-align: center;
	background-color: #f38100;
	-webkit-transition: 0.15s all ease;
	-o-transition: 0.15s all ease;
	transition: 0.15s all ease;
	color: #fff;
	font:34px "RCR";
	margin-top: 28px;
	border-bottom: 2px solid #C76A00 !important;
}
.theme a.btn-theme:hover{
	background-color: #FF8800;
}
.theme a.btn-theme:active{
	background-color: #C76A00;
}
header h1{
	text-align: center;
	font:64px "OSSB";
	color: #f5f5f5;
	margin-bottom: 5px;
}
header h2{
	font:36px "RT", Arial;
	color: #f5f5f5;
	text-align: center;
	margin-bottom: 20px;
}
header .slogan{
	float: left;
	margin-top: 30px;
	margin-left: 60px;
}
header .head_pc{
	position: absolute;
	right: 0px;
	top: 170px;
}
.tarif_section{
	padding-bottom: 30px;
	width: 100%;
	background: url(../img/complect_home/pattern_bg.jpg) center top;
}
.disctrict_choice{
	margin-bottom: 60px;
	padding: 15px 20px;
	width: 520px;
	  background-color: #fff; /* obligatory for ie */
	  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.32);
	  -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.32);
	  box-shadow: 1px 1px 1px rgba(0,0,0,0.32);
	  filter:
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=1);
}
.disctrict_choice p{
	float: left;
	font:17px "RL", Arial;
	color: #555555;
	padding-top: 10px;
	margin-right: 10px;
}
.disctrict_choice select{
	padding: 10px 0px;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
	font:16px "RCR", Arial;
	color: #555;
	background-color: #f6f6f6;
	width: 220px;
	padding-left: 10px;
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	border:1px solid #cfcfcf;
  -moz-box-shadow:inset 4px 4px 8px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset4px 4px 8px rgba(0,0,0,0.1);
  box-shadow:inset 4px 4px 8px rgba(0,0,0,0.1);
  filter:
				  progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=45, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=225, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=315, Strength=2);
}
.disctrict_choice select:hover{
	-moz-box-shadow:inset 4px 4px 12px rgba(0,0,0,0.2);
  -webkit-box-shadow:inset4px 4px 12px rgba(0,0,0,0.2);
  box-shadow:inset 4px 4px 12px rgba(0,0,0,0.2);
  filter:
				  progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=45, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=225, Strength=2)
	        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=315, Strength=2);
}

.disctrict_choice a{
	text-decoration: none;
	color: #0079c2;
	font:15px "RCL", Arial;
	display: inline-block;	
	margin-top: 5px;
}
.disctrict_choice a:hover{
	color: #0087DB;
}
.disctrict_choice a img{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}
.tarif_section h2{
	color: #333333;
	font:45px "RL", Arial;
	text-align: center;
	margin-bottom: 40px;
}
.tarif_block{
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px; 
	width: 240px;
	float: left;
	margin-right: 10px;
	  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.17);
	  -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.17);
	  box-shadow: 5px 5px 5px rgba(0,0,0,0.17);
	  filter:
		        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=2)

}
.tarif_block h3{
	position: relative;
	color: #333;
	font:24px "RR", Arial;
	background-color: #f5f5f5;
	-webkit-border-radius: 15px 15px 0 0 ; 
	-moz-border-radius: 15px 15px 0 0 ; 
	border-radius: 15px 15px 0 0 ; 
	padding-top: 5px;
	border-bottom: 1px solid #e4e4e4;
}
.tarif_block h3 img.ribbon{
	position: absolute;
	left: 0;
	top: 0;
}
.tarif_block .block{
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
}
.tarif_block .tv_section2{
	height: 60px;
}
.tarif_block .free_telephony{
	height: 65px;
}
.tarif_block .block a{
	font:14px Arial;
	color: #0079c2;
	text-decoration: none;
	margin-top: 5px;
}
.tarif_block .block a:hover{
	text-decoration: underline;
}
.tarif_block .block a img{
	float: left;
	margin-top:1px;
	margin-right: 5px;
}
.tarif_block .block p{
	font:16px Arial;
	color: #666;
}
.tarif_block .block p span{
	color: #98b100;
	font:25px Arial;
	font-weight: bold;
}
.tarif_block .block p img{
	margin-right: 5px;
	cursor: pointer;
}
.tarif_block .block p i{
	display: none;
}
.tarif_block .term{
	padding:10px 0;
}
.tarif_block .term p{
	font:17px "RR", Arial;
	color: #555;
	margin-bottom: 5px;
}
.tarif_block .term  label{
	font:16px "RL", Arial;
	color: #555;
	cursor: pointer;
}
.tarif_block .price{
	background: url(../img/complect_home/price_bg.jpg) no-repeat center center;
	height: 59px;
	line-height: 59px !important;
	font:34px Arial;
	font-weight: bold;
	color: #fff;	
}
.tarif_block .price.akcija{
  position: relative;
  padding-left: 30px;
	background: url(../img/complect_home/bg_price_akcija.png) no-repeat center center;
}
.tarif_block .price.akcija img.past_price{
	position: absolute;
	left: 5px;
	top: 5px;
}
.tarif_block .price img{
	position: relative;
	top: 3px;
}

.tarif_block h2 {
    font-size: 12px;
    color: white;
    text-align: center;
    background-color: #98b100;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 90px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    margin: 0px auto;
}

h2.eco {
    background: #747474;
    text-transform: uppercase;
}

h2.basic {
    background: #98b100;
    text-transform: uppercase;
}

h2.premium {
    background: #b11500;
    text-transform: uppercase;
}

h2.premium_plus {
    background: #0079c2;
    text-transform: uppercase;
}

.choose{
	padding:15px 0;
}
.choose button{
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
	width: 180px;
	height: 55px;
	text-align: center;
	color: #fff;
	font:18px "RB", Arial !important;
	border-bottom: 3px solid #7a8d03;
	background-color: #9cb804;
	cursor: pointer;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.choose button:hover{
	background-color: #beda24;
}
.choose button:active{
	background-color: #7a8d03;
}
.choose a{
	font:14px Arial;
	color: #555;
	text-decoration: none;
}
.choose a:hover{
	text-decoration: underline;
}



.tv_descr_section{
	width: 100%;
	padding-top: 80px;
	padding-bottom: 40px;
	background: url(../img/complect_home/bg_adv.jpg) no-repeat center top;
}
.tv_descr_section h2{
	font:43px "RR", Arial;
	color: #fff;
	margin-bottom: 40px;
	text-align: center;
}
.tv_descr{
	float: left;
	width: 490px;
	margin-right: 20px;
	margin-bottom: 70px;
}
.tv_descr img{
	float: left;
	margin-right: 20px;
}
.tv_descr p{
	font:18px "RL", Arial;
	color: #fff;
	padding-top: 20px;
	padding-left: 122px;
}
.tv_descr h3{
	font:22px "RR", Arial;
	color: #fff;
	padding-left: 122px;
}
ul.connect{
	padding-left: 140px;
	margin-top: 20px;
}
ul.connect li{
	list-style-image: url(../img/complect_home/ul_dot.png);
	margin-bottom: 10px;
	font:18px "RL", Arial;
	color: #fff;
}
ul.connect li span{
	font-size: 14px;
}
.even{
	margin-right: 0 !important;
}
.any_questions{
	padding:25px 20px;
	width: 870px;
	background-color: #fff;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
  -moz-box-shadow: 3px 3px 3px #777;
  -webkit-box-shadow:3px 3px 3px #777;
  box-shadow: 3px 3px 3px #777;
  filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=2);
	margin-left: 40px;	
}
.any_questions h3{
	font:26px "RR", Arial;
	color: #444;
	text-align: center;
	margin-bottom: 8px;
}
.any_questions p{
	font:15px "RL",Arial;
	color: #444;
	margin-bottom: 15px;
	text-align: center;
}
.any_questions input{
	outline: none;
	width: 270px;
	padding:0 20px;
	height: 48px;
	line-height: 48px !important;
	font:14px "RR", Arial;
	color: #2e2e2e;
	margin-right: 10px;
	border:1px solid #ccc;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.any_questions button,
.connection_block button,
.question_block .connection_form button{
	width: 210px;
	height: 50px;
	text-align: center;
	font:18px "RR", Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	border-bottom: 2px solid #347096;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	background-color: #48a1da; 
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.any_questions button:hover,
.connection_block button:hover,
.question_block .connection_form button:hover{
	background-color: #5bb5ef;
}
.any_questions button:active,
.connection_block button:active,
.question_block .connection_form button:active{
	background-color: #347096;
}

/*--------------------------*/

/*CHANNEL_SECTION STYLING*/
.channel_section{
	padding-top: 30px;
	padding-bottom: 100px;
	width: 100%;
	background-image: url(../img/complect_home/pattern_bg.jpg);
}
.channel_section h2{
	text-align: center;
	font:45px "RL", Arial;
	color: #333;
	margin-bottom: 30px;
}
.channel_section .filtr{
	position: relative;
	border-bottom: 3px solid #48a1da;
	height: 130px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 70px;
}
.filtr .channels_choice{
	float: left;
	padding:10px;
	width: 800px;
	position: relative;
}
.filtr .channels_choice label.main_choice{
	background-color: #eeeeee;
	padding:0 10px;
	height: 30px;
	display: block;
	line-height: 30px !important;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	font:17px "RCL",Arial;
	color: #8e8e8e;
	float: left;
	cursor: pointer;
	margin-right: 20px;
	margin-bottom: 10px;
	-webkit-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.filtr #toggle_arrow_small{
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
	display: inline-block;
	position: absolute;
	width: 21px;
	right: 10px;
	top: 5px;
	height: 21px;
	background-image: url(../img/complect_home/arrow_hidden_small.png);
	background-repeat: no-repeat;
	background-position: center center;

}
.filtr span.arrow_shown_small{
	background-image: url(../img/complect_home/arrow_shown_small.png) !important;
}
.filtr .channels_choice label#check_tematic_package{
	position: relative;
	width: 215px;
	-webkit-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.filtr .channels_choice .tematic_submenu{
	padding-top: 10px;
	position: absolute;
	background-color: #eef7fd;
	-webkit-border-radius: 0 0 4px 4px; 
	-moz-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	border-top: none;
	z-index: 100;
	 -moz-box-shadow: 
	 1px 1px 0 #5caadc,
	 -1px 0 0 #5caadc;
	-webkit-box-shadow:
	1px 1px 0 #5caadc,
	-1px 0 0 #5caadc;
	box-shadow: 
	1px 1px 0 #5caadc,
	-1px 0 0 #5caadc;
	display: none;
}
.tematic_submenu label{
	margin-left: 15px;
	display: block;
	cursor: pointer;
	margin-bottom: 12px;
	font:17px "RCL", Arial;
	color: #8b8b8b;
	-webkit-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	transition: 0.4s all ease;
}
.tematic_submenu label.font{
	color: #333;
}
.tematic_submenu hr{
	background-color: #8ed2fe;
  height: 1px;
	border: 0;
	margin-bottom: 20px;
}
.tematic_submenu h3{
	font:23px "RCL", Arial;
	color: #555;
	text-align: center;
	margin-bottom: 20px;
}
.tematic_submenu button{
	font:28px "RCL", Arial;
	border-bottom: 2px solid #7a2626 !important;
	width: 200px;
	height: 47px;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}
.filtr .channels_choice label.active{
	color: #48a1da;
	-moz-box-shadow: 0 0 0 1px #5caadc;
	-webkit-box-shadow:0 0 0 1px #5caadc;
  box-shadow: 0 0 0 1px #5caadc;
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px; 
	background-color: #eef7fd;

}
.channel_section .filtr input{
	outline: 0;
}
.channel_section .filtr input:focus{
	outline: 0;
}
.filtr .channel_available{
	position: relative;
	display: inline-block;
	text-align: center;
	background-color: #48a1da;
	width: 180px;
	height: 131px;
}
.filtr .channel_available h4{
	font:24px "RCL", Arial;
	color: #fff;
	line-height: 0px;
	margin-top: 15px;
}
.filtr .channel_available span{
	font:74px "RCR", Arial;
}
.channel_available span#toggle_arrow_big{
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	right: -55px;
	top: 45px;
}
.channel_available span.arrow_hidden_big{
	background-image: url(../img/complect_home/arrow_hidden.png);
}


/*ALL CHANNEL STYLING*/
.channel_block{
	display: inline-block;
	zoom:1;
	*display:inline;
	margin-left: 10px;
	border-right:1px solid #bcbcbc;
	margin-bottom: 40px;
}
.noborder{
	border-right: none !important;
}
.channel_block table img{
	margin-bottom: 10px;
  cursor: pointer;
}
.channel_block table td{
	position: relative;
}
.channel_block table i.tematic,
.channel_block table i.new{
 display: block;
	width: 31px;
	height: 31px;
	left: 4px;
	top: 4px;
	position: absolute;
}
.channel_block table i.new{
	background: url(../img/complect_home/red_line.png) 0 0 no-repeat;
}
.channel_block table i.tematic{
	background: url(../img/complect_home/blue_line.png) 0 0 no-repeat;
}
h2.basic_channel{
	font:34px 'RR' Arial, sans-serif;
	color:#2e2e2e;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	margin-bottom: 40px;
}
.channel_block table{
	width: 485px;
	padding-left: 15px;
}
.channel_block h3{
	font:18px  Arial, sans-serif;
	color:#2e2e2e;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}


/*--------*/

/*ADVANTAGE_SECTION STYLING*/
	.advantage_section{
		padding: 80px 0;
		width: 100%;
		background: url(../img/complect_home/bg_advantage.jpg) no-repeat center top;
	}
	.advantage_section .bottom{
		margin-bottom: 0 !important;
	}
	.advantage{
		float: left;
		width: 470px;
		margin-right: 40px;
		margin-bottom: 40px;
	}
	.advantage .img_area{
		text-align: center;
		display: table-cell;
		vertical-align:middle !important;
		width: 115px;
	}
	.advantage .text_area{
		display: table-cell;
		width: 370px;
	}
	.advantage h3{
		font:25px "RCR", Arial;
		color: #fff;
		margin-bottom: 5px;
	}
	.advantage p{
		font:15px Arial;
		color: #fff;
	}
/*--------------*/


/*CONNECTION_BLOCK STYLING*/
.connection_block{
	padding-top: 60px;
	padding-bottom: 140px;
	background: url(../img/complect_home/bg_tematic.jpg) center bottom no-repeat;
	padding-bottom: 140px;
}
.connection_block h2{
	text-align: center;
	font:45px 'RL' Arial, sans-serif;
	color:#2e2e2e;
	margin-bottom: 30px;
}
.connection_block .connection_form{
	background: none repeat scroll 0 0 #fff;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 30px 0;
	text-align: center;
	width:310px;
	-moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
	margin-top: 80px;
	display: inline-block;
	zoom:1;
	*display: inline;
}
.connection_form h3{
	font:24px  Arial, sans-serif;
	color:#2e2e2e;
	font-weight: bold;
}
.connection_form p{
	font-family: Arial,sans-serif;
	font-size: 17px;
	color:#444444;	
	border-bottom: 1px solid #e4e4e4;	
	padding-bottom: 25px;
	margin-bottom: 25px;	
	margin-top: 10px;
	line-height: 25px;
}
.connection_form .forms input{
	outline: none;
	font:14px 'RR',Arial, sans-serif;
	color:#2e2e2e;
	padding:5px 10px;
	margin-bottom: 20px;
	width:200px;
	height: 35px;
	line-height: 35px;
	border:1px solid #d6d6d6;
}
.connection_bullets{
	display: inline-block;
	zoom:1;
	*display: inline;
	margin-left: 150px;
}
.connection_bullets ul{
	top:75px;
	position: relative;

}
.connection_bullets ul img{
	left: -130px;
	position: absolute;
	top: -60px;
}
.connection_bullets ul li{
	font:18px  'RR', Arial, sans-serif;
	color:#333333;
	padding-bottom: 23px;
	cursor: default;
	line-height: 45px;
	padding-left: 40px;
	border-left:2px solid rgba(72,161,218,0.36);
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.connection_bullets ul li:last-child{
	padding-bottom: 0 !important;
	border-left: none !important;
}
.connection_bullets ul li span{
	font:18px 'RR',Arial, sans-serif;
	color:#fff;
	font-weight: bold;
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #48a1da;
	text-align: center;
	-moz-border-radius: 50%; 
	-webkit-border-radius:50%;
	border-radius: 50%;
	line-height: 30px;
	left:-16px;
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}
.connection_bullets ul li:hover,
.connection_bullets ul li.active{
	font-family: "RB", Arial;
}
	.connection_block h3.tematic{
		font:50px "RL", Arial;
		color: #fff;
		text-align: center;
		width: 530px;
		padding:0 20px;
		height: 68px;
		line-height: 68px;
		background-color: rgba(0,0,0,0.5);
		margin:0 auto;
		margin-top: 200px;
		margin-bottom: 60px;
	}
	.package{
		width: 470px;
		margin-right: 25px;
		margin-bottom: 20px;
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px; 
		border-radius: 4px; 
		background-color: #fff;
		height: 110px;
		float: left;
	}
	.package .pack_area{
		padding:25px 0;
		width: 335px;
		float: left;
		padding-left: 15px;
	}
	.package .pack_area img{
		float: left;
	}
	.package .pack_area h4{
		font:23px "RCR", Arial;
		color:#48a1da;
		padding-left: 80px;
	}
	.package .pack_area p{
		font:20px "RCL", Arial;
		color:#333333;
		padding-left: 80px;
	}
	.package .price_area{
		background-color: #48a1da;
		text-align: center;
		width: 120px;
		display: inline-block;
		-webkit-border-radius: 0 4px 4px 0; 
		-moz-border-radius: 0 4px 4px 0; 
		border-radius: 0 4px 4px 0; 
		height: 110px;
	}
	.package .price_area span{
		font:40px "RR", Arial;
		color: #fff;
		padding-right: 5px;
	}
	.package .price_area img.old_price{
		margin-top: 18px;
	}
	.package h2{
		text-align: center;
		font:22px "RCL", Arial;
		color: #333;
		margin-top: 20px;
		margin-bottom: 5px;
	}
	.package button{
		margin: auto;
		display: block;
		width: 180px;
		font:18px "RB", Arial;
		color: #fff;
		background-color: #be3939;
		border-bottom: 2px solid #992d2d !important;
		height: 45px;
	}
	.package button:hover{
		background-color: #ce4e4e;
	}
	.package button:active{
		background-color: #992d2d;
	}
/*-------*/
/*ROUTER_SECTION STYLING*/
.router_section{
	width: 100%;
	background: url(../img/complect_home/pattern_bg.jpg) repeat;
	padding: 75px 0;
}
.router_section h2{
	text-align: center;
	font:45px "RL", Arial;
	color: #111;
	margin-bottom: 5px;
}
.router_section h3{
	text-align: center;
	font:25px "RL", Arial;
	color: #222222;
	margin-bottom: 90px;
}
.router{
	width: 440px;
	float: left;
	margin-right: 30px;
	background: url(../img/complect_home/router_white2.png) center 50px no-repeat;
}
.router+.router{
	margin-right: 0;
	background-image: url(../img/complect_home/router_black2.png);
	-webkit-background-size: 80%;
	background-size: 85%;
	background-position: 50px 85px;
}

.router h4{
	font:20px "RR", Arial;
	color: #222;
	text-align: center;
	margin-bottom: 390px;
}
.router p{
	text-align: center;
	font:20px "RL", Arial;
	color: #222;
	margin-bottom: 5px;
}
.router span{
	font:35px "RM", Arial;
	color: #222;
	text-align: center;
	display: block;
	margin:0 auto;
	margin-bottom: 10px;
}
.router span > span{
	font:30px "RR", Arial;
	display: inline-block;
}
.router .cta {
	position: relative;
	padding-left: 70px;
}
.router .cta span{
	display: inline-block;
	font:58px "RR", Arial;
	color: #222;
	position: absolute;
}
.router .cta span img{
	position: relative;
	right: 10px;
}
.router .cta button{
	text-transform: uppercase;
	font:25px "RCR", Arial;
	width: 200px;
	height: 58px;
	line-height: 58px !important;
	color: #fff;
	margin-left: 140px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	border-bottom: 2px solid #6B2525 !important; 
}
/*------*/
/*MODERN_TELEPHONY STYLING*/
.modern_telephony{
	padding: 80px 0;
	width: 100%;
	background: url(../img/complect_home/bg_advantage.jpg) no-repeat center top;
}
.modern_telephony h2{
	text-align: center;
	color: #fff;
	font:45px "RL";
	margin-bottom: 60px;
}
.modern_telephony .buttons{
	text-align: center;
}
.modern_telephony .buttons button{
	text-transform: uppercase;
	font:23px "RCR", Arial;
	width: 230px;
	height: 66px;
	line-height: 66px !important;
	color: #fff;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	border-bottom: 2px solid #6B2525 !important; 
}
.modern_telephony .buttons button+button{
	margin-left: 60px;
}
/*--------*/


/*QUESTION_SECTION CSS*/
.question_content{
	width: 100%;
	padding-top: 80px;
	padding-bottom: 50px;
	background-image: url(../img/complect_home/pattern_bg.jpg);
}
.question_block h3{
	font:36px  "RL",Arial, sans-serif;
	color:#2e2e2e;
	text-align: center;
	margin-bottom: 30px;
}
.question_block .accordion{
	display: inline-block;
	zoom:1;
	*display: inline;
	width: 610px !important;
}
.question_block ul li{
	padding-bottom:20px;
}
.question_block .accordion .question{
	font: 17px Arial, sans-serif;
	color:#2e2e2e;
	font-weight: normal;
	padding-bottom: 30px;
	padding-left: 45px;
	padding-top: 8px;
	cursor: pointer;
	-webkit-transition: 0.25s all ease;
	-o-transition: 0.25s all ease;
	transition: 0.25s all ease;
}
.question_block .accordion .plus{
		background-image: url(../img/complect_home/plus.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.question_block .accordion .minus{
	background-image: url(../img/complect_home/minus.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.question_block .accordion .answer{
	padding-bottom: 30px;
	cursor: default;
	padding-left: 80px;
	font:14px Arial;
}
.question_block .accordion .question i{
	cursor: pointer;
	background-image: url(../img/plus_minus.png);
	display: block;
	width: 34px;
	height: 35px;
	float: left;
	margin-right: 15px;
	background-position: -33px 0;
	position: relative; 
	top: -6px;
}
.question_block .connection_form{
	top: 80px;
	right: 0;
	position: absolute;
	width: 320px;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	-moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
}
.question_block .connection_form h3{
	 font: 24px Arial, sans-serif;
  color: #2e2e2e;
  font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.question_block .connection_form p{
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 25px;
	font-family: Arial,sans-serif;
  font-size: 17px;
  color: #444444;
  border-bottom: 1px solid #e4e4e4;
  line-height: 25px;
}
.question_block .connection_form input{
  outline: none;
  border:1px solid #d6d6d6;
	width: 194px;
	font: 14px 'RR',Arial, sans-serif;
  color: #2e2e2e;
  padding: 0 10px;
  margin-bottom: 20px;
  height: 45px;
  line-height: 45px;

}

/*--------*/


/*FOOTER STYLING*/
footer{
	background-color: #222;
	padding:20px 0;
}
footer p{
	font:15px "RCL", Arial;
	color: #fff;
	padding-left: 30px;
}
/*------*/

#popup {
    width: 100%;
    height: 100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color: white;
}

#popup_content {
    padding: 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.dialog-form {
    display: none;
}

.popup_item {
    width: 200px;
    height: auto;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 0 5px 20px -15px black;
    border: 1px solid #ebebeb;
    text-align: center;
    float: left;
    margin-right: 25px;
}

.popup_item h2#green_h1 {
    background-color: #98b100;
}

.popup_item h2#silver_h1 {
    background-color: #747474;
}

.popup_item h2#red_h1 {
    background-color: #b11500;
}

.popup_item h2#blue_h1 {
    background-color: #0079c2;
}

.popup_item h2 {
    border-radius: 3px;
    color: white;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 90px;
}

#popup_left h3 {
    font-size: 18px;
    color:#0079c2;
    font-weight: bold;
    margin-bottom: 30px;
}

#popup_left {
    height: auto;
    /*width: 245px;*/
    border-right:1px solid #e5e5e5;
    float: left;
}

#popup_right {
    float: right;
    /*width: 520px;*/
    margin-left: 25px;
}

#popup_right h1 {
    font-size: 22px;
    line-height: 23px;
    color: #272727;
}

#popup_right h1 span{
    font-size: 14px;
}

#popup_right input[type="text"] {
    display: block;
    border:1px solid #babfc2;
    height: 44px;
    width: 380px;
    padding-left: 20px;
    font-size: 14px;
    color: #979797;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 25px;
}

#popup_right button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #98b100;
    border-color: -moz-use-text-color -moz-use-text-color #7a8d03;
    border-image: none;
    border-radius: 4px;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: white;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    height: 50px;
    margin: 25px 0px;
    text-shadow: 0 1px 0.1px black;
    width: 210px;
}

#popup_right button:hover {
    background-color: #7a8d03;
}

#popup_right p {
    font-size: 12px;
    color:#0079c2;
}

.first_block {
    width: 100%;
    height: 105px;
    border-bottom: 1px solid #e4e4e4;
}

#dialog {
    position: absolute;
    z-index: 106;
}

.first_block p {
    font-size:15px;
    font-weight: normal;
    color: #272727;
    padding: 15px 0px 5px 0;
}

.first_block span {
    color: #272727;
    display: block;
    font-size: 11px;
}

.first_block span i {
    color: #98b100;
    font-size: 21px;
    font-style: normal;
    font-weight: bold;
}

.second_block span {
    color: #272727;
    display: block;
    font-size: 11px;
    padding: 10px 0px 0px;
}

.second_block span i {
    color: #98b100;
    font-size: 21px;
    font-style: normal;
    font-weight: bold;
}

.second_block a {
    padding: 5px 0px;
    display: block;
}

.second_block p {
    color: #272727;
    font-size: 11px;
}

.second_block p img {
    margin-right: 3px;
    vertical-align: -2px;
}

.popup_price {
    background-color: #0079c2;
    height: 54px;
    width: 100%;
    color: white;
    margin: 15px 0px;
}

.popup_price h1 {
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 54px;
}

.popup_price h1 span {
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
}

.popup_info button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #98b100;
    border-color: -moz-use-text-color -moz-use-text-color #7a8d03;
    border-image: none;
    border-radius: 4px;
    border-style: none none solid;
    border-width: medium medium 3px;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    margin: 0px auto 15px;
    text-shadow: 0 1px 1px black;
    width: 160px;
}

.popup_info p {
    color: #272727;
    font-size: 12px;
}

.second_block a img{
    vertical-align: -2px;
}

.popup_item h1.tit {
    color: #272727;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.tv-popup .tit {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0!important;
}

.tv-popup .second_block p {
    margin: 0px;
    padding:5px 0px;
}

.popup_item h1.tit {
    color: #272727;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.channel-list-link {
    font: 14px Arial;
    color: #0079c2;
    text-decoration: none;
    margin-top: 5px;
}

.popup_bg,
.popup{
	display: none;
}
.popup_bg{
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.pop_enter.popup {
    min-height: 0;
}
.pop_enter {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	width: 660px;
	z-index: 1000;
	margin-left: -320px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #fff;
	border:1px solid #4882b8;
}
.pop_enter .portal{
	width: 330px;
	float: left;
	border-right: 1px solid #ccc;
	text-align: center;
	padding: 35px 0;
}
.pop_enter .webmail{
	width: 330px;
	margin-left: 330px;
	text-align: center;
	padding: 35px 0;
}
.pop_enter h3{
	font:18px "RB";
	color: #444;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.pop_enter input{
	width: 225px;
	padding-left: 10px;
	outline: none;
	border:1px solid #4882b8;
	font:15px "RL";
	height: 40px;
	line-height: 40px;
}
.pop_enter button{
	width: 235px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	text-transform: uppercase;
	font:18px "RCR";
	color: #fff;
	background-color: #bf2f29;
	-webkit-transition: 0.15s all ease;
	-o-transition: 0.15s all ease;
	transition: 0.15s all ease;
	border-bottom:2px solid #741b18 !important;
	display: block;
	margin:0 auto;
	margin-top: 20px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
}
.pop_enter button:hover{
	background-color: #db413a;
}
.pop_enter button:active{
	background-color: #741b18;
}
.pop_enter .form_field{
	margin-bottom: 10px;
	position: relative;
}
.pop_enter .form_field img{
	position: absolute;
	cursor: pointer;
	left: 15px;
	top: 10px;
}
.pop_enter .form_field span{
	display: none;
}
.pop_enter a{
	font:15px "RR";
	color: #444;
	display: block;
	margin-top: 10px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*POPUP AKCIJAS*/
.popup_back {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 900;
}
.popup_cont {
    position: absolute;
    z-index: 102;
}
.preloader {
    z-index: 101;
}
.popup_close {
    background: url(../img/close.png) no-repeat center center;
    border: 0 none;
    cursor: pointer;
    height: 42px;
    outline: none;
    position: absolute;
    right: -42px;
    text-indent: 100%;
    top: -42px;
    width: 42px;
}
.popup_back {
    background: rgba(0,0,0,0.7);
}
.popup {
    background: #fff;
    min-width: 340px;
    width: auto;
    min-height: 400px;
    height:auto;
    padding: 20px;
    box-shadow: 0 3px 10px #222;
    position: absolute;
    z-index: 1000;
}
.popup1 {
    left: 50%;
    top: 50%;
}
.preloader {
    left: 50%;
    margin: -10px 0 0 -25px;
    position: fixed;
    top: 50%;
}




/*POPUP_HOME_CONNECTION*/
.pop_up {
	display: none;
}
.popup_home {
	padding: 50px 0;
	background: none repeat scroll 0 0 #fff;
	border-radius: 8px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 5%;
	width:780px;
	z-index: 2000;
	margin-left: -390px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	background-image: url(../../img/complect_home/cont_bg.jpg);
}
.home_block{
	padding-top: 20px;
	float: left;
	width: 345px;
	margin-left: 30px;
	margin-right: 50px;
}
.home_block p{
	font-size: 15px;
	margin-top: 20px;
	color: #555;
}
.popup_home input{
	width: 230px;
	outline: none;
	height: 42px !important;
	line-height: 42px !important;
	padding: 0;
	margin-bottom: 15px;
	padding-left: 18px !important;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	border: 1px solid #ccc;
	-moz-box-shadow: inset 4px 4px 5px rgba(0,0,0,0.13);
	-webkit-box-shadow:inset 4px 4px 5px rgba(0,0,0,0.13);
	box-shadow: inset 4px 4px 5px rgba(0,0,0,0.13);
	font-size: 16px;
}
.form_block h3{
	font: 27px "RR";
}
.form_block p{
	font: 17px "RL";
	margin-bottom: 15px;
}
.form_block .button{
	width: 220px;
	text-align: center;
		font-size: 20px;
	padding-left: 0;
	margin-left: 0;
	text-transform: uppercase;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	height: 46px;
	background-color: #d24a45 !important;
	border-bottom: 2px solid #7e2b28 !important;
}
.form_block .button:hover{
	background-color: #e95f5a !important;
}
.form_block .button:active{
	background-color: #7e2b28 !important;
}

.ribbon_descr {
	margin: 0 auto;
	text-align: center;
}
.ribbon_descr p{
	margin-left: 40px;
	display: inline-block;
	position: relative;
	padding-left: 15px;
}
.ribbon_descr p:first-child img{
	position: absolute;
	left: -20px;
	top: -10px;
}
.ribbon_descr  p:nth-child(2) img{
	position: absolute;
	left: -20px;
	top: -10px;
}

.popup_simple {
	background: none repeat scroll 0 0 #fff;
	border-radius: 8px;
	width: 330px;
	margin-left: -225px;
	left: 50%;
	position: absolute;
	text-align: center;
	z-index: 1000;
	padding: 25px 0;
}
.popup_simple h2{
	font:28px "RCR"; 
	color: #000;
	margin-bottom: 5px;
}
.popup_simple p{
	color: #000;
	font:18px "RCL";
	margin-bottom: 25px;
}
.popup_simple input{
	width: 360px;
	margin-bottom: 20px;
	height: 50px;
	line-height: 50px !important;
	font-size: 18px;
  outline: none !important;
  width: 240px;
  padding-left: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #222;
  height: 50px;
  line-height: 50px !important;
  border: 1px solid #cccccc;
  -moz-box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
  box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1);
  -webkit-transition: 0.15s all ease;
  -o-transition: 0.15s all ease;
  transition: 0.15s all ease;
}
.popup_simple .button{
  text-decoration: none;
  border: 0 none;
  cursor: pointer;
  outline: 0 none;
  background-color: #d4312b;
  text-align: center;
  font: 25px "RCR";
  color: #fff;
  text-transform: uppercase;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-bottom: 2px solid #7e1d19;
  height: 65px !important;
  line-height: 65px !important;
  width: 260px ;
  margin-left: 0;
}
.popup_simple .button:hover{
	background-color: #e3504b;
}
.popup_simple .button:active{
	background-color: #7e1d19;
}


.popup_offer{
	background: none repeat scroll 0 0 #fff;
	border-radius: 8px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	width:340px;
	z-index: 2000;
}
.popup_offer p{
	font-family: Arial,sans-serif;
	font-size: 15px;
}
.popup_offer .pop_close{
	cursor: pointer;
	position: absolute;
	right: -35px;
	top: -30px;
}
.popup_offer ul{
	text-align: left
}
.popup_offer ul li img{
	float: left;
	margin-right: 8px;
}
.popup_offer ul li{
	margin-left: 20px;
	color:#555555;
	font-family: Arial,sans-serif;
	font-size: 14px;
	padding-top: 12px;
}
.popup_offer ul li:last-child{
	margin-bottom: 15px;
}
.popup_offer .forms input{
	font:14px Arial;
	padding:5px 10px;
	margin-bottom: 15px;
	width:260px;
	height: 35px;
	line-height: 25px;
	outline: none;
	border:1px solid #ccc;
	color: #555555;
}
.popup_offer input.button{
	text-decoration: none;
	border:0 none;
	cursor:pointer;
	outline: 0 none;
	background-color: #9cb804;
	padding:10px 20px;
	font:20px'RCR' Arial, sans-serif;
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 2px solid #7a8d03;
	height: 50px;
	display: block;
	margin:10px auto;
	margin-bottom: 20px;
}
.popup_offer input.button:hover{
	background-color: #c2de2a;
}
.popup_offer input.button:active{
	background-color: #7c9800;
}
.popup_offer h2{
	padding: 15px 0;
	display: block;
	font:19px  Arial, sans-serif;
	color:#fff;
	background-color: #0079c2;
	font-weight: bold;
	-moz-border-top-right-radius: 8px; 
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;  
	-moz-border-top-left-radius: 8px; 
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;  
}
.popup_offer h2 span{
	font-size: 14px;
	font-family: Arial;
}
.popup_offer h2 span i{
	display: inline-block;
	padding: 4px;
	margin-right: 7px;
	text-align: center;
	width: 14px;
	height: 14px;
	border:1px solid #fff;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%; 
	line-height: 14px;
}
input.ng-invalid:not(.ng-pristine),.ng-submitted input.ng-invalid {
    background: #FFBABA !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
