/** © 2019 Artem Malcov | https://www.pandoge.com/moduli-i-skripty/clean-sign-up-20-bystraya-registraciya-v-chistom-modalnom-okne-dlya-dle **/

/* cyrillic-ext */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/templates/Blogss/style/fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.csu_form_block_main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.csu_form_block_main :before,.csu_form_block_main :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.csu_form_block_main,.csu_form_block_main input{font-family:"Open Sans",sans-serif}
.csu_form_block_main{overflow-y:auto;visibility:hidden}
.csu_overlay{background:#edf1f3;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;z-index:99999}
.csu_form_top_border{margin:18px 0 0;box-shadow:0 2px 4px rgba(0,0,0,0.05);height:2px}
.csu_form_top_border div{float:left;width:20%;height:2px}
.csu_form_top_border div:nth-of-type(odd){background:#3C556E}
.csu_form_top_border div:nth-of-type(even){background:#304559}
.csu_form_block{width:340px;margin:100px auto;box-shadow:0 4px 12px rgba(0,0,0,0.10);border-radius:6px;-webkit-transition:all .4s cubic-bezier(.2,.9,.4,1.5);transition:all .4s cubic-bezier(.2,.9,.4,1.5);-webkit-transform:rotate(10deg) translate(-10px,10px);transform:rotate(10deg) translate(-10px,10px);opacity:0}
.csu_form_block_body{background:#fff;border-radius:6px;position:relative}
.csu_form_block_title{font-weight:700;font-size:24px;color:#1e293b;padding:9px 19px 0}
.csu_form_block_description{font-size:14px;color:#666;padding:0 20px;line-height:16px}
.csu_form_input_name{font-size:14px;color:#1e293b;padding:14px 0 5px}
.csu_form_block_body_form{padding:0 20px 17px}
.csu_form_block_body_form input[type="text"],.csu_form_block_body_form input[type="password"]{width:100%;border-radius:6px;height:38px;border:1px solid #ccc;padding:0 10px;transition:all .2s;font-size:14px;background:#fff;display:block;line-height:normal;color:#000;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.05)}
.csu_form_block_body_form input[type="text"]:focus,.csu_form_block_body_form input[type="password"]:focus{border:1px solid #304559}
.csu_politic{font-size:12px;color:#666;line-height:16px;padding:10px 0 0}
.csu_politic a{border-bottom:1px solid #304559;text-decoration:none;color:#304559}
.csu_politic a:hover{border-bottom:0;text-decoration:none}
#csu_form_sing_up{display:block;text-align:center;background:#3C556E;color:#fff;text-decoration:none;text-transform:uppercase;height:50px;line-height:50px;border-radius:0 0 6px 6px;transition:all .2s;text-shadow:0 -1px 0 #304559;font-weight:700}
#csu_form_sing_up:hover{background:#304559}
input[name="csu_form_checkbox"]{display:none}
label[for="csu_form_checkbox"] span{border-radius:99px;border:1px solid #ccc;width:16px;height:16px;display:inline-block;vertical-align:top;margin:2px 10px 0 0;box-shadow:0 4px 8px rgba(0,0,0,.05)}
label[for="csu_form_checkbox"]{margin:0;font-size:14px;color:#1e293b;padding:18px 0 5px;display:block;line-height:normal;cursor:pointer}
input[name="csu_form_checkbox"]:checked + label span:before{background:#3C556E;width:8px;height:8px;display:block;content:"";margin:3px 0 0 3px;border-radius:99px}
.csu_form_block_main.csu_show_form{visibility:visible!important}
.csu_form_block_main.csu_show_form_effect .csu_form_block{opacity:1;-webkit-transform:rotate(0deg) translate(0,0);transform:rotate(0deg) translate(0,0)}
.csu_form_close{position:fixed;top:21px;right:20px;cursor:pointer;z-index:150;background:url(../img/close.png) no-repeat center center;background-size:cover!important;width:16px;height:16px;transition:all .2s}
.csu_form_close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.csu_red_alert{border:1px solid #f21248;display:block;border-radius:6px;font-size:12px;padding:6px 10px;background:rgba(249,38,89,0.05);margin:16px 0 0}
.csu_green_alert{border:1px solid #6c9806;display:block;border-radius:6px;font-size:12px;padding:6px 10px;background:rgba(108,152,6,0.05);margin:16px 0 0}
.csu_wait{position:absolute;z-index:999;background:rgba(0,0,0,.2);top:0;right:0;bottom:0;left:0;border-radius:6px;display:none}