@import url('https://fonts.googleapis.com/css?family=Roboto|Suez+One');
*{margin:0;padding:0;outline:none;box-sizing:border-box}
body, html{width:100%;height:100%;background:#F6F6F6}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent}
.image--cover{object-fit:cover}
a img{border:none}
a:hover img{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
a, input, textarea, a:hover img, .iAuth:focus, .iSubAutho:hover{transition-timing-function:ease-in-out;transition-duration:0.5s}
.clearfix:after{content:"";display:block;clear:both}

.wrapper{position:relative;overflow-x:hidden}
.site-overlay{display:none}
.bl{height:100%;overflow:hidden;position:relative;transition-duration:0.5s;z-index:0}
.content_act .site-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(10,43,10,0.4)}
.content_act{transform:translateX(42%)}
.menu{background:#0A2B0A;width:42%;height:100%;position:fixed;left:0;top:0;z-index:99;transition:0.5s;transform:translateX(-100%);border-right:1px solid #000}
.menu_act{transform:translateX(0%)}
.d_one{overflow-y:auto;width:100%;height:100%}
.d_width_all{max-width:980px;min-width:350px;margin:0 auto}
.h1Top{font:bold 25px Roboto-Light, sans-serif;color:#181818}

.menu-flex{overflow-y:auto;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-between}
.menu-flex_2{margin-top:30px;padding:10px;background:#0A2B0A;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
.menu-flex_2_1{min-width:65px;margin:10px}
.menu-flex_2 span{display:inline-block;padding:8px 5px 0 0;margin:10px;font:bold 14px Roboto-Thin, sans-serif;color:#787878}
.menu-flex_2 .a_button{display:inline-block;text-decoration:none;font:bold 14px Roboto-Thin, sans-serif;color:#787878;border:1px solid #787878;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:7px 14px;margin:10px 10px 10px 0;background:none}
.menu-flex_2 .a_button:hover{color:#FFF;border:1px solid #fff}
.p_FI{padding:6px;float:left;font:bold 15px Roboto-Light, sans-serif;color:#787878}
.p_FI a{text-decoration:none;color:#787878}
.p_FI a:hover{color:#FFF}
.d_glad{padding-top:50px}
.p_town{padding-bottom:5px;font:18px Roboto-Regular, sans-serif;color:#787878}
.p_inp{padding-bottom:5px;font:15px Roboto-Regular, sans-serif;color:#787878}
.p_inp a{text-decoration:none;color:#787878}
@media screen and (max-width:617px){
.d_glad{padding-top:10px}}

.btn-i{transition-duration:0.5s;transition-timing-function:swing;width:32px;height:32px;position:absolute;top:4px;right:-35px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;background:rgba(10,43,10,0.3);border:1px solid #072107}
.btn-i .icon{transition-duration:0.2s;position:absolute;width:18px;height:2px;background:white;top:14px;left:6px}  
.btn-i .icon:before, .btn-i .icon:after{transition-duration:0.5s;background:white;position:absolute;content: "";width:18px;height:2px;left:0px}
.btn-i .icon:before{top:-7px}
.btn-i .icon:after{top:7px}
.open .icon{background:transparent}
.open .icon:before, .open .icon:after{top:0}
.open .icon:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.open .icon:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.ulMainMenu{list-style-type:none;text-align:left;font:22px Roboto-Light, sans-serif}
.ulMainMenu li:hover{background:#006500;transition-timing-function:ease-in-out;transition-duration:0.5s}
.ulMainMenu .liAct{background:#006500}
.ulMainMenu a{display:block;width:100%;padding:20px;text-decoration:none;color:#CDCDCD;text-transform:uppercase}
.ulMainMenu li:hover a{color:#FFF}
.ulMainMenu .aAct{color:#FFF}
@media screen and (max-width:910px){
.menu-flex_2 span{margin:0 0 0 6px}
.menu-flex_2 .a_button{margin:2px 0 0 2px}}
@media screen and (max-width:750px){
.menu{width:300px}
.content_act{transform:translateX(300px)}
.ulMainMenu{font-size:17px}
.ulMainMenu li{padding:10px}}

::-webkit-scrollbar{width:5px; /* 1 - вертикальный скроллбар */}
::-webkit-scrollbar-button {background:#0A2B0A;height:5px /* 2 - кнопка */}
::-webkit-scrollbar-track {background:#f6f6f6;/* 3 - трек */}
::-webkit-scrollbar-track-piece {background:#E7EAEC; /* 4 – видимая часть трека */ }
::-webkit-scrollbar-thumb {background:#0A2B0A; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px /* 5 - ползунок */}

h1{text-align:center;font:42px Roboto-Thin, sans-serif;color:#fff;padding:9px 0 12px}
.dDarkAuth, .dDarkMess{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0.5);z-index:9999;display:none}
.dModalAuth, .dModalMess{position:absolute;max-width:500px;min-width:300px;min-height:230px;left:50%;top:50%;transform:translate(-50%, -50%);padding:40px 15px 15px;background:#FFF;border:1px solid rgb(68, 68, 68);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.spanModalNo,.spanModalYes{font:19px Verdana, sans-serif}
.spanModalNo{color:#f00} .spanModalYes{color:#4747AC}
.iAuth{margin-bottom:7px;border:1px solid #3094BB;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:100%;padding:2px 3px;font:19px Verdana, sans-serif}
.iAuth:focus{border:2px solid #3094BB;background:#FFF}
.authClose, .messClose{position:absolute;top:15px;right:15px;width:23px;height:23px;cursor:pointer}
.authClose:before, .messClose:before{content: '';background:#000;position:absolute;height:1px;width:31px;top:11px;left:-4px;transform:rotate(-45deg)}
.authClose:after, .messClose:after{content: '';background:#000;position:absolute;height:1px;width:31px;top:11px;transform:rotate(45deg);left:-4px}