/*!
 * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}


/*

Version : v.1.1
Created : july 2022
HTML/CSS/JS : https://andreym1986.github.io

*/

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
  font-style:normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-style:normal;
  font-weight: 600;
    font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-style:normal;
  font-weight: 700;
    font-display: swap;
}

@font-face {
  font-family: "TTLakesNeueExt-BlackIt";
  src: url('../fonts/TTLakesNeueExtBlackIt/font.woff2') format('woff2'), url('../fonts/TTLakesNeueExtBlackIt/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "TTLakesNeueExt-Black";
  src: url('../fonts/TTLakesNeueExtBlack/font.woff2') format('woff2'), url('../fonts/TTLakesNeueExtBlack/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "TTLakesNeueExt-XBold";
  src: url('../fonts/TTLakesNeueExtXBold/font.woff2') format('woff2'), url('../fonts/TTLakesNeueExtXBold/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "TTLakesNeueExt-XBold";
  src: url('../fonts/TTLakesNeueExtXBold/font.woff2') format('woff2'), url('../fonts/TTLakesNeueExtXBold/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "TTLakesNeueExt-Medium";
  src: url('../fonts/TTLakesNeueExtMedium/font.woff2') format('woff2'), url('../fonts/TTLakesNeueExtMedium/font.woff') format('woff');
  font-display: swap;
}


html {box-sizing: border-box; -ms-overflow-style: scrollbar;}
*,
*::before,
*::after {box-sizing: border-box;}

body,
html {height: 100%;-moz-osx-font-smoothing: grayscale;}
::selection {color: #fff;background: #000;}
::-moz-selection {color: #fff;background: #000;}

body {font: 500 normal 1rem/1.7 'Montserrat', Arial, Tahoma, sans-serif;color: #fff;background-color: #020141;}

/* Typography */
a {color: #DE4817; text-decoration:none;}
a:hover,a:active {color: #fff; text-decoration: underline;}
a:focus {outline: none;}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {margin-bottom:24px; color:#fff;font-family: 'Benzin', sans-serif;font-weight: 400;}

h1, .h1 {font-size:1.625rem;}
h2, .h2 {font-size:1.5rem;}
h3, .h3 {font-size: 1.25rem;}
h4, .h4 {font-size:1rem;}

@media (min-width: 376px) {
  .h1, .h1 {font-size:1.75rem;}
  h2, .h2 {font-size:1.5rem}
}
@media (min-width: 476px) {
  h1, .h1 {font-size: 2rem;}
  h2, .h2 {font-size: 1.625rem;}
}
@media (min-width:768px) {
  h1, .h1 {font-size: 2.25rem;}
  h2, .h2 {font-size: 2rem;}
  h3, .h3 {font-size: 1.75rem;}
  h4, .h4 {font-size: 1.25rem;}
}
@media (min-width:992px) {
  h1, .h1 {font-size: 2.5rem;}
  h2, .h2 {font-size: 2.125rem;}
}
@media (min-width:1200px) {
  h1, .h1 {font-size: 2.75rem;}
  h2, .h2 {font-size: 2.375rem;}
  h3, .h3 {font-size: 1.875rem;}
}
@media (min-width:1440px) {
  h1, .h1 {font-size: 3rem;}
  h2, .h2 {font-size: 2.75rem;}
  h3, .h3 {font-size: 2.25rem;}
  h4, .h4 {font-size:1.5rem}
}

img {display:block;max-width: 100%;height:auto;}
svg {display: block;}
b, strong, .bold {font-weight:700;}
.center {text-align: center}
p {margin: 0 0 20px}
button:focus, button:active {outline: none}

/* general blocks */
.wrapper {overflow: hidden;}
.container {position: relative;width: 100%; margin-right: auto;margin-left: auto; padding-left:16px;padding-right:16px;}
@media (min-width: 576px) {
  .container {max-width: 540px;}
}
@media (min-width:768px) {
  .container {max-width: 720px;}
}
@media (min-width:992px) {
  .container {max-width: 960px;}
}
@media (min-width:1200px) {
  .container {max-width: 1160px;}
}
@media (min-width:1440px) {
  .container {max-width: 1440px;}
}

/* .header */
.header {position: absolute;z-index: 999;left:0;top:0;width:100%;}
.header__inner {display:flex;align-items: center;justify-content:space-between;padding-top:16px;padding-bottom: 16px;}
.header__box {display: flex;align-items: center}
@media (min-width:1440px) {
  .header__inner {padding-top:32px;padding-bottom: 32px;}
}

/* .logo */
.logo {flex-shrink: 0}
.logo__img {width:150px;height:32px;}
@media (min-width:1200px) {
  .logo__img {width:226px;height:48px;}
}

/* .navToggle */
.navToggle {
  position: relative;z-index: 1003;
  display: flex;align-items: center;height:40px;padding:0;
  font-size: 1rem;font-weight: bold;text-transform: uppercase;
  border:0; background:none; cursor: pointer;color: #fff;
}
.navToggle__name {display:none;margin-top:2px}
.navToggle__inner {position: relative;width:30px;height:20px;}
.navToggle__inner i {position: absolute;left:0;top:50%;width:30px;height: 2px;display: block;background-color: #fff;transition: 0.2s linear}
.navToggle__inner i:nth-child(1) {top:0}
.navToggle__inner i:nth-child(3) {top: 100%;}
.navToggle:focus {outline: none}
.navActive .navToggle__inner i:nth-child(1) {transform: rotate(45deg);top: 50%;}
.navActive .navToggle__inner i:nth-child(2) {opacity: 0}
.navActive .navToggle__inner i:nth-child(3) {transform: rotate(-45deg);top: 50%;}
@media (min-width:1200px) {
  .navToggle__name {display:block;margin-right: 30px;}
}


/* #nav */
#nav {
  position: fixed; left:0;right:0; top:0; bottom: 0; z-index:1002;
  display:none;padding: 72px 0 32px;background:#DE4817; overflow-x: hidden; overflow-y: auto;
}
.navActive {overflow: hidden}
.navActive #nav {display:flex;}
.nav ul {list-style: none;}
.nav a {
  position: relative; display: block; font-family: "TTLakesNeueExt-BlackIt";color:#fff;
  font-weight: 600; font-size: 1rem;text-transform: uppercase; font-size: 24px;white-space: nowrap;
}
.nav__stroke {display:block;color:#fff;}
.nav__fill {
  position: absolute;left:0;top:0;z-index:1; display:block;color:rgba(255,255,255,0.2);opacity:0;
  -webkit-text-stroke: 1px rgba(255,255,255,1);text-stroke: 1px rgba(255,255,255,1);
  -webkit-text-fill-color:rgba(255,255,255,0); text-fill-color:rgba(255,255,255,0);
  transition:all 0.2s linear;
}
.nav ul li a:hover {color:#fff;text-decoration: none;}
.nav ul li a:hover .nav__fill {opacity:1;transform:translate3d(3px,3px,0)}
@media (min-width:576px) {
  .nav a {font-size:32px}
}
@media (min-width:992px) {
  .nav a {font-size:40px}
}
@media (min-width:1200px) {
  #nav {padding-top:80px}
  .nav a {font-size: 44px;}
.nav ul li a:hover .nav__fill {opacity:1;transform:translate3d(6px,6px,0)}
}
@media (min-width:1440px) {
  #nav {padding-top:112px}
  .nav a {font-size: 48px;}
}
@media (min-width:1880px) {
  #nav {padding-top:112px}
  .nav a {font-size: 64px;}
}

/* .section */
.section {padding-top:48px;padding-bottom: 48px;}
.section__orange {background-color: #DE4817}
@media (min-width:576px) {
    .section {padding-top: 64px;padding-bottom: 64px;}
}
@media (min-width:1200px) {
    .section {padding-top: 100px;padding-bottom: 100px;}
}
@media (min-width:1440px) {
    .section {padding-top: 140px;padding-bottom: 140px}
}

/* .home */
.home {position: relative}
.home__inner {position: relative;}
.home__bg {position: absolute;left: 50%;top: 0;display:block;width: 660px;height:226px;transform:translate3d(-58%, 0, 0);}

/* .home__text */
.home__text {margin-bottom: 48px;margin-top:-80px;position: relative;z-index: 2}
.home__title {position: relative;font-size: 32px;font-family: "TTLakesNeueExt-BlackIt";line-height:1.1;text-transform: uppercase}
.home__title span {display: block}
.home__title__border {
   position: absolute; top: 4px; left: 4px;display: block;color:#fff;
  -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff;
  -webkit-text-fill-color:rgba(255,255,255,0); text-fill-color: rgba(255,255,255,0);
}
.home__title__color {position: relative;display: block; color:#DE4817;}
.home__desc {
  margin-bottom: 0;font-family: "TTLakesNeueExt-BlackIt";font-size: 18px;
  text-transform: uppercase;letter-spacing: 2px;line-height:1.1;color:#DE4817;
}

/* .home__media */
.home__media {
  position: relative; z-index:2; width: 380px; height: 275px;
  background: url(../images/home.jpg) 50% 50% no-repeat;
  -webkit-clip-path: url(#homeClip);
  clip-path: url(#homeClip);
  transform: translate3d(-20%,0,0);
}
.home__media > * {width:100%;}
.home__media__mask {width: 0;}
.home__media__mask clipPath {transform: scale(0.25, 0.25);}

/* .home__graf */
.home__graf { position: absolute;z-index: 2;display:block;transform: translateZ(0)}
.home__graf1 {width: 80px;height: 70px;left: -24px;top: 120px;}
.home__graf2 {width: 200px;height: 180px;top: 80px;left: 215px;}

@media (min-width: 375px) {
  .home__bg {width: 800px;height: 275px}
  .home__media {width: 460px;height: 333px;}
  .home__media__mask clipPath {transform: scale(0.3, 0.3);}

  .home__title {font-size: 36px;}
  .home__desc {font-size: 20px;}

  .home__graf1 {left: -44px;top: 130px;width: 120px;height: 104px;}
  .home__graf2 {top: 80px;left: 250px;width: 240px;height: 270px;}
}
@media (min-width: 475px) {
  .home__bg {width: 1100px;height: 378px}
  .home__media {width: 580px;height: 420px;}
  .home__media__mask clipPath {transform: scale(0.38, 0.38);}
  .home__text {margin-top:-120px}
  .home__title {font-size: 40px;}

  .home__graf1 {top: 190px;}
  .home__graf2 {left: 330px;}
}
@media (min-width: 576px) {
  .home__bg {width: 1300px;height: 446px}
  .home__media {width: 660px;height: 478px;}
  .home__media__mask clipPath {transform: scale(0.435, 0.435);}

  .home__title {font-size: 42px;letter-spacing: 8px;}
  .home__title__border {top: 8px;left: 8px;}
  .home__desc {font-size: 24px;}

  .home__graf1 {left: -56px;top: 220px;width: 160px;height: 139px;}
  .home__graf2 {top: 80px;left:auto;right: -120px;width: 300px;height: 270px;}
}
@media (min-width:768px) {
  .home__bg {width: 1700px;height: 584px;}
  .home__media {width: 900px;height: 652px;}
  .home__media__mask clipPath {transform: scale(0.595, 0.595);}

  .home__text {margin-top:-160px}
  .home__title {font-size: 56px;}

  .home__graf1 {left: -86px;top: 284px;width: 200px;height: 173px;}
  .home__graf2 {top: 80px;right: -160px;width: 400px;height: 360px;}
}
@media (min-width:992px) {
  .home__media {transform: translate3d(-8%,0,0);}

  .home__title {font-size: 64px;}

  .home__graf1 {left: 20px;top: 278px;width: 200px;height: 173px;}
  .home__graf2 {top: 80px;right: -24px;width: 400px;height: 360px;}
}
@media (min-width:1200px) {
  .home__bg {width: 2000px;height: 687px}
  .home__media {width: 1000px;height: 724px;}
  .home__media__mask clipPath {transform: scale(0.66, 0.66);}

  .home__text {margin-bottom: 64px;margin-top: -220px;}
  .home__title {margin-bottom: 32px;font-size:72px;letter-spacing: 10px;}
  .home__title__border {top: 10px;left: 10px;}
  .home__desc {font-size: 32px;}

  .home__graf1 {left: 24px;top: 322px;width: 240px;height: 208px;}
  .home__graf2 {top: 80px;right: 40px;width: 480px;height: 433px;}
}
@media (min-width:1440px) {
  .home__bg {width: 2400px;height: 824px}
  .home__media {width: 1200px;height: 870px;}
  .home__media__mask clipPath {transform: scale(0.79, 0.79);}

  .home__text {margin-top: -260px;}
  .home__title {font-size: 84px;letter-spacing: 12px;}
  .home__title__border {top: 12px;left: 12px;}
  .home__desc {font-size: 40px;}

  .home__graf1 {top: 378px;width: 280px;height: 242px;}
  .home__graf2 {top: 80px;right: 130px;width: 560px;height: 505px;}
}
@media (min-width:1640px) {
  .home__bg {width: 2500px;height: 858px}
  .home__media {width: 1300px;height: 940px;transform: translate3d(-15%,0,0);}
  .home__media__mask clipPath {transform: scale(0.86, 0.86);}

  .home__text {margin-bottom:80px;margin-top: -280px;}
  .home__title {margin-bottom: 48px;font-size: 96px;letter-spacing: 12px;}
  .home__title__border {top: 12px;left: 12px;}
  .home__desc {font-size:44px;}

  .home__graf1 {left: -80px;top: 374px;width: 320px;height: 276px;}
  .home__graf2 {top: 80px;right: 88px;width: 622px;height: 560px;}
}
@media (min-width:1880px) {
  .home__bg {width: 2839px;height: 974px;}
  .home__media {width: 1510px;height: 1093px;transform: translate3d(-20%,0,0);}
  .home__media__mask clipPath {transform: scale(1,1);}

  .home__text {margin-top: -320px;}
  .home__title {font-size: 120px;}
  .home__desc {font-size:48px;}

  .home__graf1 {left: -170px;top: 432px;width:361px; height:312px;}
  .home__graf2 {top: 80px;right: -36px;width:722px; height:651px;}
}

/* .sectionTitle */
.sectionTitle {position: relative;line-height:1;margin-bottom:24px}
.sectionTitle.sm {margin-bottom:24px}
.sectionTitle.lg {margin-bottom:80px}
.sectionTitle__name {margin-left:24px;margin-bottom: 0;font-size:1.5rem;font-family: "TTLakesNeueExt-XBold";}
.sectionTitle2 .sectionTitle__name {margin-left: 0}
.sectionTitle__bg {
  position: absolute;left:0;top:-22px;
  font-size: 48px;font-family: "TTLakesNeueExt-BlackIt";
  text-transform: uppercase;white-space: nowrap;color:rgba(255,255,255,0.2);
  -webkit-text-stroke: 1px rgba(255,255,255,0.2);text-stroke: 1px rgba(255,255,255,0.2);
  -webkit-text-fill-color:rgba(255,255,255,0); text-fill-color:rgba(255,255,255,0);
}
@media (min-width: 375px) {
  .sectionTitle.lg {margin-bottom:100px}
  .sectionTitle__bg {top:-28px;font-size: 56px;}
  .sectionTitle__name {margin-left:32px;}
}
@media (min-width: 576px) {
  .sectionTitle.lg {margin-bottom:120px}
  .sectionTitle__bg {top:-36px;font-size:64px;}
  .sectionTitle__name {margin-left:40px;}
}
@media (min-width:768px) {
  .sectionTitle.lg {margin-bottom:140px}
  .sectionTitle__bg {top:-50px;font-size: 80px;}
  .sectionTitle__name {margin-left:48px;}
}
@media (min-width:992px) {
  .sectionTitle.lg {margin-bottom:160px}
  .sectionTitle__bg {top:-70px;font-size: 100px;}
  .sectionTitle__name {margin-left:60px;}
}
@media (min-width:1200px) {
  .sectionTitle.lg {margin-bottom:200px}
  .sectionTitle__bg {top:-100px;font-size: 140px;}
  .sectionTitle__name {margin-left:80px;font-size:2rem;}
}
@media (min-width:1440px) {
  .sectionTitle {margin-bottom:32px}
  .sectionTitle.lg {margin-bottom: 240px;}
  .sectionTitle__bg {top:-130px;font-size: 180px;}
  .sectionTitle__name {margin-left: 100px;font-size:2.25rem;}
}

/* .about */
.about {padding-bottom: 100px;}
.about__desc {margin-bottom:40px;}
.about__media {position: relative}
.about__image {position: relative;z-index: 2;border-radius:20px;}
.about__graf {position: absolute;display: block;}
.about__graf1 {left: -46px;bottom: -36px;width: 120px;height: 104px;}
.about__graf2 {right: -104px;bottom: -56px;width: 200px;height: 172px;}
@media (min-width: 576px) {
  .about {padding-bottom: 140px;}
  .about__inner {display: flex;flex-direction: column;align-items: center;}
  .about__graf1 {left: -80px;bottom: -56px;width: 180px;height: 155px;}
  .about__graf2 {bottom: -88px;height: 260px;width: 300px;right: -158px;}
}
@media (min-width:992px) {
  .about {padding-bottom: 80px;padding-top: 100px;}
  .about__inner {flex-direction: row; align-items: flex-start; justify-content: space-between;}
  .about__desc {width: 42%;margin-bottom: 0;padding-left: 60px;padding-top: 20px;}
  .about__media {width: 50%;}
}
@media (min-width:1200px) {
  .about {padding-bottom: 160px;padding-top: 160px;}
  .about__desc {padding-left: 80px;}
  .about__graf1 {left: -102px;bottom: -76px;width: 220px;height: 190px;}
  .about__graf2 {bottom: -120px;height: 346px;width: 400px;right: -210px;}
}
@media (min-width:1440px) {
  .about {padding-bottom: 240px;padding-top: 240px;}
  .about__desc {padding-left: 100px;padding-top: 32px;}
  .about__graf1 {left: -120px;bottom: -80px;width:266px; height:229px;}
  .about__graf2 { bottom: -150px;right: -200px;width:515px; height:445px;}
}

/* .chains */
.chains__inner {display: flex;flex-direction: column; align-items: center;}
.chains__media {display:block;width: 284px;height: 263px;margin-bottom: 32px;letter-spacing:4px;flex-shrink: 0;      transform: translateZ(0);}
.chains__title {position: relative;font-size:40px;line-height:1.1;font-family: "TTLakesNeueExt-BlackIt";text-transform: uppercase}
.chains__title span {display: block}
.chains__title__border {
  position: absolute; top: 4px; left: 4px;z-index: 1;display: block; color:#fff;
  -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff;
  -webkit-text-fill-color:rgba(255,255,255,0); text-fill-color: rgba(255,255,255,0);
}
.chains__title__color {display: block;position: relative;z-index: 2; color:#DE4817;}

@media (min-width: 375px) {
  .chains__media {width:340px;height: 316px}
  .chains__title {font-size:48px;}
}
@media (min-width: 475px) {
  .chains__media {width:400px;height: 370px}
    .chains__title {font-size:56px;}
}
@media (min-width: 576px) {
  .chains__media {width: 440px;height:407px;margin-bottom:48px}
  .chains__title {letter-spacing: 8px;font-size:64px;}
  .chains__title__border {top: 8px;left: 8px;}
}
@media (min-width:992px) {
  .chains__inner {flex-direction: row;justify-content: space-between;}
  .chains__media {margin-bottom: 0}
}
@media (min-width:1200px) {
  .chains__media {width: 550px;height: 510px;}
  .chains__title {font-size:72px;letter-spacing: 10px;}
  .chains__title__border {top: 10px;left: 10px;}
}
@media (min-width:1440px) {
  .chains__media {width: 640px;height: 594px;}
  .chains__title {font-size: 96px;letter-spacing: 12px;}
  .chains__title__border {top: 12px;left: 12px;}
}
@media (min-width:1640px) {
  .chains__media {width:765px;height:709px;margin-left: -200px;margin-right: 100px;}
  .chains__title {font-size: 120px;letter-spacing: 12px;}
  .chains__title__border {top: 12px;left: 12px;}
}

/* .strengths */
.strengths__item {display:flex;align-items:center;margin-bottom:24px;}
.strengths__icon {width:48px;height:48px;margin-right:16px;flex-shrink:0}
.strengths__desc {margin-bottom:0;}
@media (min-width: 375px) {
  .strengths__icon {margin-right:24px}
}
@media (min-width: 576px) {
  .strengths {display:flex;justify-content: space-around;}
  .strengths__item {flex-direction:column;width: 160px;}
  .strengths__item:nth-child(2) {width:120px}
  .strengths__icon {margin-right:0;margin-bottom:24px;}
}
@media (min-width:992px) {
  .strengths {position:absolute;right:0;top:-16px;z-index:2;justify-content: space-between;width:500px}
  .strengths__icon {margin-bottom:40px;}
}
@media (min-width:1440px) {
  .strengths {width: 634px;right:100px;top:-28px;}
  .strengths__icon {width:64px;height: 64px;margin-bottom:54px;}
}

/* .roads */
.roads {height:220px;overflow: hidden;position: relative;}

/* .road__road */
.road__road {
  position: absolute;left:0;bottom:0;z-index: 1; width:100%;height: 100%;
  background-color: #020141; background-repeat: repeat-x;background-position:0 100%; background-size: contain;
  visibility: hidden;transition: opacity 1s linear;opacity: 0;
}

.road__road.road__truck {border-bottom:1px solid #DE4817;}
.road__road.road__ship  {background-image: url(../images/road/ship-road.svg);background-position: 0 100%;background-size: contain}
.road__road.road__train  {background-image: url(../images/road/train-road.svg);background-position: 0 100%;background-size: contain}
.road__road.road__airplane  {
  background-image: url(../images/road/airplane-road.svg);background-size: contain;
  background-position:50% 50%;background-repeat: no-repeat;
}


/* .roads__item */
.roads__item {
  position: absolute;left:0;bottom:0;z-index: 2;opacity: 0;
  display: flex;flex-direction: column;align-items: flex-end;}
.roads__train {bottom: 2px;}
.roads__airplane {bottom:100%;transform: translateY(50%);}

/* .road__desc */
.road__desc {
  position: relative;width:240px;margin-bottom:24px;padding:12px;
  border:1px solid #DE4817;border-radius: 6px 6px 0 6px; font-size: 0.75rem;background-color:#020141;
}
.road__desc::before, .road__desc::after {position: absolute;display:block;width: 0;height: 0;border-style: solid;content:"";}
.road__desc::before {bottom:-12px;right:-1px;border-width: 0 12px 12px 0;border-color: transparent #DE4817 transparent transparent;}
.road__desc::after {bottom: -10px;right:0;border-width: 0 10px 10px 0;border-color: transparent #020141 transparent transparent;}

/* .road__machine */
.road__machine {position: relative;z-index: 2;max-width: inherit}
.roads__truck .road__machine {width:150px;height: 39px;}
.roads__ship .road__machine {width:190px;height: 69px;}
.roads__train .road__machine {width:400px;height: 29px;}
.roads__airplane .road__machine {width:140px;height:44px}

@media (min-width: 576px) {
  .road__desc {width: 280px;font-size: 0.875rem;}
}
@media (min-width:768px) {
  .roads {height:280px;}
  .roads__train {bottom:4px}

  .road__desc {margin-bottom: 28px;width:320px;font-size: 1rem;}
  .road__desc::before {bottom:-20px;right:-1px;border-width: 0 20px 20px 0;border-color: transparent #DE4817 transparent transparent;}
  .road__desc::after {bottom: -16px;right:0;border-width: 0 16px 16px 0;border-color: transparent #020141 transparent transparent;}

  .roads__truck .road__machine {width:230px;height:60px;}
  .roads__ship .road__machine {width:290px;height: 106px;}
  .roads__train .road__machine {width:600px;height:44px}
  .roads__airplane .road__machine {width:190px;height:59px}

}
@media (min-width:1200px) {
  .roads {height:250px;}

  .roads__item {align-items: flex-start}
  .roads__airplane {bottom:85%;flex-direction: row;align-items: flex-start;transform: translateY(50%);}

  .roads__truck .road__desc {margin-bottom:26px}
  .roads__ship .road__desc {margin-bottom: 0}
  .roads__train .road__desc {margin-bottom: 26px}
  .roads__airplane .road__desc {margin-bottom:0}

  .roads__truck .road__machine {margin-left: 318px;}
  .roads__ship .road__machine {margin-left: 290px;}
  .roads__train .road__machine {margin-left: 318px;}
  .roads__airplane .road__machine {margin-left:40px;}

}
@media (min-width:1440px) {
  .roads {height:330px;}

  .roads__train {bottom:8px}

  .road__desc {width:380px;padding: 20px;font-size: 1.125rem;border:2px solid #DE4817;border-radius: 10px 10px 0 10px;}
  .road__desc::before {bottom:-30px;right:-2px;border-width: 0 30px 30px 0;}
  .road__desc::after {bottom: -24px;border-width: 0 25px 25px 0;}

  .roads__truck .road__desc {margin-bottom:40px}
  .roads__train .road__desc {margin-bottom: 40px}

  .roads__truck .road__machine {width:300px;height: 78px;margin-left: 378px;}
  .roads__ship .road__machine {width:444px;height: 161px;margin-left: 330px;}
  .roads__train .road__machine {width:822px;height: 59px;margin-left: 378px;}
  .roads__airplane .road__machine {width:242px;height: 75px;}
}
/* .services */
.services {margin-bottom: 48px;}
.services__desc {margin-bottom: 32px;font-size: 1.125rem;}
.services__list {flex-direction: column;margin-bottom: 32px;padding-left: 0;list-style: none;}
.services__list li {position:relative;padding-left: 20px;}
.services__list li:before {
  position: absolute;left: 0;top: 12px;display:block;width: 4px;height: 4px;
  border-radius: 50%;background-color: #fff;content:"";
}
.services__list__header {margin-bottom: 16px;padding-left: 0 !important;font-family: "TTLakesNeueExt-Black";font-size: 1.125rem;line-height: 1.1;}
.services__list__header:before {visibility: hidden}
@media (min-width:768px) {
  .services__box {display: flex;}
  .services__list {flex-direction:row;flex-wrap:wrap;width: 50%;margin-bottom: 0;}
  .services__list li {padding-right:10px}
}
@media (min-width:992px) {
  .services {display:flex;justify-content: space-between;}
  .services__desc {width: 40%;font-size: 1.25rem;}
  .services__box {display: flex;width: 50%;}
  .services__list {flex-direction:row;flex-wrap:wrap;width: 50%;}
}
@media (min-width:1200px) {
  .services__desc {font-size: 1.25rem;}
  .services__list {font-size: 1.125rem}
  .services__list__header {font-size:1.25rem}
}
@media (min-width:1440px) {
  .services {margin-bottom: 64px;}
  .services__desc {width: 30%;font-size: 1.5rem;}
}

/* .roadmap */
.roadmap {display: flex; flex-wrap: nowrap; width:100%;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.roadmap__item {display: flex;width: 260px;flex-shrink: 0;}
.roadmap__item__inner {display: flex;flex-direction: column;align-items: center;flex-shrink: 0}
.roadmap__list {padding: 0;list-style: none;flex-shrink: 0}
.roadmap__icon {display:block;margin-bottom: 20px;}
.roadmap__icon svg {width:64px;height: 64px;}
.roadmap__name {font-family: "TTLakesNeueExt-Black";text-transform: capitalize;text-align: center}

.roadmap__line {position: relative;width:100%;height: 2px;margin-top:32px;background-color: #DE4817;transition: width 1s linear 1s}
.roadmap__line:before,
.roadmap__line:after {position: absolute;top:-5px;display:block;width:10px;height: 10px;border-radius: 50%;background-color: #DE4817;content: "";}
.roadmap__line:before {left:0}
.roadmap__line:after {right:0;}

.roadmap__item:last-child .roadmap__line {margin-right:2px;}
.roadmap__item:last-child .roadmap__line:after {
 top:-4px;
  border-right:3px solid #DE4817;border-bottom: 3px solid #DE4817; border-radius: 0;background:none;
  transform: rotate(-45deg);
}
.roadmap__graf {position: absolute; top: -80px;right: -40px;display:block;width: 160px;height: 148px;transform: translateZ(0);}
@media (min-width: 576px) {
  .roadmap__graf {top: -100px;right: -80px;width:240px;height:220px}
}
@media (min-width:768px) {
  .roadmap__graf {top: -168px;right: -268px;width: 397px; height:366px;}
}
@media (min-width:992px) {
  .roadmap__item {flex: 25%;}
}
@media (min-width:1200px) {
  .roadmap__graf {top: -120px; right: -120px; width: 300px; height: 280px;}
}
@media (min-width:1440px) {
  .roadmap__graf {top: -168px;right: -200px;width: 397px; height:366px;}
}

/* .footer */
.footer {padding-bottom: 0}
.footer__col {margin-bottom: 32px;}
.footer__logo {width:226px;height:49px;}
.footer__contact {padding:0;list-style:none;}
.footer__contact li {margin-bottom:8px}
.footer__contact li a {color:#fff;}
.footer__bg {max-width:1920px;display: block;margin-left: auto;margin-right: auto;}
.footer__graf {position: absolute; top:0;right: -40px;display:block;width: 160px;height: 148px;transform: translateZ(0);}

@media (min-width: 576px) {
  .footer__graf {top: -100px;right: -80px;width:240px;height:220px}
}
@media (min-width:768px) {
  .footer__graf {right: -100px;}
}
@media (min-width:992px) {
  .footer__inner {display:flex;flex-wrap:wrap;}
  .footer__graf {left: -200px;right: auto;}
  .footer__col {width:33.333333%;margin-bottom:64px}
  .footer__contact {padding-top:20px;}
}
@media (min-width:1200px) {
  .footer__graf {position: absolute;top: -120px;left: -280px;width: 300px;height: 280px;}
  .footer__col {width:25%;margin-bottom:80px}
}
@media (min-width:1440px) {
  .footer__graf {top: -168px;left: -380px;width: 397px; height:366px;}
}

/* .form */
.form {position: relative;z-index:3;width: 100%;margin:0 auto 48px;padding:24px;color:#020141;background: #fff;border-radius:12px;}
.form:before {
  position: absolute;left:0;top:0; display: block;width: 100%; height: 100%;
  border:2px solid #fff;border-radius: 12px;content: "";transition: transform 0.2s linear;
}
.form:hover:before, .form.focus:before {transform: translate3d(10px,10px,0)}
.form__inner {position: relative;z-index: 2}
.form__name {margin-bottom:24px;font-family: "TTLakesNeueExt-BlackIt";font-size:1.25rem;text-transform: uppercase;}

.form__group {position: relative;margin-bottom: 24px;}
.form__label {
  position: absolute;left:0;top:0;z-index: -1;display: block;font-size:1rem;line-height: 36px;
  text-transform: uppercase; transition: all 0.3s; font-size: 1rem;
}
.form__group.focus .form__label {top:-5px;font-size: .75rem;line-height: 10px;color: #C4C4C4;}

.form__input {
  display: block;width: 100%;padding:6px 0;background: none;border: 0;color:#020141;border-bottom: 2px solid #020141;
  font-size: 1rem;text-transform: uppercase; transition: all 0.3s;
  -webkit-appearance: none;-moz-appearance: none;appearance: none;
}
.form__input:focus {outline: none;}
.form__group.focus .form__input {border-color:#DE4817}

textarea.form__input {resize: none;height: 42px;}
.form__group.focus textarea.form__input {height: 104px;}
.form__buttons {padding-top: 16px;}

/* .btn */
.button {
  display: block; width: 100%; padding: 14px;background: #fff;font-family: "TTLakesNeueExt-Medium";
  font-size: 0.875rem; text-decoration: none; color: #020141;text-transform: uppercase;
  border: 2px solid #020141; border-radius: 5px;transition: all 0.2s linear;
}
.button:hover, .button:focus {background:#DE4817;border-color:#DE4817;color:#fff;text-decoration: none;}
.button:focus {outline: none}

@media (min-width:375px) {
  .form {width:340px}
}
@media (min-width:992px) {
  .form {position:absolute;top:120px;right:0;margin:0;}
}
@media (min-width:1200px) {
  .form {top: 160px;right:60px;padding:32px;width:380px;border-radius: 20px;}
  .form:before {border-radius: 20px;}
  .form:hover:before, .form.focus:before {transform: translate3d(14px,14px,0)}
  .form__name {font-size: 20px;}
}
@media (min-width:1440px) {
  .form {right:140px;width: 418px;max-width: 418px;top: 200px;padding: 44px;border-radius: 20px;}
  .form:hover:after {transform: translate3d(18px,18px,0)}
  .form__name {margin-bottom:32px;font-size:1.5rem;}
  .button {padding: 16px;font-size: 1rem;}
  .form__name {margin-bottom: 48px;font-size: 24px;}
  .form__group {margin-bottom: 32px;}
}
@media (min-width:1640px) {
  .form {top:250px}
}

/* .scroller */
.scroller {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color:#DE4817;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity .2s linear
}
.scroller svg {width: 18px;height: 22px}
.scroller:hover {opacity: .8}

@media(min-width:1200px) {
  .scroller {bottom: 32px; right: 32px; width: 64px; height: 64px}
  .scroller svg {width: 24px; height: 29px}
}
@media(min-width:1440px) {
  .scroller {bottom: 48px;right: 48px}
}

/* .animate__fadeChains */
.chains__media__item {-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.chains__truck {animation-duration: 5s;}
.chains__ship {animation-duration: 3s;}
.chains__airplane {animation-duration:2s;}
.chains__train {animation-duration: 4s;}
@keyframes fadeChains {
    0% {transform:translate3d(-50%,0,0);opacity: 0}
    100% {transform:translate3d(0,0,0); opacity: 1}
}
.aos-animate .chains__media__item {animation-name: fadeChains;}

/* .anim */
.aos-animate .anim {animation-fill-mode: both;animation-name: anim;animation-iteration-count: infinite;animation-delay:2s;}
.about .aos-animate .anim,
.footer .aos-animate .anim {animation-fill-mode: both;animation-name: anim2;animation-iteration-count: infinite;animation-delay:2s;}
.anim1 {animation-duration: 4s;}
.anim2 {animation-duration: 6s;}
.anim3 {animation-duration: 8s;}
.anim4 {animation-duration: 10s;}
.anim5 {animation-duration: 12s;}
@keyframes anim {
  0% {transform:translate3d(0,0,0);}
  50% {transform:translate3d(-2%,-2%,0);}
  100% {transform:translate3d(0,0,0);}
}
@keyframes anim2 {
  0% {transform:translate3d(0,0,0);}
  50% {transform:translate3d(2%,-2%,0);}
  100% {transform:translate3d(0,0,0);}
}