* {reseller
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
.hybridauth{
    float: left;
    width: 100%;
    margin-bottom: 50px;
    margin-top:10px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
.justifyleft{
    text-align:left;
}
body {
	width: 100%;
	height: 100%;
    font-family: 'Noto Sans', sans-serif;
}
.header_menu .header_menu {
    margin-top: 0;
}
.paypalimg{
    width: 270px;
    margin-top: 50px;
}
.interimg{
    width: 265px;
    margin-top: 60px;
}

.pristavka_wrap.xar table{
    width: 597px;
}

.pristavka_wrap.xar table {
    border-collapse: collapse;
}

.pristavka_wrap.xar table, th, td {
    border: 1px solid #B2B2B2;
    padding: 2%;
}


.wrapper {
    float: left;
    width: 100%;
}
.inner_block{
	margin: 0 auto;
	width: 1000px;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 100px;
	float: left;
	width: 100%;
	position:fixed; 
	background-color:#fff;
	left:0px; top:0px; z-index:1000; -webkit-box-shadow: 0 2px 25px -10px #000000;
    box-shadow: 0 2px 25px -10px #000000;
}
.header_left{
	float: left;
}
.header_left img{
    float: left;
    margin-top: 14px;
    margin-left: 6px;
    margin-right: 10px;
}
.header_left span{
    color:#ffffff;
    float: left;
    line-height: 40px;
    margin-right: 18px;
    font-size: 16px;
}
.header_left p{
    color:#ffffff;
    float: left;
    line-height: 40px;
    margin-right: 22px;
    font-size: 16px;
}
.header_right{
	float: right;
}
.header_right a{
    margin-left: 23px;
    float: right;
    padding: 0 11px;
    line-height: 30px;
    border-radius: 5px;
    color:#fff;
    margin-top: 4px;
}
.header_right a img{
    margin-right: 6px;
}
.header_online{
    border: 1px solid #DF005E;
    background-color: #DF005E;
}
.header_online:hover{
    background-color: transparent;
}
.header_entry{
    background-color: #DF005E;
}
.header_entry:hover{
    background-color: #dc6313;
}
.header_registr{
    background-color: #464646;
}
.header_registr:hover{
    background-color: #9101B4;
}
.header_top{
	float: left;
	background: #2b2b2b;
	width: 100%;
	height: 40px;
}
.header_logo {
    background: url(../images/header_logo.png) no-repeat;
    width: 120px;
    height: 55px;
    background-size: 110px;
    margin-top: 5px;
    float: left;
}

/*header_menu*/
.header_menu{
	float: right;
    margin-top: 10px;
    
    height: 39px;
}
.header_menu li{
	float: left;
	width:auto;
}
.header_menu li a{
    float: left;
    padding: 0 26px;
    line-height: 22px;
    color: #585858;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: 2px;
}
.header_menu li a:hover{
    color:#DF005E;
}
.header_menu li a.active{
    color:#DF005E;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
    margin-top: 155px;
    position: relative;
    min-height: 100%;
}

/*slider_main*/
.slider_main{
	float: left;
	width: 100%;
	position: relative;
    margin-top: 20px;
}
.slider_main .slider_wrap3{
	float: left;
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	height: 340px;
}
.slider_main .slider_left{
	background-image: url(../images/slider_left.png);
	width: 27px;
	height: 45px;
	position: absolute;
	z-index: 100;
	left:15px;
	top:50%;
	margin-top: -22px;
	float: left;
	opacity: 0.7;
}
.slider_main .slider_left:hover{
	opacity: 1;
}
.slider_main .slider_right{
	background-image: url(../images/slider_right.png);
	width: 27px;
	height: 45px;
	position: absolute;
	z-index: 100;
	right:15px;
	top:50%;
	margin-top: -22px;
	float: right;
	opacity: 0.7;
}
.slider_main .slider_right:hover{
	opacity: 1;
}

/*slider_content1*/
.slider_outer{
    float: left;
    border-bottom: 1px solid #DF005E;
    width: 100%;
    margin-bottom: 48px;
}
.slider_cont1{
    float: left;
    width: 880px;
    margin-top: 15px;
    position: relative;
    margin-left: 60px;
    padding-bottom: 35px;
}
.slider_cont1 .slider_wrap3{
    float: left;
/*    width: 216px;*/
    width: 173px;
/*    height: 176px; */
    height: 140px; 
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}
.slider_cont1 .slider_wrap3:hover{
    border: 1px solid #DF005E;
}
.slider_cont1 .slider_wrap3 a{
    float: left;
    width: 100%;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.3s all;
}
.slider_cont1 .slider_wrap3 .sl_img1{
    background-image: url(../images/img1.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img1{
    background-image: url(../images/img1_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img2{
    background-image: url(../images/img2.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img2{
    background-image: url(../images/img2_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img3{
    background-image: url(../images/img3.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img3{
    background-image: url(../images/img3_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img4{
    background-image: url(../images/img4.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img4{
    background-image: url(../images/img4_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img5{
    background-image: url(../images/best.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img5{
    background-image: url(../images/best_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img6{
    background-image: url(../images/rek.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img6{
    background-image: url(../images/rek_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img7{
    background-image: url(../images/online.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img7{
    background-image: url(../images/online_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img8{
    background-image: url(../images/time.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img8{
    background-image: url(../images/time_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img9{
    background-image: url(../images/18+.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img9{
    background-image: url(../images/18+_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img10{
    background-image: url(../images/online_kino.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img10{
    background-image: url(../images/online_kino_h.png);
}
.slider_cont1 .slider_wrap3 .sl_img11{
    background-image: url(../images/radio.png);
}
.slider_cont1 .slider_wrap3:hover .sl_img11{
    background-image: url(../images/radio_h.png);
}

.slider_cont1 .slider_wrap3 span{
    float: left;
/*    width: 170px;
    margin-left: 23px;
*/
    width: 150px;
    margin-left: 10px;
    color:#2b2b2b;
    font-size: 16px;
    text-align: center;
}
.slider_cont1 .slider_wrap3:hover span{
    color:#5c5c5c;
}
.slider_cont1 .slider_left{
    background-image: url(../images/left.png);
    width: 27px;
    height: 45px;
    position: absolute;
    z-index: 100;
    left:-60px;
    top:50%;
    margin-top: -43px;
    float: left;
    -webkit-background-size: cover;
    background-size: cover;
}
.slider_cont1 .slider_left:hover{
    background-image: url(../images/left_h.png);
}
.slider_cont1 .slider_right{
    background-image: url(../images/right.png);
    width: 27px;
    height: 45px;
    position: absolute;
    z-index: 100;
    right:-60px;
    top:50%;
    margin-top: -43px;
    float: right;
    background-size: cover;
}
.slider_cont1 .slider_right:hover{
    background-image: url(../images/right_h.png);
}
.slider_cont1 .slider_button{
    position: absolute;
    left:30%;
    width: 240px;
    height: 40px;
    line-height: 40px;
    margin-left: -115px;
    bottom: -20px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #DF005E;
    color: #fff;
    border: 2px solid #DF005E;

}
.slider_cont1 .slider_button2{
    position: absolute;
    right:30%;
    width: 240px;
    height: 40px;
    line-height: 40px;
    margin-right: -115px;
    bottom: -20px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #DF005E;
    color: #fff;
    border: 2px solid #DF005E;
}

a.slider_button:hover, a.slider_button2:hover{
    background-color: #fff;
    color: #DF005E;
    border: 2px solid #DF005E;
    
}

.canal_block{
    /*background-color: #ECECEC;*/
    float: left;
    width: 100%;
    padding-top: 35px;
    text-align: center;
    margin-top: 15px;
    min-height: 100vh;
}
h3{
    font-family: 'Code Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    color: #003168;
}
/*slider_content2*/
.slider_cont3{
    float: left;
    width: 100%;
    margin-top: 35px;
    position: relative;
    padding-bottom: 40px;
    height:220px;
    overflow:hidden;
}
.slider_cont3 .slider_wrap3{
        width: 1080px;
    float: left;
    margin-left: 75px;
}
.slider_cont3 .slider_wrap3 a{
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 19px 20px 19px;
    cursor: default;
}
.slider_cont3 .slider_wrap3 a.act_sl {display:block;}
.slider_cont3 .slider_wrap3 a.n_act_sl {display:none;}
.slider_cont3 .slider_left{
    background-image: url(../images/left.png);
    width: 27px;
    height: 45px;
    position: absolute;
    z-index: 100;
    left:0;
    top:36%;
    margin-top: -22px;
    float: left;
    -webkit-background-size: cover;
    background-size: cover;
}
.slider_cont3 .slider_left:hover{
    background-image: url(../images/left_h.png);
}
.slider_cont3 .slider_right{
    background-image: url(../images/right.png);
    width: 27px;
    height: 45px;
    position: absolute;
    z-index: 100;
    right:0;
    top:36%;
    margin-top: -22px;
    float: right;
    background-size: cover;
}
.slider_cont3 .slider_right:hover{
    background-image: url(../images/right_h.png);
}



/* Footer
-----------------------------------------------------------------------------*/
.footer {
	width: 100%;
	height: 100px;
	background: #2b2b2b;
	position: relative;
	float: left;
    padding-top: 19px;
    
}
.footer_wrap{
    border-top: 1px solid #555555;
    float: left;
    width: 100%;
    padding-top: 19px;
}
.footer_menu{
    margin-top: 6px;
    float: left;
}
.footer_menu li{
    float: left;
    width:auto;
}
.footer_menu li a{
    float: left;
    text-transform: uppercase;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    border: 1px solid transparent;
    margin-right: 1px;
    color:#737373;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
}
.footer_menu li a.active{
    color:#DF005E;
    border: 1px solid #DF005E;
}
.footer_menu li a:hover{
    color:#DF005E;
    border: 1px solid #DF005E;
}
.footer_logo {
    float: left;
    background: url(../images/footer_logo.png) no-repeat;
    width: 120px;
    height: 57px;
    margin-right: 43px;
}
.footer_social{
    float: right;
    margin-top: 5px;
}
.footer_social li{
    float: right;
    width:auto;
}
.footer_social a{
    float: right;
    margin-left: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
.soc1{
    background-image: url(../images/solial1.png);
    width: 16px;
}
.soc1:hover{
    background-image: url(../images/social1_h.png);
}
.soc2{
    background-image: url(../images/social2.png);
    width: 24px;
}
.soc2:hover{
    background-image: url(../images/social2_h.png);
}
.soc3{
    background-image: url(../images/social3.png);
    width: 10px;
}
.soc3:hover{
    background-image: url(../images/social3_h.png);
}
.soc4{
    background-image: url(../images/social4.png);
    width: 20px;
}
.soc4:hover{
    background-image: url(../images/social4_h.png);
}
.soc5{
    background-image: url(../images/social5.png);
    width: 18px;
}
.soc5:hover{
    background-image: url(../images/social5_h.png);
}
.soc6{
    background-image: url(../images/social6.png);
    width: 12px;
}
.soc6:hover{
    background-image: url(../images/social6_h.png);
}

/*telecanal*/
.telecanal{
    background-color: #ffffff;
}
.telecanal .left{
    position: absolute;
    left: 0;
    height: 818px;
    width: 57px;
    border: 1px solid #f4ecf7;
    float: left;
    cursor: pointer;
}
.telecanal .slider_left{
    left:14px;
}
.telecanal .slider_right{
    right:14px;
}
.telecanal .left:hover{
    background-color: transparent;
    border: 1px solid #115c87;
}
.telecanal .left:hover  .slider_left {
    background-image: url(../images/left.png);
}

.telecanal .right{
    position: absolute;
    right: 0;
    height: 818px;
    width: 57px;
    border: 1px solid #f4ecf7;
    float: right;
    cursor: pointer;
}
.telecanal .right:hover{
    background-color: transparent;
    border: 1px solid #115c87;
}
.telecanal .right:hover  .slider_right {
    background-image: url(../images/right.png);
}
.telecanal.slider_cont3 {height:auto !important;}
.telecanal.slider_cont3 .left, .telecanal.slider_cont3 .right {height:91%;}
.tematika {float:left; width:100%; margin-top:20px; text-align:center; height:80px; }
.tematika a {display:inline-block; color:#135b87; line-height:28px; border:1px solid #135b87; padding:0px 20px; border-radius:5px; margin:10px 20px;}
.tematika a:hover {background-color:#135b87; color:#fff;}
.tematika a.act {background-color:#135b87; color:#fff;}
/*dostavka*/
.dostavka{
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    margin-bottom: 40px;
}
.dostavka_main{
    float: left;
    width: 100%;
    margin-top: 35px;
}
.dostavka_block{
    background-position: center 0;
    background-repeat: no-repeat;
    height: 200px;
    width: 245px;
    display: inline-block;
    margin: 0 41px;
}
.dostavka_block p{
    float: left;
    width: 100%;
    margin-top: 80px;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
    color:#9c9c9c;
    line-height: 25px;
}

/*garantia*/
.garantia{
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0 40px 0;
    background-color: #faf9f9;
}
.garantia section{
    margin-top: 50px;
    float: left;
    width: 100%;
    color:#9c9c9c;
    font-family: 'Calibri', sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
}
.garantia p{  
    margin-top: 50px;
}
p{  
    float: left;
    width: 100%;
    color:#9c9c9c;
    font-family: 'Calibri', sans-serif;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
}
h2{
    float: left;
    width: 100%;
    margin: 10px 0;
}
.garantia h5{
    margin-top: 15px;
    font-size: 24px;
    color:#115c87;
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
ol li, ul li{
    float: left;
    /*width: 100%;*/
    color:#9c9c9c;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
}
.garantia_list{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.garantia_list span{
    margin-left: 10px;
    float: left;
    width: 38px;
    height: 38px;
    border:1px solid #115c87;
    border-radius: 50%;
    margin-right: 28px;
    line-height: 38px;
    font-family: 'Code Pro', sans-serif;
    font-weight: bold;
    color:#115c87;
}
.garantia_list p{
    float: left;
    width: 90%;
    color:#9c9c9c;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    margin-top: 0px;
}
.sub_title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #dd3d41;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 30px;
}
.period{
    width: 100%;
    height: 220px;
    background-image: url(../images/period.jpg);
    float: left;
    margin-bottom: 35px;
}
.period p{
    color:#fff;
    font-size: 24px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
    line-height: 34px;
    margin-bottom: 25px;
}
.period p strong{
    text-transform: uppercase;
}
.period a{
    width: 300px;
    height: 40px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #0f5b86;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.podpiska{
    float: left;
    width: 100%;
}
.podpiska h4{
    float: left;
    width: 100%;
    text-align: center;
    color:#003168;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}
.podpiska_main{
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.podpiska_block:nth-child(3){
    margin-right: 0px!important;
}
.podpiska_block{
    float: left;
    width: 31%;
    border:2px solid #dadada;
    margin-right: 25px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 25px;
    height: 230px;
    text-align: center;
    cursor: pointer;
    position:relative;
}
.podpiska_block:hover{
    border: 2px solid #dd3d41;
}
.podpiska_block:hover span{
    color:#dd3d41;
}
.podpiska_main .podpiska_block:last-child{
    margin-right: 1px;
}
.podpiska_main .podpiska_block:last-child:hover{
    margin-right: 0;
}
.podpiska_block h5{
    text-transform: uppercase;
    color:#003168;
    font-size: 30px;
    font-weight: bold;
    float: left;
    margin-top: 31px;
    margin-bottom: 13px;
    width: 100%;
}
.podpiska_block span{
    font-size: 20px;
    color:#9c9c9c;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.podpiska_block a{
    width: 140px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 5px;
    color:#fff;
    background-color: #0f5b84;
    text-transform: uppercase;
}
.podpiska_block a:hover{
    background-color: #dd3d41;
    color: #fff;
}
.podpiska_block strong{
    position:absolute;
    float:right;
    right:-18px;
    top:-20px;
    width:60px;
    height:60px;
    background-color:#0f5b86;
    color:#fff;
    line-height:60px;
    text-align:center;
    font-size:18px;
    border-radius:50%;
}
.podpiska_block u{
    font-size: 16px;
    float: left;
    width: 100%;
    text-decoration: line-through;
    color:#9c9c9c;
    margin-top: -15px;
}
 /*.podpiska_block:hover a{
    background-color: #DF005E;
}*/

.pristavka{}
.pristavka_block{
    float: left;
    border: 2px solid #363a3b;
        width: 100%;
    margin-bottom: 40px;
    position: relative;
    padding:30px 0;
}
.shtuka{
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top: -2px;
     -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
    display: none;
}
.pristavka_img{
    width: 470px;
    margin-right: 30px;
    float: left;
    height: 295px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/new-img.jpg);
}
.pristavka_right{
    float: left;
    width: 598px;
}
.pristavka_right .title{
    float: left;
    width: 50%;
    border-bottom: 2px solid #4b4b4b;
    margin-bottom: 1px;
    height: 28px;
    margin-top: 10px;
    line-height: 28px;
    font-size: 20px;
    color:#4b4b4b;
}
.pristavka_right .title.active{
    border-bottom: 2px solid #115c87;
    color:#115c87;
}
.pristavka_right .title:hover{
    border-bottom: 2px solid #115c87;
    color:#115c87;
}
.pristavka_wrap{
    margin-top: 17px;
    float: left;
    width: 100%;
    text-align: left;
}
.pristavka_wrap ul{
    float: left;
    width: 100%;
    margin-left: 22px;
    line-height: 24px;
    margin-bottom: 10px;
}
.pristavka_wrap ul li{
    list-style: disc;
    color:#9c9c9c;
    font-size: 14px;
}
.pristavka_wrap span{
    /*float: left;*/
    text-transform: uppercase;
    color:#DF005E;
    font-size: 18px;
    margin-bottom: 12px;
}
.pristavka_wrap p{
    /*float: left;*/
    color:#9c9c9c;
    font-size: 16px;
}



.faq_main {float:left; width:100%; }
.faq_menu  {float:left; margin-top:15px; width:100%; border-bottom:1px solid #dd3d41; height:70px;}
.faq_menu a {font-size:22px; text-decoration:none; line-height:48px; padding-bottom:23px; color:#000000; font-weight:bold; text-transform:uppercase;margin:0px 31px;  display:block; float:left;}
.faq_menu a:first-child {margin-left:0px;}
.faq_menu a:last-child {margin-right:0px;}
.faq_menu a:hover {color:#565655;}
.faq_menu a.act {color:#0c5a85; background-image:url(../images/faq_act.jpg); background-repeat:no-repeat; background-position:center bottom; }

.fq_search {float:left; width:100%; border:1px solid #998d71; margin-top:24px; height:46px; position:relative;}
.fq_search input {float:left; padding: 0 30px; height:44px; border:0px; outline:none; width:100%; box-sizing:border-box; color:#d40a12; font-size:18px;}
.fq_search img {float:right; margin-top:-15px; margin-right:13px; position:absolute; right:0px; top:50%;}
.faq_block {float:left; width:100%; margin-top:15px; margin-bottom:20px;}
.faq_item {float:left; cursor:pointer; background-image:url(../images/faq_n.jpg); background-repeat:no-repeat; background-position:0px 16px; width:96%; padding-left:4%; border-bottom:1px dashed #565655;}
.faq_item h3 {float:left; width:100%; color:#565655; font-size:18px; font-weight:normal; line-height:24px; padding-top:18px; padding-bottom:18px; }
.faq_item span {float:left; display:none; max-width:725px; color:#565655; font-size:14px; line-height:24px;  margin-bottom:13px;margin-left:-45px;}
.faq_main .faq_item span {float:left; display:none; width:100%; color:#9c9c9c; font-size:16px; line-height:24px;  margin-bottom:13px; margin-left:0!important; max-width:100%!important;}
.faq_item.act h3 {color:#d40e13; }
.faq_item.act {background-image:url(../images/faq_a.jpg); background-position:0px 23px;}

.block_contact {
	width: 643px;
	margin: 0 auto;
}
.bcontact_left{
   float:left;
   width:100%;
   text-align:center;
   margin: 10px 0;
}
.bcontact_left div{
    width:100%;
    display:inline-block;
    margin-bottom: 10px;   
    padding-bottom: 5px;
}

.bcontact_left img{
    float: left;
    margin-top: 5px;

}
/*
.bcontact_left.bcli_phone, .bcontact_left.bcli_email{
    float: left;
    margin-top: 5px;
}*/
.bcontact_left .bcli_skype{
    margin-top: 0;
}


.bcontact_left span{
    color:#686868;
    float: left;
    font-size: 16px;
    margin-left: 10px;

/*
    line-height: 40px;
    margin-right: 18px;
    */
}
.bcontact_social{
    float: right;
    margin-top: 5px;
}
.bcontact_social li{
    float: right;
}
.bcontact_social a{
    float: right;
    margin: 0 10px;
    height: 20px;
    background-repeat: no-repeat;
}
.bcontact_text{
    float: left;
    color:#8c8c8c;
}
.bcontact_form{
    width:100%;
    float: left;
    margin: 10px 0 30px 0;
}
.bcontact_form input, .bcontact_form select{
    width:100%;
    padding: 10px 0px 10px 20px;
    margin: 10px 0;
    font-size: 16px; 
    border-radius: 5px;
    border: 2px solid #aaaaaa;
    box-sizing: border-box;
    color: #aaa;
    background-color: #fff;
}
.bcontact_form textarea{
    width:100%;
    padding: 10px 0px 10px 20px;
    margin: 10px 0;
    height: 140px;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #aaaaaa;
    box-sizing: border-box;
    resize: none;
    color: #aaa;   
}
.bcontact_form input:hover, textarea:hover, select:hover{
    border: 2px solid #dd3d41;
}
.bcontact_form input:focus, textarea:focus, select:focus{
    border: 2px solid #dd3d41;
    outline: none;
    color: #000;
    
}

.bcontact_form input[type="submit"]{
    width:100%;
    border: 2px solid #0c5a85;
    background-color: #0c5a85;
    color: #fff; cursor:pointer;
}
.bcontact_form input[type="submit"]:hover{ 
   border: 2px solid #dd3d41;
    background-color: #dd3d41;
    color: #fff;
   
}
.error {
    text-align: center;
    color: #dd3d41;
    margin-bottom: 5%;
}
.icon_canal{
    border: 1px solid #D0D0D0;
    background-color: #FFF;
     border-radius: 5px; 
     background-size: 100%; 
     background-repeat: no-repeat;
     background-position-y: center;
    
}
.register, .loginForm{
    margin-left: 25%;
    margin-top: 10px;
    width: 50% !important;
    /*height: 800px;    */
}
.rftd_new div {
    width:100% !important;
}
.rftd_new a {
    width:99% !important;
}
.register .rftd, .loginForm .rftd{
    height: 41px;
    margin: 20px 0;
}
.register .rftd div, .loginForm .rftd div{
    width: 50%;
    float: left;
}
.register .rftd label, .loginForm .rftd label{
    line-height: 41px;
    color: #585858;
}
.register .rftd input, .loginForm .rftd input{
    width: 96%;
    height: 41px;
    border: 2px solid #aaaaaa;
    border-radius: 5px;
    padding-left: 5px;
}




.form.prof_form, .loginForm{

    width: 100%;
       
}
.prof h3{
    clear: left;
}
.prof .rftd{

        width: 100%;
        margin: 5px 0 0;
        float: left;
}
.loginForm .rftd{
          height: 41px;
        width: 100%;
        margin: 5px 0 0;
        float: left;
}
.prof .rftd input {
    box-sizing:border-box;
}
.prof .rftd a {
    float: left;
    width:97% !important;
    border:0px !Important;
    margin-top: 20px;
    padding:0px;
}
/*.prof div, .loginForm .rftd div{*/
 /**/
    /*float: left;    */

/*}*/
.prof label, .loginForm .rftd label{
    line-height: 41px;
    color: #585858;
}
.prof input, .loginForm .rftd input{
    width: 96%;
    height: 41px;
    border: 2px solid #aaaaaa;
    border-radius: 5px;
    padding-left: 5px;
}

.prof .form.prof_form input {
    width: 96%;
    height: 41px;
    border: 2px solid #aaaaaa;
    border-radius: 5px;
    padding-left: 5px;
}
.prof .form.prof_form input[type="submit"] {
    width:97.9% !important;
    border:0px;
    float: left;
    background-color: #0f5b86;
}
.prof .form.prof_form input[type="submit"]:hover {
    background-color: #dd3d41;
}
.prof .settings .rftd a {
    margin-top:0px;
}
.prof input:hover, .loginForm .rftd input:hover{
    border: 2px solid #dd3d41;
}
.prof input:focus, .loginForm .rftd input:focus{
    border: 2px solid #dd3d41;
    outline: none;
}

.prof input[type="submit"], .loginForm .rftd input[type="submit"]{
    width: 100%;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
     color:#fff;
    
}
.prof input[type="submit"]:hover, .loginForm .rftd input[type="submit"]:hover{
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}

.register .rftd input:hover, .loginForm .rftd input:hover{
    border: 2px solid #dd3d41;
}
.register .rftd input:focus, .loginForm .rftd input:focus{
    border: 2px solid #dd3d41;
    outline: none;
}

.register .rftd input[type="submit"], .loginForm .rftd input[type="submit"]{
    width: 100%;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
     color:#fff;
    
}
.register .rftd input[type="submit"]:hover, .loginForm .rftd input[type="submit"]:hover{
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}
.loginForm .rftd a{
    display: block;
    width: 495px;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
     color:#fff;
    height: 37px;    
    line-height: 41px;
    border-radius: 5px;
}
.loginForm .rftd a:hover{
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}

.ak .ak_left{
    width:600px;

    margin:0 auto;float: none;

}
.ak .ak_right{
    width: 50%;
    float: left;
    padding-bottom: 50px;
    margin-left: 25%;
}
.ak .ak_up{
margin-bottom: 21px;
    width: 100%;
}
.ak .rftd div {
    width: 100%;
    float: left;
}
.ak .new_p{
    
    height: 41px;
    border-radius: 5px;
    padding-left: 5px;
        width: 210px;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
    color: #fff;
    cursor:pointer;
}

.ak .new_p:hover {
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}

.ak .pristavka{
    width: 400px!important;
    float: right;
    border: 1px solid #585858;
    border-radius: 10px;
    padding: 0px 15px 0 15px;
    margin-top: 25px;
    margin-right:90px;
}
.ak .pristavka h4{
        line-height: 40px;
    font-size: 20px;
    color: #003168;
}
#mac {
    border: 2px solid #dd3d41;
    border-radius: 6px 0 0 6px !important;
    width: 180px !important;
}
.macLabel {
    margin: 0 !important;
}
.p_mac{
    float:left;
    width:100%!important;
}
.p_mac label{
        float: left;
    margin-right: 15px;
    line-height:34px !important;
}
.pristavka form{
       width:100%!important;
       float: left;
       margin: 0px!important;
}
.pristavka:not(:last-child) {
   display: none;
}
.p_mac input.macs{
    width:22px !important;
        border-radius: 6px !important;
    border: 2px solid #dd3d41 !important;
        float: left;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding-right: 5px;
    height:34px !important;
    
}
.mac_save{
    float:left;
    padding:0px 10px;
    height:38px;
    color:#fff;
    cursor:pointer;
        border: 2px solid #0f5b86;
        border-radius: 0px 5px 5px 0px!important;
    background-color: #0f5b86;
}
.ak .mac_save:hover {
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}
.ak .ak_pay{
    float: left;
    width:100%;margin: 0px 0px 10px 0px;
       
    color: #585858;
    text-align: left;
}
.ak .ak_pay button:hover {
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}
.ak .ak_date{
    width:100%;
    float: left;
         margin: 10px 0px;
    color: #585858;
    text-align: left;
}

.ak .ak_pay button{
    width:70px;
}
.ak_t{
    float: left;
  margin-right: 20px;
}
.ak_date .ak_t {
    display:none;
}
.ak_t2{
    float: left;
    line-height: 45px;
    /*margin-right: 54px;*/
}
.ak .dd{
    font-weight:bold;
}
.ak_pay select{
    float: left;
    padding: 0px 10px;
    height: 45px;
    cursor: pointer;
    border: 2px solid #0f5b86;
    border-radius: 5px 0px 0px 5px!important;
}
.ak_pay button{
        float: left;
    padding: 0px 10px;
    height: 45px;
    color: #fff;
    cursor: pointer;
    border: 2px solid #0f5b86;
    border-radius: 0px 5px 5px 0px!important;
    background-color: #0f5b86;
}
.ak_right .rftd{
    width:444px;
        margin-left: 140px;
        margin-top: 50px;
}
.ak_right .new_ps{
  
    height: 41px;
    border-radius: 5px;
    padding-left: 5px;
    width: 210px;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
    color: #fff;
    cursor: pointer;
    float: left;
}
.ak_right .new_ps:hover {
    background-color: #dd3d41;
    border: 2px solid #dd3d41;
}
.buy h4{
        clear: left;
    margin:20px 0px;
    font-family: 'Code Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    color: #dd3d41;
}
.buy_form-l,.buy_form-c,.buy_form-r{
    width:31%;
    float:left;
    margin-right:20px;
     margin-bottom:40px;
}
.buy_form input{
    margin: 10px 0px;
}
.buy_form textarea{
    width: 283px;
    border: 2px solid #aaaaaa;
    border-radius: 5px;
    resize: none;
    padding: 10px 10px 10px 10px;
    height: 161px;
}
.ak .itog {
    clear: left;
    margin: 20px 0px;
    font-family: 'Code Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
    color: #dd3d41;
}
.buy_form-r{
    margin-top: 50px;
}
.ak .itog b{
    clear: left;
    margin: 20px 0px;
    font-family: 'Code Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
    color: #dd3d41;
}
.rashod {
    color:#737373;
}
.buy .ak_pay{
    margin: 15px 0px;
}
.buy .ak_t2{
        margin-right: 45px;
}
.ak .pristavka_main{
    float:none;
}
.telecanal {display:none;}
.slider_id0 {display:block;}
.telecanal.act_sl {display:block;}
.telecanal.n_act_sl {display:none;}
.publishButtons{
    margin: 0!important;
    float: left!important;
    width: 200px!important;
    top: 100px!important;
}
.error_new {    height: 50px;
    line-height: 50px;
    color: red; width: 100% !important;}

.register .rftd_reg{
    float: left;
    width: 100%;
    margin: 10px 0px;
}
.register .rftd_reg_err{
    height:auto; margin:0px;
}


.prof .rftd a {
    display: block;
    background-color: #0f5b86;
    color: #fff;
    line-height: 41px;
    border-radius: 5px;
    
    
    width: 96%;
    height: 41px;
    border: 2px solid #0f5b86;
    border-radius: 5px;
    padding-left: 5px;    
    
}

.prof .rftd a:hover{
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}


.register .rftd a {

    display: block;
    line-height: 41px;
    border-radius: 5px;    
    
    
    width: 100%;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
    color: #fff;
}
.register .rftd a:hover {
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}
.prof .p_sogl {
    width: 15px;
    float: left;
    height: 15px;
    margin-top: 14px;
    margin-left: 20px;
    margin-right: 10px;
}
.prof label {
    color: #737373;
}
.pod_vopr{
    float:right;
    position:relative;
    width:24px;
    height:24px;
    background-image:url(../images/vopr.png);
    margin-top: 10px;
    border: none;
}
.pod_vopr:hover, .pod_vopr:active{
        background-image:url(../images/vopr2.png);
}
.pod_vopr img{
    position:absolute;    right:0;
/*    top: -155px;*/
    right: -23px;
    bottom: 30px;
    display:none;
}
.pod_vopr:hover img, .pod_vopr:active img{
    display:block;
}

.ak_summa{
    float:left;
    width:380px;
    margin-left:10px;
    margin-top:20px;
    line-height:40px;
    font-size:18px;
    color:#606060;
    text-align:center;
    border-top:1px solid #cccccc;
}
.ak_summa b{
    color:#dd3d41;
}
.header_zvo{
    background-color:#444444;
    border:1px solid #444444;
}
.header_left a{
    float:left;
}
h2.justifyleft{
    color: #dd3d41;
}
.top_call_new {float:right; position:relative; display:none;}
.top_call_new form {position:absolute; display:none; top:40px; left:-1px; border:1px solid #ccc; width:100%;box-sizing:border-box; padding:10px 15px; background-color: #fff;}
.top_call_new.act form {display:block;}
.top_call_new form input {width:100%; box-sizing:border-box; padding:5px 7px;}
.top_call_new form input[type="submit"] {background-color: #dd3d41; border:0px; color:#fff; border-radius: 5px; margin-top: 10px;  cursor: pointer;}
.top_call_new a {margin-left:0px;}

.bcontact_right{float: right;width:220px;}
a.bcontact_areseller{float: right;
    padding: 0 35px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #0c5a85;
    margin-top: 20px;
    margin-bottom: 30px;
}
a.bcontact_areseller:hover {background-color:#dd3d41;  color:#fff;}


.checkvxod div.dsoglasie{
    float:left;
    width:100%;
    margin-left: 40px;
}
.checkvxod .dsoglasie input[type="checkbox"] {
    width: 15px;
    float: left;
    height: 15px;
    margin-top: 14px;
    margin-left: 125px;
    margin-right: 10px;
}
.checkvxod .dsoglasie label {
    color: #737373;
    float: left;
}
.checkvxod .dsoglasie a {
    color: #0c5a85;
    float: left;
    display: inline;
    width: auto;
    border: 0 solid #dd3d41;
    background-color: #fff;
    height: 37px;
    line-height: 41px;
    border-radius: 5px;  
    margin-left: 3px;    
}

.checkvxod .dsoglasie a:hover {
    color: #0c5a85;
    border: 0px solid #dd3d41;
    background-color: #fff;
    
}
.formfleft{float: left;}

/*

#sh_button{
    left: 50% !important;
    margin-left: 60px;
    float: right;
    border-radius: 5px;
    color: #fff;
    margin-top: 4px;
    border: 1px solid #DF005E;
    background-color: #DF005E;    
    height: 30px;
    min-width: 169px;
}
#sh_button .sh_title_text{
    margin-top: 0;
    font-size: 14px;
    border-left: 0;
    line-height: 27px;
}
#sh_button .sh_logo_img{
    margin-top: 3px !important;
}*/

/*

.sh_btn{ 
    left: 50% !important;
    margin-left: 60px!important;
    float: right!important;
    border-radius: 5px!important;
    color: #fff!important;
    margin-top: 4px!important;
    border: 1px solid #DF005E!important;
    background-color: #DF005E!important;    
    height: 30px!important;
    min-width: 169px!important;
}*/

    .overlays{
    display:none;
    position:fixed;
    z-index:10000;
    background: rgba(38,46,56,0.90);
    width:100%;
    height:100%;
}
.overlays_inner{
    position:absolute;
    top:50%;
    margin-top:-300px;
    width:460px;
    padding:20px 50px 45px 50px;
    background-color:#fff;
    left: 50%;
    margin-left: -280px;
    height:400px;
}
.opkass{
        margin-left: 38px;
    height: 41px;
    border-radius: 5px;
    padding-left: 5px;
    width: 210px;
    border: 2px solid #0c5a85;
    background-color: #0c5a85;
    color: #fff;
    cursor: pointer;
    text-align:center;
    float: left;line-height: 41px;
}
.opkass:hover{
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}
.button_pay {
    height: 41px;
    border-radius: 5px;
    padding-left: 5px;
    width: 210px;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
    color: #fff;
    cursor: pointer;
    margin-top: 30px;
}
.sys_oplat {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 7%;
    float: left;
    width: 85%;
}
.canal_block iframe{
    margin-bottom:50px;
}
#swipe_payment{
    position: absolute;
    left: 50%;
    margin-left: -100px;
    height: 37px;
    border-radius: 5px;
    padding-left: 5px;
    width: 210px;
    border: 2px solid #0f5b86;
    background-color: #0f5b86;
    color: #fff;
    cursor: pointer;
    display:block;
    line-height: 37px;
    margin-top:30px;
}

.button_pay[value="Оплатить через PayPal"]{

}
.button_pay[value="Оплатить через Interkassa"]{

}
.paypalimg{
}
/*payment*/
#payForm {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}
/*payment*/
.settings {
    float:left;
    /*background-image:url(../thumbs/images/settings.png);*/
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
}
.settings_act {
    display: block;
    margin-left: 43px;
    position: absolute;
    width: 150px;
}

/*.settings:active > .settings_act {*/
  /*display: block;*/
/*}*/

.continuePayment {
    clear: both; 
    display: block; 
    color: #2b2b2b; 
    font-size: 17px; 
    width: 700px; 
    margin: 0 auto; 
    padding: 27px;
}

#hiddenPodpiska {
    display: none;
}
#mobileActions {
    display: none;
}

#npContent p {
    width: 90vw;
    margin: 2vh 0;
    text-align: left;
}
#reseller {
    float: left;
    background: #ffff00;
    color: #363a3b;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Noto Sans Bold;
    text-align: center;
    line-height: 28px;
    margin-top: 20px;
    transition: 0.2s all;
    border-radius:5px;
    height:30px;
}
#reseller:hover {
    color: #fff;
	background: #363a3b;
}
#haLogout {
    color:#dd3d41;  
    border: 2px solid #dd3d41;
}
.referal {
    font-size: 18px;
    color: #dd3d41;
    display: flex;
    justify-content: center;
}
.referal label {
    color:#000;
    float: right;
}
#referal  {
    background: #ffff00;
    padding: 5px 19px 5px 19px;
    line-height: 15px;
    height: 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Noto Sans Bold';
    color: #363a3b;
    transition: 0.2s all;
    border-radius: 5px;
    width:40% !important;
    margin-bottom: 10px;
}
#referal:hover {
    color: #fff;
    background: #363a3b;
}

#orderContainerBtn {
    background: #ffff00;
    padding: 5px 19px 5px 19px;
    line-height: 15px;
    height: 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Noto Sans Bold';
    color: #363a3b;
    transition: 0.2s all;
    border-radius: 5px;
    width:40% !important;
    margin: 50px 0 10px 0;
    border: none;
}

#orderContainerBtn:hover {
    color: #fff;
    background: #363a3b;
}
.orderInfo {
    margin: 20px;
    border: 2px solid #0f5b86;
    border-radius: 5px;
    color: #363a3b;   
    font-size:16px;
}
.orderInfoHead {
    color: #dd3d41;
    font-size:20px;
    text-transform:uppercase;
}
.macInfo {
    text-transform:uppercase;
}
.orderInfoHide {
    display:none;
}

.rftd-btn {
    display: block;
    background-color: #0f5b86;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    border-radius: 5px;
    height: 41px;
    border: 2px solid #0f5b86;
    border-radius: 5px;
    padding-left: 5px;
    width: 40%;
    margin: 20px 0;
}

.rftd-btn:hover {
    border: 2px solid #dd3d41;
    background-color: #dd3d41;
}
.container-btn {
    display: flex;
    justify-content: center;
    width: 100%;
}

.referInfo {
    display: flex;
    flex-direction: column;
}

.referInfo h2 {
    margin: 30px 0;
}

.referInfo p {
    margin: 20px 10px;
}

.referInfo span {
    color:#dd3d41;
}

.NYHat {
    height: 55px !important;
    position: fixed;
    left: 45%;
    margin: 0;
    transform: rotate(-54deg) translate(8px, -28px);
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .NYHat {
        height: 40px !important;
        position: absolute;
        left: -4%;
        margin: 0;
        transform: rotate(-54deg) translate(5px, -25px);
    }
    
    .rftd-btn {
        width: auto;
    }
    
    .referal {
        font-size:14px;
        margin:10px 0;
    }
    #referal {
        height: 60px;
    }
    #orderContainerBtn {
        width: 100% !important;
    }
    .ak_left {
        width: 75% !important;
        margin-left: 12.5% !important;
    }
    .wrapper, .header {
        min-width: 0;
    }

    body {
        min-width: 0;
        width: 100vw;
    }
    .phone, .email {
        margin-left: 0;
    }
    .main_wrap {
        min-width: 0;
        max-width: 100vw;
    }
    .header_top {
        display: flex;
        flex-direction: column;
        width: 100vw;
        height: 16vh;
    }
    .topFlex {
        display: none;
        justify-content: space-around;
        background-color: #0f5177;;
    }
    .mainFlex{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .login , .registration {
        display: flex;
        align-items: center;
        margin-left: 8px;
    }
    .registration {
        margin-left: 8px;
    }
    .mainFlex img{
        height: 10vh;
        margin: 3vh 10vw !important;
    }

    /*sandwich start*/

    #sandwichMenu {
        display: block;
        margin: 3vh 10vw;
        cursor: pointer;
    }

    .sandwchLine1,
    .sandwchLine2,
    .sandwchLine3 {
        width: 40px;
        height: 4px;
        background-color: #ffffff;
        margin: 5px 0;
        transition: 0.5s;
    }

    .change .sandwchLine1 {
        -webkit-transform: rotate(-40deg) translate(-6px, 6px) ;
        transform: rotate(-40deg) translate(-6px, 6px) ;
    }

    .change .sandwchLine2 {
        opacity: 0;
    }

    .change .sandwchLine3 {
        -webkit-transform: rotate(40deg) translate(-6px, -7px) ;
        transform: rotate(40deg) translate(-6px, -7px) ;
    }
    /*sandwich end*/


    #headerActions {
        display: none;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .change #headerActions{
        display: flex;

    }
    .phone, .email, .login, .registration{
        line-height: 30px;
        background-size: 16px;
    }
    .login {
        background-size: 25px;
    }
    .phone a, .email a {
        font-size: 12px;
    }
    .header_logo {
        margin-top: 30px;
    }
    .header_menu ul, .connection {
        float: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .header_menu {
        max-height: 0;
        overflow: hidden;
        float: none;
        background: #191919;
        margin-top: 16vh;
        transition: 0.5s;
        height: auto;
    }

    .change .header_menu {
        max-height: 100vh;
    }
    .header_menu ul li a {
        color: #fff;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .content {
        margin-top: 17vh;
    }

    #connectionBottom {
        display: none;
    }
    /* footer */

    .footer img{
        margin: 0 3vw 0 5vw !important;
        height: 30px;
    }
    #copyright {
        font-size: 10px;
        margin: 0 3vw;
    }
    .inner_block, .header_menu {
        width: 100vw;
    }
    .f_logo {
        margin: 0 !important;
    }

    /* footer */

    /* tv channels */
    /*.canal_block {*/
        /*margin-top: 0;*/
    /*}*/
    .tematika {
        display: flex;
        flex-direction: column;
        margin-top: 2vh;
        height: 80vh;
        transition: height 0.5s;
    }
    .tematika a {
        font-size: 12px;
        margin: 1vh 5vw;
        line-height: 30px;
        opacity: 1;
        max-height: 100vh;
        transition: opacity 0.5s;
    }

    .closeBtn {
        margin: 5px 0;
        background: url("/assets/images/arrowDown.png") no-repeat 5%;
        background-size: 5%;
    }

    .tematika a:nth-child(1){
        display: none;
    }

    .hiddenOpts:not(.act) {
        /*display: none;*/
        margin: 0;
        border: none;
        max-height: 6vh;
        opacity: 0;
        overflow: hidden;
    }
    .hiddenBlock {
        height: 35px;
    }

    .telecanal .left, .telecanal .right {
        display: none;
    }

    .slider_cont3 .slider_wrap3 {
        width: 95vw;
        margin-left: 5vw;
    }
    .slider_cont3 .slider_wrap3 a {
        width: 18vw;
        height: 8vh;
        margin: 1vh 2vw;
    }
    .slider_id0 {
        display: none;
    }
    .slider_id2 div:last-of-type {
        position: relative !important;
        display: block !important;
    }
    /* tv channels */

    /* connection */

    .podpiska_block {
        width: 40vw;
        height: 30vh;
        margin-right: 8px;
        margin-left: 14px;
    }
    .podpiska_block:nth-child(3) {
        margin-right: 8px !important;
    }
    .podpiska_block h5, .podpiska_block span {
        font-size: 14px;
    }
    .podpiska_block h5 {
        margin-top: 39px;
    }
    .podpiska_block a {
        width: 30vw;
        height: 6vh;
        font-size: 14px;
        line-height: 30px;
    }
    .sys_oplat {
        display: none;
    }
    .pristavka_block {
        border: none;
    }
    .pristavka_right {
        width: 100%;
    }
    .pristavka_right .title {
        font-size: 16px;
    }
    .pristavka_wrap {
        width: 100%;
    }
    .pristavka_wrap p {
        padding: 0 5vw;
        font-size: 13px;
        width: 27%;
    }
    .opis p {
        font-size: 16px;
        width: 90%;
    }
    .pristavka_wrap tr {
        width: 90%;
    }
    tbody {
        width: 90%;
    }
    .pristavka_img {
        display: none;
    }
    #hiddenPodpiska {
        display: none;
    }
    .period p {
        font-size: 15px;
    }
    .period {
        height: 300px;
    }
    /* connection */

    /*delivery*/

    .dostavka_block {
        height: auto;
        margin-top: 10px;
    }
    .dostavka_block p {
        margin-top: 60px;
    }
    .garantia p {
        margin: 5vh 9vw;
        width: 90%;
    }
    .garantia_list p {
        width: 85%;
        margin-left: 10vw;
    }
    .garantia_list span {
        float: none;
        padding: 10px 15px;
    }

    /*delivery*/

    /* FAQ */
    .faq_main {
        width: 98%;
        margin-left: 1%;
    }
    .faq_menu a:first-child {
        margin: 0 10vw;
        width: 80vw;
        text-align: center;
        font-size: 14px;
    }
    .faq_menu a {
        font-size: 16px;
    }
    .faq_item {
        margin-left: 5vw;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .faq_item h3 {
        font-size: 12px;
        width: 85%;
        margin: 0 5vw;
    }
    .faq_main .faq_item span {
        width: 85%;
        font-size: 14px;
    }

    /* FAQ */

    /* contacts */

    .block_contact {
        width: 90%;
        margin-top: 5vh;
    }
    .bcontact_left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bcontact_left div {
        width: 155px;
    }
    .bcontact_right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* contacts */

    /*registration*/

    .register, .loginForm {
        margin: 3vh 5vw;
        width: 90% !important;
    }
    .register .rftd_reg {
        margin: 5vh 0px;
    }
    .register .rftd label, .loginForm .rftd label {
        line-height: 20px;
        margin: 5vh 0;
    }
    .checkvxod div.dsoglasie {
        margin-left: 0;
    }
    .checkvxod .dsoglasie input[type="checkbox"] {
        margin-top: 7vh;
        margin-left: 0;
    }
    .hybridAuth {
        margin-left: 0 !important;
        margin-bottom: 5vh;
    }
    .register .rftd_reg {
        margin-left: 0px !important;
        display: flex;
        flex-direction: column;.register .rftd_reg    }
    .register .rftd div, .loginForm .rftd div {
        width: auto;
    }
    .loginForm .rftd {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 5vh 0;
    }

    /*registration*/

    /*LK*/
    .ak_right {
        width: 66% !important;
    }
    .ak .ak_right {
        margin-left: 18%;
        margin-top: 50%;
    }
    .ak_right .rftd {
        display: flex;
        flex-direction: column;
    }
    .ak .new_p, .ak .new_ps {
        margin-top: 3vh;
        width: 65vw;
    }
    .settings_act {
        margin-left: 26vw;
        width: 50vw;
    }
    .ak .pristavka {
        width: 90% !important;
        margin-right: auto;
    }
    .ak_summa {
        width: auto;
    }
    .buy_form-l,.buy_form-c,.buy_form-r {
        margin-left: 5vw;
        width: 90%;
        margin-right: auto;
        margin-bottom: auto;
    }
    .buy_form textarea {
        width: auto;
    }
    .buy .ak_t2 {
        margin-right: 5vw;
    }
    .ak_t {
        margin-right: auto;
        font-size: 14px;
    }
    .pod_vopr {
        border: none;
    }
    .pod_vopr img {
        width: 278px;
    }
    .p_mac label:first-child {
        width: 100%;
    }
    .p_mac input.macs {
        font-size: 13px;
        width:15px !important;
        padding-right: 4px;
        height: 28px !important;
    }
    .settings, .settings_act {
        position: relative !important;
        float:none !important;
    }


    /*LK*/

    #npContent p {
        width: 90vw;
        margin: 1vh 5vw;
    }
    #npContent img:not(.wp-image-981) {
        width: 90vw;
        height: 35vh;
    }
    h2.justifyleft {
        text-align: center;
    }
    .justifyleft li {
        padding-left: 5vw;
    }
    #continuePayment {
        width: 90%;
        margin-left: 5%;
    }
    #payForm {
        flex-direction: column;
        align-items: center;
    }
    .paypalimg, .interimg {
        height: auto !important;
        margin-top: 10px;
    }
    .button_pay {
        margin-top: 60px;
    }
    input {
        -webkit-appearance: none;
    }
    #tryFree {
        width:90%;
        margin-left:5%;
    }
    #tryFree img {
        width:100%;
        height:50%;
    }
}