@font-face {
    font-family: 'Conthrax Sb';
    src: url('../fonts/contrax/ConthraxSb-Regular.eot');
    src: url('../fonts/contrax/ConthraxSb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/contrax/ConthraxSb-Regular.woff2') format('woff2'),
        url('../fonts/contrax/ConthraxSb-Regular.woff') format('woff'),
        url('../fonts/contrax/ConthraxSb-Regular.ttf') format('truetype'),
        url('../fonts/contrax/ConthraxSb-Regular.svg#ConthraxSb-Regular') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* MAIN TEXT */
.new-main p {
    font-size: 18px;
    /* line-height: 1.2; */
    margin-bottom: 30px;
}
.new-main p:last-child {
    margin-bottom: 0px;
}
.new-main p a {
    border-bottom: 1px solid #47b34e;
    border-bottom-style: dashed;
}
.new-main p span {
    color: #000;
}
.new-main a span {
    font-family: "Roboto", sans-serif;
    color: #47b34e;
}
.new-main .bloc__1 {
    /* background-image: url(../bg/routing.webp); */
    background-image: url(../bg/main-bg-new-gray_11zon.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 90vh;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.new-main .bloc__1 .container {
    position: relative;
    background-color: rgb(128 128 128 / 45%);
    padding: 30px 30px;
    backdrop-filter: blur(3px);
    -webkit-animation: 2s ease 0s normal forwards 1 fadein;
    animation: 2s ease 0s normal forwards 1 fadein;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.new-main .bloc__1 .container:hover {
    backdrop-filter: blur(6px);
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.new-main #sp-main-body .container {
    width: 100%;
    max-width: 100%;
}
.new-main #sp-main-body main {
    padding: 0;
}
.new-main #sp-main-body .container section .row {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.new-main .bloc__1 .bloc_content h1 strong {
  margin-top: 30px;
  display: block;
}

.new-main .bloc__1 .bloc_content h1 {
  margin-bottom: 30px;
}
@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}
.new-main .bloc__1 .bloc_content {
    padding: 0;
    text-align: left;
}
.new-main .bloc__1 .bloc_content h1 span {
    font-size: 26px;
    display: block;
    line-height: 30px;
}
.new-main .bloc__1 .bloc_content h1 {
    font-family: 'Conthrax Sb';
    font-size: 78px;
    line-height: 0.5;
    margin-bottom: 30px;
}
.new-main .bloc__1 .bloc_content h1 strong {
    /*color: #28a745;*/
    /*text-shadow: 0px 0px 2px #fff;*/
}
.new-main .bloc__1 .bloc_content .sub_tit {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    position: relative;
    margin-bottom: 35px;
    padding: 0 0 15px 0;
    line-height: 30px;
    max-width: 600px;
}
.new-main .bloc__1 .flex-center {
    display: flex;
    margin: auto;
}
.new-main .bloc__1 .bloc_content .text {

}
.new-main #first__scr {
    padding-top: 100px;
    padding-bottom: 100px;
    /* background-color: #eeeeee; */
}
.new-main h2 {
    font-family: 'Conthrax Sb';
    border-left: 7px solid #00ab3c;
    padding: 4px 0 3px 39px;
    text-transform: uppercase;
    color: #1c1c1c;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 40px;
    margin-top: 40px;
}
.new-main h3 {
    font-family: 'Conthrax Sb';
    font-weight: 500;
    font-size: 24px;
    border-left: 7px solid #00ab3c;
    padding: 4px 0 3px 39px;
    text-transform: uppercase;
    color: #1c1c1c;
    line-height: 1.2;
    margin-bottom: 30px;
    margin-top: 30px;
}
.new-main .home__wrap {
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.new-main .home__wrap:last-child {
    margin-bottom: 0px;
}
.new-main .txt__block {
    padding-bottom: 40px;
}
.new-main .txt__block_sm p {
    font-size: 18px;
    line-height: 30px;
}
/* .new-main #sp-component section {
    padding-bottom: 100px;
    padding-top: 100px;
}*/
/* Service */
.new-main #new__home_service {
    /* background-image: url(../bg/routing.webp); */
    /*background-image: url(../bg/bg-service.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 60vh;
    display: flex;
    flex-direction: row;
    align-items: center;*/
}


/* OWL */
body.new-main .owl-stage {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.new-main .clients-item img {
  max-width: 200px;
  height: auto;
}

/* after */
.new-main #new__home_service .row .home__wrap .txt__block div {
    font-size: 18px;
    line-height: 1.2;
}
.new-main #new__home_service .row .home__wrap .txt__block > div {
    padding: 0;
}
.new-main #new__home_service .row .home__wrap .txt__block > div > span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: #47b34e;
    border: 7px solid #ededed;
    border-radius: 50%;
}
.new-main #new__home_service .row .home__wrap .txt__block > div.dev > ul {
    list-style: none;
    padding: 0;
    position: relative;
    padding: 0px 0px 0px 40px!important;
    margin-bottom: 24px!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}
.new-main #new__home_service .row .home__wrap .txt__block div.dev > span.heading-list {
    font-family: "Roboto", sans-serif;
    color: #1c1c1c;
    position: relative;
    padding: 0px 0px 0px 40px;
    font-weight: 500;
    line-height: 100%;
}
.new-main #new__home_service .row .home__wrap .txt__block div.dev > span:not(:last-child) {
    margin: 0px 0px 24px 0px!important;
    font-family: "Roboto", sans-serif;
    color: #1c1c1c;
    position: relative;
    padding: 0px 0px 0px 40px;
    font-weight: 500;
    line-height: 100%;
    display: block;
}
.new-main #new__home_service .row .home__wrap .txt__block div.dev > li {
    position: relative;
    padding: 0px 0px 0px 40px;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}
.new-main #new__home_service .row .home__wrap .txt__block .dev > span.heading-list:not(:last-child) {
    margin: 0px 0px 24px 0px;
}
/* before */
.new-main #new__home_service .row .home__wrap .txt__block ul {
    font-size: 18px;
  /*  line-height: 1.2; */
}
.new-main #new__home_service .row .home__wrap .txt__block > ul {
    list-style: none;
    padding: 0;
}

.new-main #new__home_service .row .home__wrap .txt__block > ul > li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: #47b34e;
    border: 7px solid #ededed;
    border-radius: 50%;
}
.new-main #new__home_service .row .home__wrap .txt__block ul > li.heading-list {
    font-family: "Roboto", sans-serif;
    color: #1c1c1c;
    position: relative;
    padding: 0px 0px 0px 40px;
    font-weight: 500;
    line-height: 100%;
}
.new-main #new__home_service .row .home__wrap .txt__block ul > li:not(:last-child) {
    margin: 0px 0px 24px 0px;
}
.new-main #new__home_service .row .home__wrap .txt__block ul > ul {
    list-style: none;
    padding: 0;
}
.new-main #new__home_service .row .home__wrap .txt__block ul > ul > li {
    position: relative;
    padding: 0px 0px 0px 40px;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}
.new-main #new__home_service .row .home__wrap .txt__block ul > ul > li:not(:last-child) {
    margin: 0px 0px 24px 0px;
}
button.margin-auto {
    display: block;
    margin: 0 auto;
}
.new-main #new__home_how__work {
    /* background-color: #eeeeee; */
}
.new-main #new__home_how__work .row .home__wrap .work__item {
    min-height: 360px;
    position: relative;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 15px;
    background: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    box-shadow: 0px 9px 81px -9px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0px 9px 81px -9px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 9px 81px -9px rgba(0,0,0,0.0);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.new-main #new__home_how__work .row .home__wrap .work__item:hover {
    bottom: 10px;
    box-shadow: 0px 15px 31px -8px rgba(191,191,191,0.76);
    -webkit-box-shadow: 0px 15px 31px -8px rgba(191,191,191,0.76);
    -moz-box-shadow: 0px 15px 31px -8px rgba(191,191,191,0.76);
}
.new-main #new__home_how__work .row .home__wrap .work__item .h3 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
}
.new-main #new__home_how__work .row .home__wrap .work__item .m-right {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-align: right;
}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap {

}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap#new-ico-1 {

}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap#new-ico-2 {

}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap#new-ico-3 {

}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap#new-ico-4 {

}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap#new-ico-5 {

}
.new-main #new__home_how__work .row .home__wrap .work__item-wrap#new-ico-6 {

}
.new-main #new__home__structures {
    /* background-color: #eeeeee; */
    margin-top: 40px;
}
.new-main #new__home__news {
    /* background-color: #eeeeee; */
}
.new-main #new__home__structures .features__inner {
    /* margin-top: 30px; */
    margin-bottom: 30px;
}
.new-main #new__home__structures .features__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: #47b34e;
    border: 7px solid #ffffff;
    border-radius: 50%;
}
.new-main #new__home__structures .features__list {
    margin: 0px 0px 40px 0px;
    padding: 0px;
    list-style: none;
}
.new-main #new__home__structures .features__subtitle {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #1c1c1c;
    font-size: 1.75rem;
    line-height: 1.2;
}
.new-main #new__home__advantages {
    margin-top: 0px;
}
.new-main #new__home_service .row .home__wrap ul.ul__bold li {
    /* background-image: url()!important;  */
}
.new-main #new__home_service .row .home__wrap ul.ul__bold li:before {
    content: none!important;;
}
.new-main .bloc__7 .text {
    padding-left: 77px;
    /* line-height: 1.2; */
}
/* Latest News */
.new-main .our__news {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.new-main .our__news .our__news-item {
    min-height: 360px;
    position: relative;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 15px;
    background: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    box-shadow: 0px 9px 81px -9px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0px 9px 81px -9px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 9px 81px -9px rgba(0,0,0,0.0);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.new-main .our__news .our__news-item:hover {
    bottom: 10px;
    box-shadow: 0px 15px 31px -8px rgba(191,191,191,0.76);
    -webkit-box-shadow: 0px 15px 31px -8px rgba(191,191,191,0.76);
    -moz-box-shadow: 0px 15px 31px -8px rgba(191,191,191,0.76);
}
.new-main .our__news .our__news-item a {

}
.new-main .our__news .our__news-item a h4 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000;
}
.new-main .our__news .our__news-item .out__news-text {
    min-height: 180px;
}
.new-main .our__news .our__news-item .out__news-text p {
    font-size: 16px;
}
.new-main .our__news .our__news-item .our__news-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.new-main .our__news .our__news-item .our__news-footer .date {
    font-weight: bolder;
    color: #000;
}
.new-main .our__news .our__news-item .our__news-footer .our__news-more a {
    background: #28a745;
    color: #fff;
    padding: 10px 25px;
    border-radius: 3px;
}
.new-main #new__home__docs .owl-carousel .owl-stage-outer {
    max-height: 100%;
}
/* Latest News End */
.new-main .commercial-block .cc-title {
    font-family: 'Conthrax Sb';
    border-left: 7px solid #00ab3c;
    padding: 4px 0 3px 39px;
    text-transform: uppercase;
    color: #1c1c1c;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 40px;
}
ul.ul__bold li {
    color: #000;
    margin-bottom: 16px;
    background-image: url(img/bloc__4_ul_li.webp);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: center left;
}
/* Media */
@media all and (min-width: 1024px) and (max-width: 1280px) {

}

@media all and (min-width: 768px) and (max-width: 1024px) {

}

@media all and (min-width: 480px) and (max-width: 768px) {

}

@media all and (max-width: 480px) {
    .new-main .bloc__1 {

  background-image: url(../bg/bg_mob_11zon.webp);

}
    .new-main .bloc__1 .bloc_content {
        padding: 0;
        text-align: left;
    }
    .new-main .bloc__1 .bloc_content h1 span {
        font-size: 16px;
        line-height: 1;
        display: block;
    }
    .new-main .bloc__1 .bloc_content h1 {
        font-family: 'Conthrax Sb';
        font-size: 16px;
        line-height: 1;
    }
    .new-main .bloc__1 .bloc_content h1 strong {
        /*color: #28a745;*/
        /*text-shadow: 0px 0px 2px #fff;*/
    }
    .new-main .bloc__1 .bloc_content .sub_tit {
        font-size: 16px;
        line-height: 1;
    }
    .new-main .bloc__1 .bloc_content h1 strong {
        font-size: 50px!important;
    }
    .new-main .bloc__1 .bloc_content .text {
        font-size: 16px;
        line-height: 1;
    }
    .new-main #new__home__structures .features__inner {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 5%;
        place-items: center;
        margin: 15px 0px;
    }
    .new-main .commercial-block .cc-title {
        font-size: calc(1.325rem + .9vw);
        font-family: 'Conthrax Sb';
        border-left: 7px solid #00ab3c;
        padding: 4px 0 3px 39px;
        text-transform: uppercase;
        color: #1c1c1c;
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 40px;
    }
    .new-main #sp-component section:last-child {
        padding-bottom: 0px;
        padding-top: 100px;
    }
}
@media all and (max-width: 320px) {
    .new-main .bloc__1 .bloc_content .text {
        display: none;
    }
    .new-main .bloc__1 .bloc_content h1 {
        margin-bottom: 10px;
    }
    .btn {
        padding: 20px 30px;
    }
    .new-main h2 {
        font-size: 18px;
    }
    .new-main h3 {
        font-size: 15px;
    }
}
