/* @ Серёгин сброс стилей @ */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,abbr{border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}.article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav, {display:block;}
:-ms-input-placeholder{color:#757575;}
:-webkit-input-placeholder{color:#757575;}
address{margin-bottom: 0}
html, body{height:100%; font-family:OpenSans-Regular, Arial; font-size:15px; }
a{text-decoration:none; outline:none;}
a:hover,  a:active{text-decoration:none; outline:none;}
a img{border:none; outline:none;}
ul{list-style:none;}
p{margin:0 0 14px 5px;text-align:left;line-height:1.8;}
/* End of @ Серёгин сброс стилей @ */

	body{
         
            justify-content: center;
            align-items: center;
            background-color: #f0f0f0;
        }
        
		
		
/* @ Полезные мелочи @ */
h1{font-size:24px; line-height:20px;margin:20px;text-align: center;}
h2,h3,h4{font-size:20px;text-align:left;line-height:28px;font-weight:700;}
h5,h6{font-size:18px;text-align:left;}
.auto{margin: 0 auto;}

.clear{clear: both;}
.textCenter{text-align: center;}
.textJustify{text-align: justify;}
.margin10{margin: 10px;}
.margin_top20{margin-top: 20px;}
.margin_top40{margin-top: 40px;}
.margin_top70{margin-top: 70px;}
.margin_top10{margin-top: 10px !important;}
.margin_left10{margin-left: 10px;}
.padding_top100{padding-top: 100px;}
.margin_top-5{margin-top: -5px !important;}
.margin_bottom5{margin-bottom: 5px !important;}
.margin_bottom10{margin-bottom: 10px !important;}
.margin_bottom40{margin-bottom: 40px !important;}
.padding_left50{padding-left: 50px;}
.margin5{margin: 5px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.font-size10px{font-size:10px;}
.font-size6px{font-size:6px;}

/* End of @Полезные мелочи @ */
/* @ header @ */
header .head-box{ background: linear-gradient(to right, #4a90e2, #50c878);padding:1px 10px 1px;}
header nav{}
header .logo{width:200px;margin: 15px;}
header nav ul{margin-right: 25px;}
header nav a{color:#ffffff;font-size:14px; line-height: 16px;}
header .head-box>a{color:#ffffff;}
header a img{margin:5px 3px 5px 10px;}


header .voity{position: absolute; right: 19px; top:14px;color:#ffffff;cursor:pointer; z-index:500;border:1px solid #fff;padding:2px 10px 3px;border-radius:15px;}
header .vyity{position: absolute; right: 19px; top:10px;color:#ffffff;cursor:pointer; z-index:500;border:1px solid #fff;border-radius:25px;width:30px;height: 30px;}
header .add-game-on-head{position: absolute;color:#ffffff; right: 105px; top:10px;cursor:pointer; z-index:500;border:1px solid #fff;border-radius:25px;width:30px;height:30px;font-size:35px;text-align:center;line-height:30px}
header .vyity img{width:15px;height: 15px;margin-top: 7px;text-align: center;}
header .registraciya{position: absolute;color:#ffffff; right: 100px; top:14px;cursor:pointer; z-index:500;border:1px solid #fff;padding:2px 10px 3px;border-radius:15px;}
header .akk_link{position: absolute;color:#ffffff; right: 60px; top:5px;cursor:pointer; z-index:500;border:1px solid #fff;border-radius:25px;width:30px}
#from_other_page .akk_link{border:1px solid #fff;border-radius:25px;width:30px}
.article .akk_link{border:1px solid #fff;border-radius:25px;width:30px}
header .registraciya:hover{color:#0098CF !important;background:#fff;}
header .voity:hover,header .vyity:hover{color:#0098CF !important;background:#fff;}
.poisk_main{padding:60px 0 100px;width: 500px;margin: 0 auto;}
.poisk_main form{margin: 0 auto;width: 700px;}
.poisk_main form input{width:55%;float:left;padding:10px 0 10px 10px;font-size:18px;border-radius:7px;margin-top: -20px;}
.poisk_main form button{width:20%;float:left;background: #f7266a;padding:10px;color:#ffffff;font-size:16px;margin-left: 10px;border-radius:7px;margin-top: -20px;}
.poisk_main form button:hover{background: #236ebf;cursor:pointer}

header .poisk_block{padding:60px 0 60px;background: #eee;width:100%;}
header .poisk_block .poisk{width:20%;margin-left: 10%;float:left;font-weight:800; margin-top: -12px;color:#545151}
header .poisk_block form input{width:35%;float:left;padding:10px 0 10px 10px;font-size:18px;border-radius:7px;margin-top: -20px;}
header .poisk_block form button{width:15%;float:left;background: #f7266a;padding:10px;color:#ffffff;font-size:16px;margin-left: 10px;border-radius:7px;margin-top: -20px;}
header .poisk_block form button:hover{background: #236ebf;cursor:pointer}
.wrap{width:85%;margin: 0 auto;}
.wrap .akk_link{border:1px solid #fff;border-radius:25px;width:40px}

.wrap .users_phone{padding:5px;float:left;}
.wrap .subscription_description_box{float:left;width:300px;border:1px solid #f7266a;margin-left:20px;margin-top: 20px;}
.wrap .subscription_description_box .subscription_description_box_title{background: #f7266a;padding:10px;color:#ffffff;font-size:16px;font-weight:800;text-align:center}
.wrap .subscription_description_box .subscription_description_box_deal{background: blue;padding:10px;color:#ffffff;font-size:16px;text-align:center}
.wrap .chek_phone{width:85px;border-radius: 0 9px 9px 0;padding:7px;background:blue;color:#fff;text-align:center;float:left}
.wrap .booking_phone{width:280px;border-radius: 20px;padding:15px;background:blue;color:#fff;text-align:center;}
/*.wrap .booking_phone_do_subscription{width:280px;border-radius: 20px;padding:15px;background:#a6a6f5;color:#fff;text-align:center;} */
.chek_phone:hover{background: #f7266a;cursor:pointer}
.booking_phone:hover{background: #f7266a;cursor:pointer}
.wrap .subscription_description_box .subscription_description_box_deal:hover{background: #f7266a;cursor:pointer}

.wrap .link_path{margin: 10px auto 0;font-weight: 800;color: #a09898;}
.wrap .link_path li {display: inline-block;}
.wrap .article{width:68%;float:left;}
.wrap .article .xxx{width:35%;margin-bottom:5px;}
.wrap .article .xxx strong{font-weight:700;}
.wrap .article .xxx span{float: right;background: #f7266a;padding:1px 10px;border-radius:7px;color:#fff}
.wrap .article .wrap_form .form_head{background: #f7266a;color:#fff;padding:10px;font-weight:800;}
.wrap .article .wrap_form{border:1px #f7266a solid;border-radius:7px;}
.wrap .article .wrap_form form .form-group, .form-row{padding:10px;}
.form-row .btn{padding:10px 40px;background: #f7266a;color:#fff;border-radius:7px;margin: 20px 0 10px;}
.wrap .article .wrap_form form .form-group, .form-row .form-row-user-name{padding:7px;}
.wrap .article .wrap_form form .form-group, .form-row .form-row-user-select{margin-top:10px;}
.wrap .article .wrap_form form .form-group textarea{width:95%;margin-top: 15px;padding:10px 0 10px 10px;}
.wrap .article .comments_block{border:1px #b2d5fb solid;border-radius:7px;}
.wrap .article .comments_block .one_comments_head{padding:5px;background: #f1f1f1;}
.one_comment_comments_head{padding:5px;background: #f1f1f1;margin-bottom:10px;border-left: 5px #f7266a solid}
.toggle_comment_comment{padding:7px 14px;font-weight:800; color:#fff;font-size: 14px;background:#f7266a;margin-top:30px}
.toggle_comment_comment:hover{background: blue;cursor:pointer}
.comment_inbox{padding:5px 10px;width:300px;margin:10px auto 0}
.comment_inbox .comments_errors{color:red}
.comment_inbox input{padding:5px 10px;width:80%;}
.comment_inbox textarea{padding:5px 10px; width:80%; margin:5px 0}
.comment_inbox .submit_comment_comment, .submit_article_comment_comment{padding:7px 14px;; background:#f7266a;font-weight:800; color:#fff;font-size: 14px;width:80%; text-align:center}
.comment_inbox .submit_comment_comment:hover, .submit_article_comment_comment:hover{background: blue;cursor:pointer}
.box_p_beseda{margin:10px 0 0 10px;font-weight:900}
.list_comments_of_comments{margin:0 0 10px 10px}
.wrap .article .codes_navi{display: inline-flex;font-weight: 800;}
.wrap .article .codes_navi .codes_navi_item{border:1px solid red;padding:5px 10px;border-radius:20px;margin-left:20px}
.wrap .codes_list{float:left;margin-left:100px}
.wrap .codes_list li{margin:10px; font-size:16px}
.wrap .article .prevew_article{margin:10px auto; height:110px;border:1px solid #f1a6be}
.wrap .article .prevew_article .prevew_article_img{height:110px;width:200px; float:left; margin-right:10px}
.wrap .article .prevew_article .prevew_article_title{margin:0; width:90%; font-size:16px;font-weight:800}
.wrap .article .share{border:1px #b2d5fb solid;border-radius:7px;padding:10px}
.wrap .article .same_nombers{border:1px #b2d5fb solid;border-radius:7px;padding:10px;margin-top:10px}
.wrap .article .same_nombers_2{border:1px #b2d5fb solid;border-radius:7px;padding:10px;margin-top:10px}
.wrap h4 span{color:#fff;background:#f7266a;padding:5px 10px;border-radius:20px;}
.wrap aside{width:28%;float:left;margin-left: 10px;border-radius:7px;padding:10px;}
.wrap aside .last_check{border:1px #b2d5fb solid;padding: 2px 10px;margin-bottom:3px;}
.wrap aside .aside_comments_block{border:1px #b2d5fb solid;border-radius:7px;padding: 0 2px;margin-bottom:3px;line-height:10px}
.wrap aside .aside_comments_block .aside_one_comments_head{border-bottom:1px #b2d5fb solid;}
.wrap aside .aside_comments_block .aside_one_comments_body{line-height:10px; font-size:14px;overflow: hidden;}
/* @ End of Основной контент, средняя часть @ */


.btn-da-net{margin:80px 30px 0 60px;}
.punch_number{margin:80px 30px 0 60px;}
.btn-more{width:270px;margin: 25px auto;border-radius:15px;padding:10px;background:blue;color:#fff;text-align:center}
.btn-da-net .your_phone{font-weight:900; font-size:20px;margin:60px 30px 0 -15px; color:#1c9f1c}
.punch_number .find{font-weight:900; font-size:20px;margin:-20px 30px 0 -15px; color:blue}
.btn-da, .btn-da-article{width:50px;float:left;margin: 20px 30px 90px 55px;border-radius:7px;padding:10px;background:#1c9f1c;color:#fff;text-align:center}
.btn-donate{width:270px;float:left;margin: 0 40px 65px 60px;border-radius:7px;padding:10px;background:blue;color:#fff;text-align:center}
.btn-net, .btn-net-article{width:50px;float:left;margin: 20px 10px 80px 0;border-radius:7px;padding:10px;background: #258bf9;color:#fff;text-align:center}
.btn-da:hover,.btn-donate:hover,.btn-net:hover,.btn-da-article:hover,.btn-net-article:hover,.btn-more:hover{background: #f7266a;cursor:pointer}

/* Авторизованный пользователь */
/* кнопка забронить номер */
.btn-book-phone{width:270px;margin: 0 auto;border-radius:7px;padding:10px;background:blue;color:#fff;text-align:center}
.btn-book-phone:hover{background: #f7266a;cursor:pointer}

/* @ Кнопка обработки скрола страницы @ */
#back-top{position: fixed; bottom: 30px; right: 5%; background: #00b1f0;height: 30px; margin: 5px;width: 80px;text-align:center;}
#back-top a{color: #ffffff; height: 30px; line-height: 30px;}
footer .footer_wrap{width:650px;margin:20px auto 0;}
footer .footer_wrap .footer_wrap_item{width:210px;float:left;}
footer .footer_wrap .footer_wrap_item ul li a{color:#fff}
footer{background: linear-gradient(to right, #4a90e2, #50c878);  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;color:#ffffff;}
footer p{margin:0}

@media screen and (max-width: 1024px){
	h1{font-size:28px;font-weight:700;}
.h1_search{margin:200px 10px 10px}
	.poisk_main{padding:10px 0 160px;width: inherit;margin: inherit;}
.poisk_main form{margin: inherit;width: inherit;}
.poisk_main form input{width:83%;float:inherit;margin:8px 10px 8px 40px;}
.poisk_main form button{width:85%;float:inherit;margin:0 10px 0 40px;}
header .poisk_block{padding:30px 0;}
header .poisk_block .poisk{width:80%;margin:0 10px 0 40px;float:inherit;}
header .poisk_block form input{width:83%;float:inherit;margin:8px 10px 8px 40px;}
header .poisk_block form button{width:85%;float:inherit;margin:0 10px 0 40px;}
.wrap .article .xxx{width:75%;}
header .logo{width:180px;}
}

@media screen and (max-width: 840px){
.wrap{width:92%;}
.wrap .article{width:100%;float:inherit;}
.wrap aside{width:95%;float:inherit;margin-left: inherit;margin:10px 0}
.wrap .codes_list{margin-left:70px}


}

@media screen and (max-width: 640px){
h1{font-size:18px;}
h2,h3,h4{font-size:16px;}
h5,h6{font-size:14px;}
header nav ul{margin-right: 2px;}
header .registraciya{right: 88px;top: 16px;}
header .voity{right: 13px;top: 16px;}
header .head-box{ padding:1px 1px 1px;}
.h1_search{margin:100px 10px 10px}

.poisk_main{padding:10px 0 50px;}
.poisk_main form input{margin-left:20px;}
.poisk_main form button{margin-left:20px;}
header .akk_link{right: 38px;}
header .vyity{right:7px;}
header .vyity img{margin-left: 10px;}
header .add-game-on-head{right: 80px;}
header .poisk_block{padding:30px 0;}
header .poisk_block .poisk{margin-left:20px;}
header .poisk_block form input{margin-left:20px;}
header .poisk_block form button{margin-left:20px;}
header nav li{margin-left:15px;}
header a img{margin:5px 5px 10px;}
.wrap .article .xxx{width:95%;}

.wrap .article .codes_navi .codes_navi_item{margin-left:5px}

.wrap .article .prevew_article{margin:10px auto 30px; height:inherit;border:2px solid #f1a6be}
.wrap .article .prevew_article .prevew_article_img{height:inherit;width:100%; float:inherit;}
.wrap .article .prevew_article .prevew_article_title{padding:10px;text-align:center;}


.wrap .codes_list{float:inherit;margin-left:20px}
.comment_inbox{padding:5px 0;width:80%;margin:10px auto}
.comment_inbox input{margin:10px auto;width:90%;}
.comment_inbox textarea{width:90%;}
.comment_inbox .submit_comment_comment{width:90%;}
.toggle_comment_comment{float:inherit;width: 76%;margin:0 auto;font-size:14px;text-align:center}
.box_p_beseda{font-size: 14px;}

.btn-da-net{margin:60px 20px 90px 25px;}
.punch_number{margin:60px 5px 90px 5px;}
.punch_number .find{margin:10px 30px 0 0;}
.btn-da-net .find{font-size:18px;margin:105px 30px 0 0;}
.btn-donate{margin: 20px 40px 90px 0;}
.btn-da{margin: 20px 40px 90px 0;}
.btn-net{margin: 20px 10px 90px 0;}

footer .footer_wrap{width:80%;}
footer .footer_wrap .dop-margin-top{margin-top:20px;}
footer .footer_wrap .footer_wrap_item{width:210px;float:inherit;}

}
@media screen and (max-width: 480px){

}