@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: local(' '),
        url('../fonts/HelveticaNeue.woff') format('woff'),
        url('../fonts/HelveticaNeue.ttf') format('truetype'),
        url('../fonts/HelveticaNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueBold.eot');
    src: local(' '),
        url('../fonts/HelveticaNeueBold.woff') format('woff'),
        url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
        url('../fonts/HelveticaNeueBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Основной цвет - зеленый #4ba050
// Ховер кнопок - зеленый #6bbf6f
// Ховер кнопок - серый #aeb3c1;
// Disable opacity: 0.5; cursor: default;
*/
* { padding:0; margin:0;}
a {color:#333;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; outline:none; resize:none;}
input[type=submit], input[type=button] { cursor:pointer;}
b { font-family: 'Arial'; font-weight: bold; letter-spacing: -1px; }

html{ min-width:1220px; color:#333; background:#f2f3f7;}
body{ font:16px/1 'Arial'; padding-top:122px;}

.login_box { width:798px; margin:0 auto; padding:0px 40px 0px; background:#fcfcfe; border:1px solid #cfd0d4; border-radius:3px; box-shadow:0 3px 5px #ccc; position:relative;}
.login_box2 { width:534px; margin:0 auto; padding:45px 132px 15px; background:#fcfcfe;}

.sigup_box { width:798px; margin:0 auto; padding:0px 40px 0px; background:#fcfcfe; border:1px solid #cfd0d4; border-radius:3px; box-shadow:0 3px 5px #ccc; position:relative;}
.sigup_box2 { width:534px; margin:0 auto; padding:45px 132px 15px; background:#fcfcfe;}
.signup_row {margin-bottom: 20px; font-size: 18px; margin-top: 20px}
input[type=text].jcaptcha {display: inline-block; float: left; width: 326px;}
img.imgcaptcha{margin-left: 0px; height: 53px; float:right}
.row label.subscribe_info {vertical-align: top; display: inline-block;  margin-left: 4px;}

.languages_selector { margin-top: 40px; float: right; font: 13px/1.2 'Arial';}
.language_box { margin-top: 40px; width:41px; height:22px; border:1px solid #c4c7d2; border-radius:10px; text-align:center; text-decoration: none; display: inline-block; line-height: 20px; float: right;}
.logo { width:157px; margin:0 auto 58px;}
.row { margin-bottom:15px; position:relative;}
.row:last-child { margin:22px 0 0; height:55px; line-height:55px; padding-left:22px;}
.row label { display:block; margin-bottom:10px;}
.login_name { display:block; margin:17px 0 35px; font-family: 'Arial'; font-weight: bold; letter-spacing: -1px; font-size: 22px; }
.error_note { margin:7px 0 0 20px; font-size:13px; color:#e3383c;}
.error_note li { list-style-type: none; }
.error {font-size:13px;color:#e3383c;}
input[type=password].error {border-color:#e3383c ;color:#e3383c;}
ul {padding-left: 0px;}
.accepting {position: relative; text-align: left; font-size: 13px; color: #9d9d9d; margin-top: 50px; margin-bottom: -60px;}
.accepting a{color: #9d9d9d;}
.copy {position: relative; font-size:13px; line-height: 1.1; margin-top: 100px; width: 100%; display: table;}
.copy a{color: #54b137;}
.helpkickidler {text-align: left; left: 0; display: table-cell;}
.copyinfo {text-align: right; right: 0; display: table-cell;}

input[type=text], input[type=email], input[type=password] { border:1px solid #c6d1d9; background:#fff; box-shadow:inset 0 3px 3px #eee; width:494px; height:53px; line-height:53px; font-size:18px; padding:0 20px;}
input[type=submit] { float:right; background-color:#4ba050; border:none; border-radius:27px; box-shadow:0 3px 3px #e1e2e6; width:172px; height:55px; line-height:55px; text-align:center; font-size:22px; color:#fff;}
input[type=submit]:not(:disabled):hover { background: #6bbf6f; cursor: pointer; }
input[type=button] { float:right; background-color:#9397a2; border:none; border-radius:27px; box-shadow:0 3px 3px #e1e2e6; width:172px; height:55px; line-height:55px; text-align:center; font-size:22px; color:#fff;}
input[type=button]:not(:disabled):hover { background: #aeb3c1; cursor: pointer; }
input[disabled=disabled], input:disabled { opacity: 0.5; cursor: default; }
::-webkit-input-placeholder { color:#b8b8b8;}
:-moz-placeholder { /* Firefox 18- */ color:#b8b8b8;}
::-moz-placeholder { /* Firefox 19+ */ color:#b8b8b8;}
:-ms-input-placeholder { color:#b8b8b8;}

/* cloud/signin.html */
.clp_body ::-webkit-input-placeholder { color:#777777;}
.clp_body :-moz-placeholder { /* Firefox 18- */ color:#111111;}
.clp_body ::-moz-placeholder { /* Firefox 19+ */ color:#111111;}
.clp_body {height:100%;display:-webkit-flex;display:flex;justify-content:flex-end;padding:0;margin:0;line-height:1.4285em;background:url(../img/kickidler_video_en.jpg);background-size:cover;}
.clp_body .clp_div {color:rgb(255, 255, 255);max-width:429px;margin-top:10%;margin-right:20%;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;}
.clp_body .clp_div .clp_asSu {margin-right:20%;}
.clp_body .clp_div .clp_asSu .check_box {clip:rect(1px,1px,1px,1px);position:absolute;}
.clp_body .clp_div .clp_asSu .check_box_displayed {user-select: none; background-image:url(../img/icon_on_off.png);background-position:left top;background-repeat:no-repeat;display:inline-block;width:33px;height:17px;margin-bottom:-4px;}
.clp_body .clp_div .clp_asSu .label {display:inline-block;margin-left:0.5rem; margin-top: 0.875rem; margin-bottom: 0.875rem; }
.clp_body .clp_div .clp_form .label {display:block;margin:1rem 0;margin-top:0;width:100%;}
.clp_body .clp_div .clp_form .item {height: auto; box-sizing: border-box;font:inherit;line-height:normal;width:100%;margin:1rem 0;display:block;border:none;outline:none;min-height:2.5rem;border-radius:.25rem;padding:0 1rem;color:rgb(0, 0, 0);-moz-appearance:none;background-image:radial-gradient(rgba(30, 161, 104, 0.996) 15%, transparent 25%);background-size:1em 1em;background-position:top right;background-repeat:no-repeat;}
.clp_body .clp_div .clp_form .captcha {margin:1rem 0;display:-webkit-flex;display:flex;min-height:2.5rem;}
.clp_body .clp_div .clp_form .captcha .item {-webkit-flex: 1 1; flex: 1 1;margin:0 1rem 0 0;}
.clp_body .clp_div .clp_form .captcha .img {-webkit-flex: 1 1; flex: 0 0;height:2.5rem;border-radius: .25rem; }
.clp_body .clp_div .clp_form .signin {width:100%;margin:1rem 0;display: -webkit-flex; display:flex;min-height:2.5rem;padding:0 2rem 0 0; -webkit-align-items: center; align-items: center;}
.clp_body .clp_div .clp_form .signin .link {-webkit-flex: 1 1;flex: 1 1;margin:0 1rem;color:rgb(207, 207, 207);}
.clp_body .clp_div .clp_form .signin .btn {min-height:2.5rem;-webkit-flex: 0 0;flex: 0 0;color:rgb(255, 255, 255);font:inherit;overflow:visible;-webkit-appearance:button;cursor:pointer;background-color:rgba(30, 161, 104, 0.996);text-align:center;border:none;outline:none;border-radius:.25rem;font-weight:100;box-shadow:none;font-family:'Roboto', Arial, Helvetica, sans-serif;line-height:22px;min-width:6.5rem;padding:.5rem 1rem;}
.clp_body .clp_div .clp_form .signin .btn:hover {background-color:rgba(26, 140, 90, 0.996);}
.clp_body .clp_footer {justify-content:center;background-color:rgba(0, 0, 0, 0.5);transition:all 0.1s;display:-webkit-flex;display:flex;width:100%;margin:0;z-index:101;position:fixed;bottom:0;left:0;top:auto;right:auto;}
.clp_body .clp_footer .item {color:rgb(255, 255, 255);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;position:relative;line-height:1;text-decoration:none;padding:1rem .5rem 1rem .75rem;-webkit-flex:0 0 auto; flex:0 0 auto;user-select:none;text-transform:none;font-weight:400;transition:background .1s ease,box-shadow .1s ease,color .1s ease;align-items:center;-webkit-box-align:center;display:flex;}
.clp_body .clp_footer .item:hover {background:rgba(255,255,255,.08);cursor:pointer;outline: 0;}
.clp_body .alert { padding: 0.5rem 1rem; border-radius: 0.25rem; border: 1px solid; }
.clp_body .alert.alert_dark_error { border-color: rgba(255, 127, 127, 0.7); background-color: rgba(255, 0, 0, 0.2); color: rgb(255, 225, 225); }
.clp_body .languages_selector { position: absolute; right: 20px; top: 20px; margin: 0; }

input::-ms-clear {
    display: none;
}


.button_C { float:right; background-color:#9397a2; border:none; border-radius:27px; box-shadow:0 3px 3px #e1e2e6; width:172px; height:55px; line-height:55px; text-align:center; font-size:22px; color:#fff;}
.button_C:not(.disabled):hover {background: #aeb3c1; cursor: pointer;}

.form__fieldset {
    border: none;
    margin: 0 0 4px;
    padding: 0;
}

.form__legend {
    margin: 0 auto 0.5rem;
}

.form_version__label {
    width: 150px;
    box-sizing: border-box;
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid rgba(222, 219, 228, 1);
    user-select: none;
    cursor: pointer;
}
input[type=radio]:checked+.form_version__label {
    border: 2px solid rgba(63, 179, 137, 1);
    padding: calc(.5rem - 1px);
    cursor: default;
}
.form_version {
    display: flex;
    justify-content: center;
}
.form_version__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1rem;
}
.form_version__description {
    margin-top: 3px;
    font-size: 0.8em;
    visibility: hidden;
}
input[type="radio"]:checked ~ .form_version__description {
    visibility: visible;
}

.clp_login_choice__option label {
    display: block;
    background-color: rgba(255,255,255, 0.3) ;
    color: white;
    border-radius: 0.25rem;
    padding: .5rem 1rem;
    border: 1px solid rgba(200, 200, 200, 0.9);
    opacity: 0.8;
    user-select: none;
    cursor: pointer;
}
.clp_login_choice__option label:hover {
    opacity: 0.9;
}
.clp_login_choice__option input[type=radio]:checked + label {
    background-color: rgba(30, 161, 104, 0.3);
    border-color: rgba(30, 161, 104, 0.9);
    border-left-width: 0.5rem;
    padding-left: calc(1rem - 0.5rem + 1px);
    opacity: 1;
    cursor: default;
}
.clp_login_choice__option:first-of-type {
    margin-bottom: 1rem;
}
.clp_login_choice__option_title {
    font-weight: bold;
}
.clp_login_choice__option_description {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 500ms ease,  opacity 500ms ease;
}
.clp_login_choice__option input[type=radio]:checked + label .clp_login_choice__option_description {
    height: 45.7px;
    opacity: 1;
    transition: height 500ms ease, opacity 500ms ease;
}

.form__span {
    margin: 0 .5rem;
}

.bold {
    font-weight: bold;
}

.iti, #phone { 
    width: 100%;
}

.hidden {
    display: none;
}