/*
 *
 *
 *
 *
 *                 _____                    _____                    _____                   _______                   _____          
 *                /\    \                  /\    \                  /\    \                 /::\    \                 /\    \         
 *               /::\    \                /::\    \                /::\    \               /::::\    \               /::\____\        
 *              /::::\    \              /::::\    \              /::::\    \             /::::::\    \             /::::|   |        
 *             /::::::\    \            /::::::\    \            /::::::\    \           /::::::::\    \           /:::::|   |        
 *            /:::/\:::\    \          /:::/\:::\    \          /:::/\:::\    \         /:::/~~\:::\    \         /::::::|   |        
 *           /:::/  \:::\    \        /:::/__\:::\    \        /:::/__\:::\    \       /:::/    \:::\    \       /:::/|::|   |        
 *          /:::/    \:::\    \      /::::\   \:::\    \      /::::\   \:::\    \     /:::/    / \:::\    \     /:::/ |::|   |        
 *         /:::/    / \:::\    \    /::::::\   \:::\    \    /::::::\   \:::\    \   /:::/____/   \:::\____\   /:::/  |::|   | _____  
 *        /:::/    /   \:::\    \  /:::/\:::\   \:::\    \  /:::/\:::\   \:::\____\ |:::|    |     |:::|    | /:::/   |::|   |/\    \ 
 *       /:::/____/     \:::\____\/:::/__\:::\   \:::\____\/:::/  \:::\   \:::|    ||:::|____|     |:::|    |/:: /    |::|   /::\____\
 *       \:::\    \      \::/    /\:::\   \:::\   \::/    /\::/   |::::\  /:::|____| \:::\    \   /:::/    / \::/    /|::|  /:::/    /
 *        \:::\    \      \/____/  \:::\   \:::\   \/____/  \/____|:::::\/:::/    /   \:::\    \ /:::/    /   \/____/ |::| /:::/    / 
 *         \:::\    \               \:::\   \:::\    \            |:::::::::/    /     \:::\    /:::/    /            |::|/:::/    /  
 *          \:::\    \               \:::\   \:::\____\           |::|\::::/    /       \:::\__/:::/    /             |::::::/    /   
 *           \:::\    \               \:::\   \::/    /           |::| \::/____/         \::::::::/    /              |:::::/    /    
 *            \:::\    \               \:::\   \/____/            |::|  ~|                \::::::/    /               |::::/    /     
 *             \:::\    \               \:::\    \                |::|   |                 \::::/    /                /:::/    /      
 *              \:::\____\               \:::\____\               \::|   |                  \::/____/                /:::/    /       
 *               \::/    /                \::/    /                \:|   |                   ~~                      \::/    /        
 *                \/____/                  \/____/                  \|___|                                            \/____/         
 *                                                                                                                                    
 *
 *
 *
 *
 *
 *                              Ceron v2.64     Copyright (c) 2019 Ceron, Inc.     Website: https://ceron.pw
 *
 *
 *
 *                                                _______ ______ _   _ _______ _____ ____  _   _ 
 *                                             /\|__   __|  ____| \ | |__   __|_   _/ __ \| \ | |
 *                                            /  \  | |  | |__  |  \| |  | |    | || |  | |  \| |
 *                                           / /\ \ | |  |  __| | . ` |  | |    | || |  | | . ` |
 *                                          / ____ \| |  | |____| |\  |  | |   _| || |__| | |\  |
 *                                         /_/    \_\_|  |______|_| \_|  |_|  |_____\____/|_| \_|
 *                                                                                                
 *
 *                             Этот файл сгенерирован программой Ceron, все дальнейшие изменения файла будут утеряны!
 *                Вносить изменения в файл можно если Вы на 100% уверены, что верстка полностью готова и больше не будет не каких изменений!
 *                       Если же вам нужно что-то поменять, то пожалуйста создайте дополнительный файл и там вносите изменения
 *
 */




/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


*,
*:before,
*:after{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body{
	line-height: 1.2;
    font-size: 16px;
    color: #000;
    position: relative;
    font-family: "Open Sans", sans-serif;
    background: #fff;
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: inherit;
}

p{
	margin: 0;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

img{
	vertical-align: middle;
}

a{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #4e98f4;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover,
a:focus{
	text-decoration: none;
}

button{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

table{
	border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

/* S-content */

.s-content{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #4a4f54
}
.s-content__container{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

/* B-box */

.b-box{
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 45px;
    padding-bottom: 45px;
    -webkit-box-shadow:  0 14px 44px 0 rgba(62, 62, 62, 0.15);
            box-shadow:  0 14px 44px 0 rgba(62, 62, 62, 0.15);
    background-color: #ffffff
}
.b-box__title{
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 30px
}
.b-box__text{
    font-size: 14px;
    color: rgba(62, 62, 62, 0.69)
}
.b-box__head{
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: left;
    margin-left: 28px
}
.b-box__ivend{
    width: 100%
}
.b-box__logo{
    max-width: 155px
}
.b-box__acces{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center
}
.b-box__text > p + p{
    margin-top: 13px
}

/* Form */

.form__submit{
    background-color: #0c121c;
    border: 0;
    color: #ffffff;
    -webkit-border-radius: 0px;
            border-radius: 0px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    font-weight: 300
}
.form__radio{
    position: relative;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
    padding-right: 15px
}
.form__group{
    margin-bottom: 20px
}
.form__points{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: -10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between
}
.form__textarea{
    width: 100%;
    border: 1px solid #dddddd;
    font-size: 16px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 14px;
    padding-bottom: 14px;
    -webkit-border-radius: 0px;
            border-radius: 0px
}
.form__buttons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between
}
.form--radio-point{
    height: 35px;
    padding-right: 11px
}
.form__rimen{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: capitalize
}
.form__ahabe{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f0f0f0
}
.form__checkbox{
    position: relative;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
    padding-right: 15px
}
.form__radio-lr{
    position: relative;
    padding-left: 28px;
    display: inline-block
}
.form__checkbox-lr{
    position: relative;
    padding-left: 28px;
    display: inline-block
}
.form__nps{
    display: block;
    position: relative
}
.form__select{
    width: 100%;
    border: 1px solid #015a2c
}
.form__radio > input:checked + span:before, .form__checkbox > input:checked + span:before{
    opacity: 0
}
.form__radio > input, .form__checkbox > input{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0
}
.form__radio > span, .form__checkbox > span{
    display: inline-block
}
.form__radio > span:before, .form__checkbox > span:before{
    content: '';
    display: block;
    background-color: #f0f0f0;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 3px;
    top: 3px;
    -webkit-border-radius: 100px;
            border-radius: 100px;
    opacity: 1
}
.form__radio:before, .form__checkbox:before{
    content: '';
    background-color: #0c121c;
    -webkit-border-radius: 100px;
            border-radius: 100px;
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}
.form--radio-point:before{
    width: auto;
    height: auto;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: transparent;
    border: 2px solid #015a2c;
    min-height: 0px;
    bottom: 0px;
    right: 0px
}
.form--radio-point > span{
    color: #0c121c;
    padding-top: 4px;
    font-size: 23px;
    position: relative;
    padding-right: 4px;
    width: 19px
}
.form--radio-point > span:before{
    left: -25px;
    height: 25px;
    top: 5px;
    background-color: #015a2c;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    -webkit-border-radius: 3px;
            border-radius: 3px
}
.form--radio-point > span > span{
    position: relative;
    z-index: 1;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    left: 0px
}
.form--radio-point > input:checked + span:before{
    opacity: 1;
    width: 58px;
    left: -29px;
    top: 0;
    height: 34px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #015a2c
}
.form--radio-point > input:checked + span{
    color: #ffffff
}
.form--radio-point > input:checked + span > span{
    left: -6px
}
.form__ommod > * + *{
    margin-top: 21px
}
.form__points > *{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}
.form__submit:hover{
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
    background-color: #30353e
}
.form__textarea:hover, .form__textarea:focus{
    border-color: #63d13e;
    border: 1px solid #30353e
}
.form__checkbox:before{
    -webkit-border-radius: 0px;
            border-radius: 0px
}
.form__checkbox > span:before{
    -webkit-border-radius: 0px;
            border-radius: 0px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}
.form__checkbox > input:checked + span:before{
    width: 18px;
    opacity: 1;
    -webkit-transform: rotateZ(-47deg);
        -ms-transform: rotate(-47deg);
            transform: rotateZ(-47deg);
    border-bottom: 3px solid #ffffff;
    background-color: transparent;
    border-left: 3px solid #ffffff;
    height: 6px;
    top: 0px
}
.select2-container--default .select2-selection--single{
    border: 1px solid #015a2c !important;
    height: 40px !important
}
.select2-container--default .select2-selection--single > span{
    height: 40px !important;
    line-height: 40px !important
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #015a2c !important
}

/* All */

.text-right{
    text-align: right
}
.text-center{
    text-align: center
}
.blocker{
    background-color: rgba(0, 0, 0, 0.3)
}
.modal a.close-modal{
    top: 4px;
    right: 4px;
    background-image: url(../img/close.svg);
    -webkit-background-size: 18px 18px;
            background-size: 18px
}
.select2-dropdown{
    border-color: #015a2c !important
}
.select2-search__field{
    outline: none !important
}

/* Modal */

.modal{
    -webkit-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow:  1px 1px 55px 0 rgba(48, 53, 62, 0.08);
            box-shadow:  1px 1px 55px 0 rgba(48, 53, 62, 0.08);
    padding-top: 46px;
    padding-bottom: 38px
}
.modal__title{
    font-size: 25px;
    margin-bottom: 16px;
    text-transform: uppercase
}
.modal__text{
    color: #7e8186
}
/*
 * CASCADE
 */

.form__radio-lr > input, .form__checkbox-lr > input, .form__radio-lr > span:before, .form__checkbox-lr > span:before{
    width: 20px;
    height: 20px
}
.form__radio-lr > input, .form__checkbox-lr > input{
    vertical-align: middle;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}
.form__radio-lr > span, .form__checkbox-lr > span{
    display: block
}
.form__radio-lr > span:before, .form__checkbox-lr > span:before{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    border: 1px solid #015a2c;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    opacity: 1;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}
.form__radio-lr > span:after, .form__checkbox-lr > span:after{
    content: '';
    display: block;
    position: absolute;
    background-color: #015a2c;
    width: 14px;
    height: 14px;
    left: 3px;
    top: 3px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    opacity: 0;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}
.form__radio-lr:hover > span:before, .form__checkbox-lr:hover > span:before{
    opacity: 1;
    -webkit-box-shadow:  0 0 0 1px #015a2c;
            box-shadow:  0 0 0 1px #015a2c
}
.form__radio-lr > input:checked + span:before, .form__checkbox-lr > input:checked + span:before{
    opacity: 1;
    -webkit-box-shadow:  0 0 0 1px #015a2c;
            box-shadow:  0 0 0 1px #015a2c
}
.form__radio-lr > input:checked + span:after, .form__checkbox-lr > input:checked + span:after{
    opacity: 1
}
.form__checkbox-lr > span:before{
    -webkit-border-radius: 3px;
            border-radius: 3px
}
.form__checkbox-lr > span:after{
    -webkit-border-radius: 0px;
            border-radius: 0px
}
.form__checkbox-lr > input:checked + span:before{
    -webkit-box-shadow:  0 0 0 1px #015a2c;
            box-shadow:  0 0 0 1px #015a2c;
    background-color: #015a2c
}
.form__checkbox-lr > input:checked + span:after{
    background-color: transparent;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    width: 7px;
    -webkit-transform: rotateZ(44deg);
        -ms-transform: rotate(44deg);
            transform: rotateZ(44deg);
    left: 7px;
    top: 1px
}
.form__checkbox-lr:hover > input:checked + span:before{
    background-color: #3a8660
}
.form__points > div{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1
}
.form__nps > input{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}
.form__nps > span{
    display: block;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    cursor: pointer
}
.form__nps > span > span{
    position: relative;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}
.form__nps > span:before{
    border: 1px solid #015a2c;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms
}
.form__nps > input:checked + span{
    color: #ffffff
}
.form__nps > input:checked + span:before{
    background-color: #015a2c
}
.form__nps:hover > span:before{
    -webkit-box-shadow:  0 0 0 1px #015a2c;
            box-shadow:  0 0 0 1px #015a2c
}
/*
 * MEDIA
 */

@media all and (max-width: 1100px){
    
    /* Form */

    .form--radio-point{
        padding-left: 0px;
        padding-right: 0px;
        width: 41px;
        text-align: center
    }
    .form--radio-point:before{
        width: 44px
    }
    .form--radio-point > span{
        width: 36px;
        padding-left: 0px;
        padding-right: 0px
    }
    .form--radio-point > span:before{
        display: none
    }
    .form--radio-point > input:checked + span:before{
        display: block;
        left: 0px;
        width: 41px
    }
    .form--radio-point > input:checked + span > span{
        left: 0px
    }
}
@media all and (max-width: 991px){
    
    /* B-box */

    .b-box{
        padding-left: 28px;
        padding-right: 28px
    }
}
@media all and (max-width: 767px){
    
    /* B-box */

    .b-box__head{
        font-size: 32px
    }
    
    /* Form */

    .form__points{
        margin-left: -3px;
        margin-right: -3px
    }
    .form--radio-point{
        width: 28px
    }
    .form--radio-point:before{
        width: 25px
    }
    .form--radio-point > span{
        font-size: 18px;
        width: 25px;
        padding-top: 7px
    }
    .form--radio-point > input:checked + span:before{
        width: 24px
    }
    .form__points > *{
        margin-left: 3px;
        margin-right: 3px
    }
}
@media all and (max-width: 575px){
    
    /* S-content */

    .s-content{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px
    }
    
    /* B-box */

    .b-box{
        padding-left: 10px;
        padding-right: 10px
    }
    .b-box__title{
        font-size: 21px
    }
    .b-box__text{
        font-size: 12px
    }
    .b-box__logo{
        max-width: 105px
    }
    
    /* Form */

    .form__points{
        margin-left: -1px;
        margin-right: -1px
    }
    .form__rimen{
        font-size: 14px
    }
    .form__points > *{
        margin-left: 1px;
        margin-right: 1px
    }
    
    /* All */

    .blocker{
        padding-left: 10px;
        padding-right: 10px
    }
    
    /* Modal */

    .modal{
        width: 100%
    }
    .form__nps > span{
        padding-top: 6px;
        padding-bottom: 6px
    }
}
@media all and (max-width: 479px){
    
    /* B-box */

    .b-box__head{
        font-size: 25px
    }
        .b-box__title{
        font-size: 18px
    } 
   
    /* Form */

    .form__submit{
        padding-top: 11px;
        padding-bottom: 11px
    }
    .form--radio-point{
        width: 30px
    }
    .form--radio-point:before{
        width: 30px;
        height: 26px
    }
    .form--radio-point > span{
        font-size: 15px;
        padding-top: 4px;
        width: 30px
    }
    .form--radio-point > input:checked + span:before{
        width: 18px;
        height: 26px
    }
}
@media all and (max-width: 380px){
    
    /* B-box */

    .b-box{
        padding-top: 26px
    }
    .b-box__head{
        font-size: 22px
    }
    .b-box__logo{
        max-width: 87px
    }
    .b-box__title{
        font-size: 16px
    }  
    
    /* Form */
	
	.form__submit{
    padding-left: 18px;
    padding-right: 18px

}

    .form--radio-point{
        width: 23px
    }
    .form--radio-point:before{
        width: 23px
    }
    .form--radio-point > span{
        width: 23px
    }
    .form--radio-point > input:checked + span:before{
        width: 23px
    }
}