@font-face {
    font-family: ManiaC;
    src: url(../fonts/ManiaC.otf);
}
@font-face {
    font-family: DINPro;
    src: url(../fonts/DINPro-Regular.otf);
}
@font-face {
    font-family: DINPro_l;
    src: url(../fonts/DINPro-Light.otf);
}

body {padding:0;position:relative; margin:0; font-size: 18px; font-family: DINPro, open-sans, sans-serif;overflow-x:hidden;}
input, select {font-size: 110%; font-family: DINPro, open-sans, sans-serif;}
li, ul , p{margin:0; padding: 0;}
li{list-style-type: none;}
H1 {font-size: 30px; font-weight: bold;}
H2 {font-weight: bold;}
a {text-decoration: none;}
.left{float:left;}
.right{float:right;}
.clr {clear: both; height: 0px; margin: 0px; padding: 0px;}
.q{
    width: 27px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    background-image: url("/images/info_on.png");
    background-size: 27px;
    margin: -1px 0 0 -35px;
}
.q div{
    visibility: hidden;
    opacity: 0;
    position: relative;
    font-style: italic;
    font-weight: normal;
    font-size: 14;
    text-align: left;
    margin: 0 0 0 30px;
    transition: 0.2s;
    background: #fff;
    padding: 6px;
    border-radius: 8px;
    color: #333;
    border: 2px solid #333;
    width: 200px;
    z-index: 999;
}
.q:hover div{
    visibility: visible;
    opacity: 1;
}
/* ------------------------- HEAD ------------------------- */
#top-panel{
    background: #f8f8f8;
    z-index: 1;
    position: relative;
}
#top-panel > div > div{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
#top-panel .phone-label{
    position: absolute;
    left: 0;
    top: 55px;
}
#top-panel .phone-label p{
    float: left;
    font-size: 20px;
    padding: 15px 40px;
    background-repeat: no-repeat;
    background-position: 0 50%; 
    background-size: 30px;
}
#top-panel > div > div > img{
    width: 250px;
    float: left;
    margin-top: 2px;
    z-index: 10;
    position: relative;
}
#top-panel .nav{
    font-size: 14px;
    text-transform: uppercase;
    color: #333!important;
    float: right;
}
#top-panel .navbar{margin-bottom:0; min-height: auto;}
#top-panel .navbar-default{border: 0;}
#top-panel .nav a{
    color: #333;
    transition: 0.15s;
    border-bottom: 2px solid #fff;
    border-radius: 5px 5px 0 0;
}
#top-panel .nav a:hover{background: #f0f0f0; border-color: #ee0202;}
#top-panel .navbar-nav>li>a{
    padding: 12px 15px 10px;
}
.logo{
    margin:0 auto;
    box-shadow: inset 0px 1px 6px rgba(0,0,0,0.5);
    border-bottom: 6px solid #a20000;
    text-align: left;
    background: #cfcfcf;
    background: -moz-linear-gradient(left, #cfcfcf 0%, #f6f6f6 30%, #f6f6f6 70%, #cfcfcf 100%);
    background: -webkit-linear-gradient(left, #cfcfcf 0%,#f6f6f6 30%,#f6f6f6 70%,#cfcfcf 100%);
    background: linear-gradient(to right, #cfcfcf 0%,#f6f6f6 30%,#f6f6f6 70%,#cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#cfcfcf',GradientType=1 );
}
.logo div{position:relative; width:400px; left: 50%; margin-left:-530px;}
.logo p{margin: -3 0 8px 25px; font-size:12px;}
.logo img {margin: 4px 0 0 10px;height: 60px;}
.head {
    position: absolute;
    right: 50%;
    top: 4px;
    margin-right: -490px;
}
.lk{
    position: absolute; 
    left: 50%; 
    margin-left: -320px;
    text-align: left;
    text-transform: uppercase;
    padding: 12px 0 10px 50px;
    cursor: pointer;
    transition: 0.15s;
    background-image: url(../images/login_in.png);
    background-repeat: no-repeat;
    background-position: 0 50%; 
    background-size: 40px;
}
.lk > div{font-size: 12px;}
.lk .lable-lk{transition: 0.15s; font-size: 18px; font-weight: bold;}
.lk:hover .lable-lk{color: #d10000;}
.lk:hover{background-image: url(../images/login_in_on.png);}
.phone, .mail{
	font-weight:normal;
	font-size: 18px;
	background-size: 32px;
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 5px 10px 44px;
	margin: 0 12px 0 0;
    text-align: left;
}
.phone{background-image: url(../images/phone.png);}
.mail{background-image: url(../images/mail.png);}

/* ------------------------- TITLE ------------------------- */
.title-text{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.title-text > div{
    max-width: 780px;
    margin-top: 45px;
    margin-left: calc(50% - 475px);
    width: 100%;
    padding: 5px 40px 20px;
    background: rgba(255,255,255,0.7);
    border-radius: 20px;
}
.point-cloud{
    height: 550px;
    margin-top: -50px;
    background-image: url(/images/title.png);
    background-position: calc(50% + 20px) 0;
    background-repeat: no-repeat;
}
.punct_list div{
    background-repeat: no-repeat;
    background-image: url(../images/galka.png);
    background-position: left top;
    background-size: 15px;
    padding-left: 20px;
    margin-bottom: 15px;
    width: 400px;
}
.duga{
	width: 100%;
	border-bottom: 6px solid #a20000; 
    perspective: 2000px;
	/*background-image: url(../images/map-bg.png);    
	background-image: url(../images/title.jpg); 
	background-position: center top;
	background-repeat: no-repeat;
    background-size: 100%;*/
    position: relative;
}
.form_button{
	background:#d40004;    
	color: white;
	padding: 7px 0 25px 0;
	text-align: center;
	cursor: pointer;
	font-size: 20;
	transition: 0.3s;
    margin: 30px 0 0 20px;
    border: 0;
    border-radius: 5px;
}
.form_button:hover{background:#303030;}

.phone img{width:50px; margin: -4px 12px 0 12px; float:left;}
.phone div{width: 250px;}
.phone div font{font-size:12px;margin-left: 0px;}
.phone div p {font-size:21px;}
.bottom_side{
    position:fixed;
    z-index:1000;
    width:100%; 
    border-bottom:4px solid #a20000;
    bottom:0;
}
.bottom_phone{
    position:fixed;
    z-index:1000;
	left: 0;
	bottom: 0;
    background:white;
    border-top: 4px solid #a20000;
    border-right: 4px solid #a20000;
    height:70px; 
    width:280px;
    border-radius: 0 30px 0 0;
}
.bottom_phone .phone{margin: 15px 0 0 25px;float: right;}
@keyframes phone {
    20% {
    opacity:1;
}
    60% {
    opacity:0.5;
    }	
    100% {
    opacity:1;
    }	
}

#title_context_box_1,
#title_context_box_2,
#title_context_box_3,
#title_context_box_4
{position: absolute;}
#title_context_box_1{
    margin: 650px 0 0 -13px;
    width: 500px;
    text-align: right;
}
#title_context_box_1 p{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 12px 175px;
}
#title_context_box_2{
    margin: 815px 0 0 85px;
    width: 390px;
    text-align: right;
    color: white;
}
#title_context_box_2 p{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 12px 120px;
    text-align: left;
}
#title_context_box_3{
    margin: 885px 0 0 545px;
    width: 430px;
}
#title_context_box_3 p{
    color: #6a6a6a;
    font-size: 24px;
    margin: 0 0 12px 0;
    font-weight: bold;
}
#title_context_box_4{
    margin: 715px 0 0 510px;
    width: 270px;
    color: #fff;
}
#title_context_box_4 p{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 12px 0;
}

/* ------------------------- МЕНЮ + СЛАЙДЕР ------------------------- */
#fixed_menu{
    width: 100%; 
    height: 33px; 
    position: fixed; 
    z-index: 9999; 
    top: 0; 
    background: #3A3B3A;
    border-bottom: 6px solid #a20000;
}
.default {visibility: hidden;}
.fixed {position:fixed!important; visibility: visible; top: 0; width: 100%; z-index: 100;}
.transbg {background-color: rgba(58, 58, 58, 0.85)!important;}
.fixed_menu_block{
    width: 122px;
    float: left;
    margin: 8px 15px 0 15px;
    text-align:center;
    cursor:pointer;
}
.top_area {
    height: 130px;
    background: url(../images/top_area.png) #3A3B3A top no-repeat;
    border-bottom: 4px solid #ddd
}
.menu_airwaves{
    background: url(../images/slider_area.png)no-repeat;
    background-position: 50% 10%;
    width: 100%;
    height: 130px;
    opacity: 0.1;
    position: absolute;
}
.top_menu {
    margin: 0 auto;
    width:1100px;
    position:relative;
    z-index:10;
}
.menu_block{
    width: 122px;
    height: 92px;
    float: left;
    margin: 8px 15px 0 15px;
    text-align:center;
    cursor:pointer;
}
.menu_block p, .fixed_menu_block p{color:white;}
.menu_block p{margin: -4px 0 22px 0;}
.menu_button{
    position: relative;
    margin-left: 50%;
    right: 34px;
}
.menu_block_off, .menu_block_on{
    width:66px;
    height:66px;
    transition: 0.5s;
    cursor:pointer;
    border-radius:20px; 
    position:absolute;
    z-index:1;
}
.menu_block_off{border: 0px solid red;}
.menu_block_on{border: 0px solid white;}

#main_on{background: url(../images/main.png) no-repeat center;}
.menu_block:hover #main_on{background: url(../images/main_on.png) no-repeat center;}
#shop_on{background: url(../images/shop.png) no-repeat center;}
.menu_block:hover #shop_on{background: url(../images/shop_on.png) no-repeat center;}
#tarif_on{background: url(../images/tarif.png) no-repeat center;}
.menu_block:hover #tarif_on{background: url(../images/tarif_on.png) no-repeat center;}
#partners_on{background: url(../images/partners.png) no-repeat center;}
.menu_block:hover #partners_on{background: url(../images/partners_on.png) no-repeat center;}
#info_on{background: url(../images/info.png) no-repeat center;}
.menu_block:hover #info_on{background: url(../images/info_on.png) no-repeat center;}
#contact_on{background: url(../images/contact.png) no-repeat center;}
.menu_block:hover #contact_on{background: url(../images/contact_on.png) no-repeat center;}
#forum_on{background: url(../images/forum.png) no-repeat center;}
.menu_block:hover #forum_on{background: url(../images/forum_on.png) no-repeat center;}

.menu_block:hover p, .fixed_menu_block:hover p{color:red;}
.menu_block:hover .menu_block_on{border:0;margin: 2px;}

@keyframes airwaves {
    0% {
        border: 2px solid red;
        z-index:1000;
}
    100% {
        opacity:0;
        width:200px;
        height:200px;
        margin-left:-60px;
        margin-top:-60px;
        border-radius:20%;
    }	
}

.slider_area {
    background: url(../images/slider_area.png) center no-repeat #3A3B3A;
    background-position: 50% 60%;
    height: 650px;
}
.social{position:absolute;z-index: 1000;top: 110px;}
.social a img{
    width:30px;
    margin: 12px 10px;
    opacity: 0.85;
}
.social a img:hover{opacity:1;}
#city_target{
    background: url(../images/city.png) no-repeat center bottom;
    width:100%; 
    height:300px; 
    position:absolute; 
	z-index:80;
    bottom: 0;
    margin-bottom: -120px;
}
@keyframes point_airwaves {
    0% {
        border: 3px solid red;
        z-index:3;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity:0;
        width:700px;
        height:700px;
        margin-left:-310px;
        margin-top:-310px;
    }	
}
.point_box_1{
    position: absolute;
    left:69%;
    margin-top:10px;
}
.point_box_2{
    position: absolute;
    left:28%;
    margin-top:50px;
}
.point_box_3{
    position: absolute;
    left:8%;
    margin-top:35px;
}
.point_box_1 img{
    width:45px;
    position: relative;
    z-index:5;
}
.point_box_2 img{
    width:60px;
    position: relative;
    z-index:5;
}
.point_box_3 img{
    width:50px;
    position: relative;
    z-index:5;
}
.point_slider_off{
    margin:10px;
    width:20px;
    height:20px;
    transition: 0.5s;
    cursor:pointer;
    border-radius:50%; 
    position:absolute;
    z-index:1;
}
.point_slider_off{border: 0px solid red;}
/* ------------------------- ПРЕИМУЩЕСТВА PointGSM ------------------------- */
.web-link{margin-top: -90px;}
.favorite {
    text-align: center;
    background: white;
}
.favorite_box p, .p_form_link p, .a_form_link p{ 
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.favorite_box{
    text-align: left;
    min-height: 170px;
    max-width: 750px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
    background-repeat: no-repeat;
}
.e1, .e3, .e5, .e7{padding-right: 20px; padding-left: 200px; background-position: left center;}
.e2, .e4, .e6, .e9, .e8{padding-left: 20px; padding-right: 200px; background-position: right center;}
.e1 {background-image: url(../images/f-online.png);}
.e2 {background-image: url(../images/f-connect.png);}
.e3 {background-image: url(../images/f_server.png);}
.e4 {background-image: url(../images/f-map.png);}
.e5 {background-image: url(../images/f-search.png);}
.e6 {background-image: url(../images/f_lk.jpg);}
.e7 {background-image: url(../images/f_support.jpg);}
.e8 {background-image: url(../images/f_microsd.jpg);}
.e9 {background-image: url(../images/f_PoE.jpg);}
.favorite img, .partners_info img{
    margin: 29px 0;
    width: 100%;
    max-width: 800px;
}

/* ------------------------- ПОДВАЛ  ------------------------- */
.youtube_box{
    margin-top: -50px;
    text-align:center;
    border-top: 6px solid #a20000;
    border-bottom: 6px solid #a20000;
    border-top-left-radius: 100% 50px;
	border-top-right-radius: 100% 50px;
    border-bottom-left-radius: 100% 50px;
	border-bottom-right-radius: 100% 50px;
    box-shadow: inset 0px 10px 20px rgba(0,0,0,0.3); 
    background: #333;
    padding-bottom: 60px;
    position: relative;
}

.footer_city_box{
    height: 140px;
    width: 100%;
    background: url('../images/city.png') top no-repeat;
    position: relative;
    z-index:10;
    margin-top: -50px;
}
.footer_box{
    width: 100%;
    height: 350px;
    background: #333;
    box-shadow: inset 0px 5px 20px rgba(0, 0, 0, 0.45);
    margin: 0 auto;
    border-top: 4px solid #a20000;
}
.footer_list_box {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.footer_list li{
    float: left;
    margin: 0 0 0 3%;
    width: 30%;
}
.footer_list li ul li{
    width: 60%;
}
.footer_list li li{
    float: none;
    margin: 0 0 10px 0;
}
.footer_list a{color: black;}
.footer_list a:hover{color: red;}
.footer{
	height: 64px; 
	width:100%;
	box-shadow: inset 0px 3px 15px rgba(0,0,0,0.6);
	background:url('../images/footer_area.png')#a20000 center no-repeat;
}
.foot_social_box img{
	width: 40px;
	cursor: pointer;
	margin: 12px 10px;
	float: left;
}
/* ------------------------- ТАРИФЫ ------------------------- */
#button-f, #button-u{
    color: #aaa;
    text-transform: uppercase;
    padding: 15px 0;
    cursor: pointer;
    transition: 0.15s;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-radius: 0;
    margin: 8px 0 14px;
}
#button-f:hover, #button-u:hover{color: white!important; background: #444;}
.tarif-box{max-width: 1000px; margin: 0 auto;}
.tarif-box > div{padding: 0; border-radius: 4px;}
.static-count{margin-top: 30px; float:right; width: 200px;}
.static-info{margin-left: 30px; float:left; width: calc(100% - 300px);}
.pricing{
    margin: 0 8px 26px;
}
.pricing-head .fa-rouble{font-size: 24px;}
.pricing-head h3{
    background: #cc0303;
    color: #fff;
    margin: 0;
    padding: 12px 0;
    font-size: 34px;
    text-transform: uppercase;
    border-left: 2px solid #d40000;
    border-radius: 10px;
}
.pricing-container h4{
    font-size: 48px;
    color: #333;
    font-weight: bold;
}
.pricing-container h4 span {
    top: -5px;
    font-size: 14px;
    font-style: normal;
    position: relative;
    display: block;
}
.pricing-content{padding-bottom: 10px;}
.pricing-content li{
    text-align: left;
    padding: 0 20px;
}
.pricing-container{
    background: white;
    border-radius: 10px;
    padding: 4px 0 12px;
    margin-top: 4px;
    box-shadow: 0px 7px 3px 2px rgba(0,0,0,0.3);
}
#tarifs {
    background: url(../images/specification.jpg) center top;
    background-repeat: repeat-y;
}
.tarif_list{
    width: 1000px;
    margin: 0 auto;
    height: 380px;
}
.tarif_list div{
	width: 300px;
	height: 350px;
	float: left;
	margin: 0 15px;
	position: relative;
	background: url(../images/tarif_point.png) no-repeat;
	background-position: 3px 60px;
}
#tarifs .tarif_list h2{
	background: url(../images/arrow.png) left no-repeat; 
	background-size: 30px;
	background-position-y: 2px;
	color: red;
	font-weight: 400;
	padding-left: 40px;
}
.onpay{
    margin-bottom: 50px; 
    text-align: center; 
    color: gray; 
    font-style: italic;
}
#tarifs div div p{
	padding: 0 0 10px 30px;
	background: url(../images/galka.png) left no-repeat; 
	background-size: 20px;
	background-position-y: 4px;
}
#tarifs pre{
	padding-left: 30px;
	color: red;
	font-size: 24px;
	position: absolute;
	top: 230px;
}
/* ------------------------- ПАРТНЕРАМ ------------------------- */
.partners_info {
    text-align: center;
    background: white;
    position: relative;
    z-index: 90;
    background: url(../images/specification.jpg) center top;
}
.download{
    color: white;
    border-radius: 10px;
    font-size: 30px;
    font-weight: bold;
    width: 170px;
    text-align: center;
    padding: 5px;
    margin: 40px;
    border: 3px solid white;
    background: #666;
}
.download:hover{background: red;}
.img_material_box{
    height: 545px;
    text-align:center;
    border-top: 6px solid #a20000;
    box-shadow: inset 0px 10px 20px rgba(0,0,0,0.3); 
    background: #3A3B3A;
    color: white;
}
.p1, .p3, .p5, .p7{padding-left: 200px; background-position: left center;}
.p2, .p4, .p6, .p9, .p8{padding-right: 200px; background-position: right center;}
.p1 {background-image: url(../images/f_grafic.png);}
.p2 {background-image: url(../images/f_sklad.png);}
.p3 {background-image: url(../images/f_postavka.png);}
.p4 {background-image: url(../images/f_garant.png);}
.p5 {background-image: url(../images/f_hand.png);}
.p6 {background-image: url(../images/f_support.png);}

#gray_bg{
	cursor:pointer;
    top: 0;
	z-index:99;
	position:fixed; 
	background: black; 
	opacity:0;
	width:100%;
	height:1200px; 
	transition: 0.5s;
	visibility:hidden;
}
#portner_menu{
	position: fixed;
	z-index: 9999;
	width: 600px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -250px;
	background: rgba(250,250,250,0.85);
	text-align: center;
    border-radius: 10px 0 10px 10px;
	transition: 0.5s;
	opacity:0;
	visibility: hidden;
    z-index: 105;
}
#portner_menu div div{
    width: 80%;
    margin: 5px auto;
    z-index: 100;
}
#portner_menu div div label{
    text-align: left;
    float: left;
    width: 50%;
}
#portner_menu div div input{width: 45%;}
#portner_menu div div textarea{width: 45%; height: 70px; resize: none;}
#portner_menu div div font{position: absolute;}
#portner_menu p{
    position: absolute;
    bottom: 90px;
    left: 10%;
    font-style: italic;
    color: #666;
    font-size: 14px;
}
#portner_menu div .q{
    width: 27px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    background-image: url("/images/info_on.png");
    background-size: 27px;
    margin: -1px 0 0 -35px;
}
#portner_menu div .q div{
    visibility: hidden;
    opacity: 0;
    font-style: italic;
    font-weight: normal;
    font-size: 14;
    text-align: left;
    margin: 0 0 0 30px;
    transition: 0.2s;
    background: #fff;
    padding: 6px;
    border-radius: 8px;
    color: #333;
    border: 2px solid #333;
    width: 200px;
    z-index: 999;
}
#portner_menu div .q:hover div{
    visibility: visible;
    opacity: 1;
}
.form_button{
	background:#d40004;    
	color: white;
	text-align: center;
	cursor: pointer;
	font-size: 20;
	transition: 0.3s;
    margin: 0 auto;
    border-radius: 0;
    padding: 5px 0;
    max-width: 900px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
.form_button:hover{background:#303030;}
#step_p1, #step_p2, #step_p3, #step_p4, #step_p0{
    position: absolute;
    transition: 0.3s;
    width: 100%;
    height: 100%;
}
#step_p2, #step_p3, #step_p4, #step_p0{
    visibility: hidden;
    opacity: 0;
}
#p_back,#p_back_block{
    left: 20px;
    visibility: hidden;
    opacity: 0;
    background-image: url(../images/arrow_l.png);
    background-position: 5% center;
    padding: 16px 0 16px 59px;
    text-align: left;
}
#p_back_block{background-image: none;}
.p_next{
    right: 20px;
    background-image: url(../images/arrow_r.png);
    background-position: 95% center;
    padding: 16px 55px 16px 0;
    text-align: right;
}
#p_back:hover{
    background-color: initial;
    background-image: url(../images/arrow_l_off.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 60px;
    color: #323232;
}
.p_next:hover{
    background-color: initial;
    background-image: url(../images/arrow_r_off.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 60px;
    color: #323232;
}
#p_back, .p_next{
    bottom: 20px;
    position: absolute;
    cursor: pointer;
    background-color: initial;
    background-repeat: no-repeat;
    background-size: 60px;
    border: 0;
    color: #d10000;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 100;
}
.form_x{
    position: absolute;
    background: #d10000;
    color: white;
    cursor: pointer;
    right: 0;
    margin-top: -38px;
    border-radius: 10px 10px 0 0;
    padding: 5px 20px 10px 20px;
    z-index: 100;
    transition: 0.3s;
}
.form_x:hover{
    background: #333;
}
#p_back_block{
    height: 50px;
    width: 300px;
    position: absolute;
    bottom: 0;
    visibility: hidden;
}
.p_form_link, .a_form_link{
    background-image: url(../images/form.png);
    background-repeat: no-repeat;
    background-size: 150px;
    padding-left: 200px;
    width: 400px;
    height: 210px;
    margin: 0 auto 50px;
    text-align: left;
    position: relative
}
.a_form_link{background-image: url(../images/activate.png);}
/* ------------------------- ИНФОРМАЦИЯ ------------------------- */
#inform{}
#accordion{width:100%; padding-bottom: 80px;}
#accordion h3{
    outline: 0;
    color: #777;
	font-style: italic;
    padding: .4em .5em .7em .7em;
    padding-left: 50%;
    margin-left: -470px;
    background: #f5f7f9; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f9', endColorstr='#4f4d4d',GradientType=0 ); /* IE6-9 */
}
#accordion h3 span{left: 50%; margin-left: -270px;}
#accordion a{color: red; font-style: italic;}
#accordion div, #accordion div div{padding: 20px 15% 20px 50%;margin-left: -510px;font-size: 18px;}
#accordion div div{
    background: url('../images/!.png') no-repeat left;
    background-size: 40px;
    padding: 10px 60px;
    margin-left: 0;
}
#accordion div h4{margin-bottom: 5px;}
#portner_menu .radio1, #portner_menu .radio2{
    width: 50%;
    text-align: left;
    padding-left: 49%;
    cursor: pointer;
}
#portner_menu .radio1 input, #portner_menu .radio2 input{width: 20px;}
/* ------------------------- КОНТАКТЫ ------------------------- */
#contacted{min-height: 600px;}
#map > h2{
    position: absolute; width: 20%;
    text-transform: uppercase;
    text-align: right;
    color: black;
    font-weight: bold;
    font-size: 24px;
    padding: 10px 0 0 0;
    margin: 0;
}
#map{position:absolute;width: 100%;}
.vmap_box{
	width: 80%;
	background: url(../images/tarif_point.png) no-repeat 7px 10px;
    float: right;
}
.city_list_box{
    min-height: 560px;
    background: url(../images/specification.jpg);
    padding-top: 40px;
    padding-bottom: 80px;
}
.city_list_box div a div{
    color: black;
    transition: 0.2s;
    padding: 10px 0 0 40px;
    text-align: right
}
.city_list_box div a div:hover{color: red;}
.contact_area{
    background: url(../images/specification.jpg);
	position:absolute;
	transition: 0.5s;
	visibility: hidden;
	opacity: 0;
    width: 100%;
}
.back_to_map{
    position: absolute;
    width: 300px;
    background: #a20000;
    color: white;
    box-shadow: inset 0px 4px 10px rgba(0,0,0,0.5);
    font-size: 24px;
    border-radius: 0 0 100px 0;
    margin-top: -5px;
    padding: 8px 40px;
    cursor: pointer;
    transition: 0.3s;
}
.back_to_map:hover{background: #333;}
.left_col{
    width: 50%;
    text-align: right;
    margin-left: -20px;
}
.left_col a{color: #a10000;}
.left_col a:hover{color: #ff0000;}
.left_col h1{margin: 0;padding: 50px 0 0 0; font-size:32px; background-size: 40px;}
.left_col h2{background: url('../images/map.png') no-repeat right;}
.left_col h3{background: url('../images/phone.png') no-repeat right;}
.left_col h4{background: url('../images/photo.png') no-repeat right;}
.left_col h5{background: url('../images/mail.png') no-repeat right;}
.left_col h6{background: url('../images/reg_on.png') no-repeat right;}
.left_col h2, .left_col h3, .left_col h4, .left_col h5, .left_col h6{font-size:20px; text-align: right; padding: 8px 50px 8px 10px; background-size: 35px; margin: 10px 0;}
.left_col .dop_contact_info{font-size: 18px; text-align: right; padding: 0 5px 0 0;}
.ymap{
	width: 50%;
	height: 570px;
	float: right;
}

.bot{
    background-image: url(/images/bot.png);
    background-position: 0 40px;
    background-size: 200px;
    background-repeat: no-repeat;
    padding: 0 0 0 135px;
    min-height: 400px;
    max-width: 500px;
    margin: 20px auto 0;
}
#sender-form{
    width: 220px;
    margin: 40px 0 0 60px;
}
#sender-form input{
    width: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px;
    padding: 4px 10px;
    font-weight: bold;
    text-align: center;
}
#sender-form input[type=submit]{
    text-transform: uppercase;
    transition: 0.15s;
    background: #da0000;
    color: white;
}
#sender-form input[type=submit]:hover{background: #c30101;}


.background-title{
    width:100%;
    margin-top: -20px;
}
.online{
    position: absolute; 
    left: 68%; 
    top: 25%; 
    z-index: 2; 
    width: 12%;
}
#video {
    -moz-transform: rotateX(12deg) rotateY(20deg) rotate(-12.1deg) skewY(4grad);
    -webkit-transform: rotateX(12deg) rotateY(20deg) rotate(-12.1deg) skewY(4grad);
    -o-transform: rotateX(12deg) rotateY(20deg) rotate(-12.1deg) skewY(4grad);
    -ms-transform: rotateX(12deg) rotateY(20deg) rotate(-12.1deg) skewY(4grad);
    transform: rotateX(12deg) rotateY(20deg) rotate(-12.1deg) skewX(-1.1grad) skewY(4grad);
    position: absolute;
    top: 38.1%;
    left: 36.3%;
    width: 29.5%;
    height: 38.2%;
}
.hand{
    position: absolute;
    left: 54.1%;
    top: 66.5%;
    width: 100%;
}
.hand img{width:26%;}
@media (min-width: 1500px) {
    .duga{
        margin-top: -30px;

    }
}
@media (max-width: 1500px) {
   #video{height: 38%;left: 36.1%;} 
   .title-text > div{margin-top: 15px;}
} 

@media (max-width: 1082px) { 
    #contacted h2{font-size: 20px;}
    .logo p{margin: 1px 0 14px 20px;}
    .head {width:600px;}
    .favorite_box_m_l{left: -5px;}
    .favorite_box_m_r{margin-right: -5px;}
    .favorite_point{opacity: 0.7;}
    #accordion h3{padding-left: 35px;margin-left: 0;}
    #accordion h3 span{left: 10px;margin-left: 0;}
    #accordion div{padding: 20px 100px 20px 15px;margin-left:0;}
    .navbar-header{}
    .navbar{
        background-image: url(../images/icon.png);
        text-align: center;
        background-position: 20px -3px;
        background-size: 55px;
        background-repeat: no-repeat;
        padding: 0 0 0 80px;
    }
    #top-panel .nav{float: left;width:100%;}
    #top-panel .navbar-default{padding:0;}
    #top-panel .navbar-nav{margin:0; padding-left: 80px;}
    #top-panel .navbar-nav>li>a{
        padding: 18px 15px;
    }
    #top-panel > div > div > img{position: absolute; visibility: hidden;}
    #top-panel .phone-label{ left: 40px;}
    #top-panel > div{padding-top: 0;}
    #navbarCollapse{padding: 0;}
    #top-panel .navbar-nav>li>a{padding: 18px 11px;}
    .title-text > div{width: 100%;
        margin: 0;
        max-width: 100%;
        border-radius: 0;}
    .online{
        left: 69%;
        top: 36%;
    }
}
@media (max-width: 1250px) {
	.logo div{margin-left:-450px;}
	.head .phone {padding-right:0;}
    .top_menu{width: 950px; padding-left:20px;}
    .menu_block{margin: 11px 5px 0 5px;}
	.head{ margin-right: -445px;}
	.fixed_menu_block{margin:8px 5px 0 5px; font-size: 80%; width:110px;}
} 
@media (max-width: 1580px) { 
    .social {width: 1px;}
    .social a img {width: 27px;margin: 5px 10px;}
}
@media (max-width: 950px) { 
    #video{height: 38%;
        width: 29.5%;
        left: 35.9%;
        transform: rotateX(12deg) rotateY(20deg) rotate(-12.8deg) skewX(-1.1grad) skewY(4grad);} 
    #contacted h2{font-size: 22px;}
    .city_list_box{padding-top: 60px;}
    #city_target{margin-bottom: -180px;}
    .point-cloud{background-size: 800px; margin-top: -30px; height: 440px;}
    /*
    #top-panel .mail{visibility: hidden; position: absolute}
    #top-panel .number{float: left; margin-left: 15px; font-size: 14px; font-weight: bold; line-height: 50px; background-image: url(../images/phone_w.png);}
    #top-panel .lk{float: right; margin-right: 20px;}
    #top-panel .phone h2{padding: 0 0 0 35px;}
    #top-panel .phone, #top-panel .lk{
        position: relative;
        left: 0;
        color: white;
        background-size: 40px;
        font-weight: bold;
    }
    #top-panel{
        background: #2b2b2b;
        height: 55px;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }
    #top-panel .lk > div{font-size: 9px;}
    #top-panel .lk .lable-lk{font-size: 12px}*/
    .e1, .e3, .e5, .e7{padding-left: 160px; background-size: 150px;}
    .e2, .e4, .e6, .e9, .e8{padding-right: 160px; background-size: 150px;}
    .static-count, .static-info{float: none; width: 100%; margin: 0;}
    #video, .hand {visibility: hidden; position: absolute; width: 1px;}
    .title-text{position: relative;}
    .background-title{margin-top: -100px;}
    .hand{top: 89%;}
}
@media (max-height: 780px) { 
    .menu_block_off, .menu_block_on {
		width: 44px;
		height: 44px;
		border-radius: 13px;
	}
	.top_area{height: 105px;}
	.menu_airwaves {height: 105px;}
	.menu_button {right: 26px;}
	#main_on, .menu_block:hover #main_on, #shop_on, .menu_block:hover #shop_on ,#tarif_on, .menu_block:hover #tarif_on,
	#partners_on, .menu_block:hover #partners_on, #info_on, .menu_block:hover #info_on, #contact_on, .menu_block:hover #contact_on, #forum_on, .menu_block:hover #forum_on{
		background-size: 44px;
	}
	@keyframes airwaves {
		0% {
			border: 2px solid red;
			z-index:1000;
	}
		100% {
			opacity:0;
			width:200px;
			height:200px;
			margin-left:-76px;
			margin-top:-76px;
			border-radius:30%;
		}	
	}
	.head .phone h2,
	/*.head .lk h2{padding: 5px 5px 5px 40px;font-size: 20px;background-size: 28px;}*/
	#city_target{}
}
@media (max-width: 767px) { 
    .web-link{margin-top: -30px;}
    .navbar{background-image:url(../images/logo_.png); background-size: 220px; background-position: 20px 8px;}
    .bot{
        background-size: 120px;
        background-position: 0 20px;
        padding: 0 0 0 85px;
    }
    #top-panel .navbar-nav{padding: 0;}
    .background-title{margin-top: -50px; padding-bottom: 30px;}
    .online{
        left: auto;
        top: auto;
        bottom: 15%;
        right: 5%;
        width: 20%;
    }
}