/* ==========================================================================

   Author's custom styles

   ========================================================================== */



body {

    font-size: 14px;

    font-weight: 500;

    font-family: 'Montserrat', sans-serif;

    background: #f9fafb;

}



html {

    box-sizing: border-box;

}



*, *:before, *:after {

    box-sizing: inherit;

}



a:hover,

a:focus,

a:active {

    text-decoration: none;

    outline: none;

    color: #fff;

}



button:hover,

button:active,

button:focus,

.btn:hover,

.btn:active,

.btn:focus,

.btn:active:focus {

    outline: none;

}



.underline {

    position: relative;

}



.underline:before {

    content: '';

    position: absolute;

    width: 100%;

    bottom: -3px;

    left: 0;

    height: 3px;

    background: #ff7f17;

}



.orange {

    color: #ff7f17;

    transition: all 0.3s ease;

}



.container {

    max-width: 1110px;

    width: 100%;

}



.header {

    background: #262b3e;

}



.header__cont {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    height: 90px;

}



.header__title {

    font-size: 27px;

    color: #fff;

    font-family: Scada, sans-serif;

    font-weight: bold;

    text-transform: uppercase;

}



.logo {

    display: inline-block;

    width: auto;

    padding: 0 10px;

    height: 50px;

    margin: 0 20px 0 -40px;

    position: relative;

    background: #fff;

}



.logo:before {

    content: '';

    position: absolute;

    height: 50px;

    width: 200%;

    background: #fff;

    left: -200%;

    top: 0;

}



.logo img {

    display: inline-block;

    width: 345px;

    height: auto;

}



.section1 {

    background: #f8f8f8 no-repeat center top;

}



.section1__title {

    font-size: 24px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

    margin: 13px 0;

}



.section1__sub-title {

    font-size: 18px;

    text-transform: uppercase;

    text-align: center;

    margin: 0 0 45px;

}



.section1__sub-title .underline:before {

    background: #000;

    height: 2px;

}



.section1__sub-title .underline:after {

    content: '';

    position: absolute;

    bottom: -40px;

    left: 50%;

    margin: 0 0 0 -9px;

    width: 17px;

    height: 28px;

}



.section1__sub-title .underline {

    font-family: "Roboto Condensed", sans-serif;

}



.registration-cont {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 30px;

}



.video-cont {

    max-width: 800px;

    width: calc(100% - 285px);

    border: 2px solid #000;

    box-shadow: 0 7px 44px rgba(0,0,0,0.4);

    position: relative;

}



.video {

    position: relative;

    z-index: 2;

    padding-bottom: 54.5%; /* 16:9 */

    padding-top: 15px;

    height: 0;

    background: #000;

}



.video-cont__label {

    position: absolute;

    left: -40px;

    top: 50%;

    margin-top: -139px;

    overflow: hidden;

    text-indent: -9999px;

    width: 15px;

    height: 277px;

}



.video iframe,

.video object,

.video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



video {

    width: 100%    !important;

    height: auto   !important;

}



.reg-form {

    width: 260px;

    padding: 15px;

    position: relative;

    background: #fff;

    box-shadow: 0 7px 44px rgba(0,0,0,0.4);

}



.reg-form__title {

    text-transform: uppercase;

    font-size: 15px;

    line-height: 1.2;

    margin: 5px 0;

    text-align: center;

    font-family: "Roboto Condensed", sans-serif;

}



.reg-form__title .underline:before {

    height: 1px;

}



.reg-form__sub-title {

    text-transform: uppercase;

    line-height: 1.2;

    margin: 0 0 15px;

    text-align: center;

    font-family: Scada, sans-serif;

    font-weight: bold;

    font-size: 22px;

}



.enroll-form {

    margin-bottom: 25px;

}



.enroll-form__row {

    margin-bottom: 10px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.enroll-form__row:last-child {

    margin-bottom: 25px;

}



.enroll-form__col {

    width: 100%;

    position: relative;

}



.enroll-form__input {

    width: 100%;

    height: 30px;

    background: #fff;

    border: none;

    padding: 0 30px 0 15px;

    font-size: 16px;

    border-bottom: 2px solid #ff7f17;

}



.enroll-form__icon-user {

    position: absolute;

    width: 20px;

    height: 20px;

    right: 10px;

    top: 4px;

}



.enroll-form__icon-mail {

    width: 26px;

    height: 19px;

    position: absolute;

    right: 5px;

    top: 4px;

}





.btn-custom {

    background: #ff7f17;

    width: 229px;

    min-height: 55px;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 1.2;

    color: #fff;

    border: none;

    display: flex;

    justify-content: flex-start;

    border-bottom: 2px solid #e22c01;

    box-shadow: 0 0 15px rgba(245,111,35,0.5);

    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -ms-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;

    cursor: pointer;

}



.btn-custom_dark-shadow {

    box-shadow: 0 0 15px rgba(226,44,1,1);

    width: 232px;

}



.btn-custom_dark-shadow2 {

    box-shadow: 0 0 15px rgba(0,0,0,0.6);

}



.btn-custom__cont {

    padding: 10px 10px 10px 8px;

    border-right: 1px solid #ffbf8b;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: center;

}



.btn-custom__arrow {

    border-left: 1px solid #e2580e;

    display: flex;

    align-items: center;

    padding: 0 15px 0 10px;

}



.btn-custom__title {

    font-size: 12px;

    display: block;

    font-family: "Roboto Condensed", sans-serif;

    font-weight: 300;

    text-transform: uppercase;

}



.btn-custom__sub-title {

    display: block;

    font-family: "Roboto Condensed", sans-serif;

    font-weight: 600;

    font-size: 16px;

    text-transform: uppercase;

}



.btn-custom:hover {

    color: #fff;

    background: #e66e0c;

}



.btn-custom_full-width {

    width: 100%;

    position: fixed;

    z-index: 99;

    bottom: 0;

    left: 0;

    right: 0;

    min-height: 40px;

    border-top: 2px solid #e22c01;

    box-shadow: 0 -7px 15px rgba(245,111,35,0.5);

}



.btn-custom_full-width .btn-custom__cont {

    flex-grow: 1;

    flex-direction: row;

    justify-content: center;

}



.btn-custom_blue {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25bfea+0,15aeda+100 */

    background: #25bfea; /* Old browsers */

    background: -moz-linear-gradient(top, #25bfea 0%, #15aeda 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #25bfea 0%,#15aeda 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #25bfea 0%,#15aeda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25bfea', endColorstr='#15aeda',GradientType=0 ); /* IE6-9 */

    padding: 15px 70px;

}



.btn-custom_blue:hover {

    background: #25bfea;

}



.counter {

    padding: 10px;

    border: 2px dashed #d3d3d3;

}



.counter__title {

    font-size: 12px;

    text-align: center;

    line-height: 1.2;

    font-weight: 500;

}



.counter__title_bold {

    font-size: 14px;

    text-align: center;

    line-height: 1.2;

    font-weight: 600;

    font-family: "Roboto Condensed", sans-serif;

}



.counter__sub-title {

    font-size: 12px;

    font-family: Scada, sans-serif;

    font-weight: bold;

    color: #d0021b;

    text-align: center;

    text-transform: uppercase;

    margin: 5px 0;

}



.partners {

    display: flex;

    justify-content: space-around;

    align-items: center;

    margin-bottom: 25px;

}



.partners__item2 {

    height: auto;

}



.partners__item1 {

    width: 193px;

}



.partners__item2 {

    width: 136px;

}



.partners__item3 {

    width: 193px;

}



.partners__item4 {

    width: 129px;

}



.partners__item5 {

    width: 130px;

}



.partners__item6 {

    width: 221px;

}



.partners__item7 {

    width: 186px;

}



.partners__item8 {

    width: 135px;

}



.partners__item9 {

    width: 148px;

}



.section2 {

    background: #202d5d;

    margin-bottom: 45px;

}



.section2__desc {

    padding: 30px 0 0;

}



.section2__img {

    display: block;

    width: 252px;

    height: auto;

    float: left;

    margin: -60px 15px 20px 20px;

}



.section2__title {

    font-weight: bold;

    font-size: 32px;

    color: #fff;

    text-transform: uppercase;

    margin: 0 auto 5px;

    font-family: Scada, sans-serif;

}



.section2__sub-title {

    font-weight: normal;

    font-size: 21px;

    color: #fff;

    margin: 0 auto 15px;

    font-family: Scada, sans-serif;

}



.section2__sub-title .underline:before {

    height: 2px;

    background: #fff;

}



.section2__cont {

    position: relative;

    display: flex;

    justify-content: space-between;

    max-width: 1190px;

    width: 100%;

    margin: 0 auto 30px;

}



.section2__label {

    position: absolute;

    left: -30px;

    top: 50%;

    margin-top: -117px;

    overflow: hidden;

    text-indent: -9999px;

    width: 12px;

    height: 234px;

}



.customer {

    width: 350px;

    height: 400px;

    background: #f6f6f6;

    position: relative;

    padding-bottom: 45px;

}



.customer__preview {

    background: #fff;

    height: 140px;

    padding: 10px;

}



.customer__avatar {

    float: left;

    width: 108px;

    height: auto;

}



.customer__info {

    float: right;

    width: calc(100% - 108px);

}



.customer__name {

    background: #ffbf8b;

    font-weight: bold;

    padding: 0 0 0 15px;

    line-height: 24px;

    margin-right: -10px;

}



.customer__row:first-child {

    border: 0;

}



.customer__row {

    margin-left: 10px;

    border-top: 1px solid #000;

    padding: 0 10px 0 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 30px;

}



.customer__category {

    font-weight: 500;

    font-size: 12px;

    line-height: 1.1;

}



.customer__row {

    margin: 0;

}



.customer__category {

    margin-right: 20px;

}



.customer__value {

    font-weight: 600;

    line-height: 1.2;

}



.customer__review {

    line-height: 1.1;

    padding: 15px 10px 0;

    font-weight: 500;

}



.section2 {

    margin-bottom: 15px;

}



.btn-custom2 {

    width: 100px;

    height: 30px;

    background: #ff7f17;

    color: #fff;

    text-transform: uppercase;

    font-family: "Roboto Condensed", sans-serif;

    padding: 0 17px;

    display: flex;

    align-items: center;

    position: absolute;

    bottom: 10px;

    left: 10px;

    transition: all 0.3s ease;

    cursor: pointer;

}



.btn-custom2:hover {

    background: #e66700;

}



.btn-custom2:after {

    content: '';

    width: 9px;

    height: 9px;

    display: inline-block;

    margin-left: 10px;

}



.section3 {

    background: url('../images/bg1.jpg') no-repeat center 95px;

    background-size: cover;

}



.new-horizon {

    float: right;

    max-width: 565px;

    width: 100%;

    position: relative;

    padding: 95px 0 70px;

}



.new-horizon__title {

    font-size: 32px;

    text-transform: uppercase;

    font-weight: bold;

    font-family: Scada, sans-serif;

    color: #fff;

    line-height: 1.2;

    margin: 0 0 30px;

}



.new-horizon__title .underline {

    color: #1f2b5a;

}



.new-horizon__title .underline:before {

    background: #1f2b5a;

    bottom: 0;

}



.new-horizon__desc {

    line-height: 1.2;

}



.new-horizon__sub-title {

    color: #292624;

    font-size: 23px;

    font-family: Scada, sans-serif;

    margin-bottom: 35px;

}



.new-horizon__sub-title .underline:before {

    background: #202d5d;

}



.new-horizon__label {

    position: absolute;

    width: 16px;

    height: 286px;

    left: -40px;

    top: 113px;

    overflow: hidden;

    text-indent: -9999px;

}



.section4 {

    padding: 35px 0;

}



.section4__title {

    font-size: 36px;

    font-family: Scada, sans-serif;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    margin: 0 0 20px;

}



.section4__sub-title {

    font-family: Scada, sans-serif;

    font-size: 32px;

    text-align: center;

    margin: 0 0 60px;

}



.section4__sub-title .underline:before {

    background: #000;

}



.diagram {

    width: 100%;

    position: relative;

}



.diagram__img {

    display: block;

    width: 360px;

    height: auto;

    margin: 0 auto;

}



.diagram__item {

    position: absolute;

    max-width: 340px;

    width: 100%;

    border: 2px solid #ce080f;

    background: #fff;

    padding: 20px 10px 0 14px;

}



.diagram__item-header {

    display: flex;

    align-items: baseline;

    justify-content: flex-start;

    margin-bottom: 10px;

}



.diagram__item_3 .diagram__item-header {

    align-items: flex-end;

}



.diagram__item-number {

    font-size: 54px;

    color: #ce080f;

    font-family: "Roboto Condensed", sans-serif;

    font-weight: 700;

    line-height: 1;

    margin-right: 10px;

}



.diagram__item-number_percent {

    font-size: 27px;

    line-height: 1;

}



.diagram__item-title {

    font-size: 24px;

    color: #ce080f;

    font-family: Scada, sans-serif;

    line-height: 1.2;

}



.diagram__desc {

    font-size: 12px;

    line-height: 1.2;

}



.diagram__item_1 {

    top: 180px;

    left: 0;

}



.diagram__item_1:before {

    content: '';

    width: 25px;

    height: 25px;

    border-radius: 15px;

    background: #ce080f;

    right: -12px;

    top: 50%;

    margin-top: -12px;

    position: absolute;

}



.diagram__item_1:after {

    content: '';

    position: absolute;

    height: 4px;

    width: 55px;

    right: -55px;

    top: 50%;

    margin-top: -2px;

}



.diagram__item_2 {

    top: 0;

    left: 0;

    border-color: #0d2658;

}



.diagram__item_2 .diagram__item-title,

.diagram__item_2 .diagram__item-number {

    color: #0d2658;

}



.diagram__item_2:before {

    content: '';

    width: 25px;

    height: 25px;

    border-radius: 15px;

    background: #0d2658;

    right: -12px;

    top: 50%;

    margin-top: -12px;

    position: absolute;

}



.diagram__item_2:after {

    content: '';

    position: absolute;

    height: 4px;

    width: 95px;

    right: -95px;

    top: 50%;

    margin-top: -2px;

}



.diagram__item_3 {

    top: 85px;

    right: 0;

    border-color: #ff8000;

}



.diagram__item_3 .diagram__item-title-custom,

.diagram__item_3 .diagram__item-number {

    color: #ff8000;

}



.diagram__item_3:before {

    content: '';

    width: 22px;

    height: 22px;

    border-radius: 15px;

    background: #ff8000;

    left: -13px;

    top: 50%;

    margin-top: -12px;

    position: absolute;

}



.diagram__item_3:after {

    content: '';

    position: absolute;

    height: 4px;

    width: 100px;

    left: -100px;

    top: 50%;

    margin-top: -2px;

}



.diagram__item-title_big {

    font-size: 24px;

    font-family: Scada, sans-serif;

    line-height: 1;

}



.diagram__item-title_small {

    font-size: 17px;

    line-height: 19px;

}



.diagram__label {

    position: absolute;

    width: 16px;

    height: 304px;

    left: -30px;

    top: 50%;

    margin-top: -152px;

    overflow: hidden;

    text-indent: -9999px;

}



.section5 {

    background: #2f4b88;

    padding: 50px 0 30px;

}



.section5__title {

    font-size: 32px;

    color: #fff;

    font-family: Scada, sans-serif;

    text-transform: uppercase;

    margin: 0 0 10px 50px;

    line-height: 1;

}



.section5__title .underline {

    line-height: 1;

}



.section5__title .underline:before {

    background: #fff;

    bottom: 0;

    height: 2px;

}



.section5__sub-title {

    color: #fff;

    font-size: 22px;

    font-family: Scada, sans-serif;

    margin: 0 0 35px 50px;

}



.section5__cont {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    position: relative;

    width: 100%;

    max-width: 1210px;

    margin: 0 auto;

}



.review {

    width: 100%;

    min-height: 263px;

    max-width: 535px;

    background: #fff;

    margin-bottom: 10px;

    padding: 8px;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    position: relative;

}



.review_min-height1 {

    min-height: 263px;

}



.review_min-height2 {

    min-height: 220px;

}



.review__img {

    margin-right: 10px;

    width: 144px;

    height: auto;

}



.review__cont {

    padding-bottom: 37px;

}



.review__name {

    color: #112144;

    font-size: 18px;

    line-height: 1;

    font-weight: bold;

    margin: 0 0 5px;

}



.review__desc {

    font-size: 12px;

    color: #112144;

    line-height: 1.2;

    margin: 0;

}



.review__footer {

    display: flex;

    justify-content: flex-start;

    align-items: flex-end;

    position: absolute;

    bottom: 10px;

    left: 182px;

    font-size: 20px;

    font-family: "Roboto Condensed", sans-serif;

    vertical-align: bottom;

    line-height: 1.2;

}



.review__likes {

    font-family: "Roboto Condensed", sans-serif;

    color: #2f4b88;

    font-size: 24px;

    font-weight: bold;

    margin-right: 15px;

    display: flex;

    align-items: flex-end;

    line-height: 1;

    vertical-align: bottom;

}



.review__thumb {

    width: 27px;

    height: auto;

    margin-right: 8px;

}



.review__footer div {

    margin-right: 15px;

}



.section5__label {

    position: absolute;

    width: 12px;

    height: 193px;

    left: -30px;

    top: 68px;

    overflow: hidden;

    text-indent: -9999px;

}



.section6 {

    background: #f9fafb;

    padding: 25px 0;

}



.section6__title {

    text-transform: uppercase;

    font-size: 32px;

    font-family: Scada, sans-serif;

    margin: 0 0 18px 0;

}



.section6__cont {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    position: relative;

    width: 100%;

    max-width: 1190px;

    margin: 0 auto;

}



.faq-item {

    width: 100%;

    max-width: 530px;

    margin-bottom: 10px;

}



.faq-item__question {

    min-height: 90px;

    background: #ff7f17;

    color: #fff;

    font-size: 22px;

    font-weight: 500;

    line-height: 1;

    display: flex;

    align-items: center;

    padding-left: 76px;

    position: relative;

    margin-bottom: 6px;

}



.faq-item__question:before {

    content: '';

    background: url("../fonts/icon-question.svg") no-repeat;

    width: 47px;

    height: 48px;

    position: absolute;

    left: 17px;

    top: 24px;

}



.faq-item__answer {

    min-height: 225px;

    background: #fff;

    border: 2px solid #ff7f17;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.2;

    padding: 20px 10px 10px 76px;

    position: relative;

}



.faq-item__answer:before {

    content: '';

    background: url("../fonts/icon-answer.svg") no-repeat;

    background-size: contain;

    width: 42px;

    height: 41px;

    position: absolute;

    left: 17px;

    top: 24px;

}



.section6__label {

    position: absolute;

    width: 12px;

    height: 194px;

    left: -30px;

    top: 50%;

    margin-top: -92px;

    overflow: hidden;

    text-indent: -9999px;

}



.section7 {

    background: url("../images/bg2.jpg") no-repeat center top;

    min-height: 353px;

    padding-top: 85px;

}



.support {

    max-width: 1015px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 auto;

    position: relative;

    color: #fff;

}



.support__left {

    width: 100%;

    max-width: 605px;

}



.support__title {

    font-size: 36px;

    font-family: Scada, sans-serif;

    text-transform: uppercase;

    margin: 0 0 20px;

}



.support__sub-title {

    font-size: 24px;

    font-weight: 500;

    margin: 0 0 15px;

}



.support__label {

    position: absolute;

    width: 16px;

    height: 286px;

    left: -40px;

    top: 50%;

    margin-top: -143px;

    overflow: hidden;

    text-indent: -9999px;

}



.support .btn-custom {

    margin-right: 75px;

}



.modal-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 30px 0 15px;

    border-bottom: 1px solid #eceeef;

    position: relative;

}



.modal-footer .btn {

    border-radius: 10px;

    background: rgba(252,249,248,0.8);

}



.modal-header .close {

    position: absolute;

    right: 0;

    top: 8px;

    opacity: 1;

    margin: 0;

}



.modal-title {

    font-weight: 700;

    font-size: 24px;

    margin-bottom: 0;

    line-height: 1.3;

    text-align: center;

}



.modal {

    font-size: 16px;

}



.modal h5 {

    font-size: 18px;

    font-weight: bold;

}



.modal h6 {

    font-size: 17px;

    font-weight: bold;

}



.modal-content {

    border-radius: 0;

    background: rgba(255,255,255,0.9);

    border: 5px solid #ff7f17;

    padding: 0 20px;

}



.modal-lg-custom .modal-body {

    text-align: center;

}



.modal-backdrop.in {

    opacity: 0.7;

}



.in.modal_custom {

    display: flex!important;

    justify-content: center;

    align-items: center;

}



.modal-video {

    width: 100%;

}



.close-video {

    position: absolute;

    background: transparent;

    right: -30px;

    top: -30px;

    width: 30px;

    height: 30px;

    padding: 0;

    margin: 0;

    border: none;

    display: flex;

    justify-content: center;

    align-items: center;

}



.footer {

    background: #262b3e;

    color: #fff;

}



.footer__cont {

    display: flex;
    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

    padding: 15px 0;

    width: 100%;

    max-width: 1210px;

    margin: 0 auto;

}



.footer__links {

    width: 100%;

    max-width: 585px;

    font-weight: 400;

}



.footer__copyright {

    text-transform: uppercase;

    margin: 0 0 10px;

}



.footer__company-name {

    margin: 0 0 10px;

}



.footer__row {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    margin-bottom: 15px;

}



.footer__col:first-child {

    margin-right: 50px;

}



.footer__category {

    color: #aaabb0;

}



.footer__link {

    color: #fff;

    text-decoration: underline;

    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    margin-top: 10px;

}



.footer__email {

    color: #fff;

    transition: all 0.3s ease;

    text-decoration: underline;

}



.footer__disc {

    line-height: 1.5;

    font-weight: 400;

    width: 100%;

    /*max-width: 585px;*/

}



.footer__disc a {

    color: #adb5d5;

    transition: all 0.3s ease;

}



.footer__disc a:hover {

    color: #fff;

}











/************************************** MEDIA QUERIES **************************************/



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

    .logo {

        margin: 0 20px 0 0;

    }

}



@media all and (max-width: 1280px) {

    .header__title {

        line-height: 1;

    }



    .underline:before {

        bottom: 0;

    }



    .section1__title {

        line-height: 1.3;

    }



    .section2__cont {

        flex-wrap: wrap;

    }



    .section2__title,

    .new-horizon__title,

    .section4__title,

    .section5__title,

    .section6__title,

    .support__title,

    .section4__sub-title {

        font-size: 30px;

    }



    .section2__sub-title {

        font-size: 22px;

    }



    .section3 {

        background-position: right 90px;

    }



    .diagram {

        height: auto;

    }



    .diagram__img {

        margin-bottom: 30px;

        width: 100%;

        max-width: 400px;

    }



    .diagram__item {

        position: relative;

        left: auto;

        top: auto;

        right: auto;

        max-width: 500px;

        margin: 0 auto 30px;

    }



    .diagram__label {

        display: none;

    }



    .diagram__item_1 {

        z-index: 3;

    }



    .diagram__item_1:before {

        top: 0;

        right: auto;

        left: 100px;

    }



    .diagram__item_1:after {

        top: -95px;

        right: auto;

        left: 110px;

        width: 4px;

        height: 95px;

    }



    .diagram__item_2 {

        z-index: 2;

    }



    .diagram__item_2:before {

        top: 0;

        right: auto;

        left: 150px;

    }



    .diagram__item_2:after {

        top: -260px;

        right: auto;

        left: 160px;

        width: 4px;

        height: 260px;

    }



    .diagram__item_3 {

        z-index: 1;

    }



    .diagram__item_3:before {

        top: 0;

        right: auto;

        left: 200px;

    }



    .diagram__item_3:after {

        top: -460px;

        right: auto;

        left: 210px;

        height: 460px;

        width: 4px;

    }



    .section4 {

        padding: 30px 0;

    }



    .customer {

        width: 100%;

        margin-bottom: 10px;

        height: auto;

    }



    .btn-custom2 {

        left: 50%;

        margin-left: -50px;

    }



    .partners {

        flex-wrap: wrap;

    }



    .partners__item {

        width: 18%;

    }



    .review {

        min-width: 100%;

        min-height: auto;

    }



    .faq-item {

        max-width: 100%;

    }



    .faq-item__answer {

        min-height: auto;

    }



    .support__left {

        max-width: 445px;

    }



    .footer__links {

        margin-right: 20px;

    }



    .footer__links,

    .footer__disc {

        font-size: 12px;

        line-height: 1.2;

    }



    .footer__col:first-child {

        margin-right: 20px;

    }

}



@media all and (min-width: 769px) {

    .desktop-hide {

        display: none;

    }

}



@media all and (max-width: 768px) {

    .logo:before {

        display: none;

    }



    .container {

        padding: 0;

    }



    .section2__title,

    .new-horizon__title,

    .section4__title,

    .section5__title,

    .section6__title,

    .support__title,

    .section4__sub-title {

        font-weight: 600;

        line-height: 1.2;

    }



    .header {

        height: auto;

    }



    .header__cont {

        display: block;

        position: relative;

        height: auto;

        padding-top: 15px;

        padding-bottom: 10px;

    }



    .logo {

        max-width: 100%;

        width: 100%;

        text-align: center;

        margin: 0 auto 10px;

    }



    .logo img {

        width: 100%;

        max-width: 345px;

    }



    .header__title {

        font-size: 19px;

        font-weight: 400;

        text-align: center;

    }



    .section1__title {

        font-size: 20px;


        width: 300px;
        margin: 13px auto;
    }



    .registration-cont {

        flex-wrap: wrap;

    }



    .register-now__label {

        font-size: 12px;

    }



    .register-now__count-number {

        font-size: 19px;

        line-height: 1;

    }



    .register-now__count-unit {

        font-size: 9px;

    }



    .register-now__count {

        width: 50px;

        height: 50px;

        right: -18px;

        top: -6px;

    }



    .enroll-form__row,

    .enroll-form__col1:first-child {

        margin-bottom: 10px;

    }



    .video-cont {

        width: 100%;

        margin-bottom: 20px;

    }



    .reg-form {

        width: 100%;

    }



    .reg-form__title {

        font-size: 22px;

        margin: 0 0 5px;

    }



    .social-desc {

        flex-wrap: wrap;

        justify-content: center;

    }



    .social-desc__item {

        width: 47%;

        margin: 0 10px 3%;

    }



    .btn-custom_blue {

        padding: 15px 30px;

    }



    .reg-form {

        padding: 10px;

    }



    .enroll-form .btn-custom {

        margin: 0 auto;

    }



    .section2__img {

        width: 110px;

        height: auto;

        margin: -50px 0 10px 0;

        float: none;

    }



    .section2__title {

        padding-left: 20px;

        margin-bottom: 10px;

    }



    .section2__sub-title {

        font-size: 20px;

        padding-left: 20px;

        margin-bottom: 20px;

    }



    .section2__sub-title .underline:before {

        height: 1px;

    }



    .customer__review {

        font-size: 14px;

    }



    .section2__cont {

        margin: 0 auto 10px;

        padding: 0 10px;

    }



    .diagram {

        padding: 0 5px;

    }



    .review__footer {

        left: 0;

    }



    .section7 {

        background-position: -1145px 0;

        padding: 30px 0 0;

        min-height: 353px;

    }



    .support__title {

        margin-bottom: 30px;

    }



    .support {

        flex-direction: column;

    }



    .support__left {

        margin-bottom: 15px;

    }



    .support__sub-title {

        font-size: 16px;

    }



    .section1__title .underline:before,

    .section1__sub-title .underline:after {

        display: none;

    }



    .section1__title .underline-mobile {

        position: relative;

    }



    .section1__title .underline-mobile:after {

        content: '';

        position: absolute;

        width: 100%;

        height: 3px;

        background: #ff7f17;

        left: 0;

        bottom: 0;

    }



    .section1__sub-title {

        font-size: 16px;

        margin: 0 auto 15px;

        position: relative;

        max-width: 310px;

        line-height: 1.2;

    }



    .section1__sub-title:before {

        content: '';

        width: 17px;

        height: 28px;

        position: absolute;

        left: 10px;

        bottom: -10px;

    }



    .section1__sub-title:after {

        content: '';

        width: 17px;

        height: 28px;

        position: absolute;

        right: 10px;

        bottom: -10px;

    }



    .section1__sub-title .underline {

        font-size: 18px;

    }



    .video-cont__label,

    .section2__label,

    .new-horizon__label,

    .diagram__label,

    .section5__label,

    .section6__label,

    .support__label {

        display: none;

    }



    .section3 {

        background: none;

    }



    .partners {

        justify-content: center;

        margin-bottom: 10px;

    }



    .partners_custom {

        margin-bottom: 60px;

    }



    .partners__item {

        margin: 0 2% 15px;

    }



    .partners__item1 {

        width: 32%;

    }



    .partners__item2 {

        width: 22%;

    }



    .partners__item3 {

        width: 32%;

    }



    .partners__item4 {

        width: 22%;

    }



    .partners__item5 {

        width: 22%;

    }



    .partners__item6 {

        width: 50%;

    }



    .partners__item7 {

        width: 45%;

    }



    .partners__item8 {

        width: 32%;

    }



    .partners__item9 {

        width: 34%;

    }



    .new-horizon {

        float: none;

        max-width: 100%;

        margin: 0;

        background: #fb4e11 no-repeat center top;

        padding: 5px 10px 30px;

    }



    .new-horizon .btn-custom {

        margin: 0 auto;

    }



    .new-horizon__desc {

        line-height: 1.1;

    }



    .new-horizon__notebook {

        margin: -47px auto 20px;

        display: block;

        width: 85%;

        height: auto;

    }



    .new-horizon__sub-title br {

        display: none;

    }



    .new-horizon__sub-title .underline:before {

        display: none;

    }



    .new-horizon__sub-title .underline-mobile {

        position: relative;

    }



    .new-horizon__sub-title .underline-mobile:before {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 3px;

        background: #202d5d;

    }

    

    .section4__sub-title br {

        display: none;

    }



    .section5__title,

    .section5__sub-title {

        margin: 0 0 10px 20px;

    }



    .section5 {

        padding: 20px 0;

    }



    .review__img {

        width: 72px;

        height: auto;

    }



    .review__footer {

        font-size: 16px;

        padding-left: 15px;

        line-height: 1;

    }



    .review__likes {

        font-size: 20px;

    }



    .section6__title {

        margin: 0 0 10px;

        padding: 0 10px;

    }



    .section6 {

        padding: 15px 0 25px;

    }



    .section6__cont {

        padding: 0 5px;

    }



    .faq-item__answer {

        padding: 7px;

        font-size: 14px;

    }



    .faq-item__answer:before {

        display: block;

        margin: 3px 0 10px 0;

        position: static;

    }



    .faq-item__question:before {

        left: 10px;

        background-size: contain;

    }



    .faq-item__question {

        padding-left: 60px;

    }



    .support {

        padding: 0 10px;

    }



    .customer__avatar {

        width: 95px;

    }



    .customer__info {

        width: calc(100% - 95px);

    }



    .diagram__item-title-custom {

        line-height: 1;

    }



    .section5__cont {

        padding: 0 5px;

    }



    .review__footer {

        font-size: 18px;

    }



    .review__footer div {

        margin-right: 5px;

    }



    .btn-custom_full-width {

        height: 40px;

    }



    .btn-custom_full-width .btn-custom__cont {

        padding: 0 5px;

        display: flex;

        align-items: center;

    }



    .btn-custom_full-width .btn-custom__sub-title {

        font-size: 17px;

        font-weight: 600;

    }



    .btn-custom_full-width .btn-custom__arrow {

        padding: 0 10px;

    }



    .support .btn-custom {

        margin: 0;

    }



    .footer__cont {

        flex-direction: column;

        padding: 15px 5px 65px;

    }

    

    .mobile-hide {

        display: none;

    }



    .in.modal_custom .modal-dialog {

        width: 500px;

    }



    .close-video {

        right: -8px;

    }

}



@media all and (max-width: 700px) {

    .faq-item__question {

        font-size: 16px;

    }



    .partners-icons {

        width: 100%;

    }



    .reg-form__icons img {

        display: inline-block;

        width: 100%;

    }



    .enroll-form__row {

        flex-wrap: wrap;

    }



    .enroll-form__col1 {

        width: 100%;

    }

}



@media all and (max-width: 580px) {

    .registration-cont {

        padding: 0;

    }



    .reg-form {

        margin: 0 15px;

        width: 100%;

    }



    .reg-form__title {

        font-size: 16px;

    }



    .diagram__item-title_big {

        display: block;

        font-size: 25px;

    }



    .diagram__item-title_small {

        font-size: 14px;

    }



    .diagram__item-title {

        font-size: 22px;

    }



    .diagram__img {

        width: 280px;

        height: auto;

    }



    .diagram__item {

        width: 300px;

    }



    .diagram__item_1:before {

        left: 43px;

    }



    .diagram__item_1:after {

        left: 53px;

        height: 75px;

        top: -75px;

    }



    .diagram__item_2:before {

        left: 67px;

    }



    .diagram__item_2:after {

        left: 77px;

        top: -300px;

        height: 300px;

    }



    .diagram__item_3:before {

        left: 90px;

    }



    .diagram__item_3:after {

        left: 100px;

        top: -520px;

        height: 520px;

    }



    .section4 {

        padding: 30px 0 0;

    }



    .section4__sub-title {

        font-size: 26px;

        margin-bottom: 30px;

    }



    .footer__links {

        margin: 0 0 15px;

    }



    .footer__links, .footer__disc {

        font-size: 10px;

    }



    .modal-title {

        font-size: 17px;

    }



    .modal h5 {

        font-size: 15px;

    }



    .modal h6 {

        font-size: 14px;

    }



    .modal-body {

        padding: 0;

    }



    .modal-body ol,

    .modal-body ul {

        padding: 0 0 0 5px;

    }



    .modal-body p {

        font-size: 12px;

    }

}

@media (width: 1024px) and (height: 1366px) {
    .section3 {
        background-position: center 90px;
    }
}