/*FONTS*/
/* m-plus-rounded-1c-300 - latin_cyrillic */
@font-face {
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 300;
    /*font-display: swap;*/
    src: url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-300.eot');
    src: local('M PLUS Rounded 1c Light'), local('MPLUSRounded1c-Light'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-300.woff2') format('woff2'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-300.woff') format('woff'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-300.ttf') format('truetype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-300.svg#MPLUSRounded1c') format('svg');
}

@font-face {
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 400;
    /*font-display: swap;*/
    src: url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-regular.eot');
    src: local('M PLUS Rounded 1c'), local('MPLUSRounded1c-Regular'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-regular.woff2') format('woff2'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-regular.woff') format('woff'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-regular.ttf') format('truetype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-regular.svg#MPLUSRounded1c') format('svg');
}

@font-face {
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 500;
    /*font-display: swap;*/
    src: url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-500.eot');
    src: local('M PLUS Rounded 1c Medium'), local('MPLUSRounded1c-Medium'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-500.woff2') format('woff2'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-500.woff') format('woff'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-500.ttf') format('truetype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-500.svg#MPLUSRounded1c') format('svg');
}

@font-face {
    font-family: 'M PLUS Rounded 1c';
    font-style: normal;
    font-weight: 700;
    /*font-display: swap;*/
    src: url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-700.eot');
    src: local('M PLUS Rounded 1c Bold'), local('MPLUSRounded1c-Bold'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-700.woff2') format('woff2'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-700.woff') format('woff'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-700.ttf') format('truetype'),
    url('/webfonts/m-plus-rounded-1c-v10-latin_cyrillic-700.svg#MPLUSRounded1c') format('svg');
}

/* montserrat-300 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('/webfonts/montserrat-v14-latin_cyrillic-300.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('/webfonts/montserrat-v14-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/montserrat-v14-latin_cyrillic-300.woff2') format('woff2'),
    url('/webfonts/montserrat-v14-latin_cyrillic-300.woff') format('woff'),
    url('/webfonts/montserrat-v14-latin_cyrillic-300.ttf') format('truetype'),
    url('/webfonts/montserrat-v14-latin_cyrillic-300.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/webfonts/montserrat-v14-latin_cyrillic-regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('/webfonts/montserrat-v14-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/montserrat-v14-latin_cyrillic-regular.woff2') format('woff2'),
    url('/webfonts/montserrat-v14-latin_cyrillic-regular.woff') format('woff'),
    url('/webfonts/montserrat-v14-latin_cyrillic-regular.ttf') format('truetype'),
    url('/webfonts/montserrat-v14-latin_cyrillic-regular.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/webfonts/montserrat-v14-latin_cyrillic-500.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('/webfonts/montserrat-v14-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'),
    url('/webfonts/montserrat-v14-latin_cyrillic-500.woff2') format('woff2'),
    url('/webfonts/montserrat-v14-latin_cyrillic-500.woff') format('woff'),
    url('/webfonts/montserrat-v14-latin_cyrillic-500.ttf') format('truetype'),
    url('/webfonts/montserrat-v14-latin_cyrillic-500.svg#Montserrat') format('svg');
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 18px;
    line-height: 1.44;
    background-color: #FDFDFD;
}

.m-plus-light {
    font-family: 'M PLUS Rounded 1c Light', sans-serif !important;
    font-weight: 300 !important;
}

.montserrat-light {
    font-family: 'Montserrat Light', sans-serif !important;
    font-weight: 300 !important;
}

.montserrat-regular {
    font-family: 'Montserrat Regular', sans-serif !important;
    font-weight: 400 !important;
}

.montserrat-medium {
    font-family: 'Montserrat Medium', sans-serif !important;
    font-weight: 500 !important;
}

.w-100vw {
    width: 100vw;
}

/*TEXT*/
.text-tera {
    font-family: 'M PLUS Rounded 1c Medium', sans-serif;
    font-size: 43px;
    line-height: 110%;
}

.text-giga {
    font-family: 'M PLUS Rounded 1c Medium', sans-serif;
    font-size: 34px;
    line-height: 112%;
    margin-bottom: 70px;
}

.text-mega {
    font-family: 'M PLUS Rounded 1c Medium', sans-serif;
    font-size: 28px;
    line-height: 121%;
    margin-bottom: 30px;
}

.text-kilo {
    font-family: 'M PLUS Rounded 1c Medium', sans-serif;
    font-size: 25px;
}

.text-hecto {
    font-family: 'M PLUS Rounded 1c Medium', sans-serif;
    font-size: 20px;
}

.text-deca {
    font-family: 'M PLUS Rounded 1c Medium', sans-serif;
    font-size: 18px;
}

.text-main {
    font-family: 'Montserrat Medium', sans-serif;
    font-size: 18px;
    line-height: 144%;
    color: #4E5674;
}

.text-main-blue {
    color: #4E5674;
}

.text-decorative {
    color: #87CCEB;
}

.text-accent {
    color: #3E6AB3 !important;
}

.text-headline {
    color: #3C4B64;
}

.text-lead {
    color: #475073;
}

.text-grey-c1 {
    color: #c1c1c1;
}

.fz-nav-2 {
    font-size: 20px;
}

.text-16 {
    font-size: 16px;
}

a {
    font-size: 18px;
}

.border-radius-10 {
    border-radius: 10px;
}

/*BACKGROUNDS*/
.bg-main {
    background: #F2FDFC;
}

.bg-inferior {
    background: #4E5674;
}

.bg-nav {
    background: #EDF8FC;
}

.bg-decorative {
    background: #87CCEB;
}

.bg-accent {
    background: #3E6AB3;
}

.bg-grey-1 {
    background: #FAFAFA;
}

.bg-grey-2 {
    background: #FAFAFA;
}

.bg-ceo {
    background-image: url(../img/waves.png);
    /*background-size: cover;*/
    /*position: relative;*/
    /*z-index: -1;*/
    /*margin-top: -29%;*/
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
}

.shadow-shapes {
    background: #FFFFFF;
    box-shadow: 5px 11px 25px rgba(71, 80, 115, 0.1);
    border-radius: 22px;
}

.shadow-nav {
    background: #FFFFFF;
    box-shadow: 0 4px 4px rgba(125, 125, 125, 0.05);
}

.map-grey {
    background: rgba(151, 151, 151, 0.1);
}

.panel {
    background: #E8E8E8;
    border-radius: 51px;
}

.illus-grey {
    background: #E3E1E1;
}

.rounded-circle {
    border-radius: 50% !important;
}

.card-avatar {
    width: 184px;
    height: 184px;
}

.services .card {
    padding: 5vh 4.5vw;
    border: none;
}

.card-service-wrap {
    background: url("../img/waves-1.png");
    width: 100%;
    padding: 0 4px;
    background-size: cover;
}

.card-service-page {
    padding: 16px 0;
}
.anti-card-service-page {
    margin-top: 0;
}

.swiper-slide-shadow-right, .swiper-slide-shadow-left {
    opacity: 0 !important;
    background: transparent !important;
}

.swiper-slide .text-headline {
    position: relative;
}

.swiper-slide a:hover {
    text-decoration: none;
}

.swiper-slide .imagelink {
    position: relative;
}

/*Left side hidden*/
/*.services .swiper-slide-duplicate-next, .services .swiper-slide-prev, .services .swiper-slide-duplicate-active {*/
/*    visibility: hidden;*/
/*}*/

/*NAV*/
.navbar-light .navbar-nav .active > .nav-link {
    /*font-weight: 500;*/
}

.upper-nav a:hover {
    text-decoration: none;
}

/*BUTTONS*/
.btn-design {
    font-family: 'Montserrat Medium', sans-serif;
    font-style: normal;
    line-height: 19px;
    border: 1px solid #3E6AB3;
    box-sizing: border-box;
    border-radius: 23px;
    width: 100%;
    max-width: 200px;
    /*height: 46px;*/
    padding: .6rem .75rem;
    text-align: center;
}

a.btn-design.text-accent {
    display: block;
    position: relative;
    margin: auto;
}

/*FORMS*/
.input-field {
    font-family: 'Montserrat Light', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #4E5674;
    border: 1px solid rgba(78, 86, 116, 0.15);
    box-sizing: border-box;
    border-radius: 22px;
    padding-left: 29px;
}

.contact-form-wrap, .contacts-data-wrap {
    padding: 48px 12px;
}

.contact-form-map {
    padding: 24px 6px;
    width: 100%;
}

.address-wrap {
    position: relative;
    /*z-index: -5;*/
}

.burger:focus {
    outline: 1px auto #3E6AB3;
    border-radius: .25rem;
}

.container {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}

.sm-logo img {
    width: 15%;
}

#navbar2 .dropdown-item {
    padding: .25rem 0.5rem;
}

#navbar2 .navbar-nav .dropdown-menu {
    background: transparent;
    margin: 0 0 0 26px;
    padding: 0;
    width: auto;
}

.image-panel {
    border-radius: 51px 0 0 51px;
}

.m-card {
    max-width: 100vw;
    border: 0;
    background: transparent;
}

.m-card-image {
    border-radius: 51px 0 0 51px;
}

.mb-15pct {
    margin-bottom: 15%;
}

.we-svg-icon {
    align-self: end;
    margin-right: 0.2rem;
}

.we-svg-icon.inline {
    display: inline-flex;
    font-size: 1.3em;
}

.we-envelope, .we-phone {
    width: 1.1em;
    height: 1.1em;
}
/*.fs-contact-icons {*/
/*    font-size: 1.3em;*/
/*}*/

.we-phone {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M18.3 14.1L14.3 12.3C14.2 12.2 14 12.2 13.8 12.2 13.6 12.3 13.4 12.4 13.3 12.5L11.6 14.9C8.8 13.5 6.5 11 5.2 8L7.4 6C7.5 5.9 7.6 5.7 7.7 5.5 7.7 5.3 7.7 5.1 7.6 4.9L5.9 0.6C5.8 0.4 5.7 0.2 5.5 0.1 5.3 0 5.1 0 4.9 0L1.2 1C1 1 0.8 1.1 0.7 1.3 0.6 1.5 0.5 1.7 0.5 1.9 0.5 11.9 8 20 17.1 20 17.3 20 17.5 19.9 17.7 19.8 17.8 19.7 17.9 19.5 18 19.3L18.8 15.2C18.9 15 18.9 14.8 18.8 14.6 18.7 14.4 18.5 14.2 18.3 14.1Z' fill='%233E6AB3'/%3E%3C/svg%3E") no-repeat center;
    background-size: 100%;
}

.we-envelope {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M18.3 18.1C18.3 19.2 17.6 20 16.6 20H1.7C0.8 20 0 19.2 0 18.1V7.8C0 7.6 0.1 7.3 0.2 7 0.3 6.8 0.5 6.5 0.7 6.4 1.6 5.6 2.3 5 6.5 1.6 7.1 1.1 8.3 0 9.2 0 10 0 11.2 1.1 11.8 1.6 16 5 16.8 5.6 17.7 6.4 17.9 6.5 18 6.8 18.2 7 18.3 7.3 18.3 7.6 18.3 7.8V18.1ZM16 10.4C15.9 10.3 15.7 10.3 15.6 10.4 14.8 11 13.6 12 11.8 13.4 11.2 13.9 10 15 9.2 15 8.3 15 7.1 13.9 6.5 13.4 4.7 12 3.6 11 2.8 10.4 2.6 10.3 2.4 10.3 2.4 10.4L2 11C2 11 2 11.1 2 11.2 2 11.3 2 11.3 2.1 11.4 2.9 12 4.1 13 5.9 14.4 6.6 15 7.9 16.3 9.2 16.2 10.4 16.3 11.7 15 12.5 14.4 14.3 13 15.4 12 16.2 11.4 16.3 11.3 16.3 11.3 16.4 11.2 16.4 11.1 16.3 11 16.3 11L16 10.4Z' fill='%233E6AB3'/%3E%3C/svg%3E") no-repeat center;
    background-size: 100%;
}

.we-facebook, .we-linkedin {
    width: 31px;
    height: 36px;
}

.we-facebook {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M30 15.1C30 6.8 23.3 0 15 0 6.7 0 0 6.8 0 15.1 0 22.6 5.5 28.9 12.7 30V19.5H8.8V15.1H12.7V11.8C12.7 8 14.9 5.9 18.3 5.9 20 5.9 21.7 6.2 21.7 6.2V9.9H19.8C17.9 9.9 17.3 11.1 17.3 12.3V15.1H21.5L20.8 19.5H17.3V30C24.5 28.9 30 22.6 30 15.1Z' fill='%230082BE'/%3E%3C/svg%3E") no-repeat center;
}

.we-linkedin {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29' fill='none'%3E%3Cpath d='M27.9 0H2.1C1 0 0 0.9 0 2.1V26.6C0 27.7 1 28.6 2.1 28.6H27.9C29 28.6 30 27.7 30 26.6V2.1C30 0.9 29 0 27.9 0ZM9.1 24.5H4.6V10.9H9.1V24.5H9.1ZM6.8 9C5.4 9 4.3 7.9 4.3 6.6 4.3 5.2 5.4 4.1 6.8 4.1 8.3 4.1 9.4 5.2 9.4 6.6 9.4 7.9 8.3 9 6.8 9ZM25.7 24.5H21.3V17.9C21.3 16.3 21.3 14.3 19 14.3 16.7 14.3 16.3 16 16.3 17.8V24.5H11.9V10.9H16.1V12.7H16.2C16.8 11.7 18.2 10.5 20.4 10.5 24.9 10.5 25.7 13.4 25.7 17.1V24.5Z' fill='%230082BE'/%3E%3C/svg%3E") no-repeat center;
}

/*VISUAL ELEMENTS*/
.pad-1, .pad-2, .pad-3, .pad-4, .pad-5, .pad-6, .pad-7, .pad-8, .pad-9, .pad-10, .pad-11, .waves-2 {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.pad-1, .pad-4, .pad-10, .pad-11, .pad-12 {
    /*height: 250px;*/
}

.pad-2, .pad-3, .pad-5, .pad-6 {
    margin-top: -6%;
}

.pad-8, .pad-9 {
    margin-top: -10%;
}

.pad-1 {
    background-image: url("../img/rectangle-14.svg");
}

.pad-2 {
    height: 313px;
    background-image: url("../img/rectangle-15.svg");
}

.pad-3 {
    height: 304px;
    background-image: url("../img/rectangle-16.svg");
}

.pad-4 {
    background-image: url("../img/rectangle-13.svg");
}

.pad-5 {
    height: 304px;
    background-image: url("../img/rectangle-12.svg");
}

.pad-6 {
    height: 326px;
    background-image: url("../img/rectangle-11.svg");
}

.pad-7 {
    height: 346px;
    background-image: url("../img/rectangle-10.svg");
}

.pad-8 {
    height: 440px;
    background-image: url("../img/rectangle-9.svg");
}

.pad-9 {
    height: 477px;
    background-image: url("../img/rectangle-8.svg");
}

.pad-10 {
    background-image: url("../img/rectangle-7.svg");
}

.pad-10-a {
    background-image: url("../img/rectangle-5.svg");
}

.pad-11 {
    background-image: url("../img/rectangle-2.svg");
}

.pad-12 {
    background: url("../img/rectangle-17.svg") no-repeat;
}

.pad-12-a {
    background: url("../img/rectangle-4.svg") no-repeat;
}

.pad-big, .pad-big-1 {
    height: 585px;
    background-repeat: no-repeat;
    background-size: 100%;
    /*margin-top: -75px;*/
    margin: 0 3%;
}

.pad-big {
    background-image: url("../img/rectangle-1.svg");
}

.pad-big-1 {
    background-image: url("../img/rectangle-3.svg");
}

.pad-1, .pad-2, .pad-3, .pad-4, .pad-5, .pad-6, .pad-7, .pad-8, .pad-9, .waves-2 {
    background-size: contain;
}

.pad-10, .pad-11 {
    background-size: contain;
}

.pad-12, .pad-12-a {
    background-size: cover;
    /*height: 300px;*/
}

.image-patch {
    position: relative;
}
.image-wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='792' height='91' viewBox='0 0 792 91' fill='none'%3E%3Cpath d='M792 90H0V36.2C63.3 63.5 229.8 101.8 390 36.2 550.2-29.4 724.8 8.9 792 36.2V90Z' fill='%23DADFF4'/%3E%3Cpath d='M792 91H0V37.2C63.3 64.5 229.8 102.8 390 37.2 550.2-28.4 724.8 9.9 792 37.2V91Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: bottom;
    position: absolute;
    bottom: -1px;
    height: 100px;
}

.waves-2 {
    height: 85px;
    background-image: url("../img/waves-2.svg");
    /*background-repeat: repeat-x;*/
    background-size: cover;
}

.project-details-leading {
    background: url("../../images/pd-bg-leading.svg") no-repeat;
    min-height: 26vh;
    background-size: cover;
}

.starting-line {
    border-left: 2px solid #87CCEB;
    position: relative;
}

.starting-line:after {
    padding: 0;
    margin: 0;
    display: block;
    content: "";
    width: 4px;
    position: absolute;
    bottom: 0;
    left: -3px;
}

.st-line-2:after {
    height: 20%;
    background-color: #F2FDFC;
}

.st-line-2-md:after {
    height: 20%;
    background-color: #E5E5E5;
}

.st-line-3:after {
    height: 37%;
    background-color: white;
}

.hr-line {
    border-bottom: 1px solid #87CCEB;
    border-top: none;
}

.nav-item {
    border-bottom: 2px solid transparent;
}
.active-line {
    border-bottom: 2px solid #87CCEB;
    position: relative;
}

.active-line:after {
    padding: 0;
    margin: 0;
    display: block;
    content: "";
    height: 4px;
    width: 63%;
    background-color: white;
    position: absolute;
    right: 0;
    bottom: -3px;
}

/*TOGGLE TEXT COLLAPSE BUTTON*/
.btn-text-change .show-less {
    display: inline
}

.btn-text-change:not(.collapsed) .show-more {
    display: none
}

.btn-text-change.collapsed .show-less {
    display: none
}

/*CUSTOM CHECKBOX*/
.checkbox label {
    padding-left: 24px;
    margin-top: -6px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + .choice-box:before,
input[type="checkbox"] + .choice-box:after {
    transition: all 0.3s;
}

input[type="checkbox"] + .choice-box:after {
    position: absolute;
    left: 4px;
    top: 3px;
    margin-top: -5px;
    margin-left: -4px;
    display: inline-block;
    content: ' ';
    width: 20px;
    height: 20px;
    border: 1px solid #B0B0B0;
    border-radius: 3px;
    background-color: #fff;
    z-index: 1000;
}

input[type="checkbox"]:checked + .choice-box:after {
    background-color: #4E5674;;
    border-color: #4E5674;;
}

input[type="checkbox"]:checked + .choice-box:before {
    transform: rotate(45deg);
    position: absolute;
    left: 7px;
    top: 0;
    width: 6px;
    height: 13px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: '';
    z-index: 10000;
}

label.error {
    color: #df2437;
}

.sec-btm {
    padding-bottom: 112px;
}

.mt-sec {
    margin-top: 60px;
}
.mt-sec-small {
    margin-top: 20px;
}

.ceo-place {
    height: 200px;
    background: #FFFFFF;
    border-radius: 110px 0 0 110px;
    box-shadow: 0px 4px 4px rgba(71, 80, 115, 0.13);
}

/*CAROUSELS*/
.swiper-container .swiper-slide {
    position: relative;
    background-position: center;
    background-size: cover;
}

.swiper-container .swiper-hider-on-load {
    display: none;
}

.swiper-container {
    width: 100%;
    padding-top: 7vh;
    padding-bottom: 84px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    /*width: 99vw;*/
}

.swiper-slide:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 0;
}

.swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 999999;
}

.swiper-slide.swiper-slide-active:after {
    z-index: 1;
}

.swiper-slide.swiper-slide-active .content {
    opacity: 1.0;
}

.swiper-slide .content {
    position: relative;
    z-index: 1;
    opacity: 0.0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -7px;
}

.swiper-slide-btn {
    position: relative;
    z-index: 5;
}

.swiper-slide-next {
    -webkit-transform: perspective(300px) rotateY(-30deg);
    transform: perspective(300px) rotateY(-30deg);
}

.swiper-slide-prev {
    -webkit-transform: perspective(400px) rotateY(30deg);
    transform: perspective(400px) rotateY(30deg);
}

.swiper-pagination-bullet, .home-page .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 7px;
    width: 9.5vw;
    margin: 0 10px 0 !important;
    border-radius: 0;
    text-indent: -999px;
    background: #87CCEB;
    border: none;
}

.swiper-pagination-bullet:focus {
    outline: none;
}

.swiper-button-next, .swiper-button-prev {
    color: #3E6AB3;
    outline: none;;
}

/*SLIDERS*/
.pd-slide-1 {
    background-image: url('../img/clearair-1.svg');
}

.pd-slide-2 {
    background-image: url('../img/acqualy-1.svg');
}

.pd-slide-3 {
    background-image: url('../img/clearbg-2.png');
}

.pd-slide-4 {
    background-image: url('../img/acqualy-1.png');
}

.pd-slider .slider-nav-icon {
    line-height: 33px;
}

.pd-slider .carousel-item .col-md {
    margin: 0 8px;
    height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.testimonials-panel {
    background: transparent url(../img/honeycomb.svg) no-repeat;
    background-size: contain;
    border: none;
    margin-top: 7vh;
}

.testimonials-panel .list-group-item, .project-details-one .list-group-item {
    background: transparent;
    border: none;
    padding: 5px;
}

.testimonials-panel .slide-img {
    height: 296px;
}

#carouselIndicatorsTestimonials {
    padding-bottom: 12vh;
}

.project-details .slide-box {
    display: flex;
    justify-content: space-between;
}
.project-details .slide-box img {
    width: 100%;
    padding: 0 4px;
}
/*GOOGLE MAP*/
#g-map-canvas {
    width: 100%;
    height: 664px;
    border: 0;
    overflow: hidden;
    margin: 0;
}

.map-outer {
    position: relative;
    text-align: right;
    height: 664px;
    width: 100%;
}

.g-map-canvas {
    overflow: hidden;
    background: none !important;
    height: 664px;
    width: 100%;
}

.middle-line {
    border-top: 2px solid #87CCEB;
}

.history-panel {
    /*margin-top: -21vh;*/
    padding: 2rem 3rem;
}

.years-wrap {
    margin-top: -8vh;
}

.year-circle {
    /*margin-bottom: 23vh;*/
}

.year-circle-10 {
    width: 72px;
    height: 72px;
}

.year-circle-20 {
    width: 116px;
    height: 116px;
}

.img-fit {
    padding: 0 0 50px 0;
    margin: -25% auto 0;
    display: block;
    max-width: 75%;
    height: auto;
}

.history-sec {
    margin-top: 270px;
}
.history-block {
    display: flex;
}
.hor-line {
    width: 100%;
    height: 2px;
    background-color: #87CCEB;
    margin-bottom: -207px;
}

.text-ceo {
    padding: 10% 0;
}

.soft-img {
    width: 100%;
}

.web-design-illus-1 {
    width: 90%;
    padding-top: 16%;
    padding-left: 18%;
}

/*FOOTER*/
footer ul {
    padding: 64px 0;
}

.cookies-accept {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9995;
    font-size: 12px;
    background-color: #FDFDFD;
    border-top: 1px solid rgba(0,0,0,.125);
}
.cookies-text {
}

.card-img-top {
    border-top-left-radius: calc(1.25rem + 1px);
    border-top-right-radius: calc(1.25rem + 1px);
}

/*RESPONSIVE STYLES*/
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }

    .img-fit {
        /*padding: 50px 0;*/
        margin: 0 auto;
        /*max-width: 75%;*/
    }

    /*.pad-big {*/
    /*    margin-top: initial;*/
    /*}*/

    .project-details .slide-box a {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-nav-btn {
        width: 22vw;
    }

    .fz-nav-2 {
        font-size: 15px;
    }

    .img-fit {
        padding: 50px 0;
        margin: 0 auto;
        max-width: 75%;
    }

    /*.pad-big-text {*/
    /*    margin-top: 0;*/
    /*}*/

    .we-svg-icon.inline {
        font-size: 1em;
    }

    .swiper-slide {
        width: 43vw;
    }

    .pad-7 {
        background-size: auto;
        background-position: left;
        height: auto;
    }

    .pad-10 {
        background-size: cover;
        min-height: 589px;
    }

    .pad-12 {
        height: 55vh;
    }

    .pad-12-a {
        /*height: 65vh;*/
    }

    .card-service-wrap {
        min-height: 74vh;
    }

    .card-service-page {
        padding: 32px 0;
    }

    .contacts-data-wrap {
        position: relative;
        width: 95%;
        margin: auto;
        margin-top: -20%;
    }

    .card-portfolio {
        min-height: 650px;
    }

    .card.success {
        color: #3bac8b;
        border: 1px solid #3bac8b;
        padding: 2rem 3rem;
    }

    .history-panel {
        padding: 4rem;
        /*margin-top: -19%;*/
    }

    .years-wrap {
        /*margin-top: -5.6vh;*/
    }

    .year-circle {
        /*margin-bottom: 14vh;*/
    }

    .project-details-leading {
        height: 30vh;
    }

    .about-illus-2 {
        width: auto;
    }

    .web-design-illus-1 {
        width: 100%;
        padding: 68% 0 0 24%;
    }

    .testimonials-panel .slide-img {
        height: 236px;
    }

    .web-design-illus-4 {
        width: 64%;
        padding-left: 12%;
    }

    .web-design-illus-5 {
        padding-top: 15%;
    }

    .design-mid-illus {
        padding-bottom: 36px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-nav-btn {
        width: 20vw;
    }

    .text-tera {
        font-size: 51px;
        line-height: 131%;
    }

    .ceo-place-container {
        margin-bottom: -207px;
    }

    .ceo-place {
        height: 414px;
        border-radius: 230px 22px 0 230px;
    }

    .text-ceo {
        /*margin-top: -28%;*/
        padding: 10% 0;
    }

    .bul-map-wrap {
        flex-basis: 70%;
    }

    .contact-form-wrap {
        margin: 25% 6% 0 -29% !important;
        padding: 48px;
    }

    .contacts-data-wrap {
        padding: 76px;
    }

    .fz-nav-2 {
        font-size: 20px;
    }

    .img-fit {
        padding: 20px 0 50px;
        /*margin: 0 auto 0 5%;*/
        max-width: 75%;
    }

    .pad-big, .pad-big-1 {
        height: 520px;
    }
    /*.pad-big-text {*/
    /*    margin-top: 0;*/
    /*    width: 75%;*/
    /*}*/

    .pad-10, .pad-11 {
        height: 376px;
    }

    .pad-10, .pad-12-a {
        background-size: contain;
    }

    .pad-11 {
        background-size: contain;
    }

    .pad-12-a {
        /*height: 48vh;*/
    }



    .card-service-wrap {
        min-height: 54vh;
        background-repeat: no-repeat;
    }

    .card-service-page {
        margin-top: -6%;
        padding: 38px 26px;
    }

    .contact-form-map {
        padding: 84px 116px;
    }

    .card-portfolio {
        min-height: 675px;
    }

    .history-panel {
        padding: 2rem 3rem;
        /*margin-top: -42%;*/
    }

    .hor-line {
        margin-bottom: -220px;
    }

    .years-wrap {
        margin-top: -20vh;
    }

    .project-details .slide-box a {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .pd-slider .carousel-item .col-md {
        background-size: cover;
    }

    .about-illus-2 {
        padding-right: 14%;
    }

    .about-illus-3 {
        width: 70%;
        padding: 0;
    }

    .web-design-illus-1 {
        padding: 0 0 52% 24%;
    }

    .pad-10 {
        padding-bottom: 18%;
    }

    .testimonials-panel .slide-img {
        height: 318px;
    }

    .web-design-illus-5 {
        width: 50%;
    }
}

@media (min-width: 1100px) {
    .pad-big, .pad-big-1 {
        height: 590px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1170px;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-nav-btn {
        width: 14vw;
    }

    .contact-form-wrap {
        height: 70%;
        margin: 37% 8% 0 -41% !important;
        padding: 95px;
    }

    .contacts-data-wrap {
        margin-top: -15%;
        width: 90%;
        padding: 96px;
    }

    .mt-sec {
        margin-top: 120px;
    }

    .mt-sec-small {
        margin-top: 80px;
    }

    .pad-big, .pad-big-1 {
        height: 660px;
    }

    .pad-1 {
        height: 370px;
    }

    .pad-4 {
        height: 332px;
    }

    .pad-7 {
        height: 591px;
    }

    .pad-10 {
        padding-bottom: 8%;
    }

    .pad-11 {
        /*height: 550px;*/
    }

    .pad-12 {
        height: 66vh;
        background-size: contain;
    }

    .pad-big {
        max-width: 1300px;
        margin: 0 auto;
    }

    /*.pad-big-text {*/
    /*    margin-top: 5%;*/
    /*    width: 27%;*/
    /*}*/

    /*.pad-big-1 .pad-big-text {*/
    /*    width: 34%;*/
    /*}*/


    .waves-2 {
        height: 125px;
    }

    .bg-ceo {
        /*background-size: contain;*/
        /*margin-top: -8%;*/
    }

    .swiper-slide {
        width: 46vw;
    }

    .services .swiper-slide {
        width: 31vw;
    }

    .card-service-page {
        margin-top: -14%;
    }
    .anti-card-service-page {
        margin-top: 10%;
    }

    .contact-form-map {
        width: 62%;
    }

    .card-portfolio {
        min-height: 815px;
    }

    .history-panel {
        padding: 3rem 4rem;
        /*margin-top: -20vh;*/
    }

    .hor-line {
        margin-bottom: -215px;
    }

    .year-circle-10 {
        /*margin-top: -36px;*/
    }

    .year-circle-20 {
        /*margin-top: -58px;*/
    }

    .project-details-leading {
        min-height: 42vh;
    }

    .pd-slider .carousel-item .col-md {
        margin: 0 18px;
    }

    .about-illus-3 {
        width: 65%;
    }

    .web-design-illus-1 {
        width: 75%;
        padding-bottom: 6%;
    }

    .web-design-illus-4 {
        padding-left: 16%;
        width: 70%;
    }

    .testimonials-panel .slide-img {
        height: 390px;
    }

    .web-design-illus-5 {
        margin-right: 19%;
        padding-top: 0;
    }

    .pad-big-text {
        padding-right: 0;
    }

    .pad-10 {
        padding-bottom: 4%;
    }

}


@media (min-width: 1400px) {
    .pad-big-text {
        padding-right: 0;
    }

    .pad-10 {
        padding-bottom: 4%;
    }

    .design-mid-illus {
        padding-right: 7%;
    }

    .pd-slider .carousel-item .col-md {
        height: 334px;
    }
}

@media (min-width: 1800px) {
    .contacts-data-wrap {
        margin-top: -10%;
    }
}

.pagination-container {
    width: 100%;
    display: flex;
    margin: auto;
    padding-top: 3rem;
    margin: 0rem auto;
}

@media (min-width: 768px) {
    .pagination-container {
        padding-top: 6rem;
        margin: 0rem 0;
    }
}

.pagination-container ul {
    padding: 0;
}

.pagination {
    margin: 0 auto;
}

.pagination li {
    list-style: none;
    display: inline;
}

.pagination li a {
    border: 1px solid #3E6AB3;
    border-radius: 50%;
    background-color: #ffffff;
    margin: 0 .25rem;
    padding: .35rem .7rem !important;
}

.pagination li a:hover {
    text-decoration: none;
}

.pagination li:first-child a, .pagination li:last-child a {
    padding: .35rem .375rem !important;
}

.pagination li.disabled a {
    border: 1px solid #3E6AB3;
    background-color: #FAFAFA;
    cursor: unset;
}

.pagination li.disabled a.current {
    color: #ffffff;
    background-color: #3E6AB3;
}

.pagination li.active a {
    color: #ffffff;
    background-color: #00244D;
}

@media (max-width: 575.98px) {
    .pagination li > .pageitem:not(.current) {
        display: none;
    }
}

.card-portfolio a {
    color: #4E5674 !important;
    text-decoration: none;
}

.card-portfolio a h5.text-mega {
    font-size: 25px;
}