@font-face {
    font-family: 'Leto Sans';
    src: url('../assets/fonts/LetoSans-Thin.eot');
    src: local('Leto Sans Thin'), local('LetoSans-Thin'),
        url('../assets/fonts/LetoSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/LetoSans-Thin.woff2') format('woff2'),
        url('../assets/fonts/LetoSans-Thin.woff') format('woff'),
        url('../assets/fonts/LetoSans-Thin.ttf') format('truetype');
    font-weight: 250;
    font-style: normal;
}
@font-face {
    font-family: 'Leto Sans';
    src: url('../assets/fonts/LetoSans-Regular.eot');
    src: local('Leto Sans Regular'), local('LetoSans-Regular'),
        url('../assets/fonts/LetoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/LetoSans-Regular.woff2') format('woff2'),
        url('../assets/fonts/LetoSans-Regular.woff') format('woff'),
        url('../assets/fonts/LetoSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Leto Sans';
    src: url('../assets/fonts/fonts/LetoSans-Bold.eot');
    src: local('Leto Sans Bold'), local('LetoSans-Bold'),
        url('../assets/fonts/LetoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/LetoSans-Bold.woff2') format('woff2'),
        url('../assets/fonts/LetoSans-Bold.woff') format('woff'),
        url('../assets/fonts/LetoSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Leto Sans Condensed';
    src: url('../assets/fonts/LetoSansCondensed-Thin.eot');
    src: local('Leto Sans Condensed Thin'), local('LetoSansCondensed-Thin'),
        url('../assets/fonts/LetoSansCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/LetoSansCondensed-Thin.woff2') format('woff2'),
        url('../assets/fonts/LetoSansCondensed-Thin.woff') format('woff'),
        url('../assets/fonts/LetoSansCondensed-Thin.ttf') format('truetype');
    font-weight: 250;
    font-style: normal;
}
@font-face {
    font-family: 'Leto Sans Condensed';
    src: url('../assets/fonts/LetoSansCondensed-Regular.eot');
    src: local('Leto Sans Condensed Regular'), local('LetoSansCondensed-Regular'),
        url('../assets/fonts/LetoSansCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/LetoSansCondensed-Regular.woff2') format('woff2'),
        url('../assets/fonts/LetoSansCondensed-Regular.woff') format('woff'),
        url('../assets/fonts/LetoSansCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Leto Sans Condensed';
    src: url('../assets/fonts/LetoSansCondensed-Bold.eot');
    src: local('Leto Sans Condensed Bold'), local('LetoSansCondensed-Bold'),
        url('../assets/fonts/LetoSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/LetoSansCondensed-Bold.woff2') format('woff2'),
        url('../assets/fonts/LetoSansCondensed-Bold.woff') format('woff'),
        url('../assets/fonts/LetoSansCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

* { font-family: "Leto Sans", "Tahoma"; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
* { -webkit-tap-highlight-color: rgba (255,255,255,0) !important; -webkit-focus-ring-color: rgba (255,255,255,0) !important; outline: none !important; }
h1, h2, h3, p, a { color: #242729; }
h3 { margin-top: 10px; margin-bottom: 15px; color: #ffffff; font-size: 24px; line-height: 18px; font-weight: 500; }
body { min-width: 768px; }
.wrapper_inner { max-width: 1264px; width: 100%; height: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; }
.red_link { color: red !important; }

/***** header menu *****/
#wrapper_top_menu { position: fixed; top: 0; right: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0px 4px 16px rgb(0 0 0 / 4%);
box-shadow: 0px 4px 16px rgb(0 0 0 / 4%); z-index: 200; height: 100px; }


/***** wrapper header *****/
#wrapper_header { position: relative; width: 100%; float: left; background: rgb(181, 179, 214); }
#wrapper_header .wrapper_inner { max-width: 100%; }


/***** wrapper body *****/
#wrapper_body { position: relative; width: 100%; float: left; }
#wrapper_body .wrapper_inner { padding: 0px 0px 0px 0px; max-width: 100%; }

/***** wrapper contact *****/
#wrapper_contact { position: relative; width: 100%; background: #48425d; padding: 100px 0px 0px 0px; margin: 0; float: left; }


/***** wrapper footer *****/
#wrapper_footer { position: relative; width: 100%; background: #6b667c; color: #ffffff; padding: 0; margin: 0; float: left; }



/***** forms *****/
#wrapper_mail { position: relative; width: 100%; padding: 0; margin: 50px 0px 0px 0px; float: left; }
.wrapper_login_form { position: relative; width: 500px; margin: 0px auto 0px auto; }
.wrapper_linear { position: relative; width: 100%; overflow: hidden; }
.wrapper_linear_center { position: relative; margin: 0px auto 0px auto; width: 50%; }
.main_title_enter { position: relative; margin: 0px auto 0px auto; display: inline-block; font-size: 18px; cursor: pointer; padding: 0px 10px 0px 10px; opacity: .4; }
.main_title_registration { position: relative; margin: 0px auto 0px auto; display: inline-block; font-size: 18px; cursor: pointer; padding: 0px 10px 0px 10px; opacity: .4; }
.clicked { opacity: 1; }
.login_form { position: relative; width: 100%; overflow: hidden; }
.login_form input { border: solid 1px #cecece; display: block; border-radius: 5px; -webkit-border-radius: 5px; height: 56px; width: 100%; padding: 0px 10px 0px 10px; font-size: 18px; margin: 10px 0px 10px 0px; color: #434343; }
.login_form input[type="submit"] { background: #dd0a34; border: none; color: #ffffff; cursor: pointer; }
.registration_form { position: relative; width: 100%; overflow: hidden; }
.registration_form input { border: solid 1px #cecece; display: block; border-radius: 5px; -webkit-border-radius: 5px; height: 56px; width: 100%; padding: 0px 10px 0px 10px; font-size: 18px; margin: 10px 0px 10px 0px; color: #434343; }
.registration_form input[type="submit"] { background: #dd0a34; border: none; color: #ffffff; cursor: pointer; }
.registration_form input[type="checkbox"] { height: 12px; width: 20px; float: left; }

.login_form input:-webkit-autofill,
.login_form input:-webkit-autofill:hover,
.login_form input:-webkit-autofill:focus,
.login_form input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 30px #ffffff inset !important; -webkit-text-fill-color: #434343 !important; font-size: 18px; }

.registration_form input:-webkit-autofill,
.registration_form input:-webkit-autofill:hover,
.registration_form input:-webkit-autofill:focus,
.registration_form input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 30px #ffffff inset !important; -webkit-text-fill-color: #434343 !important; font-size: 18px; }



/* *************************************************************************** */
.agreement_rules { cursor: pointer; color: red; }
#approve { display: none; }
#rules { display: none; }
#wrapper_overlay_agreement_personal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.97); color: #434343; z-index: 300; overflow-y: auto; }
#wrapper_overlay_agreement_personal.fixed { overflow: hidden; overflow-y: hidden; }
#agreement_close { position: fixed; top: 10px; right: 20px; width: 40px; height: 40px; background-size: contain; -webkit-background-size: contain; cursor: pointer; 
border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
background: rgba(0,0,0,.4) url("../images/icon_close.png") no-repeat; opacity: .4; background-position: 5px 5px; }
#agreement_close_polozhenie { position: fixed; top: 10px; right: 20px; width: 40px; height: 40px; background-size: contain; -webkit-background-size: contain; cursor: pointer; 
border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
background: rgba(0,0,0,.4) url("../images/icon_close.png") no-repeat; opacity: .4; background-position: 5px 5px; }
#overlay_content_inner_agreement { position: relative; width: 100%; padding: 70px 50px 70px 50px; margin: 0px auto 0px auto; max-width: 1264px; height: 100%; }

.agreement_data { cursor: pointer; color: red; }
#approve_data { display: none; }
#rules_data { display: none; }
#wrapper_overlay_agreement_data { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.97); color: #434343; z-index: 300; overflow-y: auto; }
#wrapper_overlay_agreement_data.fixed { overflow: hidden; overflow-y: hidden; }
#agreement_data_close { position: fixed; top: 10px; right: 20px; width: 40px; height: 40px; background-size: contain; -webkit-background-size: contain; cursor: pointer; 
border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
background: rgba(0,0,0,.4) url("../images/icon_close.png") no-repeat; opacity: .4; background-position: 5px 5px; }
#overlay_content_inner_agreement_data { position: relative; width: 100%; padding: 70px 50px 20px 50px; margin: 0px auto 0px auto; max-width: 1264px; height: 100%; }


#form_container { padding: 20px 0px 0px 0px; }
#u_inn { width: 200px; float: right; margin: 5px 0px 0px 5px; }
#hidden_marker { background-color: #DD0A34; width: 190px; border: none; border-radius: 8px; font-weight: 700; font-size: 15px; height: 56px; line-height: 1.5; padding: 16px 20px 16px 20px;  
display: flex; justify-content: center; align-items: center; cursor: pointer; color: #ffffff; margin: 0px auto 0px auto; }
#hidden_marker:active { padding: 16px 20px 10px 20px; }
#hidden_marker_data { background-color: #DD0A34; width: 190px; border: none; border-radius: 8px; font-weight: 700; font-size: 15px; height: 56px; line-height: 1.5; padding: 16px 20px 16px 20px;  
display: flex; justify-content: center; align-items: center; cursor: pointer; color: #ffffff; margin: 0px auto 0px auto; }
#hidden_marker_data:active { padding: 16px 20px 10px 20px; }
#user_profile_save:active { padding: 2px 0px 0px 0px; }
#user_profile_fill:active { padding: 2px 0px 0px 0px; }
#specs_profile_save:active { padding: 2px 0px 0px 0px; }
.inn_label { float: left; line-height: 45px; }

/* forgot password */
.wrapper_flex_container { display: flex; align-items: center; justify-content: center;  }
#forgot_password { display: flex; cursor: pointer; opacity: .4; margin: 20px auto 0px auto; }
#return_form { display: flex; cursor: pointer; opacity: .4; margin: 20px auto 0px auto; }
#forgot_form { width: 50%; overflow: hidden; margin: 0px auto 0px auto; }
#forgot_output_info { margin: 10px auto 10px auto; }

/* *************************************************************************** */
.footer_part_links { cursor: pointer; font-weight: 700; padding: 5px 10px 5px 10px; }
#footer_part_content { margin: 60px 0px 0px 0px; }


#wrapper_overlay_agreement_personal_body { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.97); color: #434343; z-index: 300; overflow-y: auto; z-index: 1100; }
#wrapper_overlay_agreement_personal_body.fixed { overflow: hidden; overflow-y: hidden; }
#banner_coockie_check { cursor: pointer; text-decoration: underline; }
#agreement_body_close_polozhenie { position: fixed; top: 10px; right: 20px; width: 40px; height: 40px; background-size: contain; -webkit-background-size: contain; cursor: pointer; 
border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
background: rgba(0,0,0,.4) url("../images/icon_close.png") no-repeat; opacity: .4; background-position: 5px 5px; }