:root {
/*    --col: #C2253F;*/
}
* {
    outline: none
}
*::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
*:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
*::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
textarea {
    resize: none;
        padding-top: 20px
}
input[type='number'] {
    -moz-appearance:textfield;
}
select.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
body {
    font-family: 'favorit';
    font-size: 16px;
    overflow-x: hidden;
    color: #fff;
    font-weight: normal;
    width: 100%;
}

body, html {
    overflow-x: hidden;
}
a {
	color:#fff;
}
a:hover {
	text-decoration: none;
    color:#fff;
}
a:active {
	background: transparent;
}
a:focus {
    text-decoration: none;
    color:#fff;
}
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none
}
p {
    margin: 0;
}
.flex-b {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-s {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    z-index: 1*/
}
.wrapper {
    background: #0E141B;
    background-image: url(../img/main-bg.png);
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.text-deco {
    -webkit-text-stroke: .5px white;
    text-stroke: .5px white;
    color: transparent
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 25px 0;
    z-index: 2;
/*    background: #0E141B;*/
    background: linear-gradient(#0E141B 50%, rgba(14, 20, 27, 0) 90%);
}
.header {
    width: 100%;
    align-items: flex-start
}
.nav-toggle {
    width: 25px;
    height: 25px;
    position: relative;
    margin-top: 11px;
    cursor: pointer;
    z-index: 3
}
.nav-toggle span {
    background: #fff;
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    transition: all linear .2s
}
.nav-toggle.op span {
    background: none;
    border: 1px solid #fff
}
.nav-toggle span:nth-of-type(1) {
    top: 0;
    left: 0
}
.nav-toggle span:nth-of-type(2) {
    top: 0;
    right: 0
}
.nav-toggle span:nth-of-type(3) {
    bottom: 0;
    left: 0
}
.nav-toggle span:nth-of-type(4) {
    bottom: 0;
    right: 0
}
.logo {
    margin-right: -101px
}
.tel {
    display: block;
    margin-top: 11px;
    font-size: 18px;
}
.nav-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 50%;
    height: 100vh;
    z-index: ;
    background: #0E141B;
    display: none
}
.nav-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.nav {
    display: flex;
    width: 80%
}
.nav-items {
    width: 50%;
}
.nav-items a {
    display: block;
    margin: 60px 0;
    -webkit-text-stroke: .5px white;
    text-stroke: 1px white;
    font-weight: bold;
    font-size: 18px;
    line-height: 141%;
    color: transparent;
    text-transform: uppercase;
}
.page-identy {
    position: fixed;
    width: 55px;
    top: calc(50% - 27px);
    height: 54px;
    left: 17px;
    z-index: 1
}
.page-identy span {
    position: absolute;
    font-size: 18px;
}
.ident-bot {
    bottom: 0;
    right: 0;
    color: rgba(255, 255, 255, 0.3)
}
.page-identy:after {
    position: absolute;
    content: '';
    width: 38px;
    height: 1px;
    background: #fff;
    top: 50%;
    left: calc(50% - 19px);
    transform: rotate(-45deg)
}
.headline {
    font-weight: bold;
    font-size: 45px;
    line-height: 141%;
    text-align: center;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    margin: 0 0 20px
}
.content-main {
    text-align: center;
    font-size: 18px;
    line-height: 160%;
    color: #C4C4C4;
    padding: 0 205px
}

.scroll-link {
    position: absolute;
    left: 49%;
    bottom: 5%;
    z-index: 5;
    display: block
}
.section5 .scroll-link {
    transform: rotate(-15deg);
    bottom: 12%;
    left: 37%
}
.section6 .scroll-link {
    transform: rotate(35deg);
    bottom: 22%;
    left: 50%
}
.section7 .scroll-link {
    transform: rotate(10deg);
    bottom: 22%;
    left: 46%
}
.preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #0E141B url(../img/main-bg.jpg) center/cover;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
.preloader-line {
    width: 155px;
    height: 155px;
    position: relative;
    margin: 60px auto 0;
    text-align: center
}
.preloader-line img {
    animation-name: preloader;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
@keyframes preloader {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
.preloader-line span {
    position: absolute;
    left: 0%;
    top: 42%;
    font-weight: bold;
    font-size: 30px;
    line-height: 28px;
    width: 100%;
    display: block;
    text-align: center;
}
.section1 .fp-tableCell {
/*    vertical-align:top*/
}
.graf-cont {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.graf {
    margin: 20px 20px 0
}
.hide-block {
        opacity: 0;
/*        height: 0;*/
/*        visibility: hidden*/
    }
.graf-title {
    margin-bottom: 10px;
}
.graf-title img {
    margin-right: 17px;
}
.graf-title h4 {
    margin: 0 0 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.graf-title p {
    font-size: 11px
}

.men-container {
    position: relative;
    height: 100%;
}
.men-bl {
    position: absolute;
    bottom: 0;
}
.men-bl img {
    z-index: 1;
    position: relative
}
.men-bl1 {
    left: 20%;
    z-index: 2 
}
.men-bl2 {
    right: 20%
}
.men-title {
    position: absolute;
    background: #0E141B;
    box-shadow: 0px 0px 40px #225D5E;
    top: 7%;
    padding: 16px 60px 16px 30px
}
.men-bl1 .men-title {
    left: -40%;
}
.men-bl2 .men-title {
    right: -33%;
    padding: 16px 30px 16px 60px
}
.men-title h3 {
    margin: 0 0 3px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.men-title p {
    font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;
    color: #C4C4C4;
}
.page3 .container {
    height: 100%;
}
.men-list {
    align-self: flex-end;
    margin-bottom: 60px;
}
.men-list p {
    position: relative;
    font-size: 18px;
    line-height: 125.5%;
    color: #C4C4C4;
    margin-bottom: 60px;
    padding-left: 70px;
}
.men-list p:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -4px;
    background: url(../img/icon/check.svg) center;
    width: 68px;
    height: 62px;
}
.men-list1 p:nth-child(2) {
    margin-left: 25px;
}
.men-list1 p:nth-child(1) {
    margin-left: 55px;
}
.men-list2 p:nth-child(2) {
    margin-left: -25px;
}
.men-list2 p:nth-child(1) {
    margin-left: -55px;
}

.man-imag {
    position: absolute;
    bottom: 0;
    z-index: -1
}
.man-imag:nth-of-type(1) {
    right: 0
}
.man-imag:nth-of-type(2) {
    left: 0
}
.replika-bl {
    justify-content: center;
    align-items: stretch;
}
.replika {
    width: 380px;
    margin: 0 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.replika:nth-of-type(1) {
    padding-right: 30px
}
.replika .text-deco {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.replika h5 {
    margin: 5px 0 30px;
    font-weight: bold;
    font-size: 40px;
    line-height: 141%;
    text-transform: uppercase;
}
.replika-p {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.045em;
    color: #C4C4C4;
    margin-bottom: 40px
}
.play-vid {
    font-size: 12px;
    font-weight: bold
}
.play-vid img {
    margin-left: 14px;
    display: inline-block !important;
}

.portfolio {
    
}
.animated {
    visibility: hidden
}
.portfolio .slick-pr,
.portfolio .slick-nxt
{
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    display: block;
    color: #fff;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    bottom: -5%;
}
.portfolio-section {
    justify-content: center;
}
.portfolio .slick-pr {
    left: 40%;
}
.portfolio .slick-nxt {
    right: 40%; 
}
.portfolio .slick-pr span img {
    transform: rotate(180deg);
    margin-right: 10px
}
.portfolio .slick-nxt span img {
    margin-left: 10px;
}

.port-part {
    background: #121A23;
    width: 295px;
    height: 500px;
    margin: 0 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.port-part1 {
    background-size: cover;
    background-position: center;
    justify-content: flex-end;
    padding-bottom: 40px;
}
.port-part1 h3 {
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 20px
}
.port-part p {
    font-size: 12px;
    line-height: 160%;
    padding: 0 5%
}
.port-part p span {
    color: #225D5E;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    text-align: center
}
.port-part3 {
    text-align: left;
}
.port-part3 .slick-list {
    height: 100%;
}
.port-part3 .slick-track {
    height: 100%;
}
.port-part-slide_mod {
/*    width: 420px !important;*/
}
.port-part-slide>div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
}
.port-part-slide_mod>div {
    justify-content: flex-start;
    padding-top: 10px
}
.port-part-slide img {
    margin: 0 auto 30px;
    display: block
}
.port-part3 .slick-prev {
    left: 7%;
    z-index: 1;
    bottom: 3%
}
.port-part3 .slick-next {
    right: 7%;
    z-index: 1;
    bottom: 3%
}
.port-part3 .slick-dots {
    bottom: 3%;
}
.port-part3 .but {
    height: 40px;
}
.marketing-text {
    width: 430px
}
.marketing h2 {
    font-weight: bold;
    font-size: 45px;
    line-height: 141%;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    margin: 0 0 27px;
}
.marketing h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 160%;
}
.carousel-container {
    width: 500px;
}

.normal .container {
    padding: 120px 0 100px
}
.main .slick-list {
    overflow: visible !important;
}
.main>.slick-prev {
    left: 30px;
    top: 55%;
    z-index: 1
}
.main>.slick-next {
    left: 400px;
    top: 55%;
}
.main>.slick-dots {
    left: 0 !important;
    width: 439px;

    right: 100%;
    bottom: -40px
}
.main-left {
    width: 439px;
    height: 459px;
    background: #0E141B;
    box-shadow: 0px 0px 40px #225D5E;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    flex-shrink: 0
}
.main-left h3 {
    font-weight: bold;
    font-size: 25px;
    line-height: 141%;
    text-transform: uppercase;
    margin: 0 0 23px;
}
.main-left h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    margin: 14px 0 10px;
}
.main-left p {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 40px;
}

.main-right .slick-prev,
.main-right .slick-next
{
    width: 28px;
    height: 12px;
    background: url(../img/icon/arr1.svg) center/cover no-repeat;
    bottom: 0%;
    z-index: 2
}
.main-right .slick-prev {
    left: 200px;
}
.main-right .slick-next {
    left: 420px;
}
.main-right img {
    width: auto !important
}
.instr-bl {
    align-items: stretch;
    margin-top: 40px;
    flex-wrap: wrap
}
.instr br {
    display: none
}
.instr {
    width: 30%;
    margin-bottom: 50px
}
.instr h4 {
    font-weight: bold;
    font-size: 17.8889px;
    line-height: 122%;
    text-transform: uppercase;
    color: #225D5E;
    margin: 15px 0 10px;
}
.instr li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px
}
.instr li:before {
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #225D5E;
    content: '';
    top: 6px;
}
.grid {
    width: 1010px;
    margin: 0 auto;
    align-items: flex-start;
}
.grid>div {
    width: 184px;
}
.item {
    margin-bottom: 20px;
    position: relative
}
.item a {
    display: block !important;
    width: 100%;
    height: 100%;
    position: relative
}
.item a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(14, 20, 27, 0.7);
    top: 0;
    left: 0;
    display: none
}
.item span {
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../img/icon/plus.svg) center;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    display: none;
    z-index: 2
}
.item.video span {
    background: url(../img/icon/play.svg) center/cover;
    display: block;
}
.item a:hover span {
    display: block
}
.item a:hover:after {
    display: block
}
.main-form {
    width: 300px;
    margin: 20px auto 0;
}
.input {
    display: block;
    background: none;
    border: none;
    width: 100%;
    padding: 9px 20px;
    border-bottom: 1px solid #225D5E;
    margin-bottom: 25px;
    font-size: 14px;
}
textarea.input {
    height: 100px;
}
.but {
    width: 100px;
    background: #225D5E;
    border: none;
    width: 100%;
    height: 52px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 25px 10px;
/*    z-index: 1;*/
    background: linear-gradient(to top, #0E141B 53%, rgba(14, 20, 27, 0) 98%);
}
.soc a {
    margin-left: 15px;
    display: inline-block;
    font-size: 12px
}
.modal-backdrop {
    overflow: hidden;
    background-color: #000;
}    
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=9);
    opacity: .95;
}
.modal {
    padding-right: 0px !important;
}
.modal-open {
    padding-right: 0px !important;
}
.modal .modal-dialog{
    margin: 70px auto 0px;
    padding: 0;
}
.modal-content {
    border-radius: 0px;
    background: none;
    width: 400px;
    margin: 0px auto;
    position: relative;
    box-shadow: none;
    border: none;
    padding: 0;
    text-align: center;
}
.modal h6 {
    font-size: 32px;
    margin: 20px 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}
.modal h6+p {
    font-size: 20px;
    color: #fff;
}
.modal-dialog .close {
    top: -10px;
    right: -10px;
    opacity: 1;
    position: absolute;
}