body {
     font-family: 'MontserratRegular', sans-serif;
     font-size: 20px;
     line-height: 160%;
     color: #272727;
     background: url(../img/noise-texture.png);
}
 a, a:visited {
     color: #272727;
     text-decoration: none;
}
 ul {
     list-style: none;
}
 .button {
     position: relative;
     display: block;
     width: 225px;
     height: 60px;
     margin: 10px 7px;
     padding: 5px 5px;
     border-bottom: 3px solid #F43049;
     background: #1B4C7D;
     font-size: 18px;
     line-height: 60px;
     ;
     color: #fff !important;
     text-align: center;
     outline: 0;
     overflow: hidden;
     z-index: 1;
     cursor: pointer;
     transition: 0.1s ease-in;
     -o-transition: 0.1s ease-in;
     -ms-transition: 0.1s ease-in;
     -moz-transition: 0.1s ease-in;
     -webkit-transition: 0.1s ease-in;
}
 @media (max-width: 1366px) {
     .button {
         max-width: 160px;
         font-size: 14px;
         height: 50px;
         line-height: 50px;
    }
}
 .button:before {
     content: "";
     position: absolute;
     background: #F43049;
     bottom: 0;
     left: 0;
     right: 0;
     top: 100%;
     z-index: -1;
     -webkit-transition: top 0.15s ease-in;
}
 .button:hover:before {
     top: 0;
}
/*Header*/
 header {
     height: 90px;
     border-bottom: 1px solid #D6D6D6;
     display: flex;
     justify-content: space-between;
     padding: 0 90px 0 87px;
}
 @media (max-width: 1280px) {
     header {
         padding: 0 40px 0 40px;
    }
}
 @media (max-width: 1024px) {
     header {
         padding: 0;
         height: 50px;
         display: none;
    }
}
 .logo-cell, .logo-cell:visited {
     display: block;
     background: #1B4C7D;
     color: #FFF;
     text-transform: uppercase;
     font-family: 'FuturaBook', sans-serif;
     line-height: 90px;
     padding: 0 47px;
     font-size: 18px;
     letter-spacing: 1.5px;
     position: relative;
     overflow: hidden;
     z-index: 1;
     transition: 0.1s ease-in;
     -o-transition: 0.1s ease-in;
     -ms-transition: 0.1s ease-in;
     -moz-transition: 0.1s ease-in;
     -webkit-transition: 0.1s ease-in;
}
 .logo-cell:before {
     content: "";
     position: absolute;
     background: #F43049;
     bottom: 0;
     left: 0;
     right: 0;
     top: 100%;
     z-index: -1;
     -webkit-transition: top 0.15s ease-in;
}
 .logo-cell:hover:before {
     top: 0;
}
 @media (max-width: 1024px) {
     .logo-cell, .logo-cell:visited {
         line-height: 50px;
         font-size: 16px;
         padding: 0 20px;
    }
}
 .logo-cell>span {
     font-family: 'FuturaDemi', sans-serif;
}
 nav {
     font-size: 16px;
}
 @media (max-width: 1024px) {
     nav {
         display: none;
    }
}
 nav ul {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     padding: 0;
     margin: 0;
}
 .nav-opt {
     list-style: none;
     position: relative;
     margin-right: 65px;
}
 .nav-opt-a {
     min-height: 90px;
     line-height: 90px;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: bold;
}
 .nav-opt-a:before, .nav-opt-a:after {
     transition: 0.2s ease-in;
     -o-transition: 0.2s ease-in;
     -ms-transition: 0.2s ease-in;
     -moz-transition: 0.2s ease-in;
     -webkit-transition: 0.2s ease-in;
     content: "";
     display: block;
     position: absolute;
     height: 3px;
     width: 43px;
     left: 0;
     right: 0;
     margin: 0 auto;
     background: transparent;
}
 .nav-opt-a:before {
     top: 0;
}
 .nav-opt-a:after {
     bottom: 0;
}
 .nav-opt-a:hover:before, .nav-opt-a:hover:after {
     background: #F43049;
}
 .nav-opt:last-child {
     margin-right: 0;
}
 .lang-switch {
     min-height: 90px;
     line-height: 90px;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: bold;
     z-index: 2;
}
 @media (max-width: 1024px) {
     .lang-switch {
         font-size: 14px;
         line-height: 50px;
         margin-left: 15px;
    }
}
 .lang-switch>span {
     padding: 0 17px;
}
 .lang-switch>a {
     transition: 0.2s ease-in;
     -o-transition: 0.2s ease-in;
     -ms-transition: 0.2s ease-in;
     -moz-transition: 0.2s ease-in;
     -webkit-transition: 0.2s ease-in;
}
 .lang-switch>a:hover {
     color: #F43049 
}
 .lang-active {
     color: #F43049 !important;
}
/*End Of Header*/
/* Mobile Header */
 @media (min-width: 1025px) {
     #menuArea, .mobile-menu, .mobile-menu-border {
         display: none !important;
    }
}
 .mobile-menu {
     width: 100%;
     height: 50px;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     position: absolute;
     top: 0;
     justify-content: space-between;
}
 .mobile-menu-border {
     width: 100%;
     display: block;
     height: 1px;
     width: 100%;
     background: #D6D6D6;
     z-index: 16;
     position: absolute;
     top: 50px;
     opacity: 0.5;
}
 .logo-cell-m {
     line-height: 50px;
     font-size: 16px;
     padding: 0 20px;
     display: block;
     background: #1B4C7D;
     color: #FFF !important;
     text-transform: uppercase;
     font-family: 'FuturaBook', sans-serif;
     letter-spacing: 1.5px;
     position: relative;
     overflow: hidden;
     z-index: 16;
     width: auto;
     max-width: 120px;
     box-sizing: border-box;
}
 .logo-cell-m>span {
     font-family: 'FuturaDemi', sans-serif;
}
 input {
     display: none;
}
 .open {
     background-color: #1B4C7D;
     width: 24px;
     height: 4px;
     display: block;
     border-radius: 2px;
     cursor: pointer;
     position: relative;
     top: 8px;
     z-index: 15;
}
 .open:before {
     content: "";
     background-color: #1B4C7D;
     width: 24px;
     height: 4px;
     display: block;
     border-radius: 2px;
     position: relative;
     top: -8px;
     transform: rotate(0deg);
     transition: all 0.3s ease;
     z-index: 15;
}
 .open:after {
     content: "";
     background-color: #1B4C7D;
     width: 24px;
     height: 4px;
     display: block;
     border-radius: 2px;
     position: relative;
     top: 4px;
     transform: rotate(0deg);
     transition: all 0.3s ease;
     z-index: 15;
}
 .menuOpen {
     width: 24px;
     height: 20px;
     display: block;
     padding: 15px;
     cursor: pointer;
     float: right;
     z-index: 15;
}
 .menuOpen:hover .open:before {
     top: -9px;
     z-index: 15;
}
 .menuOpen:hover .open:after {
     top: 5px;
     z-index: 15;
}
 .menu {
     position: fixed;
     width: 100vw;
     height: 100vh;
     top: 0;
     left: 0;
     background: #1B4C7D;
     ;
     z-index: 15;
}
 .menu label {
     width: 30px;
     height: 30px;
     position: absolute;
     right: 20px;
     top: 20px;
     background-size: 100%;
     cursor: pointer;
     z-index: 15;
}
 .menu .menuContent {
     position: relative;
     top: 280px;
     left: 21px;
     font-size: 24px;
     padding-bottom: 20px;
     margin-top: -170px;
     z-index: 15;
}
 .menu ul {
     list-style: none;
     padding: 0;
     margin: 0 auto;
     z-index: 15;
}
 .menu ul li a {
     display: block;
     color: white;
     text-decoration: none;
     transition: color 0.2s;
     text-transform: uppercase;
     padding: 25px 0;
     z-index: 15;
}
 .menu ul li:after {
     content: "";
     display: block;
     height: 1px;
     width: 34px;
     background: #D7D7D7;
     opacity: 0.5;
}
 .menu ul li:last-child:after {
     display: none;
}
 .menu ul li a:hover {
     color: #F43049;
     z-index: 15;
}
 .menuEffects {
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.5s, visibility 0.5s;
     z-index: 15;
}
 .menuEffects ul {
     transform: translateY(0%);
     transition: all 0.5s;
     z-index: 15;
}
 #menuToggle:checked~.menuEffects {
     opacity: 1;
     visibility: visible;
     transition: opacity 0.5s;
     z-index: 15;
}
 #menuToggle:checked~.menuEffects ul {
     opacity: 1;
     z-index: 15;
}
 #menuToggle:checked~.menuOpen .open {
     background-color: transparent;
     z-index: 16;
}
 #menuToggle:checked~.menuOpen .open:before {
     content: "";
     background-color: white;
     transform: rotate(45deg);
     position: absolute;
     top: 0;
     right: 0;
     z-index: 16;
}
 #menuToggle:checked~.menuOpen .open:after {
     content: "";
     background-color: white;
     transform: rotate(-45deg);
     position: relative;
     top: 0;
     right: 0;
     z-index: 16;
}
 #menuToggle:not(:checked)~.menuEffects ul {
     transform: translateY(-30%);
     z-index: 15;
}
/* End Of Mobile Header */
/*About Main Section*/
 .about-main {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     padding-top: 176px;
     padding-bottom: 275px;
     background-color: #F6F6F6;
     background: url(../img/noise-goal-texture.jpg);
     position: relative;
}
 @media (max-width: 1680px) {
     .about-main {
         padding-top: 150px;
         padding-bottom: 250px;
    }
}
 @media (max-width: 1440px) {
     .about-main {
         padding-top: 140px;
         padding-bottom: 235px;
    }
}
 @media (max-width: 1024px) {
     .about-main {
         padding-top: 120px;
         padding-bottom: 205px;
    }
}
 @media (max-width:768px) {
     .about-main {
         flex-direction: column;
         padding-top: 120px;
         padding-bottom: 150px;
    }
}
 .about-main-preslauouyt, .about-main-desclauouyt {
     width: 50%;
     box-sizing: border-box;
}
 @media (max-width:768px) {
     .about-main-preslauouyt, .about-main-desclauouyt {
         width: 100%;
    }
     .about-main-desclauouyt {
         padding-left: 20px;
    }
}
 .about-main-prescell {
     background: #fff;
     padding: 90px 40px 140px 185px;
     box-sizing: border-box;
     max-width: 765px;
     position: relative;
     box-shadow: 0px 0px 30px rgba(154, 154, 154, 0.2);
}
 @media (max-width: 1680px) {
     .about-main-prescell {
         padding: 75px 30px 115px 90px;
         max-width: none;
         margin-right: 80px;
         width: 88%;
    }
}
 @media (max-width: 1366px) {
     .about-main-prescell {
         padding: 60px 20px 100px 60px;
    }
}
 @media (max-width: 768px) {
     .about-main-prescell {
         padding: 45px 30px 85px 30px;
         width: 93.72%;
    }
}
 @media (max-width: 768px) {
     .about-main-prescell {
         padding: 30px 20px 64px 20px;
    }
}
 .about-main-prescell>h2 {
     font-family: 'MontserratSemiBold', sans-serif;
     font-size: 60px;
     line-height: 120%;
     letter-spacing: 0.02em;
     color: #272727;
     display: block;
     margin: 0;
}
 @media (max-width: 1440px) {
     .about-main-prescell>h2 {
         font-size: 54px;
    }
}
 @media (max-width: 1280px) {
     .about-main-prescell>h2 {
         font-size: 42px;
    }
}
 @media (max-width: 1024px) {
     .about-main-prescell>h2 {
         font-size: 32px;
    }
}
 @media (max-width: 800px) {
     .about-main-prescell>h2 {
         font-size: 28px;
    }
}
 @media (max-width: 520px) {
     .about-main-prescell>h2 {
         font-size: 26px;
    }
}
 .about-main-prescell>p {
     font-size: 26px;
     line-height: 150%;
     display: block;
     margin: 0;
     padding-top: 40px;
}
 @media (max-width: 1680px) {
     .about-main-prescell>p {
         font-size: 24px;
    }
}
 @media (max-width: 1440px) {
     .about-main-prescell>p {
         font-size: 21px;
    }
}
 @media (max-width: 1024px) {
     .about-main-prescell>p {
         font-size: 16px;
         padding-top: 20px;
    }
}
 .about-main-presbut {
     position: absolute;
     bottom: -34px;
     left: 185px;
     width: 264px;
     max-width: none;
}
 @media (max-width: 1680px) {
     .about-main-presbut {
         left: 90px;
         width: 242px;
    }
}
 @media (max-width: 1366px) {
     .about-main-presbut {
         left: 60px;
         width: width: 212px;
    }
}
 @media (max-width: 768px) {
     .about-main-presbut {
         left: 30px;
         width: 210px;
         font-size: 14px;
    }
}
 @media (max-width: 420px) {
     .about-main-presbut {
         left: 20px;
    }
}
 .about-main-desccell {
     border-left: 3px solid #F43049;
     padding-left: 95px;
     margin-top: 80px;
     box-sizing: border-box;
     max-width: 70.52%;
}
 @media (max-width: 1440px) {
     .about-main-desccell {
         margin-top: 50px;
         padding-left: 80px;
         max-width: 85%;
    }
}
 @media (max-width: 1280px) {
     .about-main-desccell {
         margin-top: 50px;
         padding-left: 80px;
         max-width: 90%;
    }
}
 @media (max-width: 1024px) {
     .about-main-desccell {
         margin-top: 10px;
         padding-left: 60px;
         max-width: 94%;
    }
}
 @media (max-width: 768px) {
     .about-main-desccell {
         margin-top: 85px;
         padding-left: 35px;
         max-width: 88%;
    }
}
 .about-main-desctext {
     margin: 0;
     font-size: 20px;
     line-height: 160%;
     color: #272727;
     padding-top: 18px;
     padding-bottom: 18px;
}
 @media (max-width: 1440px) {
     .about-main-desctext {
         font-size: 18px;
    }
}
 @media (max-width: 1024px) {
     .about-main-desctext {
         font-size: 16px;
    }
}
 @media (max-width: 768px) {
     .about-main-desctext {
         font-size: 14px;
    }
}
 .about-main-desctext>b {
     font-family: 'MontserratSemiBold', sans-serif;
}
 .about-main-pattern-1-1, .about-main-pattern-1-2 {
     display: block;
     position: absolute;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     width: 187px;
     height: 187px;
     background: url(../img/patterns/pattern-3.svg);
     background-repeat: no-repeat;
}
 @media (max-width: 1680px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         width: 163px;
         height: 163px;
    }
}
 @media (max-width: 1440px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         width: 140px;
         height: 140px;
    }
}
 @media (max-width: 1366px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         width: 133px;
         height: 133px;
    }
}
 @media (max-width: 1280px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         width: 124px;
         height: 124px;
    }
}
 @media (max-width: 1152px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         width: 112px;
         height: 112px;
    }
}
 @media (max-width: 1024px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         width: 99px;
         height: 99px;
    }
}
 @media (max-width: 768px) {
     .about-main-pattern-1-1, .about-main-pattern-1-2 {
         display: none;
    }
}
 .about-main-pattern-1-1 {
     bottom: 0;
     left: 0;
}
 .about-main-pattern-1-2 {
     bottom: 150px;
     right: 0;
}
 .about-main-pattern-2 {
     display: block;
     position: absolute;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     width: 123px;
     height: 123px;
     background: url(../img/patterns/pattern-4.svg);
     background-repeat: no-repeat;
     top: 120px;
     left: 700px;
}
 @media (max-width: 1680px) {
     .about-main-pattern-2 {
         width: 107px;
         height: 107px;
         left: 40.5%;
         top: 100px;
    }
}
 @media (max-width: 1440px) {
     .about-main-pattern-2 {
         width: 92px;
         height: 92px;
         top: 95px;
    }
}
 @media (max-width: 1366px) {
     .about-main-pattern-2 {
         width: 87px;
         height: 87px;
    }
}
 @media (max-width: 1280px) {
     .about-main-pattern-2 {
         width: 82px;
         height: 82px;
    }
}
 @media (max-width: 1152px) {
     .about-main-pattern-2 {
         width: 74px;
         height: 74px;
    }
}
 @media (max-width: 1024px) {
     .about-main-pattern-2 {
         width: 66px;
         height: 66px;
    }
}
 @media (max-width: 840px) {
     .about-main-pattern-2 {
         width: 54px;
         height: 54px;
    }
}
 @media (max-width: 768px) {
     .about-main-pattern-2 {
         display: none;
    }
}
/*End Of About Main Section*/
/*History Section*/
 .about-history {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     position: relative;
     padding-bottom: 200px;
}
 @media (max-width: 1440px) {
     .about-history {
         padding-bottom: 160px;
    }
}
 @media (max-width: 1366px) {
     .about-history {
         padding-bottom: 140px;
    }
}
 @media (max-width: 1280px) {
     .about-history {
         padding-bottom: 120px;
    }
}
 @media (max-width: 768px) {
     .about-history {
         flex-direction: column;
         padding-bottom: 65px;
    }
}
 .about-history-hislayout, .about-history-sloganlayout {
     width: 50%;
     box-sizing: border-box;
}
 @media (max-width: 768px) {
     .about-history-hislayout, .about-history-sloganlayout {
         width: 100%;
    }
     .about-history-sloganlayout {
         padding-left: 20px;
    }
}
 .about-history-desc {
     padding-left: 185px;
     padding-top: 150px;
}
 @media (max-width: 1680px) {
     .about-history-desc {
         padding-left: 90px;
         padding-top: 135px;
    }
}
 @media (max-width: 1366px) {
     .about-history-desc {
         padding-left: 60px;
         padding-top: 100px;
    }
}
 @media (max-width: 768px) {
     .about-history-desc {
         padding-left: 30px;
         padding-top: 160px;
    }
}
 @media (max-width: 420px) {
     .about-history-desc {
         padding-top: 220px;
    }
}
 .about-history-title {
     margin: 0;
     font-size: 50px;
     line-height: 140%;
     letter-spacing: 0.02em;
     font-family: 'MontserratRegular', sans-serif;
     display: block;
}
 .about-history-title>b {
     font-family: 'MontserratBold', sans-serif;
}
 @media (max-width: 1440px) {
     .about-history-title {
         font-size: 44px;
    }
}
 @media (max-width: 1366px) {
     .about-history-title {
         font-size: 40px;
    }
}
 @media (max-width: 1280px) {
     .about-history-title {
         font-size: 36px;
    }
}
 @media (max-width: 768px) {
     .about-history-title {
         font-size: 32px;
    }
}
 @media (max-width: 420px) {
     .about-history-title {
         font-size: 26px;
    }
}
 .about-history-year {
     display: block;
     line-height: 150%;
     font-size: 36px;
     color: #F43049;
     margin: 0;
     padding-top: 87px;
}
 @media (max-width: 1680px) {
     .about-history-year {
         padding-top: 76px;
    }
}
 @media (max-width: 1440px) {
     .about-history-year {
         padding-top: 60px;
    }
}
 @media (max-width: 1366px) {
     .about-history-year {
         padding-top: 50px;
         font-size: 32px;
    }
}
 @media (max-width: 1280px) {
     .about-history-year {
         padding-top: 40px;
         font-size: 28px;
    }
}
 @media (max-width: 768px) {
     .about-history-year {
         font-size: 21px;
    }
}
 @media (max-width: 420px) {
     .about-history-year {
         padding-top: 35px;
         font-size: 18px;
    }
}
 .about-history-text {
     display: block;
     margin: 0;
     font-size: 20px;
     line-height: 160%;
     max-width: 580px;
     padding-top: 47px;
}
 @media (max-width: 1440px) {
     .about-history-text {
         max-width: none;
         width: 85%;
         padding-top: 32px;
         font-size: 18px;
    }
}
 @media (max-width: 1024px) {
     .about-history-text {
         font-size: 16px;
    }
}
 @media (max-width: 768px) {
     .about-history-text {
         font-size: 14px;
    }
}
 .about-history-text>b {
     font-family: 'MontserratSemiBold', sans-serif;
}
 .about-history-hiscell {
     border-left: 3px solid #F43049;
     padding-left: 95px;
     margin-top: 490px;
     box-sizing: border-box;
     max-width: 60.41%;
}
 @media (max-width: 1440px) {
     .about-history-hiscell {
         max-width: none;
         width: 85%;
         padding-left: 80px;
    }
}
 @media (max-width: 1366px) {
     .about-history-hiscell {
         margin-top: 365px;
    }
}
 @media (max-width: 1280px) {
     .about-history-hiscell {
         max-width: none;
         width: 90%;
         padding-left: 80px;
    }
}
 @media (max-width: 768px) {
     .about-history-hiscell {
         max-width: none;
         width: 88%;
         padding-left: 35px;
         margin-top: 45px;
    }
}
 .about-history-slogan {
     display: block;
     margin: 0;
     padding: 18px 0 18px 0;
     font-size: 26px;
     line-height: 160%;
}
 @media (max-width: 1440px) {
     .about-history-slogan {
         font-size: 21px;
    }
}
 @media (max-width: 768px) {
     .about-history-slogan {
         font-size: 16px;
    }
}
 @media (max-width: 420px) {
     .about-history-slogan {
         font-size: 14px;
    }
}
 .about-history-activitycell {
     position: absolute;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(154, 154, 154, 0.2);
     padding: 59px 165px 78px 95px;
     width: 771px;
     box-sizing: border-box;
     left: 50%;
     top: -183px;
}
 @media (max-width: 1680px) {
     .about-history-activitycell {
         padding: 59px 60px 78px 60px;
         width: 42%;
    }
}
 @media (max-width: 1440px) {
     .about-history-activitycell {
         padding: 50px 60px 68px 60px;
    }
}
 @media (max-width: 1024px) {
     .about-history-activitycell {
         padding: 30px 30px 48px 30px;
         top: -85px;
    }
}
 @media (max-width: 768px) {
     .about-history-activitycell {
         padding: 30px 21px 39px 35px;
         right: 0;
         left: auto !important;
         width: 93.72%;
    }
}
 .about-history-activity-title {
     display: block;
     margin: 0;
     font-weight: 600;
     font-size: 20px;
     line-height: 150%;
     font-family: 'MontserratBold', sans-serif;
}
 @media (max-width: 1366px) {
     .about-history-activity-title {
         font-size: 18px;
    }
}
 @media (max-width: 768px) {
     .about-history-activity-title {
         font-size: 14px;
    }
}
 .about-history-activitycell>p {
     display: block;
     margin: 0;
     font-size: 26px;
     line-height: 160%;
     padding-top: 35px;
}
 @media (max-width: 1680px) {
     .about-history-activitycell>p {
         font-size: 24px;
         padding-top: 32px;
    }
}
 @media (max-width: 1440px) {
     .about-history-activitycell>p {
         font-size: 21px;
         padding-top: 27px;
    }
}
 @media (max-width: 1280px) {
     .about-history-activitycell>p {
         padding-top: 21px;
    }
}
 @media (max-width: 1024px) {
     .about-history-activitycell>p {
         font-size: 16px;
         padding-top: 18px;
    }
}
 .about-history-pattern-1 {
     display: block;
     position: absolute;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     width: 139px;
     height: 139px;
     background: url(../img/patterns/pattern-5.svg);
     background-repeat: no-repeat;
     left: 47%;
     top: 105px;
     z-index: -1;
}
 @media (max-width: 1680px) {
     .about-history-pattern-1 {
         width: 121px;
         height: 121px;
    }
}
 @media (max-width: 1440px) {
     .about-history-pattern-1 {
         width: 104px;
         height: 104px;
         top: 65px;
    }
}
 @media (max-width: 1366px) {
     .about-history-pattern-1 {
         width: 99px;
         height: 99px;
    }
}
 @media (max-width: 1280px) {
     .about-history-pattern-1 {
         width: 93px;
         height: 93px;
    }
}
 @media (max-width: 1152px) {
     .about-history-pattern-1 {
         width: 83px;
         height: 83px;
    }
}
 @media (max-width: 1024px) {
     .about-history-pattern-1 {
         width: 74px;
         height: 74px;
    }
}
 @media (max-width: 768px) {
     .about-history-pattern-1 {
         display: none;
    }
}
/*End Of History Section*/
 .about-vantages {
     padding-top: 140px;
}
 .about-vantages>h3 {
     text-align: center;
     margin: 0;
     display: block;
     font-size: 50px;
     line-height: 140%;
     text-align: center;
     letter-spacing: 0.02em;
}
 .about-vantages>h3>b {
     font-family: 'MontserratBold', sans-serif;
}
 .about-van-tab {
     padding-top: 140px;
}
/*Mission Section*/
 .about-mission {
     padding: 200px 0 220px 0;
     background-color: #F6F6F6;
     background: url(../img/noise-goal-texture.jpg);
     position: relative;
}
 @media (max-width: 1440px) {
     .about-mission {
         padding: 180px 0 195px 0;
    }
}
 @media (max-width: 1366px) {
     .about-mission {
         padding: 160px 0 182px 0;
    }
}
 @media (max-width: 1366px) {
     .about-mission {
         padding: 160px 0 182px 0;
    }
}
 @media (max-width: 840px) {
     .about-mission {
         padding: 100px 0 120px 0;
    }
}
 @media (max-width: 420px) {
     .about-mission {
         padding: 62px 0 72px 0;
    }
}
 .about-mission-title {
     font-size: 36px;
     color: #F43049;
     font-family: 'MontserratBold', sans-serif;
     text-align: center;
     line-height: 160%;
     display: block;
     margin: 0 auto;
     max-width: 49%;
}
 @media (max-width: 1366px) {
     .about-mission-title {
         font-size: 30px;
         max-width: 55%;
    }
}
 @media (max-width: 1366px) {
     .about-mission-title {
         font-size: 28px;
         max-width: 65%;
    }
}
 @media (max-width: 840px) {
     .about-mission-title {
         font-size: 21px;
    }
}
 @media (max-width: 420px) {
     .about-mission-title {
         font-size: 18px;
    }
}
 .about-missiontext {
     display: block;
     margin: 31px auto 0;
     max-width: 994px;
     font-size: 36px;
     line-height: 160%;
     text-align: center;
}
 @media (max-width: 1366px) {
     .about-missiontext {
         font-size: 30px;
         max-width: 55%;
    }
}
 @media (max-width: 1366px) {
     .about-missiontext {
         font-size: 28px;
         max-width: 65%;
    }
}
 @media (max-width: 768px) {
     .about-missiontext {
         font-size: 21px;
         max-width: none;
         width: 90%;
    }
}
 @media (max-width: 420px) {
     .about-missiontext {
         font-size: 18px;
    }
}
 .about-missiontext>b {
     font-family: 'MontserratBold', sans-serif;
}
 .about-mission-pattern-1, .about-mission-pattern-2 {
     display: block;
     position: absolute;
     -webkit-background-size: cover !important;
     background-size: cover !important;
    /*width: 187px;
    */
    /*height: 187px;
    */
    /*background: url(../img/patterns/pattern-3.svg);
    */
     background-repeat: no-repeat;
}
 .about-mission-pattern-1 {
     width: 280px;
     height: 231px;
     background: url(../img/patterns/pattern-6.svg);
     top: 0;
     left: 0;
}
 .about-mission-pattern-2 {
     width: 218px;
     height: 218px;
     background: url(../img/patterns/pattern-7.svg);
     bottom: 0;
     right: 0;
}
 @media (max-width: 1680px) {
     .about-mission-pattern-1 {
         width: 245px;
         height: 202px;
    }
}
 @media (max-width: 1440px) {
     .about-mission-pattern-1 {
         width: 210px;
         height: 173px;
    }
}
 @media (max-width: 1366px) {
     .about-mission-pattern-1 {
         width: 199px;
         height: 164px;
    }
}
 @media (max-width: 1280px) {
     .about-mission-pattern-1 {
         width: 186px;
         height: 154px;
    }
}
 @media (max-width: 1152px) {
     .about-mission-pattern-1 {
         width: 168px;
         height: 138px;
    }
}
 @media (max-width: 1024px) {
     .about-mission-pattern-1 {
         width: 149px;
         height: 123px;
    }
}
 @media (max-width: 840px) {
     .about-mission-pattern-1 {
         width: 122px;
         height: 101px;
    }
}
 @media (max-width: 420px) {
     .about-mission-pattern-1 {
         width: 61px;
         height: 50px;
    }
}
 @media (max-width: 320px) {
     .about-mission-pattern-1 {
         width: 46px;
         height: 38px;
    }
}
 @media (max-width: 1680px) {
     .about-mission-pattern-2 {
         width: 190px;
         height: 190px;
    }
}
 @media (max-width: 1440px) {
     .about-mission-pattern-2 {
         width: 163px;
         height: 163px;
    }
}
 @media (max-width: 1366px) {
     .about-mission-pattern-2 {
         width: 155px;
         height: 155px;
    }
}
 @media (max-width: 1280px) {
     .about-mission-pattern-2 {
         width: 145px;
         height: 145px;
    }
}
 @media (max-width: 1152px) {
     .about-mission-pattern-2 {
         width: 130px;
         height: 130px;
    }
}
 @media (max-width: 1024px) {
     .about-mission-pattern-2 {
         width: 116px;
         height: 116px;
    }
}
 @media (max-width: 840px) {
     .about-mission-pattern-2 {
         width: 95px;
         height: 95px;
    }
}
 @media (max-width: 420px) {
     .about-mission-pattern-2 {
         width: 48px;
         height: 48px;
    }
}
 @media (max-width: 320px) {
     .about-mission-pattern-2 {
         width: 36px;
         height: 36px;
    }
}
/*End Of Mission Section*/
/*Advantages Section*/
 .services-main {
     padding-top: 135px;
     position: relative;
}
 @media (max-width: 1440px) {
     .services-main {
         background: inherit;
         padding-top: 115px;
    }
}
 @media (max-width: 1366px) {
     .services-main {
         background: inherit;
         padding-top: 100px;
    }
}
 @media (max-width: 1280px) {
     .services-main {
         background: inherit;
         padding-top: 85px;
    }
}
 @media (max-width: 840px) {
     .services-main {
         background: inherit;
    }
}
 @media (max-width: 420px) {
     .services-main {
         padding-top: 40px;
    }
}
 .service-main-title {
     font-size: 50px;
     line-height: 140%;
     text-align: center;
     letter-spacing: 0.02em;
     font-weight: normal;
     margin: 0;
}
 @media (max-width: 1440px) {
     .service-main-title {
         font-size: 44px;
    }
}
 @media (max-width: 1366px) {
     .service-main-title {
         font-size: 40px;
    }
}
 @media (max-width: 1280px) {
     .service-main-title {
         font-size: 36px;
    }
}
 @media (max-width: 840px) {
     .service-main-title {
         padding-left: 6.25%;
         text-align: left;
    }
}
 @media (max-width: 768px) {
     .service-main-title {
         font-size: 32px;
    }
}
 @media (max-width: 420px) {
     .service-main-title {
         font-size: 26px;
    }
}
 .service-main-title>b {
     font-family: 'MontserratSemiBold', sans-serif;
}
 .services-van-tab {
     position: relative;
     padding-top: 140px;
     padding-bottom: 200px;
     overflow: hidden;
}
 @media (max-width: 840px) {
     .services-van-tab {
         width: 87.5%;
         margin: 0 auto;
         padding-bottom: 40px;
         padding-top: 50px;
    }
}
 @media (max-width: 420px) {
     .services-van-tab {
         padding-top: 40px;
    }
}
 .tabs {
     margin: 0 !important;
     display: block !important;
}
 .tabs.style__vertical .tabs__content.is__active {
     max-width: 773px;
     padding: 0 !important;
     box-shadow: 0px 0px 30px rgba(154, 154, 154, 0.2) !important;
     position: relative !important;
     left: 50% !important;
     border: none !important;
     min-height: 500px !important;
}
 @media (max-width: 1680px) {
     .tabs.style__vertical .tabs__content.is__active {
         width: 44% !important;
    }
}
 @media (max-width: 1366px) {
     .tabs.style__vertical .tabs__content.is__active {
         min-height: 300px !important;
    }
}
 @media (max-width: 840px) {
     .tabs.style__vertical .tabs__content.is__active {
         position: relative !important;
         left: 0 !important;
         margin: 0 !important;
         max-width: none !important;
         box-shadow: none !important;
         border-top: 1px dashed #949494 !important;
         padding-top: 12px !important;
         min-height: 0 !important;
         width: 100% !important;
    }
}
 .service-cell {
     padding: 51px 96px 73px 96px !important;
     box-sizing: border-box;
     position: relative;
     width: 100%;
     height: 100%;
}
 @media (max-width: 1440px) {
     .service-cell {
         padding: 40px 75px 82px 75px !important;
    }
}
 @media (max-width: 1280px) {
     .service-cell {
         padding: 36px 64px 58px 64px !important;
    }
}
 @media (max-width: 840px) {
     .service-cell {
         padding: 12px 0 !important;
    }
}
 .tabs.style__vertical .tabs__nav {
     position: absolute;
     left: 185px;
}
 @media (max-width: 1680px) {
     .tabs.style__vertical .tabs__nav {
         left: 90px;
    }
}
 @media (max-width: 1366px) {
     .tabs.style__vertical .tabs__nav {
         left: 60px;
         width: 70%;
    }
}
 .tabs.style__vertical .tabs__nav .tabs__nav_link {
     max-width: 580px;
     background: none !important;
     border-radius: none !important;
     border: none !important;
     margin: 0 193px 0 0 !important;
     font-size: 26px !important;
     line-height: 150% !important;
     padding: 28px 0 28px 0 !important;
     font-weight: bold !important;
     border-top: 1px dashed #949494 !important;
}
 @media (max-width: 1440px) {
     .tabs.style__vertical .tabs__nav .tabs__nav_link {
         max-width: 100% !important;
         font-size: 21px !important;
         padding: 21px 0 21px 0 !important;
         margin: 0 !important;
    }
}
 @media (max-width: 1366px) {
     .tabs.style__vertical .tabs__nav .tabs__nav_link {
         max-width: 55% !important;
         font-size: 18px !important;
         padding: 18px 0 18px 0 !important;
    }
}
 .tabs.style__vertical .tabs__nav .tabs__nav_link:last-child {
     border-bottom: 1px dashed #949494 !important;
}
 .tabs.style__vertical .tabs__nav .tabs__nav_link.is__active {
     color: #F43049 !important;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
}
 .tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:before {
     content: "" !important;
     display: block !important;
     background: #F43049;
     height: 3px;
     width: 58px;
     margin-right: 38px;
     margin-bottom: 6px;
     margin-top: 20px;
}
 @media (max-width: 1440px) {
     .tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:before {
         margin-top: 15px !important;
         width: 44px !important;
         margin-right: 28px !important;
    }
}
 @media (max-width: 1366px) {
     .tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:before {
         margin-top: 12px !important;
         width: 32px !important;
         margin-right: 18px !important;
    }
}
 @media (max-width: 840px) {
     .tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:before {
         display: none;
    }
}
 @media (max-width: 840px) {
     .tabs.style__vertical .tabs__content {
         margin: 0 !important;
         border: 0 !important;
         border-top: 1px dashed #949494 !important;
         font-size: 16px !important;
         line-height: 140% !important;
    }
     .tabs.style__vertical .tabs__content:last-child {
         border-bottom: 1px dashed #949494 !important;
    }
}
 @media (max-width: 840px) {
     .tabs.style__vertical .tabs__content {
         font-size: 14px;
    }
}
 @media (max-width: 840px) {
     .tabs.is__responsive .tabs__content {
         padding: 16px 0 !important;
         background: none !important;
         overflow: hidden !important;
    }
}
 @media (max-width: 840px) {
     .tabs.is__responsive .tabs__content .tabs__nav_link {
         box-sizing: border-box !important;
         padding: 14px 18px !important;
         font-weight: bold !important;
    }
}
 .tabs.is__responsive .tabs__nav_link.is__active {
     color: #F43049 !important;
     position: relative !important;
}
 .service-cell-wrapper {
     font-size: 20px;
     line-height: 160%;
}
 .service-cell-maintitle {
     display: block;
     margin: 0;
     font-weight: bold;
     font-size: 36px;
     line-height: 140%;
     padding-bottom: 46px;
}
 @media (max-width: 1440px) {
     .service-cell-maintitle {
         font-size: 32px;
    }
}
 @media (max-width: 1440px) {
     .service-cell-maintitle {
         font-size: 24px;
    }
}
 @media (max-width: 840px) {
     .service-cell-maintitle {
         display: none;
    }
}
 .about-tab-content {
     margin: 0;
     font-size: 20px;
     line-height: 160%;
}
 @media (max-width: 1440px) {
     .about-tab-content {
         font-size: 18px;
    }
}
 @media (max-width: 1024px) {
     .about-tab-content {
         font-size: 16px;
    }
}
 @media (max-width: 768px) {
     .about-tab-content {
         font-size: 14px;
    }
}
/*End Of Tabs*/
 .vantage-pattern-1, .vantage-pattern-2 {
     display: block;
     position: absolute;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     background-repeat: no-repeat;
}
 .vantage-pattern-1 {
     width: 150px;
     height: 150px;
     background: url(../img/patterns/pattern-8.svg);
     left: 87%;
     top: 305px;
}
 @media (max-width: 1680px) {
     .vantage-pattern-1 {
         width: 131px;
         height: 131px;
    }
}
 @media (max-width: 1440px) {
     .vantage-pattern-1 {
         width: 112px;
         height: 112px;
         top: 320px;
         left: 89%;
    }
}
 @media (max-width: 1366px) {
     .vantage-pattern-1 {
         width: 106px;
         height: 106px;
    }
}
 @media (max-width: 1280px) {
     .vantage-pattern-1 {
         width: 100px;
         height: 100px;
         top: 280px;
    }
}
 @media (max-width: 1152px) {
     .vantage-pattern-1 {
         width: 90px;
         height: 90px;
    }
}
 @media (max-width: 1024px) {
     .vantage-pattern-1 {
         width: 80px;
         height: 80px;
    }
}
 @media (max-width: 840px) {
     .vantage-pattern-1 {
         display: none;
    }
}
 .vantage-pattern-2 {
     width: 103px;
     height: 103px;
     background: url(../img/patterns/pattern-9.svg);
     top: 880px;
     left: 47%;
}
 @media (max-width: 1680px) {
     .vantage-pattern-2 {
         width: 90px;
         height: 90px;
    }
}
 @media (max-width: 1440px) {
     .vantage-pattern-2 {
         width: 77px;
         height: 77px;
    }
}
 @media (max-width: 1366px) {
     .vantage-pattern-2 {
         width: 73px;
         height: 73px;
         top: 665px;
    }
}
 @media (max-width: 1280px) {
     .vantage-pattern-2 {
         width: 68px;
         height: 68px;
    }
}
 @media (max-width: 1152px) {
     .vantage-pattern-2 {
         width: 62px;
         height: 62px;
    }
}
 @media (max-width: 1024px) {
     .vantage-pattern-2 {
         width: 54px;
         height: 54px;
    }
}
 @media (max-width: 840px) {
     .vantage-pattern-2 {
         display: none;
    }
}
/*End Of Advantages Section*/
/*Loyalty Section*/
 @media (max-width: 840px) {
     .loyalty{
		padding-top: 40px;
    }
}

 .loyalty-title {
     text-align: center;
     font-family: 'MontserratSemiBold', sans-serif;
     font-size: 36px;
     line-height: 120%;
     letter-spacing: 0.02em;
     margin: 0;
}
 @media (max-width: 1440px) {
     .loyalty-title {
         font-size: 32px;
    }
}
 @media (max-width: 1366px) {
     .loyalty-title {
         font-size: 30px;
    }
}
 @media (max-width: 1024px) {
     .loyalty-title {
         font-size: 28px;
    }
}
 @media (max-width: 840px) {
     .loyalty-title {
         font-size: 26px;
         padding-left: 6.25%;
         text-align: left;
    }
}
 @media (max-width: 420px) {
     .loyalty-title {
         font-size: 24px;
    }
}
 .loyalty-carousell {
     padding: 100px 185px 200px;
}
 @media (max-width: 1680px) {
     .loyalty-carousell {
         padding: 90px 90px 180px;
    }
}
 @media (max-width: 1366px) {
     .loyalty-carousell {
         padding: 80px 60px 160px;
    }
}
 @media (max-width: 840px) {
     .loyalty-carousell {
         padding: 80px 6.25% 80px;
    }
}
 @media (max-width: 420px) {
     .loyalty-carousell {
        /*padding: 40px */
    }
}
 .loyalty-slick {
     padding: 0 70px;
}
 .slick-prev, .slick-next {
     width: 15px;
     height: 15px;
     font-size: 0;
     line-height: 0;
     display: block;
     padding: 0;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     border: none;
     outline: none;
     cursor: pointer;
     z-index: 10;
}
 .slick-prev {
     background: url(../img/arrow-left.png);
     position: absolute;
     top: 65px;
     left: 0;
}
 .slick-next {
     background: url(../img/arrow-right.png);
     position: absolute;
     top: 65px;
     right: 0px;
}
 @media (max-width: 1366px) {
     .slick-next, .slick-prev {
         top: 45px;
    }
}
 @media (max-width: 1024px) {
     .slick-next, .slick-prev {
         top: 35px;
    }
}
 @media (max-width: 420px) {
     .slick-next, .slick-prev {
         top: 15px;
    }
}
/*Footer Section*/
 footer {
     border-top: 1px solid #DBDBDB;
     height: 90px;
     display: flex;
     justify-content: space-between;
}
 @media (max-width: 1000px) {
     footer {
         height: 60px;
    }
}
 .footer-logo {
     display: block;
     color: #174A7B !important;
     text-transform: uppercase;
     font-family: 'FuturaBook', sans-serif;
     line-height: 90px;
     padding: 0 137px;
     font-size: 18px;
     letter-spacing: 1.5px;
}
 @media (max-width: 1000px) {
     .footer-logo {
         display: none;
    }
}
 .footer-logo>b {
     font-family: 'FuturaDemi', sans-serif;
}
 footer>ul {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     margin: 0;
     padding: 0;
     padding-right: 90px;
}
 @media (max-width: 1000px) {
     footer>ul {
         padding-right: 0;
         justify-content: space-around;
         width: 100%;
    }
}
 .footer-opt-a {
     min-height: 90px;
     line-height: 90px;
     font-size: 14px;
     text-transform: uppercase;
     padding-right: 65px;
     font-weight: bold;
     display: block;
}
 @media (max-width: 1000px) {
     .footer-opt-a {
         padding-right: 0;
         min-height: 60px;
         line-height: 60px;
         font-size: 12px;
    }
}
 @media (max-width: 500px) {
     .footer-opt-a {
         padding-right: 0;
         font-size: 10px;
    }
}
 .footer-opt-a>a {
     color: #1A396B;
     transition: 0.2s ease-in;
     -o-transition: 0.2s ease-in;
     -ms-transition: 0.2s ease-in;
     -moz-transition: 0.2s ease-in;
     -webkit-transition: 0.2s ease-in;
}
 .footer-opt-a>a:hover {
     color: #F43049;
}