@font-face {
     font-family: DecimaMono;
     src: url(fonts/DecimaMonoPro.0f4b5dc.woff2) format("woff2"), url(fonts/DecimaMonoPro.5d228a3.woff) format("woff");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: Roobert-Regular;
     src: url(fonts/Roobert-Regular.0b31dd4.woff2) format("woff2"), url(fonts/Roobert-Regular.87ff3d2.woff) format("woff");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: Roobert-Medium;
     src: url(fonts/Roobert-Medium.907c66b.woff2) format("woff2"), url(fonts/Roobert-Medium.e6e1c9e.woff) format("woff");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: Roobert-SemiBold;
     src: url(fonts/Roobert-SemiBold.a826037.woff2) format("woff2"), url(fonts/Roobert-SemiBold.249aa96.woff) format("woff");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: Roobert-Bold;
     src: url(fonts/Roobert-Bold.5bc1955.woff2) format("woff2"), url(fonts/Roobert-Bold.c1a59a6.woff) format("woff");
     font-weight: 400;
     font-style: normal
 }

 button,
 hr,
 input {
     overflow: visible
 }

 progress,
 sub,
 sup {
     vertical-align: baseline
 }

 a,
 button,
 legend,
 p {
     color: inherit
 }

 button,
 input {
     border: none
 }

 blockquote,
 body,
 button,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 ul {
     margin: 0
 }

 .screen-coming_soon,
 header,
 img,
 svg {
     width: 100%
 }

 footer,
 header {
     display: -ms-flexbox;
     margin: 0 auto;
     color: #000
 }

 .contatc-links a,
 footer,
 sub,
 sup {
     position: relative
 }

 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%
 }

 details,
 main {
     display: block
 }

 h1 {
     font-size: 2em
 }

 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0
 }

 [type=checkbox],
 [type=radio],
 legend {
     -webkit-box-sizing: border-box;
     padding: 0
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }

 a {
     background-color: transparent;
     transition: 1s
 }

 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted
 }

 b,
 strong {
     font-weight: bolder
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 img {
     border-style: none;
     display: block
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
     margin: 0
 }

 button,
 select {
     text-transform: none
 }

 [type=button],
 [type=reset],
 [type=submit],
 button {
     -webkit-appearance: button
 }

 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0
 }

 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring,
 button:-moz-focusring {
     outline: ButtonText dotted 1px
 }

 fieldset {
     padding: .35em .75em .625em
 }

 legend {
     box-sizing: border-box;
     display: table;
     max-width: 100%;
     white-space: normal
 }

 textarea {
     overflow: auto
 }

 [type=checkbox],
 [type=radio] {
     box-sizing: border-box
 }

 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }

 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }

 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }

 summary {
     display: list-item
 }

 #page-transition,
 [hidden],
 template {
     display: none
 }

 :root {
     font-size: 62.5%;
     --highlight-color: #0f4;
     font-family: Roobert-Regular, sans-serif
 }

 ::selection {
     color: #fff;
     text-shadow: none;
     background: #131b2c
 }

 ::-moz-selection {
     color: #fff;
     text-shadow: none;
     background: #131b2c
 }

 ::-webkit-selection {
     color: #fff;
     text-shadow: none;
     background: #131b2c
 }

 .contatc-links a:hover,
 .title-l1 {
     color: #000051
 }

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

 a,
 p {
     font-size: inherit;
     text-decoration: none
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     font-weight: 400;
     padding: 0
 }

 button {
     background: 0 0;
     padding: 0;
     cursor: pointer
 }

 button:focus {
     outline-style: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: transparent
 }

 ul {
     -webkit-margin-start: 0;
     margin-inline-start: 0;
     -webkit-margin-before: 0;
     margin-block-start: 0;
     -webkit-margin-after: 0;
     margin-block-end: 0;
     -webkit-padding-start: 0;
     padding-inline-start: 0;
     padding: 0;
     list-style: none
 }

 li {
     list-style-type: none
 }

 input:focus {
     outline: 0
 }

 body {
     background: #f5f5f5;
     font-family: Roobert-Regular;
     Helvetica,
     san-serif;
 }

 .content-main {
     height: 100vh;
     overflow: hidden;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     display: flex;
     width: 85%;
     margin: auto
 }

 header {
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0
 }

 .icon-wrapper {
     display: flex
 }

 .icon-wrapper a {
     margin: 0 5px
 }

 .icon {
     display: inline-block;
     vertical-align: middle;
     background: #000051;
     padding: 7px;
     border-radius: 50px;
     width: 31px;
     height: 31px;
     transition: .5s
 }

 .icon svg {
     fill: #FFF
 }

 .icon:hover {
     background: #71719c
 }

 .title-l1 {
     text-align: center;
     font-size: clamp(26px, 5vw, 45px);
     margin-bottom: 2rem;
     font-family: Roobert-SemiBold, sans-serif;
     letter-spacing: 0
 }

 .screen-coming_soon img {
     margin: auto;
     width: 100%
 }

 .display-lg {
     display: inline-block;
 }

 .display-xs {
     display: none;
 }

 @media (max-width:768px) {
     .display-lg {
         display: none;
     }
     .display-xs {
         display: inline-block;
     }
 }

 footer {
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1.3em 0 1rem;
     width: 100%;
     left: 0;
     right: 0;
     z-index: 10
 }

.contatc-links {
    display: flex;
    flex-direction: column;
}
 .contatc-links .tt-link {
     font-size: 15px;
     color: #000051;
     margin-bottom: 0;
 }
 @media (min-width:1028px) {
    .contatc-links {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        flex-direction: row;
    }
     .contatc-links .tt-link {
         margin-bottom: 0;
     }
}

.contatc-links .link-appear {
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: normal;
}
.contatc-links .icon-contact img {
    width: 18px;
}
 @media (max-width:1024px) {
    .contatc-links .link-appear {
        margin-bottom: 20px;
        gap: 10px;
        align-items: start;
    } 
}


 .delay-1 {
     animation-delay: 1.5s
 }

 .delay-2 {
     animation-delay: 1.7s
 }

 .delay-3 {
     animation-delay: 1.9s
 }

 @media (min-width:1920px) {
     .title-l1 {
         font-size: clamp(26px, 5vw, 65px)
     }
     .contatc-links a {
         font-size: 18px
     }
 }

 @media (max-width:768px) {
     .content-main {
         justify-content: start;
         width: 100%;
         padding: 0 15px
     }
     .logo {
         width: auto
     }
     header {
         padding: 2rem 0 4rem;
         align-items: start
     }
     .social-icons {
         margin-top: 5px
     }
     .screen-coming_soon {
         padding: 3rem 0 0 0
     }
     footer {
         padding: 3rem 0 1rem
     }
     .contatc-links {
         margin-left: 0
     }
     .contatc-links a {
         font-size: 15px;
         margin-left: 0;
         display: block;
         margin-bottom: 10px
     }
 }


 @media (max-width:691px) {
     .logo {
         width: 180px
     }
}


 [data-aos=fade-up] {
     transform: translate3d(0, 30px, 0)
 }

 .fade-in {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }
     100% {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }
     100% {
         opacity: 1
     }
 }

 body.tt-transition #page-transition {
     position: relative;
     display: block;
     z-index: 99999
 }

 body.tt-transition .ptr-overlay {
     position: fixed;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background-color: #f8f8f8;
     z-index: 1
 }

 body.tt-transition .ptr-preloader {
     position: fixed;
     top: 50%;
     left: 50%;
     z-index: 2;
     transform: translate(-50%, -50%)
 }

 body.tt-transition .ptr-prel-content {
     margin-top: 10px;
     text-align: center;
     text-transform: uppercase;
     font-size: 15px;
     font-weight: 700;
     color: #af1212
 }

 .ptr-prel-image {
     max-height: 180px;
     opacity: .9
 }

 #tt-header {
     width: 100%;
     color: #fff;
     z-index: 999
 }

 .tt-header-inner {
     width: 100%;
     display: flex;
     align-items: center
 }

 .tt-header-col {
     display: flex;
     align-items: center
 }

 .tt-header-col:first-child {
     margin-right: auto
 }

 a.tt-link {
     background-repeat: no-repeat;
     background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
     background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
     background-image: -ms-linear-gradient(transparent 100%, currentColor 1px);
     transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
     background-size: 0 100%;
     border: none;
     opacity: 1
 }

 a.tt-link-2 {
     color: currentColor;
     opacity: 1;
     border-bottom: 1px dotted
 }

 a.tt-link-2:focus,
 a.tt-link-2:hover {
     color: currentColor;
     opacity: .8
 }

 a.tt-link:focus,
 a.tt-link:hover {
     background-size: 100% 100%;
     opacity: 1
 }