/* Start:/bitrix/templates/main/components/bitrix/menu/main-menu/style.css?17485641474855*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:40px;
	width:100%;
	list-style:none;
	font-size:18px;
	float:left;
	/*font-size:90%*/
}

#horizontal-multilevel-menu
{

}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:10px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	float:left;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#565656;
	font-weight:400;
	padding:17px 22px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background:#304955;
	color:#fff;
	font-weight:400;
	padding:17px 25px;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	background:#304955;
	color:#fff;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/bitrix/templates/main/components/bitrix/menu/main-menu/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/bitrix/templates/main/components/bitrix/menu/main-menu/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	background:#304955;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#304955;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:auto;
	background:#fff;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	font-size: 16px;
	font-weight: 400;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
	border-bottom:1px dotted #DEDEDE;
	margin: 0 10px 0 10px;
	line-height: 35px;
}
#horizontal-multilevel-menu li li:last-child a
{
	border-bottom:none;
}

/*Items text color & size */
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#667a83;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li ul li.item-selected a,
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#fff;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
/* End */


/* Start:/bitrix/templates/main/styles.css?174856414746*/
h1,h2,h3,h4,h5,h6{
	font-family: RobotoThin;
}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?175263863311107*/
html, body{
	width: 100%;
	padding: 0px; margin: 0px;
	background: #fff;
}
@font-face{
    font-family: RobotoThin;
    src: url(/bitrix/templates/main/fonts/Roboto-Thin.ttf);
}
@font-face{
    font-family: RobotoLight;
    src: url(/bitrix/templates/main/fonts/Roboto-Light.ttf);
}
body{
	font-family: RobotoLight, Open Sans;
	font-weight: 400;
	text-align: justify;
}
a{
	font-family: RobotoLight;
	color: #304955;
}
img{
	margin: 0 20px 20px 0;
}
div.header{
	position: relative;
	width: 1250px; height: 230px;
	margin: 0 auto;
	background: url(/bitrix/templates/main/images/header_left.jpg) left top no-repeat;
}
	div.subheader{
		position: relative;
		width: 100%; height: 230px;
		background: url(/bitrix/templates/main/images/header_right.jpg) right top no-repeat;
	}
	div.header_wrapper{
		position: relative;
		width: 1250px; height: 230px;
		margin: 0 auto;
	}
	div.logo{
		position: absolute;
		top: 27px; left: 27px;
		width: 150px; height: 135px;
	}
	div.header_menu{
		position: relative;
		top: 72px; left: 200px;
		width: auto; height: auto;
		text-align: center;
	}
	div.balance{
		position: relative;
		top: -30px; left: 100px;
		width: auto; height: auto;
		text-align: center;
	}
	div.header_phone{
		position: absolute;
		top: 27px; right: 27px;
		width: auto; height: auto; min-height: 55px;
		padding: 0 0 0 74px;
		background: url(/bitrix/templates/main/images/header_phone_icon.png) left 20% top no-repeat;
		text-align: right;
	}
		div.header_phone span.span1{font-size: 18px; color: #4abdee;}
		div.header_phone span.span2{font-size: 24px; color: #6a6a6a;}
		div.header_phone span.span3{font-size: 20px; color: #6a6a6a;}
div.main_banner{
	position: relative;
	width: 1250px; height: 400px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
	div.main_banner img{
		position: absolute;
		left: 00%; top: 0px;
		margin-left: -800px;
	}
div.tarif{
	position: relative;
	display: block;
	width: 1250px; height: auto;
	margin: 5px auto 0px auto;
}
	div.tarif_tab{
		font-family: RobotoThin;
		color: #fff;
		font-size: 24px;
	}
	div.cabel_link{
		position: absolute;
		top:0px; left: 50%;
		margin-left: -375px;
		padding: 17px 0 0 20px;
		width: 395px; height: 70px;
		cursor: pointer;
		background: url(/bitrix/templates/main/images/cabel_link_bg_active.png) left top no-repeat;
	}
	div.internet_link{
		position: absolute;
		top:0px; left: 50%;
		margin-left: -10px;
		padding: 17px 0 0 0px;
		width: 359px; height: 70px;
		cursor: pointer;
		background: url(/bitrix/templates/main/images/internet_link_bg.png) left top no-repeat;
	}
		div.internet_link span{border-bottom: dashed 1px #fff;}
	div.tarif_section_description{
		position: relative;
		display: block;
		width: 100%; min-width: 1005px; height: auto;
		background: #f5f5f5;
		border-bottom: solid 3px #45b8ec;
		overflow: hidden;
	}
		div.tarif_section_description_wrap{
			position: relative;
			width: 900px;
			margin: 30px auto;
			z-index: 200;
		}
		div.tarif_section_stone1{
			position: absolute;
			top: 0px; left: 0px;
			width: 169px; height: 153px;
			background: url(/bitrix/templates/main/images/tarif_section_stone1.png) left top no-repeat;
			background-size: 100% 100%;
		}
		div.tarif_section_stone2{
			position: absolute;
			bottom: 0px; right: 0px;
			width: 248px; height: 228px;
			background: url(/bitrix/templates/main/images/tarif_section_stone2.png) left top no-repeat;
			background-size: 100% 100%;
		}
	div.tarif_element_list{
		position: relative;
		width: 100%; min-width: 1005px; height: auto;
		background: #fff;
	}
		div.tarif_element_list_title{
			position: relative;
			width: 900px;
			margin: 0px auto;
		}
			div.tarif_element_list_title div{
				width: 450px;
				border-bottom: solid 2px #eaeaea;
				font-family: RobotoThin;
				font-size: 32px;
			}
		div.tarif_element_list_wrap{
			position: relative;
			width: 100%; min-width: 1005px; height: auto; min-height: 100px;
			margin: 20px 0 0 0;
			background: #304955;
			overflow: hidden;
		}
			div.tarif_element_list_wrap_order_wrap{
				position: absolute;
				top: 0px; left: 50%;
				margin-left: -150px;
				width: 100%; height: 100%;
				background: #4ec2ef;
				overflow: hidden;
			}
				div.tarif_element_list_wrap_order_slider{
					position: relative;
					width: 560px; height: auto;
					margin: 0px; padding: 20px 0;
				}
					div.tarif_element_list_wrap_order_desc{
						position: relative;
						display: block;
						width: 100%; height: auto;
						padding: 0 20px;
						line-height: 16px;
					}
				div.tarif_element_list_wrap_order_form_wrap{
					position: absolute;
					top: 0px; left: 0px;
					width: 600px; height: auto;
					margin: 0px; padding: 0;
					overflow: hidden;
					z-index: 150;
				}
					div.tarif_element_list_wrap_order_form{
						position: absolute;
						top: 0px; right: -650px;
						width: 100%; height: 100%;
						padding: 20px;
						background: #4ec2ef;
						font-family: RobotoThin;
						color: #fff;
						box-shadow: -2px 0px 5px 0px rgba(0,0,0,0.5);
					}
						span.tarif_element_list_wrap_order_form_service{text-transform: lowercase;}
						span.tarif_element_list_wrap_order_form_tarif{text-transform: capitalize;}
						span.tarif_element_list_wrap_order_form_title{
							font-size: 36px;
							color: #fff;
						}
						div.tarif_element_list_wrap_order_form input{
							border: none;
							height: 50px; width: 300px;
							padding: 0 20px 0 20px;
							outline-width: 0px;
							background: #fff;
							border-radius: 5px;
							box-shadow: 0px 3px 0px 0px #2690b9;
							font-family: RobotoThin; font-size: 20px; color: #304955;
						}
						div.tarif_element_list_wrap_order_form_backtotarif{
							position: relative;
							width: 277px; height: 40px;
							line-height: 40px;
							padding-left: 55px;
							cursor: pointer;
							background: url(/bitrix/templates/main/images/tarif_element_list_wrap_order_form_backtotarif.png) left top no-repeat;
						}
			div.tarif_element_list_list{
				position: relative;
				top: 0px; left: 50%;
				width: 300px; height: 100%;
				margin-left: -450px;
				padding: 20px 0;
			}
				div.tarif_element_list_list td{
					height: 100px;
					padding-left: 90px;
					border-bottom: dotted 1px #647780;
					font-family: RobotoThin;
					color: #fff;
					font-size: 18px;
					text-transform: uppercase;
					cursor: pointer;
				}
					div.tarif_element_list_list_arrow, div.tarif_element_list_list_arrow_active{
						position: absolute;
						top: 6px; right: 0px;
						width: 30px; height: 35px;
						background: url(/bitrix/templates/main/images/tarif_element_list_list_arrow.png) right center no-repeat;
					}
					div.tarif_element_list_list_arrow_active{
						background: url(/bitrix/templates/main/images/tarif_element_list_list_arrow_active.png) right center no-repeat;
					}
				div.tarif_element_list_submit_wrap{
					position: relative;
					width: 100%; min-width: 1005px; height: auto; min-height: 40px;
					background: #f1f1f1;
					overflow: hidden;
					margin: 3px 0px 3px 0px;
				}
					div.tarif_element_list_submit{
						position: absolute;
						top: 0px; left: 55%;
						width: 100%; height: 100%;
						background: url(/bitrix/templates/main/images/tarif_element_list_submit_bg.png) left top repeat;
					}
						div.tarif_element_list_submit_btn{
							position: absolute;
							top: 0px; left: -50px;
							width: 281px; height: 40px;
							background: url(/bitrix/templates/main/images/tarif_element_list_submit_btn.png) left top no-repeat;
							cursor: pointer;
							color: #fff;
							font-size: 16px;
							text-transform: uppercase;
							padding: 9px 0 0 75px;
						}
						div.tarif_element_list_submit_ajaxloader{
							position: absolute;
							display: none;
							top: 8px; left: 250px;
							width: 24px; height: 24px;
							background: url(/bitrix/templates/main/images/ajaxloader2.gif) left top no-repeat;
						}
						div.tarif_element_list_submit_message{
							position: absolute;
							display: none;
							top: 0px; left: -510px;
							width: 450px; height: 40px;
							line-height: 40px;
							color: #304955; font-size: 16px;
						}
div.main_news{
	position: relative;
	width: 1250px; height: 485px;
	margin: 0 auto;
	border-top: solid 5px #f6f6f6;
	border-bottom: solid 5px #f6f6f6;
	background: url(/bitrix/templates/main/images/main_news_bg.png) left top repeat;
}
div.main_news_wrapper{
	position: relative;
	width: 1250px; height: auto;
	margin: 0 auto;
	padding: 70px 0px 70px 0px;
}
	div.main_news_cloud1{
		position: absolute;
		top: 0px; left: 0px;
		width: 430px; height: 65px;
		padding: 15px 0 0 40px;
		text-transform: uppercase;
		text-align: center;
		font-size: 26px;
		background: url(/bitrix/templates/main/images/main_news_cloud1.png) bottom center no-repeat;
	}
	div.main_news_cloud2{
		position: absolute;
		bottom: 0px; right: 0px;
		width: 303px; height: 65px;
		background: url(/bitrix/templates/main/images/main_news_cloud2.png) top center no-repeat;
	}
div.inner_workarea{
	position: relative;
	width: 1250px; height: auto;
	margin: 0 auto 25px auto;
}
div.footer{
	position: relative;
	width: 1250px; height: 200px;
	margin: 0 auto;
	background: #3f9cc7;
	border-top: 5px solid #3394c1;
}
div.footer_wrapper{
	position: relative;
	width: 1250px; min-height: 200px;
	margin: 0 auto;
}
div.footer_wrapper *{
	position: relative;
	margin: 0; padding: 0;
	color: #fff;
}

div.footer_logo_area{
position: relative;
float: left;
width: 225px;
text-align: center;
padding: 25px 0px 0px 25px;
}
div.footer_logo_area img{
position: relative;
margin-bottom: 5px;
}

div.footer_address{
position: relative;
display:table;
float: left;
width: 450px; height: 200px;
vertical-align: middle;
margin-left: 100px;
}
div.table-cell{
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
}

div.footer_contacts{
position: relative;
display:table;
float: left;
width: 350px; height: 200px;
vertical-align: middle;
margin-left: 50px;
font-family: RobotoLight, Open Sans;
font-weight: 400;
font-size: 18px;
}
div.footer_contacts span.span1{position: relative; font-size: 18px; color: #fff;}
div.footer_contacts span.span2{position: relative; font-size: 18px; color: #fff;}

		div.footer_phone{
                        position: absolute;
	        	top: 0px; left: 100%;
			width: auto; height: auto; min-height: 40px;
			background: url(/bitrix/templates/main/images/footer_phone_icon.png) left center no-repeat;
		}
			div.footer_phone span.span1{font-size: 18px; color: #fff;}
			div.footer_phone span.span2{font-size: 24px; color: #fff;}
		div.footer_email{
			position: relative;
			width: auto; height: auto; min-height: 40px;
			line-height: 40px;
			padding: 0 0 0 40px;
			background: url(/bitrix/templates/main/images/footer_email_icon.png) left center no-repeat;
		}
			div.footer_email a{
				color:  #fff;
				text-decoration: none;
			}
	div.footer_menu{
		position: absolute;
		top: 0px; left: 31%;
		width: 398px; height: 350px;
		background: url(/bitrix/templates/main/images/footer_menu_bg.png) center top no-repeat;
	}
	div.footer_social{
		position: absolute;
		top: 0px; right: 10px;
		width: auto; height: 350px;
	}
		div.footer_social a{
			font-size: 14px;
			color: #fff;
			text-decoration: none;
			border-bottom: dashed 1px #fff;
		}
		div.footer_social a:hover{
			border-bottom: none;
		}

.accessible-version {
	display: block;
	font-family: RobotoLight, Open Sans;
	margin: 10px 0 10px auto;
	background: none;
	border: none;
	font-size: 18px;
	font-weight: 400;
	color: #4abdee;
	cursor: pointer;
	padding: 0;
}
/* End */
/* /bitrix/templates/main/components/bitrix/menu/main-menu/style.css?17485641474855 */
/* /bitrix/templates/main/styles.css?174856414746 */
/* /bitrix/templates/main/template_styles.css?175263863311107 */