/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.container {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 576px) {
    .container {
        max-width: 100%;
        width: unset !important;
    }
}

@media screen and (min-width: 576px) {
    .container {
        max-width: 540px;
    }

    .col-sm-1 {
        width: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
    }
}

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

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }
}

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

    .col-lg-1 {
        width: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .align-md-unset {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }

    .col-xl-1 {
        width: 8.3333333333%;
    }

    .col-xl-2 {
        width: 16.6666666667%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33.3333333333%;
    }

    .col-xl-5 {
        width: 41.6666666667%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-7 {
        width: 58.3333333333%;
    }

    .col-xl-8 {
        width: 66.6666666667%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-10 {
        width: 83.3333333333%;
    }

    .col-xl-11 {
        width: 91.6666666667%;
    }

    .col-xl-12 {
        width: 100%;
    }
}

@media screen and (min-width: 1320px) {
    .container {
        max-width: 1200px;
    }

    .col-xx-1 {
        width: 8.3333333333%;
    }

    .col-xx-2 {
        width: 16.6666666667%;
    }

    .col-xx-3 {
        width: 25%;
    }

    .col-xx-4 {
        width: 33.3333333333%;
    }

    .col-xx-5 {
        width: 41.6666666667%;
    }

    .col-xx-6 {
        width: 50%;
    }

    .col-xx-7 {
        width: 58.3333333333%;
    }

    .col-xx-8 {
        width: 66.6666666667%;
    }

    .col-xx-9 {
        width: 75%;
    }

    .col-xx-10 {
        width: 83.3333333333%;
    }

    .col-xx-11 {
        width: 91.6666666667%;
    }

    .col-xx-12 {
        width: 100%;
    }
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    position: relative;
}

.col-1 {
    width: 8.3333333333%;
}

.col-2 {
    width: 16.6666666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.3333333333%;
}

.col-5 {
    width: 41.6666666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.3333333333%;
}

.col-8 {
    width: 66.6666666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.3333333333%;
}

.col-11 {
    width: 91.6666666667%;
}

.col-12 {
    width: 100%;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.justify-unset {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-unset {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-unset {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}

.display-none {
    display: none;
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@font-face {
    font-family: "gilroy-light";
    src: url("../fonts/Gilroy-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "gilroy-regular";
    src: url("../fonts/Gilroy-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "gilroy-medium";
    src: url("../fonts/Gilroy-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "gilroy-bold";
    src: url("../fonts/Gilroy-Bold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "gilroy-heavy";
    src: url("../fonts/Gilroy-Heavy.ttf");
    font-weight: 800;
}

:root {
    --gilroy-light: "gilroy-light", sans-serif;
    --gilroy-regular: "gilroy-regular", sans-serif;
    --gilroy-medium: "gilroy-medium", sans-serif;
    --gilroy-bold: "gilroy-bold", sans-serif;
    --gilroy-heavy: "gilroy-heavy", sans-serif;
}

:root {
    --white: #ffffff;
    --black: black;
}

:root {
    --transition-all: all 300ms ease-in-out;
}

/* header*/
header {
    width: 100%;
    height: 870px;
    position: relative;
}

header .navbar {
    padding-top: 36px;
    padding-bottom: 29px;
}

header .header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

header .header-bg .img {
    max-width: 1920px;
    width: 100%;
    height: 100%;
}

header .header-bg .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media(max-width: 575px) {
    header .header-bg {
        height: 38%;
    }
}

header .container>.row {
    position: relative;
    z-index: 15;
}

header .heder-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .heder-right .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}

header .heder-right .menu__item {
    margin-right: 43px;
    padding: 10px 0;
}

header .heder-right .menu__item::after {
    content: "";
    display: block;
    margin-top: 3px;
    width: 100%;
    height: 2px;
    background: #00ca2c00;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

header .heder-right .menu__item:hover::after,
header .heder-right .menu__item.active::after {
    content: "";
    background: #ff5e57;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

header .heder-right .menu__item:last-of-type {
    margin-right: 0;
}

header .heder-right .menu__item:nth-of-type(3) {
    position: relative;
    z-index: 20;
}

header .heder-right .menu__item:nth-of-type(3) .menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .heder-right .menu__item:nth-of-type(3) .menu-block span {
    margin-left: 7px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

header .heder-right .menu__item:nth-of-type(3) .menu-block span:hover {
    border-color: white;
}

header .heder-right .menu__item:nth-of-type(3) .menu-block span svg {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    pointer-events: none;
}

header .heder-right .menu__item:nth-of-type(3):hover .menu-init {
    display: block;
}

header .heder-right .menu__link {
    font-size: 20px;
    line-height: 24.5px;
    font-family: var(--gilroy-bold);
    color: var(--white);
}

header .heder-right .menu-init {
    width: 232px;
    display: none;
    padding: 0;
    position: absolute;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    background: var(--white);
    -webkit-box-shadow: 0 0 6px 0 lightgray;
    box-shadow: 0 0 6px 0 lightgray;
}

header .heder-right .menu-init__item {
    cursor: pointer;
}

header .heder-right .menu-init__item:hover .menu-init__link {
    border-color: #00b026;
    background-color: #f5f5f5;
}

header .heder-right .menu-init__link {
    padding: 16px 0;
    padding-left: 18px;
    padding-right: 12px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 26px;
    color: #575757;
    background-color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #00b02600;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

header .heder-right .menu-init.active {
    display: block;
}

header .heder-right .call-number {
    margin-left: 69px;
    cursor: pointer;
}

header .heder-right .call-number a {
    display: block;
    font-size: 22px;
    line-height: 27.5px;
    font-family: var(--gilroy-heavy);
    color: var(--white);
}

header .heder-right .call-number a span {
    font-size: 20px;
    line-height: 24.26px;
    font-family: var(--gilroy-medium);
}

header .heder-right .lang__card {
    padding: 5px 0;
    margin-left: 53px;
    position: relative;
}

header .heder-right .lang__card .lang-basic {
    display: block;
    width: 68px;
    height: 32px;
    border: 1px solid var(--white);
    border-radius: 27.5px;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    font-family: var(--gilroy-medium);
    color: var(--white);
    cursor: pointer;
}

header .heder-right .lang__card .lang-basic svg {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    margin-left: 7px;
}

header .heder-right .lang__card .lang__content {
    width: 68px;
    display: none;
    position: absolute;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    background: var(--white);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px 0 lightgrey;
    box-shadow: 0 0 6px 0 lightgrey;
    overflow: hidden;
}

header .heder-right .lang__card .lang__content a {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 14px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #7e7e7e;
    font-family: var(--gilroy-medium);
    border-bottom: 1px solid #00ca2c00;
    background: var(--white);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

header .heder-right .lang__card .lang__content a:hover {
    border-color: #ff5e57;
    background: #f5f5f5;
}

header .heder-right .lang__card .lang__content.lang__content-active {
    display: block;
}

header .heder-right .order {
    padding: 15px 28px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--gilroy-bold);
    color: var(--white);
    background: #ff5e57;
    border-radius: 5px;
    margin-left: 53px;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

header .heder-right .order:hover {
    background: #2b388f;
}

header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #02209c;
    opacity: 0.55;
    z-index: 1;
}

header .category {
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 10;
}

header .category-title {
    margin: 0;
    margin-top: 164px;
    font-family: var(--gilroy-heavy);
    font-size: 60px;
    line-height: 75px;
    color: var(--white);
}

header .category-text {
    margin-top: 20px;
    font-family: var(--gilroy-medium);
    font-size: 20px;
    line-height: 31px;
    color: #dedede;
}

header .category .connection {
    margin-top: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header .category .connection__link {
    display: inline-block;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 19px;
    color: var(--white);
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

header .category .connection__link:first-of-type {
    padding: 16px 47px;
    background: #ff5e57;
    border-radius: 5px;
}

header .category .connection__link:first-of-type:hover {
    background: #2b388f;
}

header .category .connection__link:last-of-type {
    margin-left: 12px;
    padding: 16px 55px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background: transparent;
    -webkit-box-shadow: 0 0 0px 0 #ff5e57;
    box-shadow: 0 0 0px 0 #ff5e57;
}

header .category .connection__link:last-of-type:hover {
    border-color: #2b388f;
    -webkit-box-shadow: 0 0 10px 0 #2b388f;
    box-shadow: 0 0 10px 0 #2b388f;
}

header .category-list {
    width: 100% !important;
    padding: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .category-list__item {
    max-width: 371px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 159px;
    padding: 23px 28px;
    background: #ffffff;
    -webkit-box-shadow: 0px 25px 63px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 25px 63px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border-bottom: 6px solid #00ca2c00;
    cursor: pointer;
    outline: none;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

header .category-list__item span {
    display: inline-block;
}

header .category-list__item:hover,
header .category-list__item.tns-nav-active {
    border-bottom: 6px solid #ff5e57;
}

header .category-list__text {
    margin-left: 22px;
}

header .category-list__text h4 {
    font-family: var(--gilroy-bold);
    font-size: 24px;
    line-height: 30px;
    color: black;
}

header .category-list__text p {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #696969;
}

header .category .container .tns-outer>button {
    display: none !important;
}

header .category .container .tns-outer .tns-controls {
    display: none !important;
}

header .category-col {
    width: 100%;
}

header .navbar-fixed {
    display: none;
    position: fixed !important;
    top: 0;
    left: 50%;
    max-width: 1920px;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    background: #ff5e57;
    background: #ffffff;
}

header .navbar-fixed nav {
    width: 1200px;
    margin: 0 auto;
}

header .navbar-fixed nav .brand-logo {
    margin-top: 18px;
    margin-bottom: 15px;
}

header .navbar-fixed nav .menu__item::after {
    background: rgba(255, 255, 255, 0);
}

header .navbar-fixed nav .menu__item.active::after,
header .navbar-fixed nav .menu__item:hover::after {
    background: var(--white);
}

header .navbar-fixed nav .menu__link {
    color: var(--white);
}

header .navbar-fixed nav .menu__link>svg path {
    stroke: var(--white);
}

header .navbar-fixed nav .call-number p {
    color: var(--white);
}

header .navbar-fixed nav .lang__card .lang-link-active {
    border-color: var(--white);
    color: var(--white);
}

header .navbar-fixed nav .lang__card .lang-link-active svg path {
    stroke: var(--white);
}

header .navbar-fixed .order {
    background-color: var(--white);
    color: #ff5e57 border-bottom: 4px solid #00197b00;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

header .navbar-fixed .order:hover {
    border-bottom: 4px solid #00197b;
    background-color: var(--white);
}

header .navbar-mobil {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 15px;
    background: transparent;
    z-index: 999;
}

header .navbar-mobil>.container {
    height: 100%;
}

header .navbar-mobil__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .navbar-mobil__menu .btn-toggol {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
}

header .navbar-mobil__menu .btn-toggol .ic {
    background: var(--black);
}

header .navbar-mobil__menu .btn-toggol .ic.color-active {
    background: var(--black);
}

header .navbar-mobil__menu .btn-toggol .ic_bars {
    width: 33px;
    height: 33px;
}

header .navbar-mobil__navbar {
    display: none;
}

header .navbar-mobil__navbar .heder-right {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .navbar-mobil__navbar .heder-right .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .navbar-mobil__navbar .heder-right .menu__item {
    margin-right: 0;
}

header .navbar-mobil__navbar .heder-right .menu__item:nth-of-type(3) a svg path {
    stroke: var(--black);
}

header .navbar-mobil__navbar .heder-right .menu__item .menu-block span svg path {
    stroke: var(--black);
}

header .navbar-mobil__navbar .heder-right .menu__link {
    color: var(--black);
}

header .navbar-mobil__navbar .heder-right .call-number {
    margin: 10px 0;
}

header .navbar-mobil__navbar .heder-right .call-number a {
    color: var(--black);
}

header .navbar-mobil__navbar .heder-right .lang__card {
    margin: 10px 0;
}

header .navbar-mobil__navbar .heder-right .lang__card .lang-basic {
    color: var(--black);
    border-color: var(--black);
}

header .navbar-mobil__navbar .heder-right .lang__card svg path {
    stroke: var(--black);
}

header .navbar-mobil__navbar .heder-right .order {
    margin: 10px 0;
}

header .navbar-mobil__navbar.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .navbar-mobil.navbar-mobil-bg {
    position: fixed;
    background: var(--white);
    height: 100%;
}

header .navbar-mobil-active {
    position: fixed;
    background: #ffffff;
    /* background: #ff5e57; */
    padding: 6px 0;
}

/* / header*/
/* main */
/* sec-about */
main .sec-about {
    background: url("../images/sec-about_bg.png") no-repeat center center/cover;
}

main .sec-about>.container>.row {
    padding: 94px 0;
    padding-bottom: 0px;
}

main .sec-about__left {
    max-width: 632px;
    width: 100%;
    max-height: 601px;
    width: 100%;
}

main .sec-about__left img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

main .sec-about__right {
    width: 458px;
}

main .sec-about__right .title {
    text-align: start;
}

main .sec-about__right .title .mark-2 {
    margin-top: 12px;
    display: block;
    width: 133px;
    height: 2px;
    background: #ff5e57;
}

main .sec-about__text {
    margin-top: 20px;
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 15px;
    line-height: 31px;
    color: #696969;
}

main .sec-about__detailed {
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 22px;
    line-height: 5px;
    color: #000000;
}

main .sec-about__detailed span {
    font-weight: bold;
    font-size: 51px;
    line-height: 63px;
    font-family: var(--gilroy-bold);
    color: #ff5e57;
}

main .sec-about__link {
    display: block;
    width: 180px;
    height: 50px;
    margin-top: 35px;
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    background: #ff5e57;
    border-radius: 5px;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .sec-about__link:hover {
    background: #2b388f;
}

/* / sec-about */
/* sec-service */
main .sec-service {
    position: relative;
}

main .sec-service .card-cloumn {
    position: relative;
    max-width: 364px;
    width: 100%;
    height: 485px;
    margin-top: 48px;
    z-index: 50;
}

main .sec-service .card-cloumn .card {
    position: absolute;
    top: 0;
    left: 0;
}

main .sec-service .title {
    margin-top: 122px;
    margin-bottom: 0;
    text-align: center;
}

main .sec-service__text {
    max-width: 1125px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 15px;
    font-family: var(--gilroy-regular);
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #696969;
}

main .sec-service .card {
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .sec-service .card:hover {
    -webkit-filter: drop-shadow(0px 0px 19px rgba(0, 176, 39, 0.1));
    filter: drop-shadow(0px 0px 19px rgba(0, 176, 39, 0.1));
}

main .sec-service::after {
    content: "";
    position: absolute;
    top: 191px;
    left: 0;
    display: block;
    width: 581px;
    height: 581px;
    background: rgba(0, 176, 39, 0.1);
    -webkit-filter: blur(188px);
    filter: blur(188px);
}

/* / sec-service */
/* sec-facilities */
main .sec-facilities {
    margin-top: 84px;
    height: 561px;
    background: url("../images/curtain-with-sunlight 1.jpg") no-repeat center center/cover;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

main .sec-facilities .container>.row {
    position: relative;
    z-index: 10;
}

main .sec-facilities::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #181c35;
    opacity: 0.55;
}

main .sec-facilities .title {
    margin-top: 68px;
    color: var(--white);
}

main .sec-facilities .title .mark-1 {
    color: skyblue;
}

main .sec-facilities__text {
    max-width: 462px;
    margin-left: 74px;
    margin-top: 77px;
}

main .sec-facilities__text p {
    font-family: var(--gilroy-medium);
    font-size: 20px;
    line-height: 33px;
    color: var(--white);
}

main .sec-facilities__img {
    position: absolute;
    top: 214px;
    left: 442px;
}

/* / sec-facilities */
/* sec-project */
main .sec-project {
    margin-top: 75px;
    position: relative;
}

main .sec-project__image {
    max-width: 1200px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

main .sec-project__img {
    margin-top: 37px;
    width: 50%;
    max-height: 722px;
    height: 100%;
    position: relative;
    cursor: pointer;
}

main .sec-project__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .sec-project__img .flat_view {
    position: absolute;
    bottom: 29px;
    left: 31px;
    padding: 22px 44px;
    font-family: var(--gilroy-medium);
    display: inline-block;
    color: var(--white);
    background: rgba(0, 0, 0, 0.42);
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}

main .sec-project #sec-project__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

main .sec-project .tns-outer {
    position: relative;
}

main .sec-project .tns-outer .tns-controls {
    position: absolute;
    bottom: 29px;
    right: 40px;
    max-width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 20;
}

main .sec-project .tns-outer .tns-controls button {
    width: 71px;
    height: 71px;
    background: #ff5e57;
    border: none;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .sec-project .tns-outer .tns-controls button:first-of-type {
    margin-right: 8px;
}

main .sec-project .tns-outer .tns-controls button:hover {
    background-color: #2b388f;
}

main .sec-project::after {
    content: "";
    position: absolute;
    top: -74px;
    left: 0;
    display: block;
    width: 581px;
    height: 581px;
    background: rgba(0, 176, 39, 0.1);
    -webkit-filter: blur(188px);
    filter: blur(188px);
}

/* / sec-project */
/* sec-equipment */
main .sec-equipment {
    position: relative;
}

main .sec-equipment .title {
    margin-top: 124px;
}

main .sec-equipment-text {
    max-width: 680px;
    margin: 0 auto;
    margin-top: 15px;
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 15px;
    line-height: 31px;
    text-align: center;
    color: #696969;
}

main .sec-equipment-img {
    width: 279px;
    height: 409px;
    position: relative;
    margin-top: 80px;
    cursor: pointer;
}

main .sec-equipment-img .img {
    max-width: 189px;
    max-height: 340px;
    margin: 0 auto;
}

main .sec-equipment-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

main .sec-equipment-trans {
    max-width: 256px;
    width: 100%;
    max-height: 62px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

main .sec-equipment-trans .transform {
    position: relative;
    width: 105%;
    height: 105%;
    padding: 5px;
}

main .sec-equipment-trans .transform .transform-cont {
    width: 100%;
    height: 90%;
    position: absolute;
    background: green;
    border-radius: 10px;
    background: #ff5e57;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 176, 39, 0.3);
    box-shadow: 0px 16px 32px rgba(0, 176, 39, 0.3);
    -webkit-transform: translate(1px, -4px) perspective(500px) rotateX(0deg) rotateY(200deg) scale(1);
    transform: translate(1px, -4px) perspective(500px) rotateX(0deg) rotateY(200deg) scale(1);
}

main .sec-equipment-trans .transform span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    padding: 0 16px;
    width: 100%;
    height: 100%;
    background: transparent;
    font-family: var(--gilroy-bold);
    color: var(--white);
    font-size: 16px;
    line-height: 20px;
    -webkit-transform: translate(1px, -8px);
    -ms-transform: translate(1px, -8px);
    transform: translate(1px, -8px);
}

main .sec-equipment #sec-equipment-slider {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

main .sec-equipment #sec-equipment-slider .sec-equipment__images {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 519px;
}

main .sec-equipment #sec-equipment-slider-ow {
    position: relative;
    z-index: 15;
}

main .sec-equipment #sec-equipment-slider-ow .tns-nav {
    position: absolute;
    bottom: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

main .sec-equipment #sec-equipment-slider-ow .tns-nav button {
    width: 30px;
    height: 6px;
    margin: 0 7px;
    border-radius: 50px;
    border: none;
    outline: none;
    background-color: #dddddd;
}

main .sec-equipment #sec-equipment-slider-ow .tns-nav button.tns-nav-active,
main .sec-equipment #sec-equipment-slider-ow .tns-nav button:hover {
    background: #ff5e57;
}

main .sec-equipment #sec-equipment-slider-ow .tns-ovh {
    margin: 0 -52px;
    padding: 0 52px;
}

main .sec-equipment #sec-equipment-slider-ow .tns-ovh .tns-item {
    margin-bottom: 74px;
}

main .sec-equipment::after {
    content: "";
    position: absolute;
    top: 241px;
    right: 0;
    display: block;
    width: 581px;
    height: 581px;
    /*background: rgba(0, 176, 39, 0.1);*/
    z-index: -111;
    /*filter: blur(188px);*/
}

/* / sec-equipment */
/* sec-information */
main .sec-information {
    margin-top: 46px;
    position: relative;
}

main .sec-information>.container>.row+.row {
    position: relative;
}

main .sec-information>.container>.row+.row::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 581px;
    height: 581px;
    background: rgba(0, 176, 39, 0.1);
    -webkit-filter: blur(188px);
    filter: blur(188px);
    -webkit-transform: translate(-328px, 34px);
    -ms-transform: translate(-328px, 34px);
    transform: translate(-328px, 34px);
    opacity: 0.58;
    z-index: 1;
}

main .sec-information__left {
    max-width: 697px;
}

main .sec-information__left h4 {
    margin-top: 34px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 20px;
    color: black;
}

main .sec-information__left h4+p {
    margin-top: 14px;
    font-family: var(--gilroy-medium);
    font-size: 15px;
    line-height: 31px;
    color: #696969;
}

main .sec-information__right {
    width: 440px;
    height: 334px;
    margin-top: 54px;
}

main .sec-information__right img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* / sec-information */
/* sec-client */
main .sec-client {
    margin-top: 152px;
    position: relative;
}

main .sec-client::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 581px;
    height: 581px;
    background: rgba(0, 176, 39, 0.1);
    -webkit-filter: blur(188px);
    filter: blur(188px);
    opacity: 0.58;
    z-index: 1;
}

main .sec-client .title {
    max-width: 735px;
    margin: 0 auto;
}

main .sec-client__commit {
    margin-top: 25px;
    font-family: var(--gilroy-regular);
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #ff5e57;
}

main .sec-client .card {
    width: 100%;
    margin-top: 42px;
    margin-bottom: 62px;
    padding: 24px 34px;
    -webkit-filter: drop-shadow(0px 0px 12px rgba(0, 176, 39, 0.1));
    filter: drop-shadow(0px 0px 12px rgba(0, 176, 39, 0.1));
    cursor: pointer;
}

main .sec-client .card__text {
    font-family: var(--gilroy-medium);
    font-size: 15px;
    line-height: 26px;
    margin-top: 21px;
    margin-bottom: 33px;
}

main .sec-client .card__bottom {
    margin: 0 -34px;
    padding: 21px 0 0 34px;
    border-top: 1px solid #e1e1e1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .sec-client .card .user {
    margin-left: 14px;
}

main .sec-client .card .user__name {
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #00187b;
}

main .sec-client .card .user__job {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: #696969;
}

main .sec-client .tns-outer {
    position: relative;
    z-index: 15;
}

main .sec-client .tns-outer .tns-ovh {
    margin: -26px -30px;
    padding: 26px 30px;
}

main .sec-client .tns-outer .tns-nav {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

main .sec-client .tns-outer .tns-nav button {
    width: 30px;
    height: 6px;
    margin: 0 7px;
    border-radius: 50px;
    border: none;
    outline: none;
    background-color: #dddddd;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    cursor: pointer;
}

main .sec-client .tns-outer .tns-nav button.tns-nav-active,
main .sec-client .tns-outer .tns-nav button:hover {
    background: #ff5e57;
}

/* / sec-client */
/* sec-order */
main .sec-order .title {
    max-width: 1062px;
    margin: 0 auto;
    margin-top: 123px;
}

main .sec-order__contact {
    width: 570px;
    margin-top: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .sec-order__contact input {
    height: 60px;
    padding: 18px 20px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    outline: none;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .sec-order__contact input::-webkit-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .sec-order__contact input::-moz-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .sec-order__contact input:-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .sec-order__contact input::-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .sec-order__contact input::placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .sec-order__contact .name {
    width: 100%;
    float: left;
}

main .sec-order__contact .number {
    margin-top: 31px;
    width: 100%;
}

main .sec-order__contact .selected {
    width: 48.5%;
    height: 60px;
    margin-top: 31px;
    border: 1px solid #d2d2d2;
    background: var(--white);
    border-radius: 5px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .sec-order__contact .selected select {
    width: 100%;
    height: 100%;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    padding: 18px 20px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}

main .sec-order__contact .selected span {
    margin-right: 12px;
    cursor: pointer;
}

main .sec-order__contact .selected span svg path {
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .sec-order__contact .selected:hover {
    background: #ff5e57;
}

main .sec-order__contact .selected:hover select {
    color: var(--white);
}

main .sec-order__contact .selected:hover select option {
    color: #828282;
}

main .sec-order__contact .selected:hover span svg path {
    stroke: var(--white);
}

main .sec-order__contact .textarea {
    width: 100%;
    height: 170px;
    margin-top: 22px;
    border: 1px solid #d2d2d2;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    resize: none;
    border-radius: 5px;
    padding: 18px 20px;
    outline: none;
}

main .sec-order__contact .btn-submit {
    margin-top: 20px;
    padding: 16px 56px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    color: var(--white);
    background: #ff5e57;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .sec-order__contact .btn-submit:hover {
    background: #2b388f;
}

main .sec-order__img {
    max-width: 599px;
    width: 100%;
    max-height: 431px;
    height: 100%;
}

main .sec-order__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/* / sec-order */
/* modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.74);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

.modal.modal-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal__cloumn {
    max-width: 693px;
    width: 100%;
    padding: 36px 61px;
    background-color: var(--white);
    position: relative;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

.modal__cloumn.modal__cloumn-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal .btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
}

.modal__title {
    font-family: var(--gilroy-bold);
    font-size: 36px;
    line-height: 45px;
    color: #000000;
    text-align: center;
}

.modal__contact {
    max-width: 570px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal__contact input {
    height: 60px;
    padding: 18px 20px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    outline: none;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.modal__contact input::-webkit-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.modal__contact input::-moz-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.modal__contact input:-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.modal__contact input::-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.modal__contact input::placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

.modal__contact .name {
    width: 100%;
    float: left;
    margin-top: 31px;
}

.modal__contact .number {
    margin-top: 31px;
    width: 100%;
}

.modal__contact .selected {
    width: 48.5%;
    height: 60px;
    margin-top: 31px;
    border: 1px solid #d2d2d2;
    background: var(--white);
    border-radius: 5px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

.modal__contact .selected select {
    width: 100%;
    height: 100%;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    padding: 18px 20px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}

.modal__contact .selected span {
    margin-right: 12px;
    cursor: pointer;
}

.modal__contact .selected span svg path {
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

.modal__contact .selected:hover {
    background: #ff5e57;
}

.modal__contact .selected:hover select {
    color: var(--white);
}

.modal__contact .selected:hover select option {
    color: #828282;
}

.modal__contact .selected:hover span svg path {
    stroke: var(--white);
}

.modal__contact .textarea {
    width: 100%;
    height: 170px;
    margin-top: 22px;
    border: 1px solid #d2d2d2;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    resize: none;
    border-radius: 5px;
    padding: 18px 20px;
    outline: none;
}

.modal__contact .btn-submit {
    margin: 0 auto;
    margin-top: 31px;
    padding: 16px 56px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    color: var(--white);
    background: #ff5e57;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

.modal__contact .btn-submit:hover {
    background: #2b388f;
}

.modal-mobil .modal__cloumn {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.modal-mobil .modal__title {
    font-size: 16px;
}

.modal-mobil .modal__contact {
    width: 100%;
}

.modal-mobil .modal__contact .name {
    width: 100%;
    margin-top: 10px;
}

.modal-mobil .modal__contact .number {
    width: 100%;
    margin-top: 10px;
}

.modal-mobil .modal__contact .selected {
    width: 100%;
    margin-top: 10px;
}

.modal-mobil .modal__contact .textarea {
    margin-top: 10px;
    height: 150px;
}

.modal-mobil .modal__contact .btn-submit {
    width: 100%;
    margin-top: 10px;
}

.modal-mobil .btn-close {
    top: 17px;
    right: 17px;
}

/* / modal */
/* second-modal*/
.modal-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.521);
    z-index: 999;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

.modal-image-basic {
    max-width: 700px;
    width: 100%;
    max-height: 700px;
    height: 100%;
    position: relative;
}

.modal-image-basic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal-image-basic .modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.modal-image-basic .modal-close .ic {
    background-color: var(--black);
}

.modal-image.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* / second-modal*/
/* footer */
footer {
    margin-top: 70px;
    background-color: #000000;
}

footer .footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

footer .footer-top__logo {
    margin: 31px 0;
}

footer .footer-top__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

footer .footer-top__icons .footer-top__link {
    width: 28px;
    height: 28px;
    margin-left: 11px;
    border-radius: 50%;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #293360;
    overflow: hidden;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

footer .footer-top__icons .footer-top__link .ic {
    width: 100%;
    height: 100%;
    background: var(--white);
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

footer .footer-top__icons .footer-top__link:hover .ic {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    background: #ff5e57;
}

footer .footer-body {
    padding-bottom: 44px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

footer .footer-title {
    margin-top: 45px;
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    color: var(--white);
}

footer .footer-about {
    width: 266px;
}

footer .footer-about .footer-title+p {
    margin-top: 26px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #cbcbcb;
}

footer .footer-services {
    max-width: 184px;
    padding: 0;
}

footer .footer-services__item:first-of-type {
    margin-top: 19px;
}

footer .footer-services__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .footer-services__link del {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 40px;
    color: #cbcbcb;
}

footer .footer-services__link span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 21px;
    height: 11px;
}

footer .footer-services__link span svg {
    margin-right: 14px;
    margin-left: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

footer .footer-services__link:hover span svg {
    margin-right: 0;
    margin-left: 6px;
}

footer .footer-contact {
    max-width: 197px;
}

footer .footer-contact .footer-title+p {
    margin-top: 26px;
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #cbcbcb;
}

footer .footer-contact__number {
    margin-top: 25px;
}

footer .footer-contact__number a {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #cbcbcb;
}

footer .footer-contact__number a svg {
    margin-right: 10px;
}

footer .footer-contact__message {
    display: block;
    margin-top: 15px;
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #cbcbcb;
}

footer .footer-contact__message svg {
    margin-right: 10px;
}

footer .footer-news {
    width: 308px;
}

footer .footer-news__text {
    margin-top: 26px;
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #cbcbcb;
}

footer .footer-news__input {
    width: 100%;
    margin-top: 14px;
    position: relative;
}

footer .footer-news__input input {
    width: 100%;
    padding: 16px 54px 16px 19px;
    outline: none;
    border: none;
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
}

footer .footer-news__input input::-webkit-input-placeholder {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
}

footer .footer-news__input input::-moz-placeholder {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
}

footer .footer-news__input input:-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
}

footer .footer-news__input input::-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
}

footer .footer-news__input input::placeholder {
    font-family: var(--gilroy-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9c9c9c;
}

footer .footer-news__input .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 100%;
    background-color: #ff5e57;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

footer .footer-news__input .btn:hover {
    background-color: #2b388f;
}

footer .footer-bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer .footer-bottom p,
footer .footer-bottom a {
    display: block;
    max-width: 250px;
    text-align: center;
    margin: 29px 10px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
    color: #cbcbcb;
}

footer .footer-bottom a span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.76);
}

/* / footer */
/* / main */
@media screen and (max-width: 1319px) {
    header {
        height: unset;
    }

    header .navbar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .navbar>.container>.row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .navbar .brand-logo {
        margin-bottom: 29px;
        padding: 0 20px;
    }

    header .category {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
    }

    .sec-order>.container>.row+.row {
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        /* .sec-facilities */
    }

    main .sec-facilities__img {
        left: 383px;
        /*/ .sec-facilities */
    }

    main .sec-project__img .flat_view {
        bottom: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .category #customize-thumbnails {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
        /* sec-about */
    }

    main .sec-about>.container>.row {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    main .sec-about .title {
        margin-top: 50px;
    }

    main .sec-about__right .title {
        text-align: center;
    }

    main .sec-about__right .title .mark-2 {
        margin-left: auto;
        margin-right: auto;
    }

    main .sec-about__right h4 {
        text-align: center;
    }

    main .sec-about__right p {
        text-align: center;
    }

    main .sec-about__right a {
        text-align: center;
    }

    main .sec-about__right .sec-about__link {
        margin-left: auto;
        margin-right: auto;
        /* sec-about */
        /* .sec-service */
    }

    main .sec-service>.container>.row {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    main .sec-service::after {
        content: "";
        display: none;
        /* .sec-service */
    }

    main .sec-project::after {
        content: "";
        display: none;
    }

    main .sec-information>.container>.row+.row::after {
        content: "";
        display: none;
    }

    main .sec-client::after {
        content: "";
        display: none;
        /* sec-facilities */
    }

    main .sec-facilities {
        height: 720px;
    }

    main .sec-facilities__text {
        margin: 0 auto;
        text-align: center;
    }

    main .sec-facilities__img {
        position: unset;
        margin: 0 auto;
    }

    main .sec-facilities__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        /* / sec-facilities */
        /* sec-information */
    }

    main .sec-information__left {
        margin: 0 auto;
        text-align: center;
    }

    main .sec-information__right {
        margin: 0 auto;
        margin-top: 50px;
        /* / sec-information */
    }

    footer .footer-about {
        width: 100% !important;
    }
}

@media screen and (max-width: 1199px) {

    /* .navbar-mobil */
    header .category-title {
        text-align: center;
    }

    header .category-text {
        text-align: center;
    }

    header .category .connection {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .heder-right .menu-init {
        top: 40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        /* / .navbar-mobil */
    }
}

@media screen and (max-width: 992px) {

    /**/
    header .category-list__item {
        margin-top: 50px;
        /* sec-facilities */
    }

    main .sec-facilities {
        height: 750px;
    }

    main .sec-facilities .title {
        margin-left: 20px;
        margin-right: 20px;
        /* / sec-facilities */
        /* sec-project */
    }

    main .sec-project__img .flat_view {
        padding: 8px 15px;
        /* / sec-project */
        /* sec-equipment */
        /* / sec-equipment */
        /* sec-order */
    }

    main .sec-order>.container>.row+.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    main .sec-order__contact {
        width: 100%;
    }

    main .sec-order__img {
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        /* / sec-order */
    }

    footer .footer-news {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {

    /* modal window*/
    .modal__cloumn {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .modal__contact .name {
        margin-top: 20px;
    }

    .modal__contact .number {
        margin-top: 20px;
    }

    .modal__contact .selected {
        margin-top: 20px;
    }

    .modal__contact .btn-submit {
        margin-top: 20px;
    }

    .modal__title {
        font-size: 25px;
        line-height: 35px;
        /* / modal window*/
    }
}

@media screen and (max-width: 768px) {
    header .category-title {
        text-align: center;
    }

    header .category-text {
        text-align: center;
    }

    header .category .connection {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .category-list__item {
        max-width: 300px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .category-list__item .category-list__text {
        margin-left: 0;
        text-align: center;
        /* sec-service */
    }

    main .sec-service .title {
        margin-top: 60px;
        /* / sec-service */
        /* sec-facilities */
    }

    main .sec-facilities {
        height: 695px;
        /* / sec-facilities */
        /* sec-project */
    }

    main .sec-project__img .flat_view {
        font-size: 15px;
        padding: 8px 15px;
    }

    main .sec-project .tns-outer .tns-controls button {
        width: 40px;
        height: 40px;
        /* / sec-project */
    }
}

@media screen and (max-width: 575px) {
    .container {
        padding: 0 15px;
    }

    header .category-title {
        font-size: 30px;
        line-height: 40px;
    }

    header .category-text {
        font-size: 15px;
        line-height: 25px;
    }

    header .category .connection {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    header .category .connection__link {
        margin: 0 8px !important;
    }

    main {
        overflow: hidden;
    }

    .title {
        font-size: 24px !important;
        line-height: 35px !important;
    }

    main .sec-service>.container {
        padding: 0;
    }

    main .sec-facilities {
        height: 520px;
    }

    main .sec-facilities>.container {
        padding: 0;
    }

    main .sec-facilities__text p {
        font-size: 20px;
        line-height: 25px;
    }

    main .sec-project__img .flat_view {
        font-size: 10px;
        padding: 1px 10px;
        bottom: 38px;
        left: 0;
    }

    main .sec-project .tns-outer .tns-controls {
        bottom: 0;
        right: 10px;
    }

    main .sec-project .tns-outer .tns-controls button {
        width: 35px;
        height: 35px;
    }

    main .sec-information__left h4+p {
        line-height: 23px;
    }

    main .sec-equipment #sec-equipment-slider-ow .tns-nav,
    main .sec-client .tns-outer .tns-nav {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    main .sec-client {
        margin-top: 0;
    }

    main .sec-order__contact {
        margin-top: 20px;
    }

    main .sec-order__contact .number {
        width: 100%;
    }

    main .sec-order__contact .selected {
        width: 100%;
    }

    main .sec-order__contact .btn-submit {
        width: 100%;
    }

    .modal__contact {
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .modal__contact .name {
        height: 40px;
    }

    .modal__contact .number {
        width: 100%;
        padding: 10px 20px;
        height: 40px;
    }

    .modal__contact .selected {
        width: 100%;
        height: 40px;
    }

    .modal__contact .selected select {
        padding: 0 20px;
    }

    .modal__contact .textarea {
        height: 140px;
    }

    .modal__contact .btn-submit {
        width: 100%;
        padding: 10px 0;
    }

    .modal__title {
        font-size: 25px;
        line-height: 35px;
    }

    footer .footer-bottom>.container {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (max-width: 507px) {
    footer .footer-bottom a {
        margin-top: 0;
    }
}

@media screen and (max-width: 420px) {
    header .category .connection__link:last-of-type {
        margin-top: 20px !important;
    }
}

main .about-img__cloumn {
    width: 275px;
}

main .about-img__middle {
    margin: 0 auto;
}

/* contacts */
main .contacts__our {
    max-width: 487px;
    width: 100%;
}

main .contacts__titles {
    margin-top: 69px;
    font-family: var(--gilroy-bold);
    font-size: 36px;
    line-height: 45px;
    color: #00187b;
}

main .contacts__titles::after {
    content: "";
    display: block;
    width: 133px;
    height: 2px;
    margin-top: 20px;
    background: #ff5e57;
}

main .contacts__address-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
}

main .contacts__address-info span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #ff5e57;
    margin-right: 21px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

main .contacts__address-info p {
    margin-top: 5px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__social-networks h2 {
    margin-top: 57px;
    font-family: var(--gilroy-bold);
    font-size: 24px;
    line-height: 30px;
    color: #00187b;
}

main .contacts__social__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

main .contacts__social__link {
    width: 34px;
    height: 34px;
    margin-left: 11px;
    border-radius: 50%;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--white);
    overflow: hidden;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

main .contacts__social__link .ic {
    width: 100%;
    height: 100%;
    background: #ff5e57;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

main .contacts__social__link:hover .ic {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    background: #2b388f;
}

main .contacts__form {
    max-width: 570px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

main .contacts__form .name {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .name:focus {
    outline: none;
}

main .contacts__form .name::-webkit-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .name::-moz-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .name:-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .name::-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .name::placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .number {
    float: left;
    width: 48.5%;
    height: 60px;
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .number:focus {
    outline: none;
}

main .contacts__form .number::-webkit-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .number::-moz-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .number:-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .number::-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .number::placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .selected {
    float: left;
    width: 48.5%;
    height: 60px;
    margin-top: 20px;
    border: 1px solid #d2d2d2;
    background: var(--white);
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

main .contacts__form .selected select {
    width: 100%;
    height: 100%;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    padding: 18px 20px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

main .contacts__form .selected select:focus {
    outline: none;
}

main .contacts__form .selected span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .contacts__form .selected:hover {
    background: #ff5e57;
}

main .contacts__form .selected:hover select {
    color: var(--white);
}

main .contacts__form .selected:hover select option {
    color: #828282;
}

main .contacts__form .selected:hover span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

main .contacts__form .selected:hover span svg path {
    stroke: var(--white);
}

main .contacts__form .textarea {
    width: 100%;
    height: 170px;
    margin-top: 22px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
    padding: 18px 20px;
    resize: none;
}

main .contacts__form .textarea:focus {
    outline: none;
}

main .contacts__form .textarea::-webkit-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .textarea::-moz-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .textarea:-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .textarea::-ms-input-placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .textarea::placeholder {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 24px;
    color: #828282;
}

main .contacts__form .btn-submit {
    margin-top: 22px;
    padding: 16px 55px;
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 19px;
    color: var(--white);
    background: #ff5e57;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}

main .contacts__form .btn-submit:hover {
    background: #2b388f;
}

@media (max-width: 575px) {
    .footer-bottom .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* / contacts */
/* contacts-map */
main .contacts-map {
    margin-top: 64px;
}

main .contacts-map iframe {
    width: 100%;
    height: 548px;
}

/* / contacts-map */
footer {
    margin-top: 69px;
}

@media screen and (max-width: 1200px) {
    .contacts .justify-between {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media (max-width: 576px) {
    .contacts .justify-between {
        padding: 0 20px;
    }

    main .contacts__form .number {
        width: 100%;
    }

    main .contacts__form .selected {
        width: 100%;
    }

    main .contacts__form .btn-submit {
        width: 100%;
    }

    .footer-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    main .contacts-map {
        margin-top: 64px;
    }

    main .contacts-map iframe {
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 400px) {
    .contacts .justify-between .contacts__titles {
        font-size: 32px;
    }
}

html {
    font-size: 16px;
}

* {
    margin: 0;
    list-style: none;
    text-decoration: none;
    font-style: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main {
    overflow: hidden;
}

.copyright {
    margin-left: 0;
}

.title {
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 52px;
    line-height: 64px;
    text-align: center;
    color: #0a0a0a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.title .mark-1 {
    margin-bottom: 15px;
    display: block;
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: black;
}

.card {
    max-width: 364px;
    width: 100%;
    margin: 0 auto;
    background: var(--white);
    -webkit-filter: drop-shadow(0px 0px 19px rgba(0, 176, 39, 0.1));
    filter: drop-shadow(0px 0px 19px rgba(0, 176, 39, 0.1));
    cursor: pointer;
}

.card__img {
    width: 100%;
    height: 257px;
    border-radius: 5px 5px 0px 0px;
    -o-object-fit: cover;
    object-fit: cover;
}

.card__body {
    padding: 19px 24px;
}

.card__body.active .card__link span {
    background: #ff5e57;
}

.card__body.active .card__link span .ic {
    background: var(--white);
}

.card__title {
    font-family: var(--gilroy-bold);
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
}

.card__text {
    margin-top: 14px;
    font-family: var(--gilroy-medium);
    font-size: 15px;
    line-height: 26px;
    color: #696969;
}

.card__list {
    display: none;
    margin-top: 14px;
    margin-bottom: -10px;
    padding-left: 24px;
}

.card__list.active {
    display: block;
}

.card__list li {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 39px;
    color: #696969;
    list-style: disc;
}

.card__link {
    margin-top: 29px;
    margin-bottom: 7px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.card__link a {
    font-family: var(--gilroy-medium);
    font-size: 16px;
    line-height: 26px;
    color: #ff5e57;
}

.card__link span {
    width: 32px;
    height: 32px;
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 12px;
}

.card__link span .ic {
    background: #ff5e57;
}

.btn-up {
    position: fixed;
    bottom: 40px;
    right: 125px;
    width: 56px;
    height: 56px;
    background: #ff5e57;
    border: none;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    outline: none;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.btn-up:hover {
    background: #2b388f;
}

.btn-up.btn-up-change {
    width: 30px;
    height: 30px;
    right: 30px;
    bottom: 20px;
}

.btn-up.btn-up-change svg {
    width: 20px;
    height: 20px;
}

.ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #000;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center center;
}

.ic_bars {
    -webkit-mask-image: url("../images/icons/bars_icon.svg");
}

.ic_times {
    -webkit-mask-image: url("../images/icons/times.svg");
}

.ic_telegram {
    -webkit-mask-image: url("../images/icons/telegram.svg");
}

.ic_whatsapp {
    -webkit-mask-image: url("../images/icons/whatsapp.svg");
}

.ic_facebook {
    -webkit-mask-image: url("../images/icons/facebook.svg");
}

.ic_youtube {
    -webkit-mask-image: url("../images/icons/youtube.svg");
}

.ic_instagram {
    -webkit-mask-image: url("../images/icons/instagram.svg");
}

.ic_plus {
    -webkit-mask-image: url("../images/icons/plus.svg");
}

.arrow-up {
    -webkit-mask-image: url("../images/icons/arrow-up.svg");
}

.btn-up {
    bottom: 40px;
}

@media (max-width: 575px) {
    .header-img {
        height: 35%;
    }
}

#category-slider {
    width: 303%;
    overflow: hidden;
}

.category-col {
    text-align: center;
}

header .category .connection {
    margin-top: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

main .about-img__cloumn {
    width: 275px;
}

.page {
    overflow: hidden;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer;
    display: none;
}