@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body{
    direction: ltr;
    font-family: 'Amaranth', sans-serif !important;
    font-size: 16px;
    margin: 0;
    padding: 0px;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 0;
}

img {
    display: block;
}

.no-scroll {
    overflow-y: hidden;
}

.link {
    text-decoration: none;
}

.link:hover,
.link:focus {
    cursor: pointer;
}

.list {
    list-style: none;
}

section {
    padding-bottom: 42px;
    position: relative;
}
section .container-ml02 {
    padding-top: 42px;
}
section .title,
footer .title {
    text-align: center;
    padding: 12px;
    margin-bottom: 25px;
}
section .title h2,
footer .title a {
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0;
    font-size: min(37px, 37px);
}
section .title > p {
    font-size: 18px;
    color: #FFF;
    font-weight: 300;
}

.primary-section {
    background:#181A1C;
}

.primary-section-privat {
    background:#181A1C;
    color: #fff !important;
    padding: 25px 18px;
}
.primary-section .triangle {
    border-top: 40px solid var(--color-3);
}
.primary-section .title,
.third-section .title {
    border-bottom: 1px solid #FFF;
}
.primary-section, .primary-section .title p, .primary-section h3,
.third-section .title {
    color: var(--color-3);
}
.primary-section h3 {
    margin: 12px 0;
}
.primary-section h2 {
    color:#FFF;
}
.secondary-section {
    background:var(--color-3);
}
.secondary-section .title {
    border-bottom: 1px solid #181A1C;
}
.secondary-section h2, .secondary-section .title p {
    color: #181A1C;
}

.secondary-section .title a,
.secondary-section .title a {
    color: #181A1C;
}

.secondary-section .title a:hover,
.secondary-section .title a:focus {
    color: #ffffff;
}


.main-btn-ml02 {
    font-weight: 700;
    text-transform: inherit;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #fff;
    background-color: var(--brand-color);
    box-shadow: 0px 12px 35px 0px rgba(var(--brand-color-rgb),0.7);
    padding: 18px 25px;
    text-align: center;
    transition: all 200ms;
    cursor: pointer;
}

:root {
        --color-1: #fece1a;
        --color-1x: #cba515;
        --color-1y: #fece1ad9;

        --color-2: #ef6b41;
        --color-2x: #ca603f;
        --color-2y: #ef6b41d9;


        --color-3: #7fcd10;
        --color-3x: #5a920a;
        --color-3y: #7fcd10d9;

        --color-4: #6372ef;
        --color-4x: #3d4692;
        --color-4y: #6372efd9;

        --color-5: #2ed2e3;
        --color-5x: #25abb9;
        --color-5y: #2ed2e3d9;

        --color-6: #c158f1;
        --color-6x: #7511a3;
        --color-6y: #c158f1d9;

        --color-7: #db82d9;
        --color-7x: #b36ab2;
        --color-7y: #db82d9d9;

        --color-8: #92f3d3;
        --color-8x: #77c0a8;
        --color-8y: #92f3d3d9;

        --color-9: #f1b57a;
        --color-9a: #a57b53;
        --color-9y: #f1b57ad9;

}
           
.container-ml02 {
    padding-left: 11px;
    padding-right: 11px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px !important;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .container-ml02 {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (min-width: 992px) {
    .container-ml02 {
        padding-left: 18px;
        padding-right: 18px;
        }
}

.btn1 {
    display: inline-block;
    align-items: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
    border-radius: 25px;
    border: 1px solid #8F9092;
    transition: all 0.2s ease;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #606060;
    text-shadow: 0 1px #fff;
    padding: 12px;
    text-align: center;
  }
  
.btn1:hover {
    box-shadow: 0 4px 2px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 2px 2px #CECFD1;
}
.hero-ml02 .btn1:hover {
    box-shadow: 0 4px 2px 1px var(--color-3x), 0 6px 8px #D6D7D9, 0 -4px 4px var(--color-3x), 0 -6px 4px #FEFEFE, inset 0 0 2px 2px #CECFD1;
}

  
.btn1:active {
    box-shadow: 0 4px 2px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px var(--color-3), 0 -6px 4px #FEFEFE, inset 0 0 4px 2px #999, inset 0 0 25px #aaa;
}
  
.btn1:focus {
    box-shadow: 0 4px 2px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 4px 2px #999, inset 0 0 25px #aaa;
}
  
  
.btn2 {
    font-size: 18px;
    background: transparent;
    border: none;
    padding: 20px 25px;
    color: #181A1C;
    text-transform: inherit;
    position: relative;
    transition: 0.4s ease;
    cursor: pointer;
    display: inline-block;
  }
  
  .btn2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: var(--color-3);
    transition: 0.4s ease;
  }
  
  .btn2:hover {
    color: #1e1e2b;
    transition-delay: 0.4s;
  }
  
  .btn2:hover::before {
    width: 100%;
  }
  
  .btn2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    background-color: var(--color-3);
    transition: 0.4s ease;
    z-index: -1;
  }
  
  .btn2:hover::after {
    height: 100%;
    transition-delay: 0.4s;
    color: aliceblue;
  }
    

  .btn3 {
    display: inline-block;
    --color: var(--color-3);
    --color2: rgb(10, 25, 30);
    padding: 20px 35px;
    background-color: transparent;
    border-radius: 40px;
    border: .2px solid var(--color2);
    transition: .4s;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    font-weight: 300;
    font-size: 18px;
    font-family: 'Roboto', 'Segoe UI', sans-serif;
    text-transform: inherit;
    text-align: center;
    color: var(--color2);
   }
   
   .btn3::after, .btn3::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    transform: skew(90deg) translate(-50%, -50%);
    position: absolute;
    inset: 50%;
    left: 25%;
    z-index: -1;
    transition: .4s ease-out;
    background-color: var(--color2);
   }
   
   .btn3::before {
    top: -50%;
    left: -25%;
    transform: skew(90deg) rotate(180deg) translate(-50%, -50%);
   }
   
   .btn3:hover::before {
    transform: skew(45deg) rotate(180deg) translate(-50%, -50%);
   }
   
   .btn3:hover::after {
    transform: skew(45deg) translate(-50%, -50%);
   }
   
   .btn3:hover {
    color: var(--color);
   }
   
   .btn3:active {
    filter: brightness(.7);
    transform: scale(.98);
   }


   .btn4 {
    display: inline-block;
    --bg: var(--color-3);
    --text-color: #fff;
    position: relative;
    border: none;
    background: var(--bg);
    color: var(--text-color);
    padding: 20px;
    font-weight: 700;
    text-transform: inherit;
    transition: 0.2s;
    border-radius: 40px;
    opacity: 0.8;
    letter-spacing: 1px;
    box-shadow: #c0392b 0px 7px 1px, #000 0px 8px 4px;
  }
  
  .btn4:hover {
    opacity: 1;
  }
  
  .btn4:active {
    top: 4px;
    box-shadow: #c0392b 0px 2px 1px,#000 0px 2px 4px;
  }
  
  
  .btn5 {
    display: inline-block;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    text-transform: inherit;
    text-align: center;
    letter-spacing: 0.4px;
    color: #7e97b8;
    background-color: #e0e8ef;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(255, 255, 255, 0.333);
    border-radius: 35px 35px 35px 35px;
    padding: 18px 20px 18px 25px;
    transform: translate(0px, 0px) rotate(0deg);
    transition: 0.2s;
    box-shadow: -4px -1px 18px 0px #ffffff, 4px 1px 18px 0px rgb(95 157 231 / 48%);
   }
   
   .btn5:hover {
    color: #516d91;
    background-color: #E5EDF5;
    box-shadow: -1px -1px 8px 0px #ffffff, 1px 1px 8px 0px rgb(95 157 231 / 48%);
   }
   
   .btn5:active {
    box-shadow: none;
   }



.header-ml02 {
    background: #181A1C;
    margin-bottom: 0;
    min-height: 84px;
    padding: 12px 0;
}

.header-ml02 > .container-ml02 {
    position: relative;
}

.nav-inner-ml02 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.logo-link-ml02 {
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--color-3);
    font-size: 20px;
}

@media screen and (min-width: 575px) {
    .logo-link-ml02 {
        font-size: 31px;
    }
}

@media screen and (min-width: 991px) {
    .logo-link-ml02 {
        font-size: 31px;
    }
}

        #burger {
            display: none;
        }

        @media screen and (min-width: 991px) {
            .menu-icon {
                display: none;
            }
        }

        .menu-icon {
            border-radius: 0;
            background: var(--color-3);
            color: #000;
            float: right;
            padding: 7px;
            margin-right: 4px;
            margin-left: 4px;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
            -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
            transition: background-position 0.1s linear;
            position: relative;
            top: -25px;
        }

        .menu-icon svg {
            width: 11px;
            display: block;
        }

        #burger:checked ~ .mob-nav-bar-ml02 {
            display: block;
        }

        .nav-bar-ml02 {
            display: none;
        }

        @media screen and (min-width: 991px) {
            .nav-bar-ml02 {
                display: block;
            }
        }

.mob-nav-bar-ml02 {
    display: none;
    position: relative;
    width: 100%;
    clear: both;
    transition: height 0.35s ease;
}

.mob-nav-bar-ml02__list {
    position: relative;
    left: 0;
    float: none;
    margin: 0 0 12px;
}

.mob-nav-bar-ml02__link {
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.125);
    line-height: 20px;
    vertical-align: middle;
    text-transform: inherit;
    margin: 12px 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #181A1C;
    box-shadow: none;
    font-size: 14px;
    text-shadow: none;
    color: #fff;
    transition: border-color 1s ease;
    padding: 9px 18px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #181A1C;
    display: block;
}
.mob-nav-bar-ml02__link:hover {
    border: 1px solid var(--color-3);
}

.mob-nav-bar-ml02__item {
    line-height: 20px;
}

.nav-bar-ml02__list {
    display: flex;
    position: relative;
    left: 0;
    float: left;
    margin: 0 12px 0 0;
}

.nav-bar-ml02__link {
    text-transform: inherit;
    line-height: 20px;
    vertical-align: middle;
    margin: 12px 2px;
    font-size: 18px;
    text-shadow: none;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.125);
    padding: 12px 18px 12px;
    color: #ffffff;
    transition: border-color 1s ease;
    border: 1px solid #181A1C;
}

.nav-bar-ml02__link:hover,
.nav-bar-ml02__link:focus {
    border: 1px solid var(--color-3);
}

.hero-ml02 {
    overflow: hidden;
    background-image: linear-gradient(to top, var(--color-3y), var(--color-3y)), url(bg/scene_header_68654b0b4f3804.04523461.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-ml02 .container-ml02 {
    position: relative;
}

.da-slider {
    width: 100%;
    min-width: 320px;
    height: 600px;
    position: relative;
    margin:0 auto;
    overflow: hidden;
    background-size:auto 100%;
    -webkit-transition: background-position 1s ease-out 0.2s;
    -moz-transition: background-position 1s ease-out 0.2s;
    -o-transition: background-position 1s ease-out 0.2s;
    -ms-transition: background-position 1s ease-out 0.2s;
    transition: background-position 1s ease-out 0.2s;
}

@media screen and (max-width: 575px) {
    .da-slider {
        height: 470px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .da-slider {
        height: 750px;
    }
}



.triangle{
    clear: none;
    top:0;
    z-index:2;
    margin: 0 auto;
    text-align: center;
    width: 0;
    height: 0;
    border-top: 25px solid #181A1C;
    border-left: clamp(146px, 50vw, 584px ) outset transparent;
    border-right: clamp(146px, 50vw, 584px ) outset transparent;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}


.slide {
    width: 100%;
    padding: 60px 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translateX(200%);
    animation: slider 9s linear infinite;
    will-change: transform;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

@media screen and (min-width: 768px) {
    .slide {
        flex-direction: row;
        gap: 60px;
    }
}


.slide-1 {
    animation-delay: calc(3s * -1);
    transform: translateX(0);

}

.slide-2 {
    animation-delay: calc(3s * 0);
}

.slide-3 {
    animation-delay: calc(3s * 1);
}

@keyframes slider {
    0%{transform: translateX(200%);}
    10%{transform: translateX(0);}
    33% {transform: translateX(0);}
    43% {transform: translateX(-200%);}
    100%{transform: translateX(-200%);}
}

.slide-part {
    flex: 50%;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.fittext2 {
    font-size: clamp(16px, 5vw, 32px);
    text-transform: inherit;
    color: #181A1C;
    font-weight: 700;
}

.slide-part h4 {
    font-size: clamp(18px, 6vw, 42px;);
    font-weight: 700;
}

.slide-part p {
    color: #ffffff;
    font-size: clamp(16px, 4vw, 18px);

}

@media screen and (max-width: 575px) {
    .da-img {
        display: none;
    }
}

.slide-part img {
    height: 100%;
}

@media screen and (min-width: 768px) {
    .slide-part img {
        width: 100%;
    }
}    

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
    bottom: 0;
}

.work-steps {
    background: #181A1C;
    color: var(--color-3);
    padding: 42px; 0;
}

.steps-list {
    display: flex;
    flex-direction: column-reverse;
    gap: 64px;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .steps-list {
        align-items: unset;
        flex-direction: row;
    }
}

.steps-item {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .steps-item {
        width: max(70%, 400px);
    }
}


@media screen and (min-width: 768px) {
    .steps-item {
        flex-basis: calc(100% / 3 - 64px / 2);
    }
}

.steps-icon {
    width: 150px;
    height: 150px;
    background-color: var(--color-3);
    border: solid 1px #ffffff;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (min-width: 576px) and (max-width: 620px) {
    .steps-icon {
        width: 120px;
        height: 120px;
    }    
}

.steps-icon svg {
    fill: #ffffff;
    width: 100px;
    max-height: 100px;
    filter: drop-shadow(-1px -1px 0px #696968)     drop-shadow(1px -1px 0px #696968)     drop-shadow(1px 1px 0px #696968)    drop-shadow(-1px 1px 0px #696968)drop-shadow(4px 4px 0px var(--color-3x))drop-shadow(4px 4px 0px var(--color-3x))drop-shadow(4px 4px 0px var(--color-3x))drop-shadow(4px 4px 0px var(--color-3x))drop-shadow(4px 4px 0px var(--color-3x))    drop-shadow(4px 4px 0px var(--color-3x))    drop-shadow(4px 4px 0px var(--color-3x))drop-shadow(4px 4px 0px var(--color-3x))drop-shadow(4px 4px 0px var(--color-3x));
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.steps-item p {
    margin: 12px 0;
}

.services-ml02 {
    overflow: hidden;
    background: var(--color-3);
    padding-bottom: 42px;;
}

.services-ml02 .container-ml02 {
    padding-top: 42px;;
}

.services-ml02-list {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
}

.services-ml02-it {
    display: inline-block;
    opacity: 1;
    flex-basis: clamp(300px, 100% / 2 - 25px, 400px);
}
.thumbnail {
    width:100%;
    height:100%;
    padding:0;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #191a1c;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    animation-name: fadeInDown;
    animation-fill-mode: both;
    animation-duration: 1s;
}

.thumbnail-pic {
    width: 100%;
    height: 224px;
    overflow: hidden;

}
.thumbnail-pic > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbnail .more {
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size: 42px;
    color:#fff;
    text-decoration:none;
    line-height: 70px;
    text-align: center;
}
.thumbnail:hover .more {
    top:40%;
    margin-top: -35px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.thumbnail .more svg {
    width: 35px;
    height: 35px;
    
}

.thumbnail h3, 
.thumbnail a {
    margin:0;
    padding:0;
    position:relative;
    z-index:4;
}
.thumbnail h3 {
    color: var(--color-3);
    margin: 12px;
    font-size: 18px;
    line-height: 1.2;
}
.thumbnail > a {
    padding-bottom: 20px;
    color: #ffffff;
}

.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#181A1C;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
    top:0;
}

.team-ml02 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.team-ml02__item {
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: pulse;
}

.team-ml02__item .thumbnail {
    padding: 12px;
    border: 1px solid #fff;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: fadeInDown;
}

@media screen and (max-width: 990px) {
    .team-ml02__item .thumbnail {
        max-width: 300px;
    }
}
@media screen and (min-width: 991px) {
    .team-ml02__item {
        flex: 1;
    }
}


.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.team-ml02 .thumbnail .mask {
    background: var(--color-3);
}
.team-ml02 .thumbnail .mask h2 {
    margin-top:20%;
}
.team-ml02 .thumbnail .mask, .team-ml02 .thumbnail .mask h3, .team-ml02 .thumbnail .mask p, .team-ml02 .thumbnail:hover h3 {
    color:#181A17;
}

.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}

.about-text {
    margin-top: 25px;
}
.about-text p {
    padding:0;
    font-size: 16px;
    color: #fff;
}

.about-other {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 25px;
}

@media screen and (min-width: 768px) {
    .about-other {
        flex-direction: row;
    }
}


.about-other__item {
    flex: 1;
}

.stats {
    list-style-type: none;
    position: relative;
    margin:0px;
    overflow-x: hidden;
    min-width: 270px;
}

.stats li {
    background:#FFF;
    height:40px;
    padding:1px;
}
.stats li:not(:last-child) {
    margin-bottom: 25px;
}
.stats li h3 {
    position: relative;
    font-size: 18px;
    line-height: 2.53;
    padding: 0 12px;
    margin:0;
    z-index: 1;
    color: #181A1C;
}
.stats li .bar {
    height:38px;
    position:absolute;
    background-color: var(--color-3);
    width: 100%;
    left: -100%;

}
.stats li:first-child .bar {
    animation: stats1 2s ease-in-out forwards;
}

.stats li:nth-child(2) .bar {
    animation: stats2 2s ease-in-out forwards;
}
.stats li:nth-child(3) .bar {
    animation: stats3 2s ease-in-out forwards;
}
.stats li:last-child .bar {
    animation: stats4 2s ease-in-out forwards;
}


.highlighted-box {
    background:#F4F8F9;
    padding: 20px 12px;
    height: 100%;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .highlighted-box {
        padding: 20px 25px;
    }
}    

.highlighted-box h2 {
    margin:0px;
    font-size: min(32px, 31px);
    line-height:1.2em;
    margin-bottom: 20px;
}
.highlighted-box h2, .highlighted-box p {
    color: #181A1C !important;
}

.highlighted-box button {
    margin-left: auto;
    margin-right: auto;
}

.price-table {
    padding: 70px 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 25px;
}
@media screen and (min-width: 768px) {
    .price-table {
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.price-column {
    background-color:white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding-bottom: 20px;
    margin:0 auto;
    text-align:center;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .price-column {
        width: min(400px, 80%);
    }
}
@media screen and (min-width: 768px)  {
    .price-column {
        flex: 1;
    }
}

.price-column h3 {
    background-color:#181A1C;
    text-transform:uppercase;
    text-align: center;
    color:var(--color-3);
    padding: 35px 0px;
    font-size: 25px;
    margin-top:0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
    border-radius: 12px 12px 0px 0px;
}
.price-column .list{
    margin: 20px 42px;
}
.price-column .list li{
    font-weight: 700;
    color:#747C89;
    font-size:18px;
    border-bottom: 1px solid #747C89;
    padding: 12px 0px;
}
.price-column .list li.price {
    text-align: center;
    font-size: 37px;
    background-color:white;
    color:#747C89;
    margin-top: 25px;
}
.price-text{
    margin: 25px 0 20px;
    font-size: 18px;
    color: #181A1C;
    font-weight: 700;
}

.contact .container-ml02,
footer .container-ml02 {
    padding-top: 42px;
    padding-bottom: 25px;
}

.contact .title,
footer .title {
    text-align: center;
    padding: 12px;
    margin-bottom: 25px;
    font-size: 21px;
}


.map-wrapper {
    min-height: 500px;
    position: relative;
}
.map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(bg/image_header_68654b0b4fc073.57212570.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 575px)  {
    .map-canvas iframe {
        display: none;
    }
}


.map-canvas div {
    background-image: linear-gradient(#535151ab, #535151ab);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.form-ml02-wrap {
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: bounceIn;
    background: rgba(255, 255, 255, 0.9);
    z-index:110;
    position:relative;
    margin-top: -25px;
    padding: 20px;
}



.form-ml02 {
    display: flex;
    flex-direction: column;
    gap: 18px;

}

.form-ml02 label{
    color: #838589;
    font-size: 14px;
}

.input-field-row__group,
.textarea-field-row__group,
.contact-text input,
.contact-text textarea {
    padding: 12px;
    line-height: 20px;
    height: auto;
    width: 100%;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.textarea-field-row__group {
    min-height: 90px;
}

.input-field-row__group::placeholder,
.textarea-field-row__group::placeholder,
.contact-text input::placeholder,
.contact-text textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    font-family: initial !important;
}

.form-ml02-check-label a {
    color: #181A1C;
}

.form-ml02-check-label a:hover,
.form-ml02-check-label a:focus {
    color: var(--color-3);
}



.politics-ml02 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.politics-ml02 a {
    line-height: 1.2;
    padding: 12px 20px;
    font-size: 18px;
    transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    background-color:#fff;
    color:var(--color-3);
}
.politics-ml02 a:hover {
    background-color:#181A1C;
}

footer p {
    margin-top: 25px;
    text-align: right;
}

.single-project {
    display: flex;
    margin-bottom: 42px;
    flex-direction: column;
    gap: 25px;
}

@media screen and (min-width: 768px) {
    .single-project {
        flex-direction: row;
    }
}

.single-project__item:first-child  {
    flex: 40%;
}
.single-project__item:last-child  {
    flex: 60%;
    padding: 20px;
    background-color: #181A1C;
    color: #ffffff;
}

.page-ml02 .single-project__item:last-child  {
    background-color: var(--color-3);
    color: #fff;
}

.single-project__item:first-child p {
    background-color: #181A1C;
    color: var(--color-3);
    font-size: 25px;
    padding: 12px 25px;
}

.page-ml02 .single-project__item:first-child p {
    background-color: var(--color-3);
    color: #181A1C;

}

.single-project__item:first-child p span {
    color: #ffffff;
    font-size: 36px;
}

.single-project__item:last-child h2,
.single-project__item:last-child h3,
.single-project__item:last-child h4,
.single-project__item:last-child h5,
.single-project__item:last-child h6 {
    color: var(--color-3);
}

.single-project__item:last-child ul{
    list-style-type: disc;
    padding-left: 25px;
}

.single-project__item img {
    width: min(600px, 100%);
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.articles-ml02-list {
    display: flex;
    flex-direction: column-reverse;
    gap: 25px;
}
@media screen and (min-width: 768px) {
    .articles-ml02-list {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.articles-ml02-it {
    flex: calc(100% / 2 - 30px);
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: all 1s ease-in-out;

}

.art {
    width: 100%;
    height: 100%;
}

.art .thumbnail-pic{
    display: block;
}

.art1 {
    z-index: 1;
    background: #000000;
    color: var(--color-3);
    padding: 12px;
    border: 1px solid #fff;
    transition: all 1s ease-in-out;

}

.art1 h3 {
    padding: 20px;
    text-align: center;
}
.art2 {
    background: #000000;
    color: #ffffff;
    border: solid 1px #ffffff;
    padding: 20px;
    opacity: 0.3;
}

@media screen and (max-width: 400px) {
    .art2 p {
        font-size: 14px;
    }
}

.art2 a {
    margin-top: 35px;
    text-align: right;
    color: var(--color-3);
    display: block;
}

.articles-ml02-it:hover .art2 {
    opacity: 1;
    z-index: 2;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: pulse;
}

.articles-ml02-it:hover .art1 {
    opacity: 0.3;
}

.clients {
    border-top: 6px solid var(--color-3);
}
.testimonial-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}
@media screen and (min-width: 768px) {
    .testimonial-list {
        flex-wrap: nowrap;
    }
}


.testimonial-item {
    flex-basis: 100%;
}

@media screen and (min-width: 576px) {
    .testimonial-item {
        flex-basis: calc(100% / 2 - 15px);
    }
}    
@media screen and (min-width: 768px) {
    .testimonial-item {
        flex-basis: calc(100% / 3 - 15px);
    }
}    

.testimonial {
    animation-name: fadeInDown;
    animation-fill-mode: both;
    animation-duration: 1s;
}

.testimonial p {
    color:#181A1C;
    background:var(--color-3);
    padding: 18px;
    margin:0;
}
.testimonial .arrow {
    margin-left: 12px;
    width:0;
    border-top: 12px solid var(--color-3);
    border-left: 20px outset transparent;
    border-right: 20px outset transparent;
}
.testimonial .whopic {
    display:inline-block;
}
.testimonial .whopic img {
    margin-top: 12px;
    width: 42px;
    height: 42px;
    float:left;
}
.testimonial .whopic strong {
    float:left;
    margin-top: 12px;
    padding-left: 12px;
}
.testimonial .whopic small {
    display:block;
    font-size:11px;
}

.third-section.contacts-page {
    background-image: linear-gradient(#1110109e, #1110109e),url(bg/photo_header_68654b0b4fc136.36677717.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 70px;
} 

.third-section .form-ml02-wrap {
    margin-top: unset;
}
.secondary-section.contacts-page  {
    border-top: 12px solid #181A1C;
}
@media screen and (max-width: 990px) {
    .contacts-page .form-ml02-wrap {
        width: 100%;
    }
}

.contact-info {
    text-align:center;
    font-size:21px;
}
.info-mail {
    margin:0 auto;
    padding: 18px;
    color:#181A1C !important;
}

.black {
    color:#181A1C;
}

.contact-info p,
.contact-info a {
    font-weight: 700;
    padding: 12px;
    color: #fff;
    display: block;
}
.contact-info a {
    word-break: break-all;
}
.primary-section.policy h1,
.primary-section.policy h2,
.primary-section.policy h3,
.primary-section.policy h4,
.primary-section.policy h5,
.primary-section.policy h6 {
    color: var(--color-3);
}

.primary-section.policy {
    color: #ffffff;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes stats1 {
    0% {
        left: -100%;
    }
    100% {
        left: calc(-100% + (142 * 100% / 500));
    }
}

@keyframes stats2 {
    0% {
        left: -100%;
    }
    100% {
        left: calc(-100% + (123 * 100% / 500));
    }
}

@keyframes stats3 {
    0% {
        left: -100%;
    }
    100% {
        left: calc(-100% + (143 * 100% / 500));
    }
}

@keyframes stats4 {
    0% {
        left: -100%;
    }
    100% {
        left: calc(-100% + (166 * 100% / 500));
    }
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}


.single-project-dop-btns{
    margin-bottom: 20px;
}

.overHid{
    overflow: hidden; 
}

.mapClass{
    border:0;
}
.whiteCOlor{
    color: #fff;
}

.blackCOlor{
    color: #000;
}

.primary-section-privat section{
    padding-bottom: 0 !important;
}

.primary-section-privat footer p {
    margin-top: 0 !important;
    text-align: left !important;
}

@media(max-width: 992px){
    .articles-ml02-it{
        flex-direction: column;
    }
}