/*
## find me ^_^ 
1. COLORS
2. GLOBAL SETTINGS
3. HEADER and FOOTER
4. INDEX__PAGE
5. INDEX__PAGE -> SLIDER
6. INDEX__PAGE -> SCROLLBAR
7. CATEGORY__PAGE && FULL__PAGE && JOBS__PAGE 
*/

@import url('reset.css');

@font-face {
    font-family: 'FiraSans-Light';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/FiraSans-Light.eot');
    src: url('../fonts/FiraSans-Light.woff2') format('woff2'),
    url('../fonts/FiraSans-Light.woff') format('woff'),
    url('../fonts/FiraSans-Light.ttf') format('truetype'),
    url('../fonts/FiraSans-Light.svg#FiraSans-Light') format('svg'),
    url('../fonts/FiraSans-Light.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'FiraSans-Bold';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/FiraSans-Bold.eot');
    src: url('../fonts/FiraSans-Bold.woff2') format('woff2'),
    url('../fonts/FiraSans-Bold.woff') format('woff'),
    url('../fonts/FiraSans-Bold.ttf') format('truetype'),
    url('../fonts/FiraSans-Bold.svg#FiraSans-Bold') format('svg'),
    url('../fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'FiraSans-Heavy';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/FiraSans-Heavy.eot');
    src: url('../fonts/FiraSans-Heavy.woff2') format('woff2'),
    url('../fonts/FiraSans-Heavy.woff') format('woff'),
    url('../fonts/FiraSans-Heavy.ttf') format('truetype'),
    url('../fonts/FiraSans-Heavy.svg#FiraSans-Heavy') format('svg'),
    url('../fonts/FiraSans-Heavy.eot?#iefix') format('embedded-opentype');
}

/** 1. COLORS
    
    black       - #000000; 
    black       - #1d2119; 
    white       - #ffffff;
    white_2     - #fbf9f4;
    yellow      - #ffe602;
    grey        - #e5e4da;
    grey_2      - #808080;
    green       - #7abc05;

*/

/** 2. GLOBAL SETTINGS */

div,
input {
    box-sizing: border-box;
}
input {
    outline: 0;
}
img {
    vertical-align: middle;
}
a {
    text-decoration: none;

    outline: 0;
}

.clear {
    clear: both;
}
b,
.bold {
    font-family: 'FiraSans-Bold';
}
p {
    margin-bottom: 15px;
}


html,
body {
    width: 100%;
    min-width: 320px;
    max-height: 100%;
}

html,
body,
.container {
    height: 100%;
}
.container > .content {
    float: left;

    width: 100%;
    min-height: 100%;
    padding-bottom: 145px;
}

body {
    font-family: 'FiraSans-Light';
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

body > div {
    float: left;

    width: 100%;
}

body .wrap {
    width: 100%;
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.btn {
    font-family: 'FiraSans-Bold';
    font-size: 24px;

    display: block;
    overflow: hidden;

    max-width: 370px;
    padding: 18px 0;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    color: #ffffff;
    border-radius: 150px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% 200%;
}
.btn:hover {
    background-position: 50% 100%;
}
.btn.red {
    background-image: url('../img/btn-red.png');
}
.btn.green {
    background-image: url('../img/btn-green.png');
}
.heading {
    font-family: 'FiraSans-Heavy';
    font-size: 50px;

    position: relative;

    display: inline-block;

    margin-top: 60px;
    margin-bottom: 25px;
    margin-bottom: 50px;
    margin-left: 45px;
}
.heading.green::before {
    position: absolute;
    top: -4px;
    left: -70px;

    display: block;

    width: 50px;
    height: 50px;

    content: '';

    background-image: url('../img/ico-heading-green.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.heading.yellow::before {
    position: absolute;
    top: -4px;
    left: -70px;

    display: block;

    width: 50px;
    height: 50px;

    content: '';

    background-image: url('../img/ico-heading-yellow.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.about__block,
.tech__block,
.cooperation__block,
.news__block,
.jobs__block,
.contact__block {
    float: left;

    width: 100%;

    background-repeat: no-repeat;
}

/** 3. HEADER and FOOTER */

.header {
    font-family: 'FiraSans-Bold';

    float: left;

    width: 100%;
    padding: 15px 0;
}
.header .wrap {
    padding-right: 0;
}
.header .logo {
    float: left;

    width: 10%;
    min-width: 75px;
    max-width: 90px;
    margin-right: 40px;
}
.header .logo > img {
    width: 100%;
    min-width: 60px;
}
.header .title {
    float: left;
}
.header .title h1 {
    font-size: 24px;

    margin-top: 15px;
    margin-bottom: 10px;
}
.header .title .desc {
    font-size: 20px;
    line-height: 24px;

    color: #a1a1a1;
}
.header .nav__link {
    float: right;

    width: 100%;
    min-width: 88px;
    max-width: 170px;
    margin-right: 15px;
    margin-left: 15px;

    text-align: center;

    color: #000000;
}
.header .nav__link .img {
    margin-top: 15px;
    margin-bottom: 15px;
}

.header .nav__link .name {
    font-size: 18px;
}

.footer {
    font-family: 'FiraSans-Bold';

    float: left;

    width: 100%;
    min-height: 145px;
    margin-top: -145px;
    padding: 17px 0 20px 0;

    background-color: #1d2119;
}
.footer .col {
    float: left;

    width: 50%;
}
.footer .col .logo {
    float: left;

    width: 20%;
}
.footer .col .title {
    float: left;

    width: 80%;
}
.footer .col .logo > img {
    width: 75%;
}
.footer .col .title,
.footer .col .nav {
    margin-top: 30px;
}
.footer .col .title .name {
    font-size: 20px;
    line-height: 26px;

    color: #ffffff;
}
.footer .col .title .desc {
    font-size: 14px;
    line-height: 18px;

    color: #a1a1a1;
}

.footer a[href$="capitaller.ru/"] { 
    float: right;
    margin-top: 10px;
}

.footer .col .nav {
    float: left;
    width: 100%;
}

.footer .col .nav .nav__link {
    font-size: 14px;
    line-height: 26px;

    display: inline-block;
    float: left;

    width: 25%;

    color: #7abc05;
}
.footer .col .nav .nav__link:hover {
    color: #ffe602;
}

/** 4. INDEX__PAGE */

.title__block {
    float: left;

    width: 100%;

    background-image: url('../img/title-bg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 1600px auto;
}

.title__block .menu {
    float: left;

    width: 100%;
}
.title__block .menu .point {
    float: left;

    width: 25%;
    margin-top: 270px;

    text-align: center;
}
.title__block .menu .point > a {
    display: block;

    width: 100%;
    height: 100%;
}
.title__block .menu .point > a:hover .img,
.title__block .menu .point > a:hover .title {
    -o-transition: all .3s ease;
       transition: all .3s ease;

    color: #ffe602 !important;
    border-color: #ffe602 !important;
}
.title__block .menu .point .img {
    display: block;

    width: 155px;
    height: 155px;
    margin: 0 auto;

    text-align: center;

    border: 10px solid #75bd26;
    border-radius: 50%;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.title__block .menu .point .img.about {
    background-image: url('../img/title-menu-about.png');
}
.title__block .menu .point .img.tech {
    background-image: url('../img/title-menu-tech.png');
}
.title__block .menu .point .img.cooperation {
    background-image: url('../img/title-menu-cooperation.png');
}
.title__block .menu .point .img.news {
    background-image: url('../img/title-menu-news.png');
}
.title__block .menu .point .title {
    font-family: 'FiraSans-Bold';
    font-size: 20px;

    margin-top: 15px;

    color: #ffffff;
}
.title__block .btn {
    margin: 80px auto 100px auto;
}

.about__block {
    background-image: url('../img/about-bg.png');
    background-position: 50% 100%;
    background-size: 1600px auto;
}
.about__block .wrap {
    padding-right: 0;
    padding-left: 0;
}
.about__block h2 {
    margin-left: 60px;

    color: #000000;
}
.about__block .row {
    float: left;

    width: 100%;
}
.about__block .desc {
    line-height: 30px;

    float: left;

    width: 66.6%;
    padding-right: 15px;
}
.about__block .img {
    float: left;

    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;

    text-align: center;
}
.about__block .img > img {
    width: 100%;
}
.about__block .row.row-1 {
    margin-bottom: 50px;
}
.about__block .row.row-1 .img > img {
    margin-top: -50px;
}
.about__block .row.row-1 .desc {
    padding-left: 60px;
}
.about__block .row.row-2 .img {
    padding-right: 40px;
    padding-left: 30px;
}
.about__block .row.row-2 .desc {
    max-width: 650px;
}
.about__block .btn {
    margin-top: 60px;
    margin-bottom: 100px;
}

.tech__block {
    background-image: url('../img/tech-bg.jpg');
    background-position: 50% 100%;
    background-size: 1600px 100%;
}
.tech__block h2 {
    color: #fbf9f4;
}
.tech__block .desc {
    line-height: 30px;

    float: left;

    width: 60%;
    padding-left: 45px;

    color: #ffffff;
}
.tech__block .btn {
    margin-top: 25px;
    margin-bottom: 110px;
    margin-left: 70px;
}

.cooperation__block {
    text-align: center;

    background-image: url('../img/cooperation-bg.jpg');
    background-position: 50% 100%;
    background-size: 1600px 100%;
}
.cooperation__block .wrap {
    max-width: 900px;
}
.cooperation__block h2 {
    color: #fbf9f4;
}
.cooperation__block .form {
    font-size: 16px;

    float: left;

    width: 100%;
}
.cooperation__block .form .error {
    font-size: 14px;
    font-weight: 700;

    position: relative;
    top: -30px;
    right: 8px;

    float: right;

    height: 0;

    color: #a94442;
}
.cooperation__block .form .col {
    float: left;

    width: 46%;
    margin: 0 2%;
}
.cooperation__block .form .key {
    font-weight: 700;

    float: left;

    width: 100%;
    margin-top: 30px;
    margin-bottom: 5px;

    text-align: left;
}
.cooperation__block .form .value {
    font-family: 'FiraSans-Bold';

    float: left;

    width: 100%;
    padding: 10px 15px;

    border: 2px solid #94b3c2;
    border-radius: 10px;
    outline: 0;
}
.cooperation__block .form .captcha_out {
    float: left;
    overflow: hidden;

    width: 30%;
    height: 43px;
    margin-right: 5%;

    text-align: center;

    background-color: #cacaca;
}
.cooperation__block .form .captcha_out > img {
    width: 100%;
    height: 100%;
}
.cooperation__block .form .captcha_in {
    width: 65%;
}
.cooperation__block .form .message_out {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
}
.cooperation__block .form .message_in {
    float: left;

    box-sizing: border-box;
    width: 96%;
    min-width: 96%;
    max-width: 96%;
    min-height: 80px;
    max-height: 120px;
    margin: 0 2%;

    outline: 0;
}
.cooperation__block .form .btn {
    margin: 50px auto 100px auto;
}

.news__block {
    text-align: center;
}
.news__block .wrap {
    max-width: 970px;
}
.news__block h2 {
    margin-left: 0;

    color: #000000;
}
.news__block .img {
    float: left;
    overflow: hidden;

    width: 50%;
    max-height: 330px;
    padding-right: 15px;
}
.news__block .img > img {
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;

    border: 5px solid #e5e4da;
    border-radius: 20px;
}
.news__block .content {
    float: left;

    width: 50%;
    padding-left: 15px;

    text-align: left;
}
.news__block .content .title {
    font-family: 'FiraSans-Bold';
    font-size: 24px;
}
.news__block .content .date {
    font-size: 12px;

    display: inline-block;

    margin: 15px 0 15px 0;
    padding: 4px 15px;

    background-color: #ffe602;
}
.news__block .content .desc {
    line-height: 30px;

    overflow: hidden;

    height: 185px;
}
.news__block .btn {
    font-size: 18px;

    width: 270px;
    margin: 40px auto 100px auto;
    margin-top: 45px;
    padding: 13px 0;
}

.info__block {
    float: left;

    width: 100%;

    background-image: url('../img/info-bg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 1600px 100%;
}
.info__block .jobs__block {
    position: relative;

    float: left;

    width: 50%;
    padding-right: 15px;
}
.info__block .jobs__block h2 {
    color: #000000;
}
.info__block .jobs__block .card,
.info__block .jobs__block .card_pagination {
    margin-left: 45px;
}
.info__block .jobs__block .card_pagination {
    float: left;

    width: 100%;
    margin-bottom: 155px;
}
.info__block .jobs__block .card_pagination .point {
    font-family: 'FiraSans-Bold';
    line-height: 25px;

    float: left;

    width: 23px;
    height: 23px;
    margin-right: 10px;

    cursor: pointer;
    text-align: center;

    color: #ffffff;
    border-radius: 8px;
    background-color: #7abc05;
}
.info__block .jobs__block .card_pagination .point.active {
    cursor: default;

    color: #000000;
    background-color: #ffffff;
}
.info__block .jobs__block .card p {
    line-height: 24px;
}
.info__block .jobs__block .card ul, ol {
    line-height: 1.4;
    margin-bottom: 15px;
}
.info__block .jobs__block .card ul {
    list-style-position: inside;
    list-style-type: disc;
}

.info__block .jobs__block .card .title {
    font-size: 18px;
    line-height: 38px;

    color: #7abc05;
}
.field,
.info__block .jobs__block .card .field {
    color: #808080;
}
.info__block .jobs__block .address {
    position: absolute;
    bottom: 50px;
    left: 45px;
}

.info__block .contact__block {
    float: left;

    width: 50%;
    padding-left: 40px;

    color: #fbf9f4;
    background-position: 50% 50%;
    background-size: 100% 100%;
}
.info__block .contact__block .string {
    font-size: 18px;
    line-height: 38px;

    position: relative;

    margin-left: 45px;
}
.info__block .contact__block .string.geo,
.info__block .contact__block .string.phone,
.info__block .contact__block .string.mail {
    margin-left: 75px;
}
.info__block .contact__block .string::before {
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.info__block .contact__block .string.geo::before {
    position: absolute;
    left: -30px;

    display: block;

    width: 20px;
    height: 40px;

    content: '';

    background-image: url('../img/contact-geo.png');
}
.info__block .contact__block .string.phone::before {
    position: absolute;
    top: -1px;
    left: -28px;

    display: block;

    width: 15px;
    height: 40px;

    content: '';

    background-image: url('../img/contact-phone.png');
}
.info__block .contact__block .string.mail::before {
    position: absolute;
    top: 10px;
    left: -30px;

    display: block;

    width: 20px;
    height: 40px;

    content: '';

    background-image: url('../img/contact-mail.png');
}

/** 5. INDEX__PAGE -> SLIDER */
#slider__wrap {
    position: relative;

    width: 100%;
}
#slider {
    position: relative;

    overflow: hidden !important;

    width: 100% !important;
    height: 280px !important;
}
.slide {
    width: auto;
    height: auto;
    padding-right: 7px;
}
.sli__links {
    margin-top: 10px;

    text-align: center;
}
.sli__links .control__slide {
    display: inline-block;
    overflow: hidden;

    width: 16px;
    height: 16px;
    margin: 2px;
}


/** 6. INDEX__PAGE -> SCROLLBAR */
.scroll-wrapper {
    position: relative;

    overflow: hidden !important;

    height: 100%;
    padding: 0 !important;
}
.scroll-wrapper > .scroll-content {
    position: relative !important;
    top: 0;
    left: 0;

    overflow: auto !important;

    box-sizing: content-box !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none;
    margin: 0;
    padding: 0;

    border: none !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.scroll-element {
    display: none;
}
.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    position: relative !important;
    top: 0;

    overflow: scroll !important;

    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0;
    padding: 2px;

    border: none !important;
    outline: none;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    position: absolute;
    z-index: 10;

    margin: 0;
    padding: 0;

    border: none;
}
.scrollbar-inner > .scroll-element div {
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    left: 0;

    width: 100%;
    height: 8px;
}
.scrollbar-inner > .scroll-element.scroll-y {
    top: 0;
    right: 0;

    width: 7px;
    height: 100%;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    cursor: pointer;

    -webkit-border-radius: 1px;
       -moz-border-radius: 1px;
            border-radius: 1px;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e6dac2;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #6eba12;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #8ed43a;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #505050;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/** 7. CATEGORY__PAGE && FULL__PAGE && JOBS__PAGE */
.full__page,
.category__page,
.jobs__page {
    float: left;

    width: 100%;
}
.full__page .breadcrumbs,
.category__page .breadcrumbs,
.jobs__page .breadcrumbs {
    font-size: 16px;
    font-weight: 700;

    margin: 20px 0;
}
.full__page .breadcrumbs img,
.category__page .breadcrumbs img,
.jobs__page .breadcrumbs img {
    margin-top: -6px;
    margin-right: 10px;
}
.full__page .breadcrumbs a,
.category__page .breadcrumbs a,
.jobs__page .breadcrumbs a {
    color: #50af00;
}
.full__page .content__title,
.category__page .category__title,
.jobs__page .jobs__title {
    font-family: 'FiraSans-Bold';
    font-size: 36px;

    margin-top: 30px;
    margin-bottom: 20px;

    color: #000000;
}
.category__page .content__list,
.jobs__page .content__list {
    float: left;

    width: 100%;
}
.category__page .item,
.jobs__page .item {
    float: left;

    width: 100%;
    padding: 40px 0 40px 0;

    border-top: 1px solid #7a7a7a;
}
.category__page .item .img,
.jobs__page .item .title {
    float: left;

    width: 40%;

    text-align: center;
}

.category__page .item .img > img {
    width: 100%;
    max-width: 290px;
    padding: 5px;

    border: 1px solid #ececec;
}
.category__page .item .content,
.jobs__page .item .content {
    float: left;

    width: 60%;
    padding: 0 15px;
}
.category__page .item .content .item__title {
    font-family: 'FiraSans-Bold';
    font-size: 24px;

    float: left;

    width: 100%;
}
.jobs__page .item .item__title {
    font-family: 'FiraSans-Bold';
    font-size: 21px;
    line-height: 38px;

    margin-top: 27px;
}
.category__page .item .content .item__link {
    color: #000000;
}
.category__page .item .content .item__link:hover {
    text-decoration: underline;
}
.category__page .item .content .item__date {
    font-size: 12px;

    display: inline-block;
    float: left;

    margin: 15px 0 15px 0;
    padding: 4px 15px;

    background-color: #ffe602;
}
.category__page .item .content .item__desc,
.jobs__page .item .content .item__desc {
    line-height: 30px;

    float: left;
    overflow: hidden;

    height: 130px;
    margin-bottom: 20px;
}
.category__page .item .content .read_more,
.jobs__page .item .content .read_more {
    float: left;

    text-decoration: underline;

    color: #7abc05;
}
.category__page .item .content .read_more::before,
.jobs__page .item .content .read_more::before {
    display: block;
    float: left;

    width: 13px;
    height: 13px;
    margin-top: 0;
    margin-right: 8px;

    content: '';

    background-image: url('../img/articles-arrow.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% 100%;
}
.full__page {
    margin-bottom: 130px;
}

.full__page .desc {
    line-height: 30px;

    padding-top: 20px;
}

.full__page .img {
    float: left;

    width: 35%;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 20px;

    text-align: center;
}

.full__page .img img {
    width: 100%;
    max-width: 290px;
}

.full__page .desc .gallery {
    display: block;
    float: left;

    width: 100%;
    margin-top: 50px;
    padding-top: 50px;

    text-align: center;

    border-top: 1px dashed #e7e7e7;
}
.full__page .desc .gallery > img {
    width: 300px;
    height: 100% !important;
    margin: 5px;
}

.news_link {
    color: #5bb307 !important;
}

.news_link:hover,
.news_link:focus,
.news_link:active,
.news_link:visited {
    color: #97c72d !important;
}

/* NEW UNCOMMIT CHANGES  */
.form__checkbox_wrapper {
  position: relative;
  float: left;
  width: 91%;
  margin: 40px 4.5% 0 4.5%;
}

@media all and (max-width: 1000px) {
    .form__checkbox_wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.form__checkbox {
  position: absolute;
  left: -100%;
  opacity: 0;
}
.form input.form__checkbox:checked + .form__label .form__switch::after {
  left: initial;
  right: 3px;
  background-color: #FF7A00;
}

.form__label {
  display: block;
}

.form__switch {
  display: block;
}

.form__switch {
  position: relative;
  float: left;
  width: 32px;
  height: 18px;
  margin-top: 4px;
  border-radius: 9px;
  border: 1px solid #184B8F;
  background-color: #fff;
  cursor: pointer;
}

.form__switch::after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 3px;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: #c4c4c4;
  border-radius: 100%;
}

@media all and (max-width: 500px) {
.form__switch {
    width: 24px;
    height: 13px;
  }
  .form__switch::after {
    width: 9px;
    height: 9px;
  }
  .form__text {
    padding-left: 42px;
    font-size: 8px;
  }
}

.form__text {
  display: block;
}

.form__text {
  padding-left: 58px;
  text-align: left;
  font-size: 14px;
  color: #000;
}

.form__text a {
  color: #184B8F;
}

.form__checkbox {
  position: absolute;
  left: -100%;
  opacity: 0;
}

.form__error_agree {
  position: absolute;
  top: -20px !important;
  bottom: auto !important;
  left: 0 !important;
  float: none !important;
  right: auto !important;
  color: #ff0202 !important;
}