@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline'), local('Lato-Hairline'), url('../fonts/lato/latohairline.woff2') format('woff2'), url('../fonts/lato/latohairline.woff') format('woff'), url('../fonts/lato/latohairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Thin'), local('Lato-Thin'), url('../fonts/lato/latothin.woff2') format('woff2'), url('../fonts/lato/latothin.woff') format('woff'), url('../fonts/lato/latothin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Light'), local('Lato-Light'), url('../fonts/lato/latolight.woff2') format('woff2'), url('../fonts/lato/latolight.woff') format('woff'), url('../fonts/lato/latolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato/latoregular.woff2') format('woff2'), url('../fonts/lato/latoregular.woff') format('woff'), url('../fonts/lato/latoregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/lato/latoitalic.woff2') format('woff2'), url('../fonts/lato/latoitalic.woff') format('woff'), url('../fonts/lato/latoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Medium'), local('Lato-Medium'), url('../fonts/lato/latomedium.woff2') format('woff2'), url('../fonts/lato/latomedium.woff') format('woff'), url('../fonts/lato/latomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('../fonts/lato/latomediumitalic.woff2') format('woff2'), url('../fonts/lato/latomediumitalic.woff') format('woff'), url('../fonts/lato/latomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold'), local('Lato-Semibold'), url('../fonts/lato/latosemibold.woff2') format('woff2'), url('../fonts/lato/latosemibold.woff') format('woff'), url('../fonts/lato/latosemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('../fonts/lato/latosemibolditalic.woff2') format('woff2'), url('../fonts/lato/latosemibolditalic.woff') format('woff'), url('../fonts/lato/latosemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato/latobold.woff2') format('woff2'), url('../fonts/lato/latobold.woff') format('woff'), url('../fonts/lato/latobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy'), local('Lato-Heavy'), url('../fonts/lato/latoheavy.woff2') format('woff2'), url('../fonts/lato/latoheavy.woff') format('woff'), url('../fonts/lato/latoheavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Black'), local('Lato-Black'), url('../fonts/lato/latoblack.woff2') format('woff2'), url('../fonts/lato/latoblack.woff') format('woff'), url('../fonts/lato/latoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Heuristica';
    src: local('Heuristica Regular'), local('Heuristica-Regular'), url('../fonts/heuristicaregular.woff2') format('woff2'), url('../fonts/heuristicaregular.woff') format('woff'), url('../fonts/heuristicaregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Heuristica';
    src: local('Heuristica Italic'), local('Heuristica-Italic'), url('../fonts/heuristicaitalic.woff2') format('woff2'), url('../fonts/heuristicaitalic.woff') format('woff'), url('../fonts/heuristicaitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Heuristica';
    src: local('Heuristica Bold'), local('Heuristica-Bold'), url('../fonts/heuristicabold.woff2') format('woff2'), url('../fonts/heuristicabold.woff') format('woff'), url('../fonts/heuristicabold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Heuristica';
    src: local('Heuristica Bold Italic'), local('Heuristica-BoldItalic'), url('../fonts/heuristicabolditalic.woff2') format('woff2'), url('../fonts/heuristicabolditalic.woff') format('woff'), url('../fonts/heuristicabolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Thasadith';
    src:  url('../fonts/Thasadith-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}



body{
    font-family: 'Lato', sans-serif;
    background: #161616;
    background: -webkit-radial-gradient(center, #161616, #000000);
    background: -moz-radial-gradient(center, #161616, #000000);
    background: radial-gradient(ellipse at center, #161616, #000000);

}
.scroll-off{
    max-height: 100vh;
    max-width: 100vw;
    overflow: hidden;
}
button {
    background: transparent;
    color: inherit;
    border: none;
}
button:focus {
    outline: none;

}
a:hover{
    text-decoration: none;
}

.pre-background{
    background: #fff;
}
.pre-background > *:not(canvas){
    display: none;
}
.main-page{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.preloader{
    background: #fff;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.dark{
    margin-top: -100vh;
    transition:  margin-top  350ms 50ms;
}
#waves{
    width: 100vw;
    height: 100vh;
    z-index: 1;

}

.waves{
    opacity: 0;
    position: relative;
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    transition: opacity 200ms;

}
header{
    margin: 0 3.5rem;
    position: relative;
}
.w-nav{
    position: relative;
    max-width: 1550px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    transition: top  0.3s 300ms ease-out;
    display: flex;
    align-items: center;
}
.preload-in .w-nav{
    top: -50px!important;

}
.waves.open{
    opacity: 1;
    transition: opacity 200ms;
}
.waves-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    padding-bottom: 1rem;
    height: fit-content;
    margin: auto;
    width: fit-content;

}
.w-main__img{
    margin: 0 auto;
    width: 312px;
    display: block;
    z-index: 2;

}
.w-main__text-l{
    text-align: center;
    font-size: 21px;
    /* color: #ffffffbf;*/
    color: #ffffffcc;
    font-weight: 300;
    margin-bottom: 3rem;
    z-index: 2;
}
.w-main__text-r{
    font-size: 18px;
    margin-top: 1px;;
}
.w-main__text-l:not(.w-main__text-r) {
    font-size: 21px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    letter-spacing: 0.2px;
}
.w-main__text-l span{
    color: #d43732;
    font-weight: 400;
}

.w-main__text{
    font-size: 28px;
    color: #ffffffe8;
    text-align: center;
    text-shadow: 0 0 1px #000000;
    z-index: 2;
    font-weight: 300;

}

.w-nav{
    position: absolute;
    top: 50px;
    z-index: 4;
    overflow: hidden;
    cursor: pointer;
    margin: auto;
    margin-top: -10px;
}
.nav-btn{
    width: 65px;
    padding: 10px 0;
    padding-right: 10px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}
.nav-btn span{
    display: block;
    height: 1px;
    width: 100%;
    background: #ffffff;
    margin-top: 6px;
    clear: both;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;

}
.nav-btn span:first-child {
    margin-top: 0;
    width: 63.07%;
}
.nav-btn span:nth-of-type(2) {
    width: 35.38%;
}
.nav-btn span:nth-of-type(3) {
    width: 44.53%;
}
.nav-btn span:nth-of-type(4) {
    width: 83.07%;
}
.nav-btn:hover span{
    width: 63.07%;
}

.arrow-down{
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='64px' height='64px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Crect x='31' y='36' width='2' height='4'/%3E%3Crect x='31' y='18' width='2' height='4'/%3E%3Crect x='31' y='30' width='2' height='4'/%3E%3Crect x='31' y='24' width='2' height='4'/%3E%3Crect x='31' y='12' width='2' height='4'/%3E%3Crect x='31' width='2' height='4'/%3E%3Crect x='31' y='6' width='2' height='4'/%3E%3Crect x='31' y='42' width='2' height='4'/%3E%3Crect x='31' y='48' width='2' height='4'/%3E%3Crect x='31' y='54' width='2' height='1'/%3E%3Cpolygon points='31.293,64 32.707,64 41.707,54.854 40.293,53.366 32,61.623 23.707,53.312 22.293,54.862 '/%3E%3C/g%3E%3C/svg%3E"); display: block;*/
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 2px;
    opacity: 0.7;
    margin: auto;
    background-color: #fff;
    transition: all .3s ease-out;


}
.w-main{
    margin-bottom: -100vh;
    transition: margin-bottom 200ms ease-in,  transform 200ms ease-in;
}
.waves.open .w-main {
    margin-bottom: 0;
    transition: margin-bottom 200ms ease-in, tranform 150ms  cubic-bezier(0.390, 0.575, 0.565, 1.000)  ;
}

.preload-in  .w-arrow{
    bottom: -70px;
}
.w-arrow{
    position: absolute;
    bottom: 0;
    left: calc(50% - 25px);
    text-align: center;
    transition: bottom 0.3s 300ms ease-out;
    cursor: pointer;
}
.w-arrow:hover i{
    height: 60px;
}
.w-arrow__text{
    padding-bottom: 3px;
    display: inline-block;
    color: #8a8787;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
}

.menu-block.hidden{
    display: none;
}

.menu-block{
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    background: #050505;
    height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 2.5rem 3.5rem;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 500ms ;
}
.menu-block.open{
    opacity: 1;
    transition: opacity 500ms ease-in-out;
}
.menu-block > div{
    max-width: 1550px;
    margin: auto;
    width: 100%;
}
div.menu-block__header{
    display: flex;
    margin-top: -15vh;
    transition: margin-top 200ms ease-out;
    align-items: center;
}
.menu-block__logo img{
    max-height: 60px;
    /* position: absolute;
     width: 24%;
     height: auto;
     margin: auto;
     display: block;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     opacity: 0.02;
     transition: width ease-in;*/
}
/*.js-main-menu.open .menu-block__logo img {
    width: 80%;
    max-width: 1000px;
    transition: width ease-in;
}*/
.menu-block__close{
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.menu-block__close:before, .menu-block__close:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transition: all 100ms ease-out;
}
.menu-block__close:before {
    transform: rotate(-45deg);
}
.menu-block__close:after {
    transform: rotate(45deg);
}
.menu-block__close:hover::before,
.menu-block__close:hover::after {
    /* opacity: 1; */
    transform: rotate(0deg);
}

.menu-block__body{
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding-bottom: 4rem;
}



.main-menu{
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    margin: 2rem auto;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -100vh;
    transition: margin-bottom 300ms ease-out;
}

li.main-menu__el {
    display: inline-block;
    width: auto;
    padding: 1rem;
    font-size: 35px;
    text-transform: uppercase;
    color: #bfbdbd;
    font-weight: 200;
}
.main-menu__link{
    color: #a5a5a5;
    padding: 0.2rem 1rem;
    background: #050505;
    position: relative;
    transition:  color 350ms;
    box-shadow: 0 0 37px 1px #050505;
}
.main-menu__link:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 24%;
    left: 50%;
    z-index: -1;
    background-color: #e6342f;
    display: block;
    margin: auto;
    top: 0;
    bottom: 0;
    transition:  left 200ms cubic-bezier(.1, .9, .9, 1.5),width 200ms cubic-bezier(.1, .9, .9, 1.5);

}
.main-menu__link:hover{
    color: #fff;
    transition:  color 200ms;
}
.main-menu__link:hover::after {
    left: -15%;
    width: 130%;
    transition:  left 250ms cubic-bezier(.1, .4, .6, 1.5),width 250ms cubic-bezier(.1, .4, .6, 1.5);
}
.main-menu__link.active{
    color: #fff;
    cursor: default;
    pointer-events: none;
}
.main-menu__link:hover{
    text-decoration: none;
}
.js-main-menu.open .main-menu{
    margin-bottom: 1rem;
    transition: 300ms ease-out;
}
.js-main-menu.open div.menu-block__header{
    margin-top: 0;
    transition: 300ms ease-out;

}

#particles-js{
    width: 100vw;
    height: 100vh;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 1;
}


.page-block{
    padding-top: 7rem;
    padding-bottom: 8rem;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    max-width: 100vw;
    overflow: hidden;
}
.c-info{
    color: #e4e4e4;
}

.c-info__title{
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}
.c-info__title{
    font-size: 1.68em;
    line-height: 1.5;
    letter-spacing: 0.6px;
    font-weight: 200;
}
.c-info__title--min{
    font-size: 1.48em;
    line-height: 1.5;
}
.c-info__content{
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    font-family: "Heuristica";
    max-width: 710px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 18px;
    color: #e4e4e4;
    position: relative;
}

.c-info__content--max{
    font-size: 22px;
    margin-top: 30px;
    line-height: 1.6;
}
.c-info__title--min:after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 98%;
    height: 1px;
    background: #e6342f;
}

.text-center{
    text-align: center;
}
.services-block{
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem auto;
    justify-content: center;

}
.services-block__el{
    width: calc(25% - 1.4rem);
    padding: 2rem 1rem;
    margin: 0.7rem 0.7rem;
    text-align: center;
    opacity: 0.75;
    transition: all 300ms;
    display: block;
    color: #fff;
    border-radius: 6px;
    /* box-shadow: 0 0 25px 2px #000;*/
    box-shadow: 0 0 4px 1px rgb(152 152 152 / 21%), 0px 0px 25px 5px #000;
}
.services-block__el:hover{
    opacity: 1;
    transition: all 150ms;
    text-decoration: none;
    color: #fff;
    /*   box-shadow: 0 0 20px 7px #000;*/
    box-shadow: 0 0 3px 0px rgb(152 152 152 / 25%), 0px 0px 18px 10px #000;

}

.services-block__icon{
    display: block;
    width: 85px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: auto;
}
.icon-puzzle{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='475.078px' height='475.077px' viewBox='0 0 475.078 475.077' style='enable-background:new 0 0 475.078 475.077;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cpath d='M462.094,285.791c-8.658-11.231-20.793-16.851-36.398-16.851c-8.186,0-16.084,1.43-23.694,4.284 c-7.625,2.854-13.765,6.044-18.426,9.564c-4.653,3.519-9.705,6.711-15.125,9.565c-5.421,2.854-10.232,4.288-14.414,4.288 c-8.569,0-17.036-4.381-25.413-13.135c-6.663-7.046-9.993-18.175-9.993-33.403c0-18.083,2.279-41.399,6.845-69.949 c0.198-0.571,0.526-2.618,0.999-6.139c0.486-3.518,0.951-6.757,1.431-9.707c0.472-2.95,0.801-4.615,0.992-4.998v-0.57 c-8.938,0.382-24.455,1.997-46.534,4.853c-22.08,2.856-39.205,4.283-51.391,4.283c-11.61,0-21.414-2.521-29.408-7.566 c-7.993-5.043-11.991-12.991-11.991-23.839c0-7.045,1.668-13.8,4.996-20.273c3.33-6.473,6.947-11.851,10.85-16.134 c3.905-4.286,7.521-9.9,10.85-16.846c3.332-6.942,4.996-14.322,4.996-22.123c0-15.037-5.136-26.794-15.415-35.26 c-10.278-8.466-23.029-12.703-38.256-12.703c-16.18,0-29.88,4.332-41.112,12.99c-11.228,8.66-16.845,20.795-16.845,36.403 c0,8.182,1.427,16.081,4.283,23.695c2.853,7.613,6.04,13.752,9.563,18.417c3.521,4.665,6.71,9.707,9.563,15.131 c2.856,5.428,4.281,10.232,4.281,14.419c0,8.566-4.377,17.036-13.134,25.41c-7.043,6.663-18.175,10-33.402,10 c-18.083,0-41.399-2.286-69.949-6.854c-0.568-0.2-2.615-0.534-6.136-1.01c-3.523-0.477-6.757-0.95-9.707-1.427 c-2.952-0.476-4.62-0.806-4.998-0.999V451.67c0,0.191,0.19,0.287,0.571,0.287c0.378,0.188,0.666,0.28,0.855,0.28l3.711,0.575 c1.716,0.373,4.331,0.76,7.852,1.137c3.523,0.38,6.14,0.767,7.854,1.14c28.549,4.571,51.866,6.854,69.949,6.854 c15.227,0,26.359-3.334,33.402-10c8.757-8.374,13.134-16.847,13.134-25.406c0-4.185-1.425-8.99-4.281-14.421 c-2.853-5.421-6.045-10.461-9.563-15.126c-3.518-4.664-6.707-10.804-9.563-18.415c-2.856-7.613-4.283-15.512-4.283-23.698 c0-15.608,5.617-27.747,16.846-36.404c11.228-8.662,24.838-12.991,40.824-12.991c15.419,0,28.266,4.237,38.544,12.703 c10.278,8.467,15.415,20.226,15.415,35.262c0,7.8-1.665,15.182-4.996,22.121c-3.33,6.951-6.951,12.56-10.85,16.851 c-3.903,4.285-7.517,9.657-10.85,16.133c-3.331,6.468-4.996,13.227-4.996,20.266c0,10.855,3.995,18.802,11.991,23.846 c7.998,5.041,17.799,7.56,29.408,7.56c8.758,0,18.083-0.473,27.979-1.427c9.897-0.948,20.889-2.235,32.977-3.854 c12.087-1.619,21.36-2.718,27.832-3.285c2.098-0.195,5.239-0.288,9.421-0.288v-1.423c0.192-7.423-1.235-18.367-4.277-32.836 c-3.046-14.462-4.575-25.406-4.575-32.832c0-23.603,10.468-35.402,31.408-35.402c7.046,0,13.802,1.666,20.273,4.996 c6.471,3.333,11.847,6.954,16.128,10.852c4.288,3.905,9.911,7.519,16.854,10.852c6.943,3.327,14.314,4.997,22.117,4.997 c15.037,0,26.796-5.141,35.262-15.417c8.474-10.284,12.703-23.124,12.703-38.541C475.078,310.622,470.752,297.022,462.094,285.791z '/%3E%3C/g%3E%3C/svg%3E");
}
.icon-desk{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='548.176px' height='548.175px' viewBox='0 0 548.176 548.175' style='enable-background:new 0 0 548.176 548.175;' fill='%23fff' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M118.774,383.722h310.632c12.562,0,23.312-4.47,32.257-13.422c8.949-8.949,13.422-19.698,13.422-32.258V137.046 c0-12.563-4.473-23.313-13.422-32.261c-8.945-8.947-19.694-13.418-32.257-13.418H118.774c-12.562,0-23.318,4.471-32.264,13.418 c-8.947,8.947-13.418,19.698-13.418,32.261v200.997c0,12.56,4.471,23.312,13.418,32.258 C95.456,379.246,106.212,383.722,118.774,383.722z M109.634,137.046c0-2.474,0.905-4.619,2.713-6.423 c1.811-1.806,3.953-2.712,6.427-2.712h310.625c2.478,0,4.619,0.904,6.427,2.712c1.803,1.809,2.707,3.949,2.707,6.423v200.997 c0,2.471-0.904,4.617-2.707,6.42c-1.808,1.808-3.949,2.714-6.427,2.714H118.771c-2.475,0-4.617-0.903-6.427-2.714 c-1.805-1.81-2.71-3.949-2.71-6.42V137.046z'/%3E%3Cpath d='M502.496,401.997H45.681H0v27.404c0,7.618,4.471,14.086,13.417,19.414c8.951,5.328,19.702,7.994,32.264,7.994h456.815 c12.56,0,23.312-2.666,32.258-7.994s13.422-11.796,13.422-19.414v-27.404H502.496z M296.928,429.401h-45.681 c-3.042,0-4.565-1.526-4.565-4.568c0-3.046,1.523-4.575,4.565-4.575h45.681c3.045,0,4.571,1.529,4.571,4.575 C301.499,427.875,299.973,429.401,296.928,429.401z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.icon-code{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='522.468px' height='522.469px' viewBox='0 0 522.468 522.469' style='enable-background:new 0 0 522.468 522.469;' fill='%23fff%0A' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M325.762,70.513l-17.706-4.854c-2.279-0.76-4.524-0.521-6.707,0.715c-2.19,1.237-3.669,3.094-4.429,5.568L190.426,440.53 c-0.76,2.475-0.522,4.809,0.715,6.995c1.237,2.19,3.09,3.665,5.568,4.425l17.701,4.856c2.284,0.766,4.521,0.526,6.71-0.712 c2.19-1.243,3.666-3.094,4.425-5.564L332.042,81.936c0.759-2.474,0.523-4.808-0.716-6.999 C330.088,72.747,328.237,71.272,325.762,70.513z'/%3E%3Cpath d='M166.167,142.465c0-2.474-0.953-4.665-2.856-6.567l-14.277-14.276c-1.903-1.903-4.093-2.857-6.567-2.857 s-4.665,0.955-6.567,2.857L2.856,254.666C0.95,256.569,0,258.759,0,261.233c0,2.474,0.953,4.664,2.856,6.566l133.043,133.044 c1.902,1.906,4.089,2.854,6.567,2.854s4.665-0.951,6.567-2.854l14.277-14.268c1.903-1.902,2.856-4.093,2.856-6.57 c0-2.471-0.953-4.661-2.856-6.563L51.107,261.233l112.204-112.201C165.217,147.13,166.167,144.939,166.167,142.465z'/%3E%3Cpath d='M519.614,254.663L386.567,121.619c-1.902-1.902-4.093-2.857-6.563-2.857c-2.478,0-4.661,0.955-6.57,2.857l-14.271,14.275 c-1.902,1.903-2.851,4.09-2.851,6.567s0.948,4.665,2.851,6.567l112.206,112.204L359.163,373.442 c-1.902,1.902-2.851,4.093-2.851,6.563c0,2.478,0.948,4.668,2.851,6.57l14.271,14.268c1.909,1.906,4.093,2.854,6.57,2.854 c2.471,0,4.661-0.951,6.563-2.854L519.614,267.8c1.903-1.902,2.854-4.096,2.854-6.57 C522.468,258.755,521.517,256.565,519.614,254.663z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-clock{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Capa_1' enable-background='new 0 0 443.294 443.294' height='512' viewBox='0 0 443.294 443.294' fill='%23fff' width='512'%3E%3Cpath d='m221.647 0c-122.214 0-221.647 99.433-221.647 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647-99.433-221.647-221.647-221.647zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z'/%3E%3Cpath d='m235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z' /%3E%3C/svg%3E");}
.icon-content{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='512' viewBox='0 0 512 512' width='512' fill='%23fff'%3E%3Cg id='Out_line' data-name='Out line'%3E%3Cpath d='m352 400h-8v-80h-16v80h-272.00049l-.00928-159.99951.00977-.00049v-16a16.01833 16.01833 0 0 0 -16 16v160h-8v-160a24.0275 24.0275 0 0 1 24-24v-16a40.04552 40.04552 0 0 0 -40 40v168a40.04552 40.04552 0 0 0 40 40h104v8a24.0275 24.0275 0 0 1 -24 24 8 8 0 0 0 0 16h112a8 8 0 0 0 0-16 24.0275 24.0275 0 0 1 -24-24v-8h104a40.04552 40.04552 0 0 0 40-40v-88h-16zm-135.98145 80h-48.0371a39.79847 39.79847 0 0 0 8.01855-24v-8h32v8a39.79847 39.79847 0 0 0 8.01855 24zm111.98145-48h-272a24.03824 24.03824 0 0 1 -22.62378-16h317.24778a24.039 24.039 0 0 1 -22.624 16z'/%3E%3Cpath d='m472 16h-208a24.02718 24.02718 0 0 0 -24 24v176a24.02718 24.02718 0 0 0 24 24h208a24.02718 24.02718 0 0 0 24-24v-176a24.02718 24.02718 0 0 0 -24-24zm8 200a8.00917 8.00917 0 0 1 -8 8h-208a8.00917 8.00917 0 0 1 -8-8v-176a8.00917 8.00917 0 0 1 8-8h208a8.00917 8.00917 0 0 1 8 8z'/%3E%3Cpath d='m272 64h192v16h-192z'/%3E%3Ccircle cx='280' cy='48' r='8'/%3E%3Ccircle cx='304' cy='48' r='8'/%3E%3Ccircle cx='328' cy='48' r='8'/%3E%3Cpath d='m352 96h-72a8.00008 8.00008 0 0 0 -8 8v72a8.00008 8.00008 0 0 0 8 8h72a8.00008 8.00008 0 0 0 8-8v-72a8.00008 8.00008 0 0 0 -8-8zm-8 72h-56v-56h56z'/%3E%3Cpath d='m456 96h-72a8.00008 8.00008 0 0 0 -8 8v72a8.00008 8.00008 0 0 0 8 8h72a8.00008 8.00008 0 0 0 8-8v-72a8.00008 8.00008 0 0 0 -8-8zm-8 72h-56v-56h56z'/%3E%3Cpath d='m288 192h32v16h-32z'/%3E%3Cpath d='m328 192h16v16h-16z'/%3E%3Cpath d='m392 192h32v16h-32z'/%3E%3Cpath d='m432 192h16v16h-16z'/%3E%3Cpath d='m392 280a8.00917 8.00917 0 0 1 -8 8h-208a8.00917 8.00917 0 0 1 -8-8v-176a8.00917 8.00917 0 0 1 8-8h48v-16h-48a24.02718 24.02718 0 0 0 -24 24v176a24.02718 24.02718 0 0 0 24 24h208a24.02718 24.02718 0 0 0 24-24v-24h-16z'/%3E%3Cpath d='m184 128h40v16h-40z'/%3E%3Ccircle cx='192' cy='112' r='8'/%3E%3Ccircle cx='216' cy='112' r='8'/%3E%3Cpath d='m88 384h208a24.02718 24.02718 0 0 0 24-24v-40h-16v40a8.00917 8.00917 0 0 1 -8 8h-208a8.00917 8.00917 0 0 1 -8-8v-176a8.00917 8.00917 0 0 1 8-8h48v-16h-48a24.02718 24.02718 0 0 0 -24 24v176a24.02718 24.02718 0 0 0 24 24z'/%3E%3Cpath d='m96 208h40v16h-40z'/%3E%3Ccircle cx='104' cy='192' r='8'/%3E%3Ccircle cx='128' cy='192' r='8'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-outsourcing{
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='m482.557 56.014c1.919-4.138 2.998-8.743 2.998-13.596v-9.981c0-17.886-14.551-32.437-32.437-32.437s-32.437 14.551-32.437 32.437c.397 7.154-1.327 14.251 2.998 23.577-37.825 22.493-25.73 64.558-27.949 78.723h114.776c-2.24-14.296 9.889-56.222-27.949-78.723zm-46.905-23.577c0-9.631 7.835-17.466 17.466-17.466s17.466 7.835 17.466 17.466v9.981c0 9.631-7.835 17.466-17.466 17.466s-17.466-7.835-17.466-17.466zm59.883 87.329h-84.834c1.025-5.281-6.152-36.639 22.38-51.869 11.683 9.207 28.213 9.347 40.074 0 28.403 15.161 21.444 47.047 22.38 51.869z'/%3E%3Cpath d='m88.327 56.014c4.354-9.388 2.601-16.432 2.998-23.577 0-17.886-14.551-32.437-32.437-32.437s-32.437 14.551-32.437 32.437c.397 7.154-1.327 14.251 2.998 23.577-37.824 22.493-25.73 64.558-27.949 78.723h114.776c-2.24-14.296 9.889-56.222-27.949-78.723zm-46.905-23.577c0-9.631 7.835-17.466 17.466-17.466s17.466 7.835 17.466 17.466v9.981c0 9.631-7.835 17.466-17.466 17.466s-17.466-7.835-17.466-17.466zm59.883 87.329h-84.834c1.025-5.281-6.152-36.639 22.38-51.869 5.521 4.351 12.478 6.957 20.037 6.957s14.516-2.606 20.037-6.957c28.403 15.161 21.444 47.047 22.38 51.869z'/%3E%3Cpath d='m482.557 433.277c4.354-9.388 2.602-16.433 2.998-23.577 0-17.885-14.551-32.437-32.437-32.437s-32.437 14.551-32.437 32.437v9.98c0 4.854 1.079 9.458 2.998 13.597-37.825 22.493-25.73 64.558-27.949 78.723h114.776c-2.24-14.295 9.889-56.222-27.949-78.723zm-46.905-23.577c0-9.631 7.835-17.466 17.466-17.466s17.466 7.835 17.466 17.466v9.98c0 9.631-7.835 17.466-17.466 17.466s-17.466-7.835-17.466-17.466zm59.883 87.329h-84.834c1.025-5.281-6.152-36.639 22.38-51.869 11.687 9.21 28.217 9.344 40.074 0 28.403 15.162 21.444 47.047 22.38 51.869z'/%3E%3Cpath d='m88.327 433.277c1.919-4.138 2.998-8.743 2.998-13.597v-9.98c0-17.885-14.551-32.437-32.437-32.437s-32.437 14.551-32.437 32.437v9.98c0 4.854 1.079 9.458 2.998 13.597-17.221 10.241-27.949 28.754-27.949 49.28v29.443h114.776c-2.24-14.295 9.889-56.222-27.949-78.723zm-46.905-23.577c0-9.631 7.835-17.466 17.466-17.466s17.466 7.835 17.466 17.466v9.98c0 9.631-7.835 17.466-17.466 17.466s-17.466-7.835-17.466-17.466zm59.883 87.329h-84.834v-14.472c0-15.845 8.648-30.067 22.38-37.397 11.687 9.21 28.217 9.344 40.074 0 28.403 15.162 21.444 47.047 22.38 51.869z'/%3E%3Cpath d='m473.795 160.287c1.881 4.422 3.65 8.969 5.256 13.515l14.115-4.989c-1.711-4.838-3.593-9.678-5.596-14.386z'/%3E%3Cpath d='m482.418 362.936c22.975-47.345 29.808-99.578 22.056-149.295l-14.791 2.307c7.208 46.229 1.107 95.445-20.732 140.452z'/%3E%3Cpath d='m501.63 198.476c-1.1-5.014-2.369-10.048-3.773-14.964l-14.396 4.108c1.319 4.62 2.512 9.353 3.547 14.066z'/%3E%3Cpath d='m23.507 154.259c-20.805 48.838-24.768 101.822-14.787 150.198l14.663-3.025c-9.33-45.214-5.778-95.123 13.897-141.305z'/%3E%3Cpath d='m30.983 329.415c-1.544-4.549-2.968-9.217-4.231-13.872l-14.448 3.922c1.345 4.954 2.86 9.92 4.504 14.762z'/%3E%3Cpath d='m41.978 356.245c-2.098-4.332-4.088-8.788-5.914-13.242l-13.852 5.676c1.942 4.741 4.059 9.482 6.292 14.092z'/%3E%3Cpath d='m159.288 36.228-6.078-13.682c-4.674 2.077-9.352 4.33-13.9 6.698l6.912 13.279c4.276-2.226 8.671-4.344 13.066-6.295z'/%3E%3Cpath d='m389.82 57.609 8.507-12.319c-69.779-48.189-156.925-56.047-230.827-28.568l5.218 14.032c69.213-25.737 151.24-18.629 217.102 26.855z'/%3E%3Cpath d='m133.571 49.615-7.721-12.827c-4.236 2.55-8.455 5.265-12.542 8.069l8.47 12.344c3.843-2.636 7.811-5.188 11.793-7.586z'/%3E%3Cpath d='m140.881 460.619-7.253 13.096c56.035 31.033 122.957 39.391 185.323 23.286l-3.743-14.495c-58.577 15.128-121.564 7.334-174.327-21.887z'/%3E%3Cpath d='m329.132 478.447 4.634 14.236c4.867-1.584 9.752-3.343 14.519-5.227l-5.505-13.922c-4.481 1.771-9.072 3.424-13.648 4.913z'/%3E%3Cpath d='m356.094 467.784 6.359 13.553c4.64-2.177 9.269-4.526 13.759-6.983l-7.185-13.134c-4.222 2.309-8.573 4.517-12.933 6.564z'/%3E%3Cpath d='m255.504 80.842c-94.932 0-172.164 77.232-172.164 172.164s77.232 172.164 172.164 172.164 172.164-77.232 172.164-172.164-77.232-172.164-172.164-172.164zm-49.546 22.978c-7.73 7.838-14.869 17.592-21.23 29.126-3.831 6.945-7.288 14.379-10.358 22.218-8.701-5.263-16.937-11.404-24.596-18.382 16.054-14.616 35.138-25.955 56.184-32.962zm-66.772 43.558c9.31 8.552 19.407 15.968 30.122 22.186-7.238 23.092-11.371 48.979-12.018 75.956h-58.797c1.776-37.683 16.877-71.939 40.693-98.142zm-40.693 113.113h58.797c.695 28.971 5.416 56.68 13.68 81.025-10.17 5.744-19.799 12.552-28.734 20.37-25.57-26.59-41.892-62.129-43.743-101.395zm54.671 111.731c7.268-6.245 15.027-11.765 23.181-16.528 2.558 6.067 5.351 11.875 8.383 17.372 6.361 11.534 13.5 21.288 21.23 29.126-19.585-6.521-37.468-16.796-52.794-29.97zm94.855 37.323c-18.661-3.226-36.253-18.456-50.181-43.709-2.97-5.384-5.695-11.097-8.176-17.086 18.199-8.401 37.957-13.269 58.358-14.227v75.022zm0-90.001c-22.199.951-43.719 6.12-63.57 15.12-7.321-22.3-11.52-47.627-12.185-74.173h75.755zm0-74.024h-75.755c.614-24.48 4.235-47.921 10.536-68.91 20.271 9.454 42.342 14.873 65.219 15.845zm0-68.045c-21.212-.987-41.654-6.167-60.374-15.139 2.994-7.855 6.395-15.275 10.193-22.161 13.928-25.254 31.52-40.483 50.181-43.709zm164.496 68.045h-58.797c-.647-26.977-4.78-52.864-12.018-75.956 10.715-6.218 20.812-13.635 30.122-22.186 23.816 26.203 38.917 60.459 40.693 98.142zm-51.282-108.738c-7.659 6.978-15.895 13.119-24.596 18.382-3.07-7.839-6.527-15.273-10.358-22.218-6.361-11.534-13.5-21.288-21.23-29.126 21.047 7.007 40.131 18.346 56.184 32.962zm-98.244-40.316c18.661 3.226 36.253 18.456 50.181 43.709 3.797 6.886 7.198 14.306 10.193 22.161-18.72 8.972-39.162 14.152-60.374 15.139zm0 95.989c22.877-.972 44.948-6.391 65.219-15.845 6.301 20.99 9.923 44.43 10.536 68.91h-75.755zm0 68.036h75.755c-.665 26.545-4.864 51.873-12.185 74.173-19.852-9-41.371-14.169-63.57-15.12zm0 149.054v-75.022c20.4.958 40.158 5.826 58.358 14.227-2.481 5.989-5.207 11.702-8.176 17.086-13.928 25.254-31.521 40.483-50.182 43.709zm42.061-7.353c10.216-10.359 20.749-25.471 29.613-46.498 8.154 4.763 15.913 10.284 23.181 16.528-15.326 13.174-33.209 23.449-52.794 29.97zm63.722-40.306c-8.935-7.818-18.564-14.626-28.734-20.37 8.263-24.346 12.985-52.054 13.68-81.025h58.797c-1.851 39.266-18.173 74.805-43.743 101.395z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-database{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='outline' height='512' viewBox='0 0 512 512' width='512' fill='%23fff'%3E%3Cpath d='m488 88h-14.29a6.53114 6.53114 0 0 1 -4.61816-11.15039l10.10449-10.10547a8 8 0 0 0 0-11.31348l-22.62699-22.62695a8.00181 8.00181 0 0 0 -11.31348 0l-10.10645 10.10547a6.53147 6.53147 0 0 1 -11.14941-4.61918v-14.29a8.00039 8.00039 0 0 0 -8-8h-32a8.00039 8.00039 0 0 0 -8 8v14.29a6.53114 6.53114 0 0 1 -11.15039 4.61816l-10.10547-10.10445a8.0018 8.0018 0 0 0 -11.31348 0l-22.62695 22.627a8 8 0 0 0 0 11.31348l10.10449 10.10542.001.001a6.53147 6.53147 0 0 1 -4.6192 11.14939h-14.29a8.00039 8.00039 0 0 0 -8 8v32a8.00039 8.00039 0 0 0 8 8h14.29a6.53114 6.53114 0 0 1 4.61816 11.15039l-10.10449 10.10547a8 8 0 0 0 0 11.31348l22.62695 22.62695a8 8 0 0 0 11.31348 0l10.10645-10.10547a6.53147 6.53147 0 0 1 11.14945 4.61918v14.29a8.00039 8.00039 0 0 0 8 8h32a8.00039 8.00039 0 0 0 8-8v-14.29a6.53114 6.53114 0 0 1 11.15039-4.61816l10.10547 10.10449a8.0018 8.0018 0 0 0 11.31348 0l22.62695-22.62695a8 8 0 0 0 0-11.31348l-10.10547-10.10645a6.53147 6.53147 0 0 1 4.61918-11.14945h14.29a8.00039 8.00039 0 0 0 8-8v-32a8.00039 8.00039 0 0 0 -8-8zm-8 32h-6.29a22.53132 22.53132 0 0 0 -15.93262 38.46289l4.44825 4.44922-11.31348 11.31348-4.44824-4.44727a22.531 22.531 0 0 0 -38.46391 15.93168v6.29h-16v-6.29a22.53132 22.53132 0 0 0 -38.46289-15.93262l-4.44922 4.44825-11.31348-11.31348 4.44727-4.44824a22.531 22.531 0 0 0 -15.93168-38.46391h-6.29v-16h6.29a22.53132 22.53132 0 0 0 15.93164-38.46387l-4.44727-4.44824 11.31348-11.31348 4.44824 4.44727a22.531 22.531 0 0 0 38.46391-15.93168v-6.29h16v6.29a22.53132 22.53132 0 0 0 38.46289 15.93262l4.44922-4.44825 11.31348 11.31348-4.44727 4.44824a22.531 22.531 0 0 0 15.93168 38.46391h6.29z'/%3E%3Cpath d='m400 80a32 32 0 1 0 32 32 32.03667 32.03667 0 0 0 -32-32zm0 48a16 16 0 1 1 16-16 16.01833 16.01833 0 0 1 -16 16z'/%3E%3Cpath d='m432 392a24.0275 24.0275 0 0 0 24-24v-160h-16v160a8.00917 8.00917 0 0 1 -8 8h-240v16h40v56h-32a8.00039 8.00039 0 0 0 -8 8v32a8.00039 8.00039 0 0 0 8 8h160a8.00039 8.00039 0 0 0 8-8v-32a8.00039 8.00039 0 0 0 -8-8h-32v-56zm-80 88h-144v-16h144zm-40-32h-64v-56h24v24a8 8 0 0 0 16 0v-24h24z'/%3E%3Cpath d='m296 136h-168a24.0275 24.0275 0 0 0 -24 24v160h16v-120h200v-16h-200v-24a8.00917 8.00917 0 0 1 8-8h168z'/%3E%3Cpath d='m24 496h144a8.00039 8.00039 0 0 0 8-8v-144a8.00039 8.00039 0 0 0 -8-8h-144a8.00039 8.00039 0 0 0 -8 8v144a8.00039 8.00039 0 0 0 8 8zm8-16v-32h128v32zm0-48v-32h128v32zm128-80v32h-128v-32z'/%3E%3Ccircle cx='48' cy='368' r='8'/%3E%3Ccircle cx='48' cy='416' r='8'/%3E%3Ccircle cx='48' cy='464' r='8'/%3E%3Cpath d='m112 360h16v16h-16z'/%3E%3Cpath d='m136 360h16v16h-16z'/%3E%3Cpath d='m112 408h16v16h-16z'/%3E%3Cpath d='m136 408h16v16h-16z'/%3E%3Cpath d='m112 456h16v16h-16z'/%3E%3Cpath d='m136 456h16v16h-16z'/%3E%3Cpath d='m400 232h-40a8.00039 8.00039 0 0 0 -8 8v8h-32a8.00039 8.00039 0 0 0 -8 8v8h-32a8.00039 8.00039 0 0 0 -8 8v8h-32a8.00039 8.00039 0 0 0 -8 8v8h-32a8.00039 8.00039 0 0 0 -8 8v56h232v-16h-16v-104a8.00039 8.00039 0 0 0 -8-8zm-192 80h24v32h-24zm40-16h24v48h-24zm40-16h24v64h-24zm40-16h24v80h-24zm40 80v-96h24v96z'/%3E%3Ccircle cx='136' cy='168' r='8'/%3E%3Ccircle cx='160' cy='168' r='8'/%3E%3Ccircle cx='184' cy='168' r='8'/%3E%3C/svg%3E");
}
.icon-automation{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='OutlineExpand' enable-background='new 0 0 64 64' height='512' viewBox='0 0 64 64' width='512' fill='%23fff'%3E%3Cpath d='m2.08 43.608c.035.44.354.805.786.898l3.485.752c.123.594.279 1.18.468 1.752l-2.638 2.39c-.327.296-.421.772-.231 1.171.482 1.014 1.019 1.951 1.596 2.785.25.362.708.518 1.129.383l3.387-1.091c.405.454.836.885 1.29 1.29l-1.091 3.387c-.135.419.02.878.383 1.129.834.577 1.771 1.114 2.785 1.596.4.19.875.095 1.171-.231l2.39-2.638c.573.188 1.159.345 1.753.468l.752 3.485c.093.431.458.75.897.786.532.042 1.065.08 1.608.08s1.076-.038 1.608-.08c.44-.035.805-.354.898-.786l.752-3.485c.594-.123 1.181-.279 1.753-.468l2.39 2.638c.297.327.773.422 1.171.231 1.014-.482 1.951-1.02 2.785-1.596.363-.251.518-.71.383-1.129l-1.091-3.387c.454-.405.885-.836 1.29-1.289l3.387 1.091c.419.136.878-.02 1.129-.383.577-.834 1.114-1.771 1.596-2.785.19-.399.096-.875-.231-1.171l-2.638-2.39c.188-.573.345-1.159.468-1.753l3.485-.752c.431-.093.75-.458.786-.897.041-.533.079-1.066.079-1.609s-.038-1.076-.08-1.608c-.035-.44-.354-.805-.786-.898l-3.485-.752c-.123-.594-.279-1.181-.468-1.753l2.638-2.39c.327-.296.421-.772.231-1.171-.482-1.014-1.02-1.951-1.596-2.785-.251-.363-.71-.519-1.129-.383l-3.387 1.091c-.405-.454-.836-.885-1.29-1.29l1.091-3.387c.135-.419-.02-.878-.383-1.129-.834-.577-1.771-1.114-2.785-1.596-.4-.191-.875-.096-1.171.231l-2.39 2.638c-.573-.188-1.159-.345-1.753-.468l-.752-3.485c-.093-.431-.458-.75-.897-.786-1.065-.086-2.152-.084-3.217 0-.44.035-.805.354-.898.786l-.752 3.485c-.594.123-1.18.279-1.752.468l-2.39-2.638c-.296-.327-.771-.421-1.171-.231-1.014.482-1.951 1.019-2.785 1.596-.363.251-.518.71-.383 1.129l1.091 3.387c-.454.405-.885.836-1.29 1.29l-3.386-1.091c-.42-.136-.879.02-1.129.383-.577.834-1.114 1.771-1.596 2.785-.19.399-.096.875.231 1.171l2.638 2.39c-.188.573-.345 1.159-.468 1.753l-3.485.752c-.431.093-.75.458-.786.897-.042.533-.08 1.066-.08 1.609s.038 1.076.08 1.608zm1.941-2.317 3.402-.735c.402-.087.71-.411.776-.817.15-.922.392-1.827.719-2.691.146-.384.041-.819-.264-1.095l-2.569-2.328c.224-.429.458-.84.7-1.229l3.296 1.062c.39.125.82 0 1.081-.318.59-.722 1.256-1.387 1.978-1.978.318-.26.445-.689.318-1.081l-1.062-3.296c.389-.243.799-.477 1.229-.7l2.328 2.57c.277.305.713.41 1.096.264.862-.327 1.767-.569 2.69-.719.406-.066.73-.374.817-.776l.734-3.402c.471-.025.95-.026 1.419 0l.735 3.402c.087.402.411.71.817.776.922.15 1.827.392 2.691.719.382.146.818.042 1.095-.264l2.328-2.569c.429.224.84.458 1.229.7l-1.062 3.296c-.126.392 0 .82.318 1.081.722.59 1.387 1.256 1.978 1.978.261.319.69.446 1.081.318l3.296-1.062c.243.389.477.799.7 1.228l-2.57 2.328c-.305.276-.41.711-.264 1.096.327.862.569 1.767.719 2.69.066.406.374.73.776.817l3.402.734c.013.235.022.472.022.71s-.008.475-.021.709l-3.402.735c-.402.087-.71.411-.776.817-.15.922-.392 1.827-.719 2.691-.146.384-.041.819.264 1.095l2.569 2.328c-.224.429-.458.84-.7 1.229l-3.296-1.062c-.393-.128-.82-.001-1.081.318-.589.72-1.255 1.386-1.978 1.978-.318.26-.444.689-.318 1.08l1.062 3.296c-.389.243-.799.477-1.228.7l-2.328-2.57c-.276-.305-.711-.408-1.096-.264-.862.327-1.767.569-2.69.719-.406.066-.73.374-.817.776l-.734 3.402c-.471.025-.95.026-1.419 0l-.735-3.402c-.087-.402-.411-.71-.817-.776-.922-.15-1.827-.392-2.691-.719-.383-.146-.819-.042-1.095.264l-2.328 2.569c-.429-.224-.84-.458-1.229-.7l1.062-3.296c.126-.392 0-.82-.318-1.081-.722-.59-1.387-1.256-1.978-1.978-.261-.319-.691-.445-1.081-.318l-3.296 1.062c-.243-.389-.477-.799-.7-1.229l2.57-2.328c.305-.276.41-.711.264-1.096-.327-.862-.569-1.767-.719-2.69-.066-.406-.374-.73-.776-.817l-3.404-.732c-.012-.235-.021-.472-.021-.71s.008-.475.021-.709z'/%3E%3Cpath d='m54.219 16.235c.376-.118.648-.447.693-.839.06-.505.088-.962.088-1.396s-.028-.891-.087-1.396c-.045-.392-.317-.721-.693-.839l-2.773-.871c-.083-.227-.175-.45-.276-.668l1.344-2.575c.182-.349.142-.773-.102-1.083-.579-.732-1.245-1.398-1.979-1.979-.31-.245-.734-.284-1.083-.103l-2.577 1.344c-.218-.1-.441-.192-.668-.275l-.871-2.773c-.118-.376-.447-.648-.839-.693-1.012-.118-1.781-.118-2.793 0-.392.045-.721.317-.839.693l-.871 2.773c-.227.083-.45.175-.668.276l-2.575-1.344c-.349-.181-.772-.142-1.083.102-.732.579-1.398 1.245-1.979 1.979-.245.31-.285.733-.103 1.083l1.343 2.575c-.1.218-.192.441-.275.668l-2.773.871c-.376.118-.648.447-.693.839-.059.505-.087.962-.087 1.396s.028.891.087 1.396c.045.392.317.721.693.839l2.773.871c.083.227.175.45.276.668l-1.344 2.575c-.182.349-.142.773.102 1.083.579.732 1.245 1.398 1.979 1.979.309.245.734.284 1.083.103l2.575-1.343c.218.1.441.192.668.275l.871 2.773c.118.376.447.648.839.693.507.06.964.088 1.398.088s.891-.028 1.396-.087c.392-.045.721-.317.839-.693l.871-2.773c.227-.083.45-.175.668-.276l2.575 1.344c.349.182.773.143 1.083-.102.732-.579 1.398-1.245 1.979-1.979.245-.31.285-.733.103-1.083l-1.344-2.575c.101-.218.193-.441.276-.668zm-3.86-.884c-.316.1-.562.349-.658.667-.136.452-.316.887-.534 1.294-.157.292-.16.643-.006.936l1.269 2.432c-.237.263-.488.514-.75.75l-2.432-1.269c-.294-.154-.645-.15-.936.006-.407.218-.842.398-1.294.534-.317.095-.567.342-.667.658l-.824 2.624c-.365.022-.688.022-1.054 0l-.824-2.624c-.1-.316-.349-.562-.667-.658-.453-.136-.888-.316-1.293-.534-.292-.157-.643-.16-.937-.006l-2.432 1.269c-.263-.237-.514-.488-.75-.75l1.269-2.432c.153-.293.151-.645-.006-.936-.218-.407-.398-.842-.534-1.294-.095-.317-.342-.567-.658-.667l-2.624-.824c-.012-.183-.017-.358-.017-.527s.005-.344.017-.527l2.624-.824c.316-.1.562-.349.658-.667.136-.453.316-.888.534-1.293.157-.292.16-.643.006-.937l-1.269-2.432c.237-.263.488-.514.75-.75l2.432 1.269c.293.153.645.15.936-.006.407-.218.842-.398 1.294-.534.317-.095.567-.342.667-.658l.824-2.624c.365-.022.688-.022 1.054 0l.824 2.624c.1.316.349.562.667.658.453.136.888.316 1.293.534.292.157.643.16.937.006l2.432-1.269c.263.237.514.488.75.75l-1.269 2.432c-.153.293-.151.645.006.936.218.407.398.842.534 1.294.095.317.342.567.658.667l2.624.824c.012.183.017.358.017.527s-.005.344-.017.527z'/%3E%3Cpath d='m61.262 34.964-1.718-.61c-.098-.279-.21-.552-.337-.817l.781-1.645c.163-.342.118-.746-.116-1.044-.5-.639-1.078-1.218-1.719-1.72-.299-.234-.705-.278-1.045-.116l-1.646.781c-.264-.126-.537-.239-.816-.336l-.611-1.718c-.127-.357-.446-.612-.822-.658-.891-.107-1.536-.107-2.427 0-.376.045-.695.3-.822.658l-.61 1.718c-.279.098-.552.21-.817.337l-1.645-.781c-.34-.162-.745-.117-1.044.116-.639.5-1.218 1.078-1.72 1.719-.233.298-.278.703-.116 1.045l.781 1.646c-.126.264-.239.537-.336.816l-1.718.611c-.357.127-.612.446-.658.822-.055.443-.081.84-.081 1.212s.026.768.08 1.213c.045.376.3.695.658.822l1.718.61c.098.279.21.552.337.817l-.781 1.645c-.163.342-.118.746.116 1.044.5.639 1.078 1.218 1.719 1.72.298.233.704.278 1.045.116l1.646-.781c.264.126.537.239.816.336l.611 1.718c.127.357.446.612.822.658.445.056.841.082 1.213.082s.768-.026 1.213-.08c.376-.045.695-.3.822-.658l.61-1.718c.279-.098.552-.21.817-.337l1.645.781c.341.163.747.119 1.044-.116.639-.5 1.218-1.078 1.72-1.719.233-.298.278-.703.116-1.045l-.781-1.646c.126-.264.239-.537.336-.816l1.718-.611c.357-.127.612-.446.658-.822.056-.445.082-.841.082-1.213s-.026-.768-.08-1.213c-.045-.377-.3-.695-.658-.823zm-1.272 2.401-1.585.563c-.307.109-.542.361-.629.675-.131.475-.318.928-.555 1.347-.16.283-.172.627-.033.921l.718 1.513c-.166.182-.34.356-.521.521l-1.513-.718c-.292-.139-.637-.127-.921.033-.42.238-.873.424-1.346.555-.314.087-.566.322-.676.629l-.563 1.585c-.242.013-.488.013-.73 0l-.563-1.585c-.109-.307-.361-.542-.675-.629-.475-.131-.928-.318-1.347-.555-.283-.159-.626-.171-.921-.033l-1.513.718c-.182-.166-.356-.34-.521-.521l.718-1.513c.14-.294.127-.638-.033-.921-.238-.42-.424-.873-.555-1.346-.087-.314-.322-.566-.629-.676l-1.585-.563c-.008-.121-.012-.242-.012-.365s.004-.245.01-.365l1.585-.564c.307-.109.542-.361.628-.675.132-.476.319-.928.556-1.347.16-.283.172-.627.033-.921l-.718-1.513c.166-.182.34-.356.521-.521l1.513.718c.294.14.638.128.921-.033.42-.238.873-.424 1.346-.555.314-.087.566-.322.676-.629l.563-1.585c.242-.013.488-.013.73 0l.563 1.585c.109.307.361.542.675.629.475.131.928.318 1.347.555.284.161.627.173.921.033l1.513-.718c.182.166.356.34.521.521l-.718 1.513c-.14.294-.127.638.033.921.238.42.424.873.555 1.346.087.314.322.566.629.676l1.585.563c.008.122.012.243.012.366s-.004.244-.01.365z'/%3E%3Cpath d='m22 53c6.065 0 11-4.935 11-11s-4.935-11-11-11-11 4.935-11 11 4.935 11 11 11zm0-20c4.962 0 9 4.038 9 9s-4.038 9-9 9-9-4.038-9-9 4.038-9 9-9z'/%3E%3Cpath d='m2.022 25.359 1.536 1.281c4.579-5.491 11.3-8.64 18.442-8.64.509 0 1.017.029 1.525.061l-1.232 1.232 1.414 1.414 3-3c.391-.391.391-1.023 0-1.414l-3-3-1.414 1.414 1.359 1.359c-.55-.035-1.101-.066-1.652-.066-7.736 0-15.018 3.411-19.978 9.359z'/%3E%3Cpath d='m43 9c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5zm0 8c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3z'/%3E%3Cpath d='m52 33c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z'/%3E%3Cpath d='m61.196 5.02-5-1c-.544-.11-1.069.243-1.177.784l-1 5 1.961.393.539-2.692c.969 2.016 1.481 4.238 1.481 6.495 0 3.448-1.138 6.69-3.29 9.375l1.561 1.251c2.405-3.001 3.729-6.774 3.729-10.626 0-2.619-.605-5.201-1.756-7.531l2.56.512z'/%3E%3C/svg%3E");
}
.icon-codemobile{
    background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cg%3E%3Cpath d='m360 8h-208a32.042 32.042 0 0 0 -32 32v432a32.042 32.042 0 0 0 32 32h208a32.042 32.042 0 0 0 32-32v-432a32.042 32.042 0 0 0 -32-32zm-66.56 16-4.5 16h-66.69l-4-16zm82.56 448a16.021 16.021 0 0 1 -16 16h-208a16.021 16.021 0 0 1 -16-16v-432a16.021 16.021 0 0 1 16-16h49.75l6.49 25.94a8 8 0 0 0 7.76 6.06h79a8 8 0 0 0 7.7-5.83l7.36-26.17h49.94a16.021 16.021 0 0 1 16 16z'/%3E%3Cpath d='m216 456h-56a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16z'/%3E%3Cpath d='m248 456h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z'/%3E%3Cpath d='m284.116 209.14a8 8 0 0 0 -10.976 2.744l-48 80a8 8 0 1 0 13.72 8.232l48-80a8 8 0 0 0 -2.744-10.976z'/%3E%3Cpath d='m310.247 211a8 8 0 0 0 -12.494 10l28 35-28 35a8 8 0 0 0 12.494 10l32-40a8 8 0 0 0 0-10z'/%3E%3Cpath d='m201.753 301a8 8 0 1 0 12.494-10l-28-35 28-35a8 8 0 1 0 -12.494-10l-32 40a8 8 0 0 0 0 10z'/%3E%3C/g%3E%3C/svg%3E");
}
.services-block__title{
    margin: auto;
    margin-top: 1.5rem;
    font-size: 1.07em;
    width: max-content;
    position: relative;
    text-transform: uppercase;
}
.services-block__title:after{
    background: #e6342f;
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 2px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.services-block__el:hover .services-block__title:after{
    width: 100%;
}
.services-el{
    max-width: 650px;
    text-align: end;

}
.services-el__head{
    margin-bottom: 1.5rem;
}

.services-el__title:after{
    content: "";
    background-color: #e6342f;
    width: 70px;
    height: 1px;
    display: block;
    margin-left: auto;
    margin-right: -35px;
    margin-top: 12px
}
.services-el__title{
    font-size: 2.65em;
    line-height: 100%;
    padding-bottom: 20px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;

}
.services-el__subtitle{
    font-family: "Heuristica", serif;
    font-size: 1.25em;
    font-style: italic;
    margin-bottom: 3rem;
    color: #dadada;
}
.services-el-right{
    width: 250px;
    height: 250px;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #e5342f3d;
    box-shadow:0 0 0 4px #252525, 0 0 0 5px #e5342fc9, 0 0 21px 8px #82828240;
    background: radial-gradient(ellipse at center, #272727, #060606);

}
i.services-el-right__icon{
    height: 50%;
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.services-el__text{
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: 300;
}

.сontact{
    max-width: 600px;
    text-align: end;
    margin-bottom: 4rem;
}
.contact__head{
    margin-bottom: 1.5rem;
}
.сontact:first-of-type .contact__head:after{
    content: "";
    background-color: #e6342f;
    width: 50px;
    height: 1px;
    right: -20px;
    display: block;
    margin-left: auto;
    margin-right: -17px;
}
.contact__title{
    font-size: 2.5em;
    line-height: 100%;
    padding-bottom: 10px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;
}
.contact__subtitle{
    font-family: "Heuristica", serif;
    font-size: 1.15em;
    font-style: italic;
    margin-bottom: 5px;
}
.info-row{
    margin-bottom: 0.5rem;
}
.info-row a{
    color: #cacaca;
    transition: 100ms;
}
.info-row a:hover{
    color: #fff;
    text-decoration: none;
}
.info-row__с{
    font-size: 0.85em;
    letter-spacing: 0.7px;
    color: #cacaca;
}
.info-row__t{
    color: #d43732;
    font-weight: 700;
    margin-right: 10px;
}
.c-button{
    display: inline-block;

    text-decoration: none;
    background: transparent;
    border: 1px solid #e6342f;
    padding: 0 25px;
    padding-top: 0px;
    transition: all 150ms ease-out;
    cursor: pointer;
    appearance: none;
    border-radius: 0px;

}
.c-button__inner{
    text-transform: uppercase;
    color: #e6342f;
    line-height: 40px;
    font-size: 15px;
    transition: all 150ms ease-out;
    font-weight: bold;
    letter-spacing: 0.8px;
}
.c-button:not(.open):hover{

    background: #e6342f;

}
.c-button:not(.open):hover .c-button__inner{
    color: #000;
    transition: all 150ms ease-out;
}
.angle-down{
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-left: 5px;
    background-size: contain;
    transform: rotate(90deg);
    transition: all 150ms ease-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23e6342f'%3E%3Cg%3E%3Cg%3E%3Cpath d='M441.749,240.917L207.082,6.251C203.093,2.24,197.674,0,191.999,0H85.333c-8.619,0-16.427,5.184-19.712,13.163 c-3.307,7.979-1.472,17.152,4.629,23.253L289.834,256L70.25,475.584c-6.101,6.101-7.936,15.275-4.629,23.253 C68.906,506.816,76.714,512,85.333,512H192c5.675,0,11.093-2.24,15.083-6.251L441.75,271.082 C450.09,262.741,450.09,249.259,441.749,240.917z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

.c-button:not(.open):hover .angle-down{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' %3E%3Cg%3E%3Cg%3E%3Cpath d='M441.749,240.917L207.082,6.251C203.093,2.24,197.674,0,191.999,0H85.333c-8.619,0-16.427,5.184-19.712,13.163 c-3.307,7.979-1.472,17.152,4.629,23.253L289.834,256L70.25,475.584c-6.101,6.101-7.936,15.275-4.629,23.253 C68.906,506.816,76.714,512,85.333,512H192c5.675,0,11.093-2.24,15.083-6.251L441.75,271.082 C450.09,262.741,450.09,249.259,441.749,240.917z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}


.wrap-flex{
    display: flex;
    align-items: center;
    flex-wrap: wrap}

.c-main{
    position: relative;
    right: 0;
    opacity: 1;
    transition: all 400ms  ease-out;
}
.contact__wrap{
    position: relative;
    left: 0;
    opacity: 1;
    transition: all  400ms 50ms ease-out;
}
.c-main-animate{
    opacity: 0;
    right: -8%;
}
.contact__wrap--animate{
    opacity: 0;
    left: -12%;
}
.c-main.animate .w-main__text-l{
    animation: focus-in-expand 1s 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}
.c-main.animate img {
    animation: bounce-in-top 1.1s both;
}

.c-main img{
    opacity: 0.9;
}

@keyframes focus-in-expand {
    0% {
        letter-spacing: -0.5em;
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes bounce-in-top {
    0% {
        transform: translateY(-500px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 0.2;
    }
    55% {
        transform: translateY(-65px);
        animation-timing-function: ease-in;
        opacity: 0.4;
    }
    72% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 0.6;
    }
    81% {
        transform: translateY(-28px);
        animation-timing-function: ease-in;
        opacity: 0.8;
    }
    90% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 0.85;
    }
    95% {
        transform: translateY(-8px);
        animation-timing-function: ease-in;
        opacity: 0.9;
    }
    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
}




.c-button__ul{
    list-style-type: none;
    display: none;
    max-width: 100%;
    margin: 0;
    padding: 5px 0;
}
.c-button__ul li{
    list-style-type: none;
    color: #ffffff99;
    text-transform: none;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 300;
    padding: 3px 3px;
    margin-bottom: 6px;
    transition: all 150ms ease-in-out;
}
.c-button__ul li:hover{
    color: #fff;
    transition: all 150ms ease-in-out;
}
.contact__btn{
    position: relative;
}
.contact__btn > .c-button{
    width: 220px;
    position: absolute;
    right: 0;
}
.input-custom {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    font-size: 16px;
    width: 100%;
}
.input-custom span input, .input-custom span textarea {
    width: 100%;
    font-family: Lato;
    font-weight: bold;
    font-size: 1em;
    line-height: 35px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    color: #ffffff;
    outline: none;

}
.input-custom  span {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.input-custom  span:before, .input-custom  span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #3c4245;
}
.input-custom  span:after {
    background: #e6342f;
    width: 0;
    transition: all 200ms ease-out;
}
.input-custom  span.focus:after, .input-custom  span.filled:after {
    width: 100%;
}
.с-info__form {
    display: none;
}
.с-info__form.open{
    display: flex;
}
.с-info__form  .сontact > .animate-fade {
    -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
    animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
}
.с-info__form  .сontact > *{
    opacity: 0;
}
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.services-el__back{
    text-align: left;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.services-el__back a{
    color: #fff;
}
.services-el__back span{
    height: 1px;
    width: 25px;
    background: #Fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    transition: 150ms ease-out;
}
.contact__close{
    text-align: left;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.contact__close span{
    height: 1px;
    width: 25px;
    background: #Fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    transition: 150ms ease-out;
}
.contact__close:hover span{
    width: 32px;
    transition: 150ms ease-out;

}


span.line-border {
    position: absolute;
    background: #e6342f;
    box-shadow: 0 0 25px 9px #000000d1;

}
.btn-line:hover{
    color: #fff;
}
.l1-line{
    left: -15px;
    bottom: 0;
    width: 80%;
    height: 1px;
    display: block;
}
.l2-line{
    left: 0;
    bottom: -10px;
    width: 1px;
    height: 65%;
    display: block;
}
.r1-line{
    right: -15px;
    top: 0;
    width: 80%;
    height: 1px;
    display: block;
}

.r2-line{
    right: 0;
    top: -10px;
    width: 1px;
    height: 65%;
    display: block;
}
footer{
    position: relative;
}
.text-right{
    text-align: right;
}
.animate-ready > *{
    opacity: 0;

}
.animate-ready .animate-ready-fade {
    animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards ;
}
.w-nav__logo img{
    max-height: 60px;
}
.menu-block__submenu{
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    padding: 0 2rem;


}

.lang-block{
    margin-left: auto;
    font-size: 1.5em;
    margin-right: 6vw;
    display: flex;
    align-items: center;
    color: #b1b1b1;
    font-weight: 200;

}
.lang-block__el{
    color: #b1b1b1;
}
.lang-block__el.active{
    color: #fff;
    pointer-events: none;
    font-weight: 400;
}
.lang-block__el:hover{
    color: #fff;
    text-decoration: none;
}
.copyright-block{
    display: flex;
    justify-content: space-between;
    align-items: end;
    color: #848484;
    font-weight: 300;
    font-size: 1em;

}
.copyright-block img {
    max-width: 100px;
    filter: drop-shadow(0 0 10px #555);
}

.btn-line{
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.btn-line span{
    height: 1px;
    width: 25px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    transition: 150ms ease-out;
}
.btn-line:hover span {
    width: 32px;
    transition: 150ms ease-out;
}
.form__ans{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 1!important;
    font-size: 1.3em;
    line-height: 1.25;
    color: #ff6a65;
    font-weight: 300;
}
.form__ans.open{
    display: flex;
}

.ans-show{
    opacity: 0!important;
    transition: 200ms;
}
@media screen and (max-width: 768px) {

    .page-block{
        font-size: 14px;
    }
    .wrap-flex{
        flex-direction: column-reverse;
    }

    .contact__title{
        font-size: 2.3em;
    }

    .w-main__text-l {
        /*  margin-top: 1.5rem;
          font-size: 1.4em;*/
        display: block;
        margin-bottom: 10vh;


    }
    .waves-content{
        width: 100%;
    }

    .c-button__inner{
        font-size: 14px;
    }
    .page-block{
        padding-top: 7rem;
        padding-bottom: 6rem;
    }
    .w-nav{
        top: 35px;
        padding: 0 1rem;
    }

    .c-main{
        display: none;
    }

    .info-row__с {
        font-size: 1.15em;
    }

    .info-row__t{
        font-size: 1.3em;
    }
    .сontact{
        margin-bottom: 5rem;
    }
    li.main-menu__el{
        font-size: 32px;
    }
    .w-nav__logo img,
    .menu-block__logo img {
        max-height: 50px;
        max-width: 35vw;
    }

    .menu-block__logo{
        max-width: 10vw;
    }
    .menu-block__close{
        width: 35px;
        height: 35px;
    }
    header{
        margin: 0;

    }
    .menu-block{
        padding: 1.5rem;
    }
    .menu-block__close{
        margin-top: 5px;
    }
    .contact__head{
        margin-bottom: 2.5rem;
    }
    .c-info__content--max{
        font-size: 18px;
    }
    .page-block{
        align-items: normal;
    }
    .services-el__title:after{
        margin-right: 0;
        width: 80px;
    }
    .services-el__title{
        font-size: 2.3em;
    }
    .services-el__subtitle{
        font-size: 1.15em;
        margin-bottom: 1.5rem;
    }
    .сontact:first-of-type .contact__head:after{
        margin-right: 0;
        width: 80px;
    }
    /*    .c-info__title{
            width: 114%;
            background: #dcdcdcf2;
            color: black;
            font-weight: 400;
            margin-left: -2rem;
            margin-right: -2rem;
            line-height: 1.8;
            font-size: 1.75em;

        }*/
    .c-info__title--f {
        font-size: 2em;
        font-weight: 300;
    }
    .block__title{
        font-size: 0.95em;
    }
    .services-block__icon{
        width: 75px;
        height: 60px;
    }
    .services-block__el{
        width: calc(50% - 1rem);
        margin: 0.7rem 0.5rem;
    }
    .c-info__content{
        font-size: 16px;
    }
    .c-info__title--min{
        font-weight: 400;
    }
    .services-block__title{
        width: auto;
    }
}
@media screen and (max-width: 510px) {
    .menu-block {
        padding: 1rem;
        padding-top: 1.5rem;
    }
    .nav-btn{
        padding-right: 0;
        width: 45px;
        margin-top: 0;
    }
    .services-block__title{
        font-size: 0.95em;
    }
    .services-block__el{
        margin: 0.5rem;
        padding: 1.3rem 0.7rem;
    }
    .services-block__icon{
        height: 45px;
    }
    .w-main__text-l:not(.w-main__text-r){
        font-size: 20px;
        letter-spacing: 0;
    }
    .w-main__text-r{
        font-size: 17px;
    }
    .w-main__img {
        /* max-width: 60vw;*/
        max-height: unset;
        width: 290px;
    }
    .w-main{
        margin-bottom: 5vh;
    }
    .lang-block{
        font-size: 1.4em;
    }
    .w-nav__logo img, .menu-block__logo img{
        max-width: 30vw;
    }
    .w-nav{
        margin-top: 0px;
        top: 1.5rem;
    }
    li.main-menu__el{
        font-size: 28px;
    }
    div.menu-block__header{
        align-items: flex-end;
    }
    .lang-block{
        font-size: 1.3em;
        margin-right: 8vw;

    }
    .copyright-block {
        font-size: 0.9em;
    }
    .info-el__title{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 390px) {
    .services-el__title{
        font-size: 2em;
        padding-bottom: 10px;
    }
    .lang-block{
        font-size: 1.2em;
        margin-right: 8vw;

    }
    .menu-block__close{
        width: 32px;
        height: 32px;
    }
    .nav-btn {
        width: 42px;

    }

}