/* @ Серёгин сброс стилей @ */
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 @ Серёгин сброс стилей @ */

/* @ Полезные мелочи @ */
h1{font-size:30px; line-height:20px;margin:20px;text-align: center;}
h2,h3,h4{font-size:20px;text-align:left;line-height:28px;}
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_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;}
.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{}
header nav{background: #258bf9;padding:10px;}
header .head-box>a{color:#ffffff;}
header nav .hamburger {display: none;cursor: pointer;z-index: 3;}
header nav .hamburger .bar{display: block;width: 25px;height: 3px;margin: 5px auto;transition: all 0.3s ease-in-out;background-color: #000;}
header .logo{width:300px;float: left;}
header nav ul{margin-right: 25px;}
header nav li{display: inline-block; height: 30px; line-height: 30px; font-size: 13px; margin-left:25px;}
header nav a{color:#ffffff;font-size:14px; line-height: 35px;float: left;}
header nav a img{margin:2px 10px;}


.poisk_main{padding:60px 0 400px;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: #2695f7;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: #2695f7;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 .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: #2695f7;padding:1px 10px;border-radius:7px;color:#fff}
.wrap .article .wrap_form .form_head{background: #2695f7;color:#fff;padding:10px;font-weight:800;}
.wrap .article .wrap_form{margin-top:30px;border:3px #2695f7 solid;border-radius:7px;}
.wrap .article .wrap_form form .form-group, .form-row{padding:10px;}
.form-row .btn{padding:10px 40px;background: #2695f7;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, .form-row .form-row-user-select select{padding:7px;}
.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;overflow:hidden}
.wrap .article .comments_block .one_comments_head{padding:5px;background: #f1f1f1;}
.wrap .codes_list{float:left;margin-left:100px}
.wrap .codes_list li{margin:10px; font-size:16px}
.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 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:12px;overflow: hidden;}
/* @ End of Основной контент, средняя часть @ */

/* @ Кнопка обработки скрола страницы @ */
#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{background: #2695f7;padding:20px;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 300px;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%;}
}

@media screen and (max-width: 840px){
.wrap .article{width:95%;float:inherit;}
.wrap aside{width:95%;float:inherit;margin-left: inherit;margin:10px 0}
.wrap .codes_list{margin-left:70px}
header .logo{text-align:center;width:150px;  margin: 0 0 0 80px;float:none}
header nav .hamburger .bar{background:#fff}
header nav .hamburger{display: block;position: fixed;left: 0;top: 0;z-index: 2;color: #fff;background: #258bf9;padding: 12px 10px;}
header .poisk_block{clear: both;}
header nav{padding: 10px 10px 5px 1px;}
header nav ul.main_ul{display: none;}
header nav li{display: block; }
header nav ul.main_ul.active{position: fixed;font-size: 1.5rem;backdrop-filter: blur(8px);visibility: visible; transform: translateX(0%);display: block;margin-left: 35px;margin-top: -54px;background: #0d87d7;padding: 5px 0; z-index: 20;}
header nav ul.main_ul.active{display: grid;}
header nav .hamburger.active .bar:nth-child(2){ opacity: 0;}
header nav .hamburger.active .bar:nth-child(1){transform: translateY(8px) rotate(45deg);}
header nav .hamburger.active .bar:nth-child(3){transform: translateY(-8px) rotate(-45deg);}
header nav a{float: inherit;}
header nav li{margin-left:15px;        padding-right: 15px;}
header nav a img{margin:5px 5px 10px 45px;}
}

@media screen and (max-width: 640px){
h1{font-size:22px;}
.h1_search{margin:100px 10px 10px}
h2,h3,h4{font-size:16px;}
h5,h6{font-size:14px;}

.poisk_main{padding:10px 0 200px;}
.poisk_main form input{margin-left:20px;}
.poisk_main form button{margin-left:20px;}

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;}

.wrap .article .xxx{width:95%;}
.wrap .codes_list{float:inherit;margin-left:20px}
}