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

    outline: 0;
}

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

html
{
    height: 100%;
}

.container
{
    max-width: 1202px;
    margin: 0 auto; 
    padding: 0 20px;
}
.container:after
{
    display: block;
    clear: both; 

    content: ' ';
}
.container--agreement
{
    max-width: 1018px;
}

.wrapper
{
    overflow: hidden; 

    min-height: 100%;
}

.shown-tablet
{
    display: none;
}

.shown-mobile
{
    display: none;
}

.fancybox-slide--video .fancybox-content
{
    width: 800px;
    max-width: 65%;
    height: 600px;
    max-height: 65%;
    margin: 0;
}

body
{
    font-family: 'Circle', 'sans-serif';
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2; 

    color: #60727a;
    background: #fff;
}

ul,
ol
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Circle', 'sans-serif';
    font-weight: 300; 
    line-height: 1.05;

    margin: 0;
    padding: 0;

    color: #1f3746;
}

h1
{
    font-size: 51px;
}

h2
{
    font-size: 42px;
    font-weight: 800;
}

h3
{
    font-size: 25px;
}

h4
{
    font-size: 21px;
}

h5
{
    font-size: 18px;
}

h6
{
    font-size: 16px;
}

p
{
    margin: 0; 
    padding: 0;
}

hr
{
    overflow: hidden;

    height: 1px;
    margin: 75px 0 65px; 

    border: 0;
    background: #dfe6ed;
}

q,
blockquote
{
    font-style: italic; 

    display: block;

    text-align: center;
}

strong,
b
{
    font-weight: 700;
}

a
{
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-decoration: none; 

    color: #191fcc;
}
a.button
{
    text-decoration: none;
}
a.button:hover
{
    text-decoration: none;
}

[class*='icon-']
{
    display: inline-block;

    vertical-align: top;
}

img[style*='float: left'],
img[style*='float:left'],
img[align='left']
{
    margin: 0 20px 5px 0;
}

img[style*='float: right'],
img[style*='float:right'],
img[align='right']
{
    margin: 0 0 5px 20px;
}

.static-content h1
{
    margin-bottom: 43px;
}

.static-content blockquote
{
    padding-left: 20px; 

    text-align: left;

    border-left: 2px solid #ccc;
}

.static-content ul
{
    margin: 20px 0;
}
.static-content ul li
{
    position: relative;

    padding-left: 32px;

    color: #1f3746;
}
.static-content ul li::before
{
    position: absolute;
    top: 50%;
    left: 6px;

    width: 8px;
    height: 24px;
    margin-top: -14px; 

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-right: 2px solid #365aa6;
    border-bottom: 2px solid #365aa6;
}

.static-content ol
{
    list-style-position: outside;
    list-style-type: decimal;

    counter-reset: item;
}
.static-content ol > li
{
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;

    position: relative;

    display: block;

    margin-bottom: 63px;
    padding-bottom: 41px;
    padding-left: 0;

    color: #1f3746;
    border-bottom: 1px solid #dfe6ed;
}
.static-content ol > li:last-child
{
    border-bottom: 0;
}
.static-content ol > li:before
{
    font-size: 42px;
    font-weight: 800; 

    display: inline;

    content: counters(item, '.') '. ';
    counter-increment: item;
}

.static-content ol ol
{
    margin: 20px 0;

    list-style-position: outside;
    list-style-type: decimal;

    counter-reset: item;
}
.static-content ol ol > li
{
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;

    position: relative;

    display: block;

    margin-bottom: 29px;
    padding-bottom: 0;
    padding-left: 70px;

    color: #1f3746;
    border-bottom: 0;
}
.static-content ol ol > li:before
{
    font-size: 23px;
    font-weight: 800; 

    position: absolute;
    top: 0;
    left: 0;

    display: inline;

    content: counters(item, '.') '. ';
    counter-increment: item;
}

.static-content ol ol ol
{
    margin-top: 31px;

    counter-reset: item;
}

.static-content ol ul
{
    margin-top: 24px;
}

.static-content ol ul li
{
    margin-bottom: 14px;
    padding-left: 52px;
}
.static-content ol ul li::before
{
    position: absolute;
    top: 24px;
    left: -7px;

    width: 17px;
    height: 17px;

    content: '';
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); 

    border-right: 0;
    border-bottom: 4px solid #cdd6e9;
    border-left: 4px solid #cdd6e9;
}

.static-content p
{
    font-size: 21px;
    line-height: 1.5; 

    margin-bottom: 31px;

    color: #1f3746;
}

.static-content a
{
    border-bottom: 1px solid #1e54f3;
}
.static-content a:hover
{
    border-bottom-color: transparent;
}

.static-content table
{
    width: 100%;

    border-collapse: collapse;
}
.static-content table th
{
    font-weight: 700;

    padding: 5px; 

    text-align: left;

    border-bottom: 1px solid #000;
}
.static-content table td
{
    padding: 5px;
}
.static-content table tr:nth-child(odd) td
{
    /* stylelint-disable-line */
    background-color: #f4f4f4;
}

.upper
{
    text-transform: uppercase;
}

.btn
{
    font-family: 'Circle';
    font-size: 19px;
    font-weight: 700;
    line-height: 1;

    position: relative;

    display: block;

    width: 100%;
    padding: 23px 40px 24px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-align: center;
    vertical-align: top;

    color: #fff; 
    border: 0;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, right top, from(#1e55f4), to(#00b34f));
    background-image: -o-linear-gradient(left, #1e55f4 0%, #00b34f 100%);
    background-image:    linear-gradient(to right, #1e55f4 0%, #00b34f 100%);
    -webkit-box-shadow: 0 8px 27px rgba(0, 0, 0, .23);
            box-shadow: 0 8px 27px rgba(0, 0, 0, .23);
}
.btn:hover,
.btn.active
{
    -webkit-box-shadow: 0 8px 27px rgba(0, 0, 0, .4);
            box-shadow: 0 8px 27px rgba(0, 0, 0, .4);
}
.btn.disabled,
.btn[disabled='disabled'],
.btn[disabled]
{
    cursor: not-allowed;

    color: #ccc;
    border-color: #ccc;
    background: #8a8a8a;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn--inline
{
    display: inline-block; 

    width: auto;
}
.btn--sm
{
    font-size: 18px; 

    padding: 18px 45px 19px;
}

.checkbox
{
    display: block;

    cursor: pointer;
}
.checkbox input[type='checkbox']
{
    display: none;
}
.checkbox input[type='checkbox']:checked + span:after
{
    opacity: 1;
}
.checkbox span
{
    font-size: 17px;
    line-height: 1.2;

    position: relative; 

    display: block;

    padding: 0 0 0 30px;
}
.checkbox span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin: -8px 0 0 0;

    content: '';

    background: #ddd;
}
.checkbox span:after
{
    position: absolute;
    top: 50%;
    left: 5px;

    display: block;

    width: 5px;
    height: 8px;
    margin: -5px 0 0 0;

    content: '';
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    opacity: 0;
    border-right: 2px solid #00b34f;
    border-bottom: 2px solid #00b34f;
}

textarea,
select,
.input
{
    font-size: 17px;
    line-height: 1.2;

    display: block;

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

    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    color: #60727a;
    border: 1px solid #bcbcbc;
    border-radius: 0; 
    background-color: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
.input::-webkit-input-placeholder
{
    color: #9c9c9c;
}
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
.input:-ms-input-placeholder
{
    color: #9c9c9c;
}
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
.input:focus::-webkit-input-placeholder
{
    color: transparent;
}
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
.input:focus:-ms-input-placeholder
{
    color: transparent;
}
textarea:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
.input:focus::-ms-input-placeholder
{
    color: transparent;
}
textarea:focus::placeholder,
select:focus::placeholder,
.input:focus::placeholder
{
    color: transparent;
}
textarea:focus,
select:focus,
.input:focus
{
    border-color: #696969;
    background-color: #fff;
}
textarea.disabled,
textarea[disabled='disabled'],
textarea[disabled],
select.disabled,
select[disabled='disabled'],
select[disabled],
.input.disabled,
.input[disabled='disabled'],
.input[disabled]
{
    background-color: #f3f3f3;
}

textarea
{
    height: 150px;
    padding: 10px 20px; 

    resize: none;
}

input[type='file']
{
    display: none;
}
input[type='file'] + label
{
    font-size: 14px;
    line-height: 24px;

    display: block;

    padding: 25px 15px;

    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 
    text-align: center;

    color: #8a8a8a;
    border: 1px dashed #c4c4c4;
    background: #fff;
}
input[type='file'] + label:hover
{
    border-color: #696969;
    background: #e9e9e9;
}

.radio
{
    display: block;

    cursor: pointer;
}
.radio input[type='radio']
{
    display: none;
}
.radio input[type='radio']:checked + span:after
{
    opacity: 1;
}
.radio span
{
    font-size: 17px;
    line-height: 1.2;

    position: relative; 

    display: block;

    padding: 0 0 0 30px;
}
.radio span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin: -8px 0 0 0;

    content: '';

    border-radius: 50%;
    background: #ddd;
}
.radio span:after
{
    position: absolute;
    top: 50%;
    left: 4px;

    display: block;

    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;

    content: '';
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 0;
    border-radius: 50%;
    background: #00b34f;
}

select
{
    display: block;

    -webkit-transition: none;
         -o-transition: none;
            transition: none;

    border-radius: 0;
    background-color: #fff; 
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 29px 17px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.icon-envelope
{
    width: 22px;
    height: 16px;
}

.icon-user
{
    width: 16px;
    height: 22px;
}

.icon-fb-footer,
.icon-insta-footer,
.icon-vk-footer,
.icon-youtube-footer
{
    width: 45px;
    height: 45px;
}

.icon-vk-footer
{
    fill: #4a76a8;
}

.icon-insta-footer
{
    fill: #d2296f;
}

.icon-fb-footer
{
    fill: #2654ce;
}

.icon-youtube-footer
{
    fill: #f00;
}

.icon-clock
{
    width: 18px;
    height: 18px;
}

.icon-purse
{
    width: 66px;
    height: 67px;
}

.icon-science
{
    width: 71px;
    height: 73px;
}

.icon-brain
{
    width: 71px;
    height: 71px;
}

.icon-weight
{
    width: 69px;
    height: 69px;
}

.icon-molecule
{
    width: 79px;
    height: 62px;
}

.icon-fire
{
    width: 51px;
    height: 66px;
}

.icon-energy
{
    width: 53px;
    height: 59px;
}

.icon-intestines
{
    width: 61px;
    height: 69px;
}

.icon-speed
{
    width: 53px;
    height: 47px;
}

.icon-head
{
    width: 58px;
    height: 66px;
}

.row
{
    font-size: 0;
    line-height: 0;

    margin-right: -15px; 
    margin-left: -15px;
}

.col
{
    font-size: 17px;
    line-height: 1.2; 

    display: inline-block;

    width: 100%;
    padding: 0 15px;

    vertical-align: top;
}

.no-gutter
{
    margin-right: 0; 
    margin-left: 0;
}
.no-gutter .col
{
    padding: 0;
}

.agreement
{
    padding: 70px 0 100px;
}
.agreement h1
{
    text-align: center;
}
.agreement__nav
{
    margin-bottom: 86px;
    padding-top: 6px;
}
.agreement__nav-row
{
    margin-bottom: 12px;
}
.agreement__nav-row:last-child
{
    margin-bottom: 0;
}
.agreement__nav-link
{
    font-size: 21px;
    line-height: 1.2;

    color: #1e55f4;
    border-bottom: 1px solid #1e55f4;
}
.agreement__nav-link:hover
{
    border-bottom-color: transparent;
}
.agreement__info
{
    position: relative;
    z-index: 1; 

    padding: 75px 0 120px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f8fa), to(#fff));
    background-image: -o-linear-gradient(top, #f5f8fa 0%, #fff 100%);
    background-image:    linear-gradient(to bottom, #f5f8fa 0%, #fff 100%);
}
.agreement__info::before
{
    position: absolute;
    right: 0;
    bottom: 67px;
    left: 0;

    max-width: 958px;
    margin: 0 auto;

    content: '';

    border-bottom: 1px solid #dfe6ed;
}
.agreement__up
{
    margin-bottom: 31px;
    padding-top: 9px;
}
.agreement__up-link
{
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;

    position: relative;

    display: inline-block;

    margin-left: 19px;

    vertical-align: top;

    color: #1e54f3;
    border-bottom: 1px solid #1e54f3;
}
.agreement__up-link:hover
{
    border-bottom-color: transparent;
}
.agreement__up-link:hover::before,
.agreement__up-link:hover::after
{
    top: 4px;
}
.agreement__up-link::before
{
    position: absolute;
    top: 7px;
    left: -13px;

    height: 12px;

    content: '';
    -webkit-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease; 

    border-left: 1px solid #1e53f2;
}
.agreement__up-link::after
{
    position: absolute;
    top: 7px;
    left: -14px;

    width: 3px;
    height: 3px;

    content: '';
    -webkit-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 1px solid #1e53f2;
    border-left: 1px solid #1e53f2;
}

.dev
{
    padding: 79px 0 33px;

    background-color: #ecf0f4;
}
.dev__title
{
    font-size: 42px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 8px;

    text-align: center; 

    color: #203746;
}
.dev__title b
{
    font-weight: 900;
}
.dev__subtitle
{
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;

    display: block;

    margin-bottom: 43px;

    text-align: center; 

    color: #203746;
}
.dev__tab
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.dev__tab-active
{
    position: absolute;
    top: 65px;
    right: -13px;

    width: 24px;
    height: 24px;

    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); 

    border-bottom: 2px solid #a9befc;
    border-left: 2px solid #a9befc;
    background-color: #ecf0f4;
}
.dev__tab-left
{
    position: relative;
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 57%;
    padding-right: 32px;

    border-right: 2px solid #a9befc;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.dev__tab-right
{
    width: 43%; 
    padding-left: 39px;
}
.dev__tab-col
{
    width: calc(33.33% - 10px);
    margin: 0 5px 20px;

    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease; 

    -webkit-filter: blur(5px);
            filter: blur(5px);
}
.dev__tab-col.active,
.dev__tab-col:hover
{
    -webkit-filter: blur(0);
            filter: blur(0);
}
.dev__tab-col.active .dev__tab-link,
.dev__tab-col:hover .dev__tab-link
{
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .07);
            box-shadow: 0 0 30px rgba(0, 0, 0, .07);
}
.dev__tab-link
{
    display: block;

    height: 100%;
    padding: 25px 27px 21px;

    border-radius: 10px;
}
.dev__tab-holder
{
    display: block;

    width: 100%;
    margin: 0 auto 8px;

    border: 3px solid #fff;
    border-radius: 50%;
}
.dev__tab-img
{
    display: block;

    width: 100%;

    border-radius: 50%;
}
.dev__tab-prof
{
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;

    display: block;

    text-align: center; 

    color: #1f3746;
}
.dev__tab-content
{
    display: none; 

    padding-top: 24px;
}
.dev__tab-content.active
{
    display: block;
}
.dev__tab-video
{
    margin-bottom: 25px;
}
.dev__tab-video .video-img
{
    min-height: 307px;
}
.dev__tab-pic
{
    max-width: 100%;
    max-height: 308px;
    margin-bottom: 20px;

    border-radius: 10px;
}
.dev__tab-name
{
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2; 

    display: block;

    margin-bottom: 5px;

    color: #1f3746;
}
.dev__tab-txt
{
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2; 

    display: block;

    margin-bottom: 23px;

    color: rgba(31, 55, 70, .7);
}
.dev__tab-item
{
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4; 

    color: #1f3746;
}

.footer
{
    padding-top: 27px;
    padding-bottom: 25px;

    background-color: #ecf0f4;
}
.footer__social-list
{
    font-size: 0;
    line-height: 0; 

    float: right;

    width: 240px;
    padding-top: 32px;
    padding-left: 15px;
}
.footer__social-item
{
    font-size: 17px;
    line-height: 1.2; 

    display: inline-block;

    margin-right: 15px;
    margin-bottom: 5px;

    vertical-align: middle;
}
.footer__social-item:last-child
{
    margin-right: 0;
}
.footer__social-item svg
{
    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.footer__social-item svg:hover
{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.footer__info
{
    float: right;

    width: calc(100% - 520px); 
    padding: 26px 10px 0;
}
.footer__info-holder
{
    margin-bottom: 12px;

    text-align: center;
}
.footer__info-link
{
    font-size: 17px;
    font-weight: 400;
    line-height: 1;

    color: #61727b;
    border-bottom: 1px solid #61727b;
}
.footer__info-link:hover
{
    border-color: transparent;
}
.footer__holder
{
    position: relative;
    z-index: 1; 

    float: left;

    width: 280px;
    padding-top: 61px;
}
.footer__pay-list
{
    font-size: 0;
    line-height: 0;
}
.footer__pay-item
{
    display: inline-block;

    margin-right: 25px;

    vertical-align: middle;
}
.footer__pay-item:last-child
{
    margin-right: 0;
}
.footer__copyright
{
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;

    display: block;
    overflow: hidden; 

    height: 46px;

    color: #61727b;
}

.header
{
    padding: 24px 0;
}
.header__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__logo
{
    display: block;
}
.header__logo-img
{
    display: block;
}
.header__ctrl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__ctrl-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__ctrl-item:first-child
{
    padding-right: 38px;
}
.header__ctrl-item:last-child span
{
    padding-right: 18px;
}
.header__ctrl-item:hover .icon-svg
{
    fill: #566876;
}
.header__ctrl-item:hover span
{
    color: #566876;
}
.header__ctrl-item span
{
    font-size: 17px;
    font-weight: 400;
    line-height: 1; 

    padding-right: 12px;

    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    color: rgba(86, 104, 118, .7);
}
.header__ctrl-item .icon-svg
{
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    fill: #9dacba;
}

.help
{
    position: relative;
    z-index: 1; 

    padding-top: 69px;
    padding-bottom: 50px;
}
.help::before
{
    position: absolute;
    bottom: 0;
    left: calc(50% - 350px);

    width: 700px;

    content: '';

    border-bottom: 1px solid #ecf0f4;
}
.help__title
{
    font-size: 42px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 15px;

    text-align: center; 

    color: #203746;
}
.help__title b
{
    font-weight: 900;
}
.help__subtitle
{
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;

    display: block;

    margin-bottom: 49px;

    text-align: center; 

    color: #203746;
}
.help__list
{
    font-size: 0;
    line-height: 0;

    text-align: center;
}
.help__item
{
    display: inline-block;

    width: 25%; 
    padding: 0 33px;

    vertical-align: middle;
}
.help__item-img
{
    display: block;

    max-width: 100%;
}

.hero
{
    position: relative; 

    background-image: -webkit-gradient(linear, left top, right top, from(#d0dce8), color-stop(49%, #d0dce8), color-stop(62%, #cddbe8), color-stop(74%, #c5d6e6), to(#d0dce8));
    background-image: -o-linear-gradient(left, #d0dce8 0%, #d0dce8 49%, #cddbe8 62%, #c5d6e6 74%, #d0dce8 100%);
    background-image:    linear-gradient(to right, #d0dce8 0%, #d0dce8 49%, #cddbe8 62%, #c5d6e6 74%, #d0dce8 100%);
}
.hero::before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: transparent url(../img/hero/hero_logo.png) 99% 50% no-repeat;
}
.hero .container
{
    position: relative;
    z-index: 2; 

    height: calc(100% - 97px);
}
.hero__img
{
    position: absolute;
    z-index: 0; 
    right: 0;
    bottom: 0;
}
.hero__img::before
{
    position: absolute;
    z-index: 2; 
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    content: '';

    background-image: -webkit-gradient(linear, left bottom, left top, from(#d0dce8), to(rgba(208, 220, 232, 0)));
    background-image: -o-linear-gradient(bottom, #d0dce8 0%, rgba(208, 220, 232, 0) 100%);
    background-image:    linear-gradient(to top, #d0dce8 0%, rgba(208, 220, 232, 0) 100%);
}
.hero__img img
{
    position: relative;
    z-index: 0; 

    display: block;
}
.hero__img img.mob
{
    display: none;
}
.hero__holder
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    min-height: 545px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero__info
{
    position: relative;
    z-index: 2; 

    width: 57%;
}
.hero__title
{
    font-size: 51px;
    font-weight: 300;
    line-height: 53.55px; 

    color: #213746;
}
.hero__title-item
{
    display: block;
}
.hero__title-item strong
{
    font-weight: 800;
    line-height: 57.75px;
}
.hero__description
{
    font-size: 21px;
    font-weight: 400;
    line-height: 31.5px;

    margin-top: 37px;
    padding-right: 50px; 

    color: rgba(33, 55, 70, .7);
}
.hero__play
{
    margin-top: 37px;
}
.hero__play-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    cursor: pointer; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero__play-link:hover .hero__play-txt
{
    border-bottom-style: solid;
}
.hero__play-txt
{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;

    display: inline-block;

    margin-left: 17px;

    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    color: #1e55f4;
    border-bottom: 1px dashed #1e55f4;
}
.hero__play-mob
{
    position: absolute;
    top: 156px;
    left: 50%;

    display: none;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.icon-svg
{
    display: block;
}

.now
{
    padding: 57px 0 97px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.now__title
{
    font-size: 42px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 6px;

    text-align: center; 

    color: #203746;
}
.now__title-bold
{
    font-weight: 900;
}
.now__subtitle
{
    font-size: 23px;
    line-height: 1.4;

    display: block;

    margin-bottom: 45px;

    text-align: center; 

    color: #213746;
}
.now__body:after
{
    display: block;
    clear: both; 

    content: ' ';
}
.now__video
{
    float: right;

    width: 50%; 
    padding-left: 24px;
}
.now__video .video
{
    max-width: 619px; 
    margin: 0 auto;
}
.now__info
{
    float: left;

    width: 50%; 
    padding-top: 9px;
    padding-right: 25px;
}
.now__desc
{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4; 

    margin-bottom: 28px;

    color: #61727b;
}
.now__bottom
{
    padding-top: 10px;
}
.now__btn
{
    display: inline-block;

    width: auto; 

    vertical-align: top;
}

.play-btn
{
    position: relative; 

    width: 72px;
    height: 72px;

    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, .34);
            box-shadow: 5px 5px 30px rgba(0, 0, 0, .34);
}
.play-btn::before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: 3px; 

    content: '';
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-width: 9.5px 0 9.5px 16px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}
.play-btn--link
{
    width: 55px;
    height: 55px;

    -webkit-box-shadow: 4px 4px 23px rgba(0, 0, 0, .34);
            box-shadow: 4px 4px 23px rgba(0, 0, 0, .34);
}
.play-btn--link::before
{
    border-color: transparent transparent transparent #1e55f4;
}
.play-btn--lg
{
    width: 94px;
    height: 94px;

    -webkit-box-shadow: 6px 6px 39px rgba(0, 0, 0, .34);
            box-shadow: 6px 6px 39px rgba(0, 0, 0, .34);
}
.play-btn--lg::before
{
    width: 0;
    height: 0;
    margin-left: 5px;

    border-width: 15.5px 0 15.5px 26px;
    border-style: solid;
    border-color: transparent transparent transparent #007bff;
}

#preloader
{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden; 

    margin: 0 auto;

    background: #fff;
}
#preloader .preloader-wrapper
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden; 

    margin: auto;
}

.preloader-center
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: auto;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.tcon-loader--spinner360
{
    position: relative;

    display: block;

    width: 80px;
    height: 80px;

    -webkit-animation: tcon-spin360 .675s linear infinite forwards;
            animation: tcon-spin360 .675s linear infinite forwards;

    border-radius: 80%;
    background: #f1f1f1;
}
.tcon-loader--spinner360:before,
.tcon-loader--spinner360:after
{
    position: absolute; 

    display: block;

    content: '';
}
.tcon-loader--spinner360:before
{
    z-index: 1;
    top: 0;
    right: 0;

    width: 50%;
    height: 80px;

    border-radius: 0 90px 90px 0;
    background: #60727a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#60727a));
    background-image: -o-linear-gradient(#f1f1f1, #60727a);
    background-image:    linear-gradient(#f1f1f1, #60727a);
}
.tcon-loader--spinner360:after
{
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 70px;
    height: 70px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-radius: 80%;
    background: #fff;
}

@-webkit-keyframes tcon-spin360
{
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes tcon-spin360
{
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.tcon-visuallyhidden
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px; 
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}
.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus
{
    position: static;

    overflow: visible;
    clip: auto;

    width: auto; 
    height: auto;
    margin: 0;
}

.progress
{
    padding: 56px 0 39px;
}
.progress__title
{
    font-size: 42px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 8px;

    text-align: center; 

    color: #203746;
}
.progress__title b
{
    font-weight: 900;
}
.progress__subtitle
{
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;

    display: block;

    margin-bottom: 44px;

    text-align: center; 

    color: #213746;
}
.progress__video
{
    margin: 0 -20px 63px;
}
.progress__video:after
{
    display: block;
    clear: both; 

    content: ' ';
}
.progress__video-holder
{
    float: left;

    width: 50%; 
    padding: 0 20px;
}
.progress__map
{
    position: relative;
    z-index: 1; 

    text-align: center;
}
.progress__map-holder
{
    position: relative;
    z-index: 1; 

    display: inline-block;

    max-width: 100%;
}
.progress__map-img
{
    display: block; 

    width: 100%;
    margin: 0 auto;
}
.progress__map-location
{
    position: absolute;
    z-index: 2;
}
.progress__map-bottom
{
    position: absolute;
    z-index: 3; 
    bottom: 40px;
    left: calc(50% - 256px);

    max-width: 512px;
}
.progress__map-txt
{
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3; 

    display: block;

    margin-bottom: 39px;

    color: #223746;
}

.promo
{
    padding: 84px 0; 

    background-color: #f0f3f7;
}
.promo::before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    display: none; 

    width: 100%;
    height: 140px;

    content: '';

    background-color: #d0dce8;
}
.promo__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.promo__holder-left
{
    width: 57%;
    padding-right: 100px;
}
.promo__holder-right
{
    width: 43%;
}
.promo__square
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin: 0 -20px; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.promo__square-item
{
    width: 50%;
    padding: 0 20px;
}
.promo__square-item:nth-child(-n + 2)
{
    margin-bottom: 35px;
}
.promo__plate
{
    overflow: hidden;

    width: 100%;
    padding-bottom: 33px; 

    border-radius: 5px;
    background-color: #fff;
}
.promo__plate-icon
{
    height: 131px;
    padding: 40px 32px 10px;
}
.promo__plate-icon .icon-svg
{
    fill: #bbcbda;
}
.promo__plate-text
{
    font-size: 19px;
    font-weight: 400;
    line-height: 24.7px; 

    padding: 0 32px;

    color: rgba(34, 55, 70, .7);
}
.promo__plate-text strong
{
    font-weight: 400;

    color: rgba(34, 55, 70, .7);
}
.promo__title
{
    font-size: 47px;
    font-weight: 300;
    line-height: 51.7px; 

    color: #203746;
}
.promo__title strong
{
    font-weight: 800;
}
.promo__txt
{
    font-size: 21px;
    font-weight: 400;
    line-height: 29.4px; 

    color: #203746;
}
.promo__txt strong
{
    font-weight: 700; 

    display: inline;

    border-bottom: 3px solid #00b34e;
}
.promo__txt--slogan
{
    font-size: 23px;
    line-height: 32.2px; 

    margin-top: 9px;
}
.promo__txt--accent
{
    margin-top: 52px;
}
.promo__txt--bottom
{
    margin-top: 30px;
}
.promo__btn
{
    margin-top: 57px;
}

.quote
{
    padding: 120px 0 90px; 

    background-color: #ecf0f4;
}
.quote__icon
{
    position: absolute;
    top: -42px;
    left: -39px; 

    width: 118px;
    height: 96px;
}
.quote__icon .icon-svg
{
    width: 100%;
    height: 100%;

    fill: #fff;
}
.quote__holder
{
    position: relative;

    max-width: 820px;
    margin: 0 auto;
}
.quote__txt
{
    font-size: 26px;
    font-weight: 400;
    line-height: 36.4px;

    position: relative;
    z-index: 1; 

    color: #203746;
}
.quote__txt p
{
    margin-bottom: 36px;
}
.quote__txt p:last-child
{
    margin-bottom: 0;
}
.quote__txt p .accent
{
    font-weight: 800;

    display: inline;

    border-bottom: 3px solid #00b34e;
}
.quote__who
{
    margin-top: 60px;
}

.tale
{
    padding: 83px 0; 

    background: #fff url(../img/bg/bg-decor.png) 50% 50% no-repeat;
    background-size: cover;
}
.tale__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.tale__holder-col
{
    width: 50%;
}
.tale__holder-col:first-child
{
    padding-right: 20px;
}
.tale__holder-col:last-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-top: 26px; 
    padding-left: 20px;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.tale__video
{
    position: relative;

    width: 525px;
}
.tale__video-block
{
    width: 525px;
    height: 382px;

    border-radius: 10px; 
    background-color: #e6e8eb;
}
.tale__video-inner
{
    position: relative;
    top: -26px;
    left: -33px; 

    width: 100%;
    height: 373px;
}
.tale__video-link
{
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px; 

    margin-top: 20px;

    text-align: center;

    color: rgba(32, 55, 70, .5);
}
.tale__video-link a
{
    text-decoration: underline;

    color: rgba(32, 55, 70, .5);
}
.tale__video-link a:hover
{
    color: #203746;
}
.tale__title
{
    font-size: 47px;
    font-weight: 300;
    line-height: 51.7px; 

    color: #203746;
}
.tale__title strong
{
    font-weight: 800;
}
.tale__sub
{
    font-size: 23px;
    font-weight: 400;
    line-height: 32.2px;

    margin-top: 17px; 

    color: #213746;
}
.tale__text
{
    font-size: 21px;
    font-weight: 400;
    line-height: 29.4px; 

    margin-top: 26px;

    color: #60727a;
}
.tale__text strong
{
    font-weight: 700;

    color: #1f3746;
}
.tale__text p
{
    margin-bottom: 30px;
}
.tale__text p:last-child
{
    margin-bottom: 0;
}

.tech
{
    padding: 100px 0 68px;

    background: #fff url(../img/bg/bg-decor.png) 50% 0 no-repeat;
    background-size: 100% auto;
}
.tech__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.tech__holder-col
{
    width: 50%;
}
.tech__holder-col:last-child
{
    padding-left: 44px;
}
.tech__video
{
    width: 100%;
}
.tech__video .video .video-img
{
    width: 100%;
    height: auto;
}
.tech__title
{
    font-size: 42px;
    font-weight: 300; 

    color: #1f3746;
}
.tech__title strong
{
    font-weight: 800;
}
.tech__sub
{
    font-size: 23px;
    font-weight: 400;
    line-height: 32.2px; 

    margin-top: 17px;

    color: #213746;
}
.tech__text
{
    font-size: 21px;
    font-weight: 400;
    line-height: 29.4px; 

    margin-top: 33px;

    color: #60727a;
}
.tech__text p
{
    margin-bottom: 30px;
}
.tech__text p:last-child
{
    margin-bottom: 0;
}
.tech__text strong
{
    font-weight: 700;

    color: #203746;
}
.tech__steps
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin: 58px -10px 0;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.tech__steps-item
{
    width: 25%; 
    padding: 0 10px 20px;
}
.tech__plate
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 100%;
    height: 166px;
    padding: 10px 30px;

    border-radius: 5px;
    background-color: #ecf0f4;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tech__plate .icon-svg
{
    position: absolute;
    z-index: 0;

    fill: #d8e0e9;
}
.tech__plate .icon-svg.icon-molecule
{
    top: 12px;
    right: 33px;
}
.tech__plate .icon-svg.icon-fire
{
    top: 15px;
    right: 53px;
}
.tech__plate .icon-svg.icon-energy
{
    top: 18px;
    right: 39px;
}
.tech__plate .icon-svg.icon-intestines
{
    top: 23px;
    right: 38px;
}
.tech__plate .icon-svg.icon-speed
{
    top: 31px;
    right: 38px;
}
.tech__plate .icon-svg.icon-brain
{
    top: 22px;
    right: 35px;

    width: 63px;
    height: 63px;
}
.tech__plate .icon-svg.icon-head
{
    top: 22px;
    right: 33px;
}
.tech__plate .icon-svg.icon-weight
{
    top: 25px;
    right: 44px;

    width: 58px;
    height: 58px;
}
.tech__plate-txt
{
    font-size: 19px;
    font-weight: 400;
    line-height: 24.7px;

    position: relative;
    z-index: 1;

    width: 100%; 

    text-align: center;

    color: #1f3746;
}
.tech__plate-txt strong
{
    font-weight: 800;
}

.useful
{
    padding: 72px 0 89px;

    background-color: #ecf0f4;
}
.useful__title
{
    font-size: 42px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 6px;

    text-align: center; 

    color: #203746;
}
.useful__title-bold
{
    font-weight: 900;
}
.useful__subtitle
{
    font-size: 23px;
    font-weight: 400;
    line-height: 1.4;

    display: block;

    margin-bottom: 39px;

    text-align: center; 

    color: #213746;
}
.useful__list
{
    margin: 0 -20px 4px;
}
.useful__list:after
{
    display: block;
    clear: both; 

    content: ' ';
}
.useful__item
{
    float: left; 

    width: 33.33%;
    margin-bottom: 30px;
    padding: 0 20px;
}
.useful__item-link
{
    position: relative;
    z-index: 1;

    display: block;

    border-radius: 10px; 
    background-color: #fff;
}
.useful__item-link:hover
{
    -webkit-box-shadow: 0 8px 27px rgba(0, 0, 0, .4);
            box-shadow: 0 8px 27px rgba(0, 0, 0, .4);
}
.useful__item-img
{
    display: block;

    width: 100%;
    height: 228px;

    border-radius: 10px 10px 0 0; 

    -o-object-fit: cover;
       object-fit: cover;
}
.useful__item-txt
{
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;

    display: block;

    height: 125px; 
    margin-bottom: 9px;
    padding: 21px 35px 0;

    color: #213746;
}
.useful__item-bottom
{
    padding: 0 35px 30px;
}
.useful__item-bottom .icon-svg
{
    display: inline-block;

    margin-right: 13px;

    vertical-align: middle;

    fill: #adadad;
}
.useful__item-time
{
    font-size: 16px;
    font-weight: 400; 

    display: inline-block;

    vertical-align: middle;

    color: #adadad;
}
.useful__footer
{
    text-align: center;
}

.user
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.user__ava
{
    overflow: hidden;

    width: 104px;
    height: 104px;

    border: 2px solid #fff; 
    border-radius: 50%;
    background-color: #e6e8eb;
}
.user__ava img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;
}
.user__info
{
    padding-left: 25px;
}
.user__name
{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; 

    color: #1f3746;
}
.user__additional
{
    font-size: 18px;
    font-weight: 400;
    line-height: 23.4px; 

    margin-top: 9px;

    color: rgba(33, 55, 70, .7);
}

.video
{
    width: 100%;
    height: 100%;

    border-radius: 10px;
    background-color: #e6e8eb;
}
.video--reviews .video-link::before
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease; 

    border-radius: 10px;
    background-color: rgba(0, 0, 0, .7);
}
.video--reviews .video-link:hover::before
{
    background-color: rgba(0, 0, 0, .2);
}
.video--reviews .video-btn
{
    top: auto;
    right: 74px;
    bottom: 71px; 
    left: auto;
}
.video-link
{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%; 

    vertical-align: top;

    border-radius: 10px;
}
.video-link:hover
{
    -webkit-box-shadow: 0 8px 27px rgba(0, 0, 0, .3);
            box-shadow: 0 8px 27px rgba(0, 0, 0, .3);
}
.video-btn.play-btn
{
    position: absolute;
}
.video-btn
{
    z-index: 2; 
    top: calc(50% - 36px);
    left: calc(50% - 36px);
}
.video-img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 10px;
}
.video-info
{
    position: absolute;
    z-index: 3; 
    bottom: 30px;
    left: 47px;

    width: 60%;
}
.video-info__desc
{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4; 

    display: block;

    margin-bottom: 22px;

    color: #fff;
}
.video-info__name
{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4; 

    display: block;

    color: #fff;
}
@media (max-width: 1200px)
{
    .promo__holder-left
    {
        padding-right: 40px;
    }
    .tale__holder-col:first-child
    {
        width: calc(100% - 525px);
        padding-right: 50px;
    }
    .tale__holder-col:last-child
    {
        width: 525px; 
        padding-left: 0;
    }
}
@media (max-width: 1024px)
{
    .hidden-tablet
    {
        display: none;
    }
    .shown-tablet
    {
        display: block;
    }
    h1
    {
        font-size: 38px;
    }
    h2
    {
        font-size: 34px;
    }
    hr
    {
        margin: 49px 0 43px;
    }
    .static-content h1
    {
        margin-bottom: 21px;
    }
    .static-content ol > li
    {
        font-size: 34px; 

        margin-bottom: 39px;
        padding-bottom: 15px;
    }
    .static-content ol > li:before
    {
        font-size: 34px;
    }
    .static-content ol ol > li
    {
        font-size: 19px; 

        margin-bottom: 28px;
        padding-left: 64px;
    }
    .static-content ol ol > li:before
    {
        font-size: 21px;
    }
    .static-content ol ol ol > li
    {
        padding-left: 92px;
    }
    .static-content ol ul
    {
        margin-top: 22px;
    }
    .static-content ol ul li
    {
        margin-bottom: 21px;
        padding-left: 45px;
    }
    .static-content ol ul li::before
    {
        top: 24px;
        left: 1px;

        width: 15px;
        height: 15px;
    }
    .static-content p
    {
        font-size: 19px; 

        margin-bottom: 30px;
    }
    .agreement
    {
        padding: 61px 0 87px;
    }
    .agreement__nav
    {
        margin-top: -5px;
        margin-bottom: 59px;
        padding-top: 0;
    }
    .agreement__nav-row
    {
        margin-bottom: 13px;
    }
    .agreement__nav-link
    {
        font-size: 19px;
    }
    .agreement__info
    {
        padding: 64px 0 53px;
    }
    .agreement__info::before
    {
        right: 30px;
        bottom: 39px; 
        left: 30px;
    }
    .agreement__up
    {
        margin-bottom: 23px;
        padding-top: 8px;
    }
    .agreement__up-link
    {
        font-size: 17px;
    }
    .dev
    {
        padding: 61px 0 35px;
    }
    .dev__subtitle
    {
        margin-bottom: 38px;
    }
    .dev__tab-active
    {
        display: none;
    }
    .dev__tab-left
    {
        width: 100%;
        padding-right: 0;

        border-right: none;
    }
    .dev__tab-right
    {
        display: none;
    }
    .dev__tab-col
    {
        margin-bottom: 24px;

        -webkit-transition: none;
             -o-transition: none;
                transition: none; 

        -webkit-filter: blur(0);
                filter: blur(0);
    }
    .dev__tab-col.active .dev__tab-link,
    .dev__tab-col:hover .dev__tab-link
    {
        background-color: transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .dev__tab-link
    {
        padding: 0 27px;
    }
    .footer
    {
        padding-top: 49px;
        padding-bottom: 19px;
    }
    .footer__wrap
    {
        max-width: 280px; 
        margin: 0 auto;
    }
    .footer__social-list
    {
        float: none;

        width: 100%;
        margin-bottom: 19px;
        padding-top: 0;
        padding-left: 0;

        text-align: center;
    }
    .footer__social-item
    {
        margin-right: 14px;
    }
    .footer__social-item svg:hover
    {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .footer__info
    {
        float: none;

        width: 100%; 
        margin-bottom: 33px;
        padding: 0;
    }
    .footer__info-holder
    {
        margin-bottom: 9px;
    }
    .footer__holder
    {
        float: none;

        width: 100%; 
        padding-top: 0;
    }
    .footer__pay-list
    {
        margin-bottom: 28px;

        text-align: center;
    }
    .footer__copyright
    {
        position: static;

        text-align: center;
    }
    .header__holder
    {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .header__ctrl
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header__ctrl-item:first-child
    {
        padding-right: 0;
    }
    .help
    {
        padding-top: 46px;
    }
    .help::before
    {
        right: 30px;
        left: 30px;

        width: auto;
    }
    .help__title
    {
        margin-bottom: 10px;
    }
    .help__subtitle
    {
        margin-bottom: 39px;
    }
    .help__item
    {
        width: 33.33%; 
        padding: 0 17px;
    }
    .help__item-img
    {
        max-width: 90%; 

        opacity: .41;
    }
    .hero
    {
        background-color: #d0dce8;
        background-image: none;
    }
    .hero__img::before
    {
        display: block;
    }
    .hero__info
    {
        width: 50%;
    }
    .hero__title
    {
        font-size: 38px;
        line-height: 39.9px;
    }
    .hero__title-item strong
    {
        line-height: 39.9px;
    }
    .hero__description
    {
        font-size: 19px;
        line-height: 28.5px;

        margin-top: 28px; 
        padding-right: 0;
    }
    .hero__play
    {
        margin-top: 29px;
    }
    .now
    {
        padding: 47px 0 60px;
    }
    .now__title
    {
        margin-bottom: 9px;
    }
    .now__subtitle
    {
        margin-bottom: 41px;
    }
    .now__video
    {
        float: none;

        width: auto;
        margin-bottom: 34px;
        padding-left: 0;

        text-align: center;
    }
    .now__info
    {
        float: none;

        width: auto; 
        padding-top: 0;
        padding-right: 0;
    }
    .now__bottom
    {
        padding-top: 3px;

        text-align: center;
    }
    .progress
    {
        padding: 50px 0 45px;
    }
    .progress__subtitle
    {
        margin-bottom: 40px;
    }
    .progress__video
    {
        margin-bottom: 48px;
    }
    .progress__video-holder
    {
        float: none;

        width: 100%; 
        margin-bottom: 22px;
    }
    .progress__map
    {
        margin: 0 -10px;
        padding-bottom: 40px;
    }
    .progress__map-bottom
    {
        bottom: 25px;
    }
    .promo
    {
        position: relative; 

        padding: 36px 0 70px;
    }
    .promo::before
    {
        display: block;
    }
    .promo__holder
    {
        position: relative;
        z-index: 1; 

            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .promo__holder-left
    {
        width: 100%;
        padding-right: 0;
    }
    .promo__holder-right
    {
        width: 100%;
    }
    .promo__square
    {
        margin: 0 -10px;
    }
    .promo__square-item
    {
        padding: 0 10px;
    }
    .promo__square-item:nth-child(-n + 2)
    {
        margin-bottom: 21px;
    }
    .promo__plate
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        padding: 40px 0; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .promo__plate-icon
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        width: 90px;
        height: auto;
        padding: 0 0 0 25px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .promo__plate-text strong
    {
        font-weight: 700; 

        color: #213746;
    }
    .promo__title
    {
        margin-top: 64px;

        text-align: center;
    }
    .promo__txt
    {
        text-align: center;
    }
    .promo__txt--slogan
    {
        margin-top: 8px;
    }
    .promo__txt--accent
    {
        margin-top: 32px;
    }
    .promo__btn
    {
        margin-top: 43px; 

        text-align: center;
    }
    .quote
    {
        padding: 83px 0 70px;
    }
    .quote__icon
    {
        left: 0;
    }
    .quote__holder
    {
        padding-left: 50px;
    }
    .quote__txt
    {
        font-size: 21px;
        line-height: 29.4px;
    }
    .quote__txt p
    {
        margin-bottom: 30px;
    }
    .quote__who
    {
        margin-top: 40px;
    }
    .tale
    {
        padding: 26px 0 72px;
    }
    .tale__holder
    {
            flex-direction: column-reverse; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .tale__holder-col:first-child
    {
        width: 100%;
        padding-right: 0;
    }
    .tale__holder-col:last-child
    {
            flex-direction: column;

        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tale__video
    {
        margin: 60px -33px 0 0;
    }
    .tale__sub
    {
        margin-top: 12px;

        text-align: center;
    }
    .tale__text
    {
        margin-top: 44px;
    }
    .tech
    {
        padding: 59px 0 66px;
    }
    .tech__holder
    {
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .tech__holder-col
    {
        width: 100%;
    }
    .tech__holder-col:first-child
    {
        padding-bottom: 10px;
    }
    .tech__holder-col:last-child
    {
        padding-left: 0;
    }
    .tech__video
    {
        max-width: 620px;
        margin: 36px auto 0;
    }
    .tech__title
    {
        text-align: center;
    }
    .tech__sub
    {
        margin-top: 10px; 

        text-align: center;
    }
    .tech__text
    {
        margin-top: 27px;
    }
    .tech__steps
    {
        margin: 40px -10px 0;
    }
    .tech__steps-item
    {
        width: 50%;
        padding-bottom: 13px;
    }
    .useful
    {
        padding: 63px 0 67px;
    }
    .useful__subtitle
    {
        margin-bottom: 46px;
    }
    .useful__list
    {
        margin: 0 0 14px;
    }
    .useful__item
    {
        width: 50%; 
        margin-bottom: 21px;
        padding: 0 10px;
    }
    .useful__item-img
    {
        height: 190px;
    }
    .useful__item-txt
    {
        margin-bottom: 15px;
        padding: 22px 25px 0;
    }
    .useful__item-bottom
    {
        padding: 0 25px 25px;
    }
    .video--reviews .video-btn
    {
        right: 62px;
        bottom: 68px;
    }
    .video-info
    {
        bottom: 48px;

        width: 55%;
    }
}
@media (max-width: 767px)
{
    .hidden-mobile
    {
        display: none;
    }
    .shown-mobile
    {
        display: block;
    }
    .fancybox-slide--video .fancybox-content
    {
        max-width: 100%;
        max-height: 100%;
    }
    h1
    {
        font-size: 27px;
    }
    h2
    {
        font-size: 27px;
    }
    .static-content h1
    {
        margin-bottom: 28px;
    }
    .static-content ol > li
    {
        font-size: 27px; 

        margin-bottom: 39px;
        padding-bottom: 12px;
    }
    .static-content ol > li:before
    {
        font-size: 27px;
    }
    .static-content ol ol > li
    {
        line-height: 1.3; 

        margin-bottom: 32px;
        padding-left: 0;
    }
    .static-content ol ol > li:before
    {
        position: static;

        display: block; 

        margin-bottom: 6px;
    }
    .static-content ol ol ol > li
    {
        padding-left: 0;
    }
    .static-content ol ul li
    {
        margin-bottom: 14px;
        padding-left: 34px;
    }
    .static-content ol ul li::before
    {
        position: absolute;
        top: 21px;
        left: -5px;

        width: 17px;
        height: 17px;
    }
    .static-content p
    {
        line-height: 1.3;
    }
    .btn
    {
        font-size: 18px; 

        padding: 18px 24px 19px;
    }
    .icon-purse
    {
        width: 45px;
        height: 48px;
    }
    .icon-science
    {
        width: 55px;
        height: 55px;
    }
    .icon-brain
    {
        width: 53px;
        height: 52px;
    }
    .icon-weight
    {
        width: 53px;
        height: 54px;
    }
    .icon-molecule
    {
        width: 58px;
        height: 45px;
    }
    .icon-fire
    {
        width: 40px;
        height: 46px;
    }
    .icon-energy
    {
        width: 36px;
        height: 38px;
    }
    .icon-intestines
    {
        width: 42px;
        height: 47px;
    }
    .icon-speed
    {
        width: 33px;
        height: 29px;
    }
    .icon-head
    {
        width: 46px;
        height: 50px;
    }
    .agreement
    {
        padding: 42px 0 19px;
    }
    .agreement__nav
    {
        margin-bottom: 55px;
        padding-top: 0;
    }
    .agreement__nav-row
    {
        margin-bottom: 13px;
    }
    .agreement__nav-link
    {
        line-height: 1.3;
    }
    .agreement__info
    {
        padding: 52px 0 103px;
    }
    .agreement__info::before
    {
        right: 20px; 
        left: 20px;
    }
    .agreement__up
    {
        margin-bottom: 32px;
        padding-top: 9px;
    }
    .dev
    {
        padding: 52px 0 39px;
    }
    .dev__title
    {
        font-size: 30px; 

        margin-bottom: 16px;
    }
    .dev__subtitle
    {
        font-size: 19px;
        line-height: 1.3; 

        margin-bottom: 34px;
    }
    .dev__tab-col
    {
        width: calc(50% - 10px); 
        margin-bottom: 14px;
    }
    .dev__tab-link
    {
        padding: 0;
    }
    .dev__tab-holder
    {
        margin-bottom: 13px;
    }
    .footer
    {
        padding-top: 46px;
        padding-bottom: 25px;
    }
    .footer__social-list
    {
        margin-bottom: 28px;
    }
    .footer__info-holder
    {
        margin-bottom: 10px;
    }
    .footer__pay-list
    {
        margin-bottom: 24px;
    }
    .help
    {
        padding-top: 51px;
        padding-bottom: 38px;
    }
    .help::before
    {
        right: 20px; 
        left: 20px;
    }
    .help__title
    {
        font-size: 30px; 

        margin-bottom: 9px;
    }
    .help__subtitle
    {
        font-size: 19px;
        line-height: 1.3; 

        margin-bottom: 35px;
    }
    .help__item
    {
        width: 50%; 
        padding: 0 14px;
    }
    .hero
    {
        min-height: 0;
        padding: 0 0 61px;
    }
    .hero::before
    {
        background-position: 100% 122px;
        background-size: 277px 199px;
    }
    .hero__img
    {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;

        width: 340px;
        height: 407px;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .hero__img img
    {
        width: 100%;
        height: 100%;
    }
    .hero__img img.desc
    {
        display: none;
    }
    .hero__img img.mob
    {
        display: block;

        width: auto;
    }
    .hero__holder
    {
        padding-top: 355px; 

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .hero__info
    {
        width: 100%;
    }
    .hero__title
    {
        font-size: 27px;
        line-height: 28.35px;
    }
    .hero__title-item strong
    {
        line-height: 28.35px;
    }
    .hero__description
    {
        margin-top: 36px;
    }
    .hero__play
    {
        display: none;
    }
    .hero__play-mob
    {
        display: block;
    }
    .now
    {
        padding-top: 46px;
    }
    .now__title
    {
        font-size: 30px; 

        margin-bottom: 6px;
    }
    .now__subtitle
    {
        font-size: 19px;
        line-height: 1.3; 

        margin-bottom: 29px;
    }
    .now__video
    {
        margin-bottom: 30px;
    }
    .now__desc
    {
        font-size: 19px;
        line-height: 1.35; 

        margin-bottom: 23px;
    }
    .now__bottom
    {
        padding-top: 10px;
    }
    .now__btn
    {
        width: 100%; 
        max-width: 290px;
    }
    .progress
    {
        padding: 40px 0 58px;
    }
    .progress__title
    {
        font-size: 30px; 

        margin-bottom: 13px;
    }
    .progress__subtitle
    {
        font-size: 19px;
        line-height: 1.3; 

        margin-bottom: 30px;
    }
    .progress__video
    {
        margin-bottom: 42px;
    }
    .progress__video-holder
    {
        margin-bottom: 20px;
    }
    .progress__map
    {
        margin: 0 -20px;
        padding-bottom: 0;
    }
    .progress__map-holder
    {
        overflow: hidden;
        overflow-x: auto;
    }
    .progress__map-img
    {
        width: auto;
        height: 284px;
    }
    .progress__map-bottom
    {
        position: static;

        margin-top: -105px;
        padding: 0 20px;
    }
    .progress__map-txt
    {
        font-size: 19px; 

        margin-bottom: 26px;
    }
    .progress__map-btn
    {
        width: 100%;
        max-width: 290px;
    }
    .promo
    {
        padding: 0 0 61px;
    }
    .promo::before
    {
        display: none;
    }
    .promo__square
    {
        margin: 0 -20px;
        padding: 53px 0; 

        background-color: #fff;
    }
    .promo__square-item:nth-child(-n + 2)
    {
        margin-bottom: 32px;
    }
    .promo__square-item:last-child
    {
        margin-bottom: 0;
    }
    .promo__square-item
    {
        width: 100%;
        margin-bottom: 32px; 
        padding: 0 20px;
    }
    .promo__plate
    {
        height: auto !important;
        padding: 0;
        /*stylelint-disable-line*/
    }
    .promo__plate-icon
    {
        padding: 0;
    }
    .promo__plate-icon .icon-svg
    {
        margin-left: -31px;
    }
    .promo__plate-text
    {
        width: calc(100% - 90px); 
        padding: 0;
    }
    .promo__title
    {
        font-size: 30px;
        line-height: 33px;

        margin-top: 49px;
    }
    .promo__txt
    {
        font-size: 19px;
        line-height: 24.7px;
    }
    .promo__txt--slogan
    {
        margin-top: 16px;
    }
    .promo__txt--accent
    {
        line-height: 26.6px;

        margin-top: 26px;
    }
    .promo__btn
    {
        margin-top: 35px;
    }
    .quote
    {
        padding: 105px 0 70px;
    }
    .quote__icon
    {
        top: -53px; 
        left: 50%;

        width: 43px;
        height: 35px;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .quote__icon .icon-svg
    {
        fill: #00b34f;
    }
    .quote__holder
    {
        padding: 0;
    }
    .quote__txt
    {
        font-size: 19px;
        line-height: 26.6px;
    }
    .quote__who
    {
        margin-top: 35px;
    }
    .tale
    {
        padding: 21px 0 55px;
    }
    .tale__video
    {
        width: 279px; 
        margin: 38px -20px 0 0;
    }
    .tale__video-block
    {
        width: 279px;
        height: 203px;
    }
    .tale__video-inner
    {
        top: -15px;
        left: -20px; 

        width: 283px;
        height: 202px;
    }
    .tale__title
    {
        font-size: 30px;
        line-height: 33px;
    }
    .tale__sub
    {
        font-size: 19px;
        line-height: 24.7px;

        margin-top: 19px;
    }
    .tale__text
    {
        font-size: 19px;
        line-height: 24.7px;

        margin-top: 27px;
    }
    .tale__text p
    {
        margin-bottom: 25px;
    }
    .tech
    {
        padding: 53px 0 30px;
    }
    .tech__video
    {
        margin: 30px auto 0;
    }
    .tech__title
    {
        font-size: 30px; 
        line-height: 33px;
    }
    .tech__sub
    {
        font-size: 19px;
        line-height: 24.7px;

        margin-top: 16px;
    }
    .tech__text
    {
        font-size: 19px;
        line-height: 24.7px;

        margin-top: 14px;
    }
    .tech__text p
    {
        margin-bottom: 25px;
    }
    .tech__steps-item
    {
        width: 100%;
    }
    .tech__plate
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        height: auto !important;
        padding: 0;

        background-color: transparent;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*stylelint-disable-line*/
    }
    .tech__plate .icon-svg
    {
        position: static;

        margin-left: -22px;
    }
    .tech__plate .icon-svg.icon-brain
    {
        width: 44px;
        height: 44px;
    }
    .tech__plate .icon-svg.icon-weight
    {
        width: 46px;
        height: 44px;
    }
    .tech__plate-icon
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        width: 80px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tech__plate-txt
    {
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);

        text-align: left;
    }
    .useful
    {
        padding: 49px 0 63px;
    }
    .useful__title
    {
        font-size: 30px; 

        margin-bottom: 18px;
    }
    .useful__subtitle
    {
        font-size: 19px;
        line-height: 1.3; 

        margin-bottom: 33px;
    }
    .useful__list
    {
        margin-bottom: 3px;
    }
    .useful__item-txt
    {
        padding-top: 23px;
    }
    .useful__footer .btn
    {
        width: 100%; 
        max-width: 290px;
    }
    .user
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .user__info
    {
        padding-left: 0;

        text-align: center;
    }
    .user__name
    {
        margin-top: 13px;
    }
    .video--reviews .video-link::before
    {
        display: none;
    }
    .video--reviews .video-btn
    {
        top: calc(50% - 36px);
        left: calc(50% - 36px);
    }
    .video-info
    {
        display: none;
    }
}
@media (max-width: 640px)
{
    .useful__item
    {
        width: 100%; 
        padding: 0;
    }
}
@media (max-width: 540px)
{
    .header__holder
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .header__ctrl
    {
            flex-direction: column-reverse; 

        margin-top: 29px;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .header__ctrl-item
    {
            flex-direction: row-reverse;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header__ctrl-item:first-child
    {
        margin-top: 12px;
    }
    .header__ctrl-item:last-child span
    {
        /*stylelint-disable-line*/
        padding: 0 0 0 18px;
    }
    .header__ctrl-item span
    {
        padding: 0 0 0 12px;
    }
}
@media (max-width: 339px)
{
    .container
    {
        padding: 0 10px;
    }
    .promo__square
    {
        margin: 0 -10px;
    }
}
@media (min-width: 320px)
{
    .xs-12
    {
        width: 100%;
    }
    .xs-11
    {
        width: 91.66667%;
    }
    .xs-10
    {
        width: 83.33333%;
    }
    .xs-9
    {
        width: 75%;
    }
    .xs-8
    {
        width: 66.66667%;
    }
    .xs-7
    {
        width: 58.33333%;
    }
    .xs-6
    {
        width: 50%;
    }
    .xs-5
    {
        width: 41.66667%;
    }
    .xs-4
    {
        width: 33.33333%;
    }
    .xs-3
    {
        width: 25%;
    }
    .xs-2
    {
        width: 16.66667%;
    }
    .xs-1
    {
        width: 8.33333%;
    }
    .offset-xs-11
    {
        margin-left: 91.66667%;
    }
    .offset-xs-10
    {
        margin-left: 83.33333%;
    }
    .offset-xs-9
    {
        margin-left: 75%;
    }
    .offset-xs-8
    {
        margin-left: 66.66667%;
    }
    .offset-xs-7
    {
        margin-left: 58.33333%;
    }
    .offset-xs-6
    {
        margin-left: 50%;
    }
    .offset-xs-5
    {
        margin-left: 41.66667%;
    }
    .offset-xs-4
    {
        margin-left: 33.33333%;
    }
    .offset-xs-3
    {
        margin-left: 25%;
    }
    .offset-xs-2
    {
        margin-left: 16.66667%;
    }
    .offset-xs-1
    {
        margin-left: 8.33333%;
    }
}
@media (min-width: 768px)
{
    .sm-12
    {
        width: 100%;
    }
    .sm-11
    {
        width: 91.66667%;
    }
    .sm-10
    {
        width: 83.33333%;
    }
    .sm-9
    {
        width: 75%;
    }
    .sm-8
    {
        width: 66.66667%;
    }
    .sm-7
    {
        width: 58.33333%;
    }
    .sm-6
    {
        width: 50%;
    }
    .sm-5
    {
        width: 41.66667%;
    }
    .sm-4
    {
        width: 33.33333%;
    }
    .sm-3
    {
        width: 25%;
    }
    .sm-2
    {
        width: 16.66667%;
    }
    .sm-1
    {
        width: 8.33333%;
    }
    .offset-sm-11
    {
        margin-left: 91.66667%;
    }
    .offset-sm-10
    {
        margin-left: 83.33333%;
    }
    .offset-sm-9
    {
        margin-left: 75%;
    }
    .offset-sm-8
    {
        margin-left: 66.66667%;
    }
    .offset-sm-7
    {
        margin-left: 58.33333%;
    }
    .offset-sm-6
    {
        margin-left: 50%;
    }
    .offset-sm-5
    {
        margin-left: 41.66667%;
    }
    .offset-sm-4
    {
        margin-left: 33.33333%;
    }
    .offset-sm-3
    {
        margin-left: 25%;
    }
    .offset-sm-2
    {
        margin-left: 16.66667%;
    }
    .offset-sm-1
    {
        margin-left: 8.33333%;
    }
}
@media (min-width: 1025px)
{
    .md-12
    {
        width: 100%;
    }
    .md-11
    {
        width: 91.66667%;
    }
    .md-10
    {
        width: 83.33333%;
    }
    .md-9
    {
        width: 75%;
    }
    .md-8
    {
        width: 66.66667%;
    }
    .md-7
    {
        width: 58.33333%;
    }
    .md-6
    {
        width: 50%;
    }
    .md-5
    {
        width: 41.66667%;
    }
    .md-4
    {
        width: 33.33333%;
    }
    .md-3
    {
        width: 25%;
    }
    .md-2
    {
        width: 16.66667%;
    }
    .md-1
    {
        width: 8.33333%;
    }
    .offset-md-11
    {
        margin-left: 91.66667%;
    }
    .offset-md-10
    {
        margin-left: 83.33333%;
    }
    .offset-md-9
    {
        margin-left: 75%;
    }
    .offset-md-8
    {
        margin-left: 66.66667%;
    }
    .offset-md-7
    {
        margin-left: 58.33333%;
    }
    .offset-md-6
    {
        margin-left: 50%;
    }
    .offset-md-5
    {
        margin-left: 41.66667%;
    }
    .offset-md-4
    {
        margin-left: 33.33333%;
    }
    .offset-md-3
    {
        margin-left: 25%;
    }
    .offset-md-2
    {
        margin-left: 16.66667%;
    }
    .offset-md-1
    {
        margin-left: 8.33333%;
    }
}
@media (min-width: 1200px)
{
    .lg-12
    {
        width: 100%;
    }
    .lg-11
    {
        width: 91.66667%;
    }
    .lg-10
    {
        width: 83.33333%;
    }
    .lg-9
    {
        width: 75%;
    }
    .lg-8
    {
        width: 66.66667%;
    }
    .lg-7
    {
        width: 58.33333%;
    }
    .lg-6
    {
        width: 50%;
    }
    .lg-5
    {
        width: 41.66667%;
    }
    .lg-4
    {
        width: 33.33333%;
    }
    .lg-3
    {
        width: 25%;
    }
    .lg-2
    {
        width: 16.66667%;
    }
    .lg-1
    {
        width: 8.33333%;
    }
    .offset-lg-11
    {
        margin-left: 91.66667%;
    }
    .offset-lg-10
    {
        margin-left: 83.33333%;
    }
    .offset-lg-9
    {
        margin-left: 75%;
    }
    .offset-lg-8
    {
        margin-left: 66.66667%;
    }
    .offset-lg-7
    {
        margin-left: 58.33333%;
    }
    .offset-lg-6
    {
        margin-left: 50%;
    }
    .offset-lg-5
    {
        margin-left: 41.66667%;
    }
    .offset-lg-4
    {
        margin-left: 33.33333%;
    }
    .offset-lg-3
    {
        margin-left: 25%;
    }
    .offset-lg-2
    {
        margin-left: 16.66667%;
    }
    .offset-lg-1
    {
        margin-left: 8.33333%;
    }
}