header {

    background: black;

    color: grey;

}

header a {

    color: grey;

}

body {

    padding: 0;

    margin: 0;

    font-family: Circe,Helvetica,Arial,sans-serif;

}

button {

    font-family: Circe,Helvetica,Arial,sans-serif;

}
.join__title--registration
{margin-bottom:30px!important}

.form_row_udapted {

    max-width: 800px;

    width: 100%;

    margin: 0 auto;

    background: white;

    padding: 0;

    border-radius: 15px;

    overflow: hidden;

}

form input, form select {

    width: 100%;

    margin-bottom: 22px;

    height: 42px;

    padding: 0 12px 0 15px;

    border-radius: 5px;

    outline: none;

    transition: border .3s;

    border: 1px solid #dedede;

    padding: 0;

    text-indent: 15px;

}

form.form_code.bild_form button {

    border-radius: 20px;

}

.main {

    display: block;

    position: relative;

    padding-left: 45px;

    margin-bottom: 15px;

    cursor: pointer;

    font-size: 13px;

    color: grey;

}

.main input:checked~.geekmark {

    background-color: green;

}

.geekmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #fff;

    border: 1px solid grey;

    border-radius: 5px;

}

input:checked~.geekmark:after {

    display: block;

}

.geekmark:after {

    content: '';

    position: absolute;

    left: 6px;

    bottom: 5px;

    width: 5px;

    height: 9px;

    border: solid #fff;

    border-width: 0 4px 4px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.form_data.form_data_reg_mail {

    background-image: linear-gradient(180deg,#4b1d81,#b97ffe);

    padding: 40px 0 0;

    position: relative;

    overflow: hidden;

}

.form_data_my {

    width: 100%;

    display: flex;

}

form.registration.bild_form {

    padding: 25px;

}

.clear_seperator {

    width: 100%;

    height: 1px;

    background: #80808042;

}

.bread_element p {

    display: contents;

}

.row_element {

    width: 1240px;

    max-width: calc(100% - 10px);

    margin: 0 auto;

    position: relative;

}

.btn_element_head {

    float: right;

    font-size: 18px;

    margin-right: 67px;

    text-transform: uppercase;

}

.btn_element_head a {

    text-decoration: none;

    padding: 10px 25px;

    line-height: 66px;

    margin: 5px 0 5px 5px;

    border-radius: 25px;

}

.image_form_side img {

    height: 100%;

}

a.btn_reg {

    background: #2ecc71;

    color: white;

}

a.btn_reg:hover {

    background: #43df85;

}

a.btn_log {

    border: solid 1px #999;

    margin-right: 25px;

}

img.logo-desktop {

    margin: 9px 0;

}

/*MENU*/

#sidebarMenu {

    height: 100vh;

    position: fixed;

    right: 0;

    top: 0;

    width: 250px;

    padding-top: 60px;

    transform: translateX(250px);

    transition: transform 250ms ease-in-out;

    background: white;

    z-index: 9;

    -webkit-box-shadow: 1px 8px 15px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 1px 8px 15px 0px rgba(0,0,0,0.75);

    box-shadow: 1px 8px 15px 0px rgba(0,0,0,0.75);

}

.menu-block {

    padding-left: 15px;

}

hr.menu-block-separator {

    margin-left: -15px;

}

.form_href_link {

    background: #dedede;

    display: inline-block;

    padding: 15px 0px;

    margin-bottom: 25px;

    border-radius: 25px;
	
	display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 330px;

}

.active_reg {

    background: white;

    padding: 10px 15px;

    border-radius: 20px;

    

}

.form_href_link a {

    text-decoration: none;

    color: #999;

    font-size: 17px;

    font-weight: 100;

    text-transform: uppercase;

    margin: 0 8px;

    padding-right: 25px;

}

.sidebarMenuInner{

    margin:0;

    padding:0;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}

.sidebarMenuInner li{

    list-style: none;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    padding: 20px;

    cursor: pointer;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}

.sidebarMenuInner li span{

    display: block;

    font-size: 14px;

    color: rgba(255, 255, 255, 0.50);

}

.sidebarMenuInner li a{

    color: black;

    text-transform: uppercase;

    font-weight: bold;

    cursor: pointer;

    text-decoration: none;

}

input[type="checkbox"]:checked ~ #sidebarMenu {

    transform: translateX(0);

}



input[type=checkbox] {

    transition: all 0.3s;

    box-sizing: border-box;

    display: none;

}

.sidebarIconToggle {

    transition: all 0.3s;

    box-sizing: border-box;

    cursor: pointer;

    position: absolute;

    z-index: 99;

    height: 100%;

    width: 100%;

    top: 26px;

    right: 15px;

    height: 22px;

    width: 22px;

}

.spinner {

    transition: all 0.3s;

    box-sizing: border-box;

    position: absolute;

    height: 3px;

    width: 100%;

    background-color: #a9a9a9;

}

.horizontal {

    transition: all 0.3s;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

.diagonal.part-1 {

    position: relative;

    transition: all 0.3s;

    box-sizing: border-box;

    float: left;

}

.diagonal.part-2 {

    transition: all 0.3s;

    box-sizing: border-box;

    position: relative;

    float: left;

    margin-top: 3px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {

    transition: all 0.3s;

    box-sizing: border-box;

    opacity: 0;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {

    transition: all 0.3s;

    box-sizing: border-box;

    transform: rotate(135deg);

    margin-top: 8px;

}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

    transition: all 0.3s;

    box-sizing: border-box;

    transform: rotate(-135deg);

    margin-top: -9px;

}

a.menu-item {

    display: block;

    font-size: 20px;

    line-height: 55px;

}

.menu-block {

    padding-left: 15px;

    border-bottom: 1px solid #80808024;

}

input.promo {

    box-shadow: 0px 0px 3px 5px rgb(75 255 46 / 33%);

}



.modal_phone {

    position: absolute;

    z-index: 10000;

    top: 0;

    left: 0;

    visibility: hidden;

    width: 100%;

    height: 100%;

}

.form_row_udapted {

    max-width: 800px;

    width: 100%;

    margin: 0 auto;

    background: white;

    padding: 0;

    border-radius: 15px;

    overflow: hidden;

}

button.slick-next.slick-arrow {

    display: none!important;

}

.s-wrapper {

    margin: 17px 0;

}

.form_data_my {

    width: 100%;

    display: flex;

}

form.registration.bild_form {

    padding: 25px;

}

.clear_seperator {

    width: 100%;

    height: 1px;

    background: #80808042;

}

button.modal-close.modal-toggle2 {

    float: right;

    margin-bottom: 16px;

    background: none;

    position: absolute;

    right: 5px;

    top: 6px;

}

.modal-wrapper {

    position: fixed;

    z-index: 9999;

    top: 6em;

    right: 3%;

    width: 90%;

    margin-left: -16em;

    background-color: #fff;

    box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);

    padding: 2%;

}





@font-face {

    font-family: Circe;

    src: url(/reg-action/font1.woff2);

}

@media screen and (max-width: 992px) {

    .footer_line_menu {

        grid-template-columns: 1fr 1fr;

    }

  

}

form input, form select {

    width: 100%;

    margin-bottom: 22px;

    height: 42px;

    padding: 0 12px 0 15px;

    border-radius: 5px;

    outline: none;

    transition: border .3s;

    border: 1px solid #dedede;

    padding: 0;

    text-indent: 15px;

}

a.top_gan.pad_left {

    padding-left: 9px;

    padding-right: 5px;

}

form.reg_form_tel.bild_form {

    padding: 25px;

    width: 100%;min-height: 500px;

}

.modal_phone.is-visible {

    visibility: visible;

}

body .modal-content {

    box-shadow: none;

    border: none;

}

button.mob {

    color: white;

    margin: 50px auto !important;

}

.dropdown-menu>li>a {

    cursor: pointer;

}







div#options .dropdown-toggle {

    width: 100%;

    margin-bottom: 22px;

    height: 42px;

    padding: 0 12px 0 15px;

    border-radius: 5px;

    outline: none;

    transition: border .3s;

    border: 1px solid #dedede;

    padding: 0;

    text-indent: 15px;

    background: none;

    font-size: 16px;

    color: black;

    text-align: left;

}

span.caret {

    float: right;

    margin-right: 15px;

    margin-top: 10px;

}



form input, form select {

    width: 100%;

    margin-bottom: 22px;

    height: 42px;

    padding: 0 12px 0 15px;

    border-radius: 5px;

    outline: none;

    transition: border .3s;

    border: 1px solid #dedede;

    padding: 0;

    text-indent: 15px;

}

button {

    color: #fff;

    background: #2ecc71;

    border: none;

    cursor: pointer;

    padding: 2px 22px 9px 22px;

    font-size: 21px;

    border-radius: 18px;

    margin: 0 auto;

    display: block;

}

.main {

    display: block;

    position: relative;

    padding-left: 45px;

    margin-bottom: 15px;

    cursor: pointer;

    font-size: 13px;

    color: grey;

}

.main input:checked~.geekmark {

    background-color: green;

}

.geekmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #fff;

    border: 1px solid grey;

    border-radius: 5px;

}

input:checked~.geekmark:after {

    display: block;

}

.geekmark:after {

    content: '';

    position: absolute;

    left: 6px;

    bottom: 5px;

    width: 5px;

    height: 9px;

    border: solid #fff;

    border-width: 0 4px 4px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

input[type=checkbox] {

    visibility: hidden;

    height: 0;

}

footer {

    min-height: 150px;

    background: black;

    padding: 25px 0;

    

}

.footer_line_menu {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    column-gap: 15px;

    margin-bottom: 45px;

}

h2.foot_menu_title {

    color: white;

    font-size: 14px;

    font-weight: 100;

}

.foot_nav ul {

    padding: 0;

    margin: 0;

}

.form_row_udapted {

    /* padding: 25px 0; */

    margin-bottom: 33px;

}

.foot_nav a {

    text-decoration: none;

    color: #aaa9a9;

    padding: 0 0 10px 0;

    display: flex;

    font-size: 16px;

}

header a.menu-item {

    display: block;

    font-size: 19px;

    line-height: 51px;

    color: black;

    text-decoration: none;

}

header a.menu-item img {

    margin-right: 15px;

}

.form_href_link .active_reg {

    background: white;

    padding: 10px 15px;

    border-radius: 20px;

    color: #2ecc71;

    margin: 0 8px;	width:100%;

}

body button.slick-prev.slick-arrow {

    display: none!important;

}

form.registration.bild_form button, form.reg_form_tel.bild_form button, form.form_code.bild_form button {

    color: white;

    font-size: 20px;

    margin: 0 auto;

    padding: 7px 19px;

}

.dropdown-menu>li>a {

    cursor: pointer;

}



.foot_nav a:hover {

    color: #aaa9a9d6;

    text-decoration: none;

}

li.menu__item {

    list-style-type: none;

}

ul.contacts li {

    list-style-type: none;

}

header:after {

    content: '';

    display: block;

    clear: both;

}

span.contacts__icon-box {

    margin-right: 15px;

}

a.btn_reg:hover {

    text-decoration: none;

    color: white;

}

a.btn_log:hover {

    text-decoration: none;

    color: #999;

}

span.contacts__icon-box {

    width: 28px;

    text-align: center;

}

a.top_gan.active_reg:hover,a.top_gan_phone:hover {

    text-decoration: none;

}

a.swiper__item {

    outline: none!important;

}

.form_href_link a:hover {

    color: #999;

}

form.upload_google input[type="submit"] {

    

}



@media screen and (max-width: 992px) {
    .form_href_link .active_reg { 
        padding: 13px;
    }
    .footer_line_menu {
        display: block;
    }
    .footer_line_menu {

        grid-template-columns: 1fr 1fr;

    }
    a.swiper__item img {
        display: inline-block;
        /* line-height: 121px; */
        /* height: 50px; */
        vertical-align: middle;
    }
    a.swiper__item {
        line-height: 34px;
    }

    .btn_element_head {

        display: none;

    }

    .form_data_my {

        display: block;

    }

    .image_form_side {

        display: none;

    }

    .form_href_link a {

        font-size: 15px;

    }

    .form_row_udapted {

        width: 95%;

    }

    .footer_line_menu {

        padding: 0 10px;

    }

    .line_slide {

        padding: 0 10px;

    }

}