@charset "UTF-8"; /*!
 * By: Pit Orel
 * E-mail: orel-1993@yandex.ru
 * Vk: https://vk.com/pit_orel
 */
 a,
 abbr,
 acronym,
 address,
 applet,
 article,
 aside,
 audio,
 b,
 big,
 blockquote,
 body,
 canvas,
 caption,
 center,
 cite,
 code,
 dd,
 del,
 details,
 dfn,
 div,
 dl,
 dt,
 em,
 embed,
 fieldset,
 figcaption,
 figure,
 footer,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 hgroup,
 html,
 i,
 iframe,
 img,
 ins,
 kbd,
 label,
 legend,
 li,
 main,
 mark,
 menu,
 nav,
 object,
 ol,
 output,
 p,
 pre,
 q,
 ruby,
 s,
 samp,
 section,
 small,
 span,
 strike,
 strong,
 sub,
 summary,
 sup,
 table,
 tbody,
 td,
 tfoot,
 th,
 thead,
 time,
 tr,
 tt,
 u,
 ul,
 var,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
 }
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section {
     display: block;
 }
 blockquote,
 q {
     quotes: none;
 }
 blockquote:after,
 blockquote:before,
 q:after,
 q:before {
     content: "";
     content: none;
 }
 table {
     border-collapse: collapse;
     border-width: 0;
     padding: 0;
     margin: 0;
 }
 html {
     height: 100%;
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
     font-size: 62.5%;
 }
 input,
 textarea {
     color: #333;
     outline: 0;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -webkit-appearance: none;
 }
 button,
 input[type="button"],
 input[type="submit"] {
     cursor: pointer;
     -webkit-appearance: none;
     outline: 0;
 }
 input::-ms-clear {
     display: none;
 }
 form,
 td {
     margin: 0;
     padding: 0;
 }
 a {
     font-family: inherit;
     transition: 0.2s linear;
     text-decoration: none;
     outline: 0;
     -webkit-tap-highlight-color: transparent;
     -webkit-tap-highlight-color: transparent;
     color: #000;
 }
 *,
 :after,
 :before {
     box-sizing: border-box;
 }
 :active,
 :focus,
 a:active,
 a:focus {
     outline: 0;
 }
 html.lock,
 html.lock body {
     overflow: hidden;
 }
 body {
     margin: 0;
     padding: 0;
     position: relative;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #000;
     font: 300 2rem/1.4 Gotham, Arial, sans-serif;
     background: #fff;
     min-height: 100%;
     display: -ms-flexbox;
     display: flex;
 }
 @font-face {
     font-family: Gotham;
     font-display: swap;
     src: url(../fonts/GothamPro-Light.woff2) format("woff2"), url(../fonts/GothamPro-Light.woff?ver1.0) format("woff");
     font-style: normal;
     font-weight: 300;
 }
 @font-face {
     font-family: Gotham;
     font-display: swap;
     src: url(../fonts/GothamPro-Medium.woff2) format("woff2"), url(../fonts/GothamPro-Medium.woff?ver1.0) format("woff");
     font-style: normal;
     font-weight: 500;
 }
 @font-face {
     font-family: Gotham;
     font-display: swap;
     src: url(../fonts/GothamPro-Bold.woff2) format("woff2"), url(../fonts/GothamPro-Bold.woff?ver1.0) format("woff");
     font-style: normal;
     font-weight: 700;
 }
 @font-face {
     font-family: 'Gotham';
     src: url('../fonts/GothamPro-Black.woff2') format('woff2'),
         url('../fonts/GothamPro-Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
 }
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: 0;
     font-weight: 700;
     line-height: 1.1;
     letter-spacing: -0.14rem;
 }
 .h1,
 .h2,
 h1,
 h2 {
     font-size: 4.8rem;
 }
 .h3,
 h3 {
     font-size: 3.8rem;
     font-weight: 500;
 }
 .h4,
 h4 {
     font-size: 2.5rem;
 }
 .h5,
 h5 {
     font-size: 1.8rem;
 }
 .h6,
 h6 {
     font-size: 1.6rem;
 }
 a:hover {
     text-decoration: underline;
 }
 p {
     margin-bottom: 2.8rem;
 }
 ol,
 ul {
     margin: 0;
     list-style: none;
     padding: 0;
 }
 blockquote {
     border-left: 0.2rem solid rgba(0, 0, 0, 0.5);
     margin-bottom: 2rem;
     padding: 1rem 0 1rem 2rem;
 }
 img {
     display: block;
     max-width: 100%;
 }
 .text-left {
     text-align: left;
 }
 .text-center {
     text-align: center;
 }
 .text-right {
     text-align: right;
 }
 .nowrap {
     white-space: nowrap;
 }
 .word-break {
     word-break: break-all;
 }
 .ttu {
     text-transform: uppercase;
 }
 .italic {
     font-style: italic;
 }
 .font-700 {
     font-weight: 700 !important;
 }
 .font-500 {
     font-weight: 500 !important;
 }
 .margin > :last-child {
     margin-bottom: 0;
 }
 .margin > :first-child {
     margin-top: 0;
 }
 .mb10 {
     margin-bottom: 1rem !important;
 }
 @keyframes shadow-pulse 
 {
     0% {
         box-shadow: 0 0 0 0 rgba(0,0,0,.8)
     }
 
     50% {
         box-shadow: 0 0 0 0 rgba(0,0,0,.5)
     }
 
     100% {
         box-shadow: 0 0 0 20px transparent
     }
 }
 .shadow-pulse {
     animation: shadow-pulse 3s infinite;
 }
 .header {
     width: 100%;
     min-width: 32rem;
     text-align: left;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     padding: 2.2rem 0;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 20;
     border-top: 2.1rem solid #1a274b;
 }
 .header > .container {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
 }
 .header .logo {
     -ms-flex: none;
     flex: none;
     margin-right: 2rem;
 }
 .navbar {
     margin-left: auto;
 }
 .main-menu {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
 }
 .main-menu__item {
     margin-right: 4rem;
 }
 .main-menu__btn,
 .main-menu__link {
     font-size: 1.8rem;
     font-weight: 700;
     color: #8c0004;
     text-transform: uppercase;
     letter-spacing: -0.045rem;
     display: inline-block;
 }
 .main-menu__btn {
     border-radius: 1rem;
     border: 0.3rem solid #b31f23;
     padding: 1.1rem 3rem;
 }
 .main-menu__btn:hover {
     text-decoration: none;
     background: #b31f23;
     color: #fff;
 }
 .main-wrapper {
     padding: 0;
     min-width: 32rem;
     position: relative;
     overflow: hidden;
     opacity: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: column nowrap;
     flex-flow: column nowrap;
     min-height: 100vh;
     width: 100%;
     min-width: 136rem;
 }
 .main {
     width: 100%;
     min-width: 32rem;
     text-align: left;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
 }
 .container {
     min-width: 32rem;
     width: 136rem;
     padding: 0 3rem;
     margin: 0 auto;
     position: relative;
 }
 .section {
     padding: 9rem 0;
 }
 .section__header {
     text-align: center;
     margin-bottom: 6rem;
 }
 .section__header h2 {
     text-transform: uppercase;
 }
 .section__footer {
     border-top: 0.1rem solid #d7d7d7;
     padding-top: 5.5rem;
     margin-top: 6.7rem;
 }
 .promo {
     padding: 100px 0 8rem;
     position: relative;
 }
 .promo__content {
     position: relative;
     z-index: 2;
     max-width: 64.8rem;
 }
 .promo__content > p {
     margin-bottom: 1.5rem !important;
 }
 .promo__footer {
     max-width: 560px;
 }
 .promo_footer--started h3 {
     font-weight: 900;
     font-size: 30px;
     line-height: 35px;
     color: #b31f23;
     text-align: center;
 }
 .promo_footer--started p {
     font-size: 30px;
     line-height: 45px;
     font-weight: 500;
     text-align: center;
     color: #000;
     margin-bottom: 15px;
 }
 .promo_footer--started p b {font-weight: 900;}
 .promo_footer--group {
     display: flex;
     justify-content: center;
 }
.btn-started {
    width: 265px;
    height: 115px;
    border-radius: 8px;
    background: #ffac34;
    color: #fff;
    position: relative;
    margin-bottom: 50px;
}
.btn-started:hover {text-decoration: none;}
.btn-started.blue {background: #6a91d7;}
.btn-started:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #ffc97a url(../img/ic-arr.png) no-repeat center;
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.btn-started.blue:after {background-color: #8dafeb;}
.btn-started .head {
    height: 30px;
    background: #ff9700;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-started.blue .head {background: #487cd8;}
.btn-started .middle {
    text-align: center;
}
.btn-started .middle img {
    margin: 10px auto 0 auto;
}
.btn-started .middle p {
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}
.btn-started .bottom {
    display: flex;
    justify-content: center;
    margin-top: -45px;
}
.btn-started.blue .bottom {margin-top: -40px;}
 .promo_footer--group a {
     animation-name: pulse;
     animation-duration: 1.5s;
     animation-iteration-count: infinite;
     transition: opacity 0.3s;
 }
 .promo_footer--group a:hover {opacity: 0.8;}
 .promo_footer--group a:first-child {margin-right: 15px;}
 .promo_footer--group a:last-child {
     margin-left: 15px;
     animation-delay: 0.5s;
 }
 @keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1)}100%{transform:scale(.95)}}
 .promo__btn {
     margin-top: 6.5rem;
 }
 .promo__list {
     font-size: 1.8rem;
     line-height: 2.9rem;
     font-weight: 300;
     padding-left: 1.2rem;
     letter-spacing: -0.03rem;
 }
 .promo__list > div {
     margin-bottom: 0.5rem;
 }
 .promo__bg {
     background: url(../img/promo-bg.jpg) center/cover no-repeat;
     width: 50%;
     height: 87.5rem;
     max-height: 90%;
     border-radius: 0 0 0 56%;
     position: absolute;
     top: 0;
     right: 0;
     border-left: 2.2rem solid #f3f3f3;
     border-bottom: 2.2rem solid #f3f3f3;
 }
 .promo__bg .dots {
     position: absolute;
     top: 3.5rem;
     right: 0;
     max-width: calc(100% - 60rem);
     overflow: hidden;
 }
 .promo__bg .dots img {
     max-width: none;
 }
 .promo__bg .pl {
     position: absolute;
     left: -16rem;
     bottom: -10.5rem;
 }
.check-list {
    list-style: none;
    margin-top: 20px;
}
.check-list li {
    position: relative;
    font-weight: 500;
    font-size: 2.8rem;
    padding-left: 5.5rem;
    margin-bottom: 2.2rem;
}
.check-list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4.2rem;
    height: 3.6rem;
    background: url(../img/check.png) center/contain no-repeat;
}
.icon-list {
    list-style: none;
}
.icon-list li {
    position: relative;
    font-weight: 500;
    font-size: 2.8rem;
    padding-left: 9rem;
    margin-bottom: 4rem;
    letter-spacing: -0.08rem;
}
.icon-list__img {
    width: 6.1rem;
    height: 6.1rem;
    border: 0.3rem solid #b31f23;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -1rem;
    left: 0;
    border-radius: 50%;
}
.icon-list__img img {
    -ms-flex: none;
    flex: none;
}
.page-down {
    height: 0.1rem;
    background: #d7d7d7;
    position: relative;
}
.page-down__btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    height: 9rem;
    width: 9rem;
    border-radius: 50%;
    border: 1rem solid #fff;
    margin-top: -0.1rem;
    background: url(../img/page-down.png) center no-repeat #b31f23;
    box-shadow: 0 0 10rem rgba(89, 125, 134, 0.18);
}
.page-down__btn:hover {
    box-shadow: 0 0 3rem rgba(89, 125, 134, 0.1);
}
.reviews {
    padding-bottom: 0;
}
.reviews-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.reviews-wrap__left {
    width: 42rem;
    -ms-flex: none;
    flex: none;
}
.reviews-wrap__right {
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    margin-left: 1rem;
}
.review-total__tit {
    font-size: 7.1rem;
    font-weight: 700;
    line-height: 1.2;
}
.review-total__txt {
    font-size: 2rem;
}
.review-total .stars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.5rem;
}
.review-total .stars .icon {
    font-size: 3rem;
    display: block;
    color: #da4941;
    margin-right: 0.1rem;
}
.review-total .review-bars {
    margin-top: 2.5rem;
}
.stars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.stars .icon {
    font-size: 1.8rem;
    display: block;
    color: #ffb400;
    margin-right: 0.2rem;
}
.stars .icon:last-child {
    margin-right: 0;
}
.review-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.4rem 0;
}
.review-bar__stars {
    width: 21%;
    font-size: 1.7rem;
}
.review-bar__progress {
    -ms-flex: 1;
    flex: 1;
    height: 2.1rem;
    background: #f0f0f0;
    position: relative;
}
.review-bar__fill {
    background: #da4941;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.review-bar__count,
.review-bar__procent {
    width: 14%;
    text-align: center;
    font-size: 1.7rem;
}
.reviews-slider-wrapper {
    overflow: hidden;
    width: 200rem;
    margin-top: -1.2rem;
    transition: transform 0.4s linear;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: transform 0.4s linear, -webkit-transform 0.4s linear;
}
.rsw-animate {
    -webkit-transform: translate(25rem, 0);
    -ms-transform: translate(25rem, 0);
    transform: translate(25rem, 0);
}
.reviews-slider {
    padding-left: 2.5rem;
}
.reviews-slider .slick-list {
    overflow: visible;
}
.reviews-slider .slick-track {
    display: -ms-flexbox;
    display: flex;
}
.reviews-slider .slick-slide {
    width: 50.5rem;
    margin: 5rem 2rem 2.5rem;
    height: auto;
}
.review-inner {
    box-shadow: 0 0.6rem 1.8rem rgba(182, 182, 182, 0.18);
    border: 0.1rem solid #d7d7d7;
    border-radius: 1rem;
    padding: 4.5rem;
}
.review-inner__img {
    margin-top: -9rem;
}
.review-inner__img img {
    height: 9rem;
    border-radius: 50%;
    width: 9rem;
}
.review-inner__date {
    color: #8f8f8f;
    font-size: 1.6rem;
    font-weight: 300;
    text-align: right;
    line-height: 1.2;
    margin-top: -0.5rem;
    margin-bottom: 2rem;
}
.review-inner__text {
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.review-inner__stars {
    margin-bottom: 0.5rem;
}
.review-inner__name {
    font-weight: 500;
    font-size: 1.8rem;
}
.sec-bander {
    position: relative;
    padding-top: 50px;
    padding-bottom: 9rem;
}
.sec-bander__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(50% - 7rem);
    background: url(../img/bander-bg-1.jpg) left bottom/cover no-repeat;
    height: 78.1rem;
    max-height: 100%;
    border-radius: 0 42% 0 0;
}
.sec-bander > .container {
    display: -ms-flexbox;
    display: flex;
}
.sec-bander__content {
    width: 50%;
    padding-left: 4rem;
    margin-left: auto;
}
.sec-bander__btn {
    margin-top: 3.3rem;
}
.sec-bander .dots {
    position: absolute;
    bottom: -24rem;
    left: -1rem;
    direction: rtl;
    overflow: hidden;
}
.sec-bander .dots img {
    max-width: none;
    display: inline-block;
}
.works {
    background: #1a274b;
}
.works .section__header h2 {
    color: #fff;
}
.works-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto -1rem;
    max-width: 114rem;
}
.works-wrap__item {
    width: 33.33%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 3rem;
}
.works-inner__img {
    margin-bottom: 2.5rem;
    position: relative;
}
.works-inner__img img {
    width: 100%;
    border-radius: 0 3rem;
}
.works-inner__step {
    text-transform: uppercase;
    color: #e50006;
    font-size: 1.6rem;
}
.works-inner__title {
    color: #fff;
    font-size: 2.4rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    font-weight: 500;
}
.works-inner__text {
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.6;
}
.works-inner__icon {
    position: absolute;
    bottom: -6rem;
    right: 0;
    width: 8.6rem;
    height: 8.6rem;
    border-radius: 50%;
    background: #b31f23;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}
.works-inner__icon .icon {
    display: block;
    font-size: 4rem;
}
.welcome {
    padding-top: 12rem;
    padding-bottom: 12rem;
    position: relative;
}
.welcome .dots {
    position: absolute;
    top: -19rem;
    right: 0;
}
.welcome .section__header {
    text-align: left;
    margin-bottom: 4rem;
}
.welcome .section__header h3 {
    margin-bottom: 0.5rem;
}
.welcome .section__header h2 {
    font-size: 7.5rem;
    font-weight: 700;
    text-transform: none;
}
.welcome__content {
    width: calc(50% - 3rem);
}
.welcome__btn {
    margin-top: 7rem;
}
.welcome__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 97.8rem;
    max-height: 92%;
    width: calc(50% - 2rem);
    background: url(../img/welcome-bg.jpg) right top/cover no-repeat;
    border-radius: 0 0 0 42%;
}
.welcome__bg .av {
    position: absolute;
    top: 10rem;
    left: -10rem;
}
.av {
    border-radius: 50%;
    box-shadow: 0 0 10rem rgba(89, 125, 134, 0.18);
}
.av img {
    border-radius: 50%;
    width: 20rem;
    height: 20rem;
    border: 1rem solid #fff;
}
.question {
    padding-top: 11rem;
    padding-bottom: 6.5rem;
}
.question .section__header {
    margin-bottom: 5rem;
}
.accordion {
    max-width: 98rem;
    margin-left: auto;
    margin-right: auto;
}
.accordion__head {
    padding: 0.5rem 0;
    margin: 1.6rem 0;
    cursor: pointer;
    position: relative;
}
.accordion__head.is-active .accordion__title {
    font-size: 2.4rem;
    color: #b31f23;
}
.accordion__head.is-active .accordion__icon {
    top: 1rem;
}
.accordion__head.is-active .accordion__icon .icon {
    color: #b31f23;
}
.accordion__head.is-active .accordion__icon .icon-minus {
    display: block;
}
.accordion__head.is-active .accordion__icon .icon-plus {
    display: none;
}
.accordion__head:hover .accordion__title {
    color: #b31f23;
}
.accordion__icon {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
    pointer-events: none;
}
.accordion__icon .icon {
    display: block;
    display: 2rem;
}
.accordion__icon .icon-minus {
    display: none;
}
.accordion__title {
    font-size: 2rem;
    font-weight: 500;
    transition: 0.2s linear;
}
.accordion__body {
    padding: 0.1rem 0;
}
.accordion__inner {
    padding: 3rem;
    margin: 1.2rem 0 2.5rem;
    box-shadow: 0 0.6rem 1.8rem rgba(182, 182, 182, 0.18);
    border: 0.1rem solid #d7d7d7;
    border-radius: 1rem;
}
.accordion__inner > :last-child {
    margin-bottom: 0;
}
.accordion__inner > :first-child {
    margin-top: 0;
}
.devider {
    width: 7rem;
    height: 0.8rem;
    background: #b31f23;
    margin-top: 4rem;
}
.social__link {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.4rem;
    margin-top: 1rem;
}
.social__link .icon {
    color: #fff;
    font-size: 2.3rem;
}
.loaded .main-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}
.loaded .icon-load {
    display: -ms-flexbox;
    display: flex;
}
.icon-load {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1045;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    background: #fff;
}
.ball {
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
    background: #fff;
    opacity: 0.3;
}
.a {
    margin-right: 1rem;
    -webkit-animation: 0.7s ease-out infinite alternate ball-a;
    animation: 0.7s ease-out infinite alternate ball-a;
}
.b {
    margin-right: 1rem;
    -webkit-animation: 0.7s ease-out 0.2s infinite alternate ball-b;
    animation: 0.7s ease-out 0.2s infinite alternate ball-b;
}
.c {
    -webkit-animation: 0.7s ease-out 0.4s infinite alternate ball-c;
    animation: 0.7s ease-out 0.4s infinite alternate ball-c;
}
@-webkit-keyframes ball-a {
    from {
        height: 2rem;
        opacity: 0.3;
        background: #fff;
    }
    to {
        height: 7rem;
        opacity: 1;
        background: rgba(146, 159, 178, 0.2);
    }
}
@keyframes ball-a {
    from {
        height: 2rem;
        opacity: 0.3;
        background: #fff;
    }
    to {
        height: 7rem;
        opacity: 1;
        background: rgba(146, 159, 178, 0.2);
    }
}
@-webkit-keyframes ball-b {
    from {
        height: 2rem;
        opacity: 0.3;
        background: #fff;
    }
    to {
        height: 6.5rem;
        opacity: 1;
        background: #929fb2;
    }
}
@keyframes ball-b {
    from {
        height: 2rem;
        opacity: 0.3;
        background: #fff;
    }
    to {
        height: 6.5rem;
        opacity: 1;
        background: #929fb2;
    }
}
@-webkit-keyframes ball-c {
    from {
        height: 2rem;
        opacity: 0.3;
        background: #fff;
    }
    to {
        height: 6rem;
        opacity: 1;
        background: #163654;
    }
}
@keyframes ball-c {
    from {
        height: 2rem;
        opacity: 0.3;
        background: #fff;
    }
    to {
        height: 6rem;
        opacity: 1;
        background: #163654;
    }
}
.btn,
a.btn {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    height: 10rem;
    padding: 0 6.5rem;
    color: #fff;
    font: 500 2.4rem/2.4rem Gotham, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.04rem;
    border: none;
    background-color: #b31f23;
    border-radius: 1rem;
    cursor: pointer;
    transition: 0.2s linear;
    overflow: hidden;
    min-width: 22.3rem;
}
.btn:hover,
a.btn:hover {
    text-decoration: none;
    color: #fff;
    background: #88171b;
}
.btn--block,
a.btn--block {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
}
.btn--icon,
a.btn--icon {
    padding-right: 4rem;
}
.btn__ic,
a.btn__ic {
    margin-left: 1rem;
    vertical-align: middle;
}
button.btn,
input.btn {
    display: inline-block;
}
button.btn--block,
input.btn--block {
    display: block;
    width: 100%;
}
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    transition: 0.3s linear;
    position: relative;
}
.footer {
    width: 100%;
    min-width: 32rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #1a274b;
    border-top: 1rem solid #b31f23;
}
.footer .container {
    max-width: 130rem;
}
.footer-top {
    padding: 3rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-top__item {
    margin: 3rem 0;
    padding-right: 3rem;
}
.footer-top__item.last {
    padding-right: 0;
}
.footer__title {
    font-size: 2.4rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin-bottom: 3rem;
    padding-top: 1rem;
}
.footer-nav__link {
    color: #6676a2;
    font-size: 1.6rem;
}
.footer-bottom {
    border-top: 0.1rem solid #3e4f7d;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
.footer-bottom__item {
    padding: 1rem 0;
    width: 45%;
    color: #6676a2;
    font-size: 1.6rem;
}
.footer-bottom__item.last {
    text-align: right;
	width:55%;
}
.footer-bottom__item a {
    color: #6676a2;
    font-size: 1.6rem;
}
.footer .social {
    margin-top: 4rem;
}
.f-lg {
    padding-top: 1.5rem;
    text-align: right;
}
.f-lg img {
    display: inline-block;
}
@media screen and (max-width: 1699px) {
    .sec-bander .dots {
        left: -10rem;
    }
    .welcome .dots {
        right: -10rem;
    }
}
@media screen and (min-width: 1260px) {
    .visible-lg {
        display: none !important;
    }
}
@media screen and (max-width: 1259px) {
    .hidden-lg {
        display: none !important;
    }
}
@media screen and (min-width: 992px) {
    .visible-md {
        display: none !important;
    }
}
@media screen and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .visible-sm {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}
@media screen and (min-width: 576px) {
    .visible-xs {
        display: none !important;
    }
}
@media screen and (max-width: 575px) {
    .hidden-xs {
        display: none !important;
    }
}