@import url('../fonts/lato.css');
@import url('../fonts/oswald.css');
.mcp-master-padding {padding-left:3%!important; padding-right:3%!important}
.mcp-minus-padding {margin-left: -3%; width: 106%}
.justify-content-end {
    justify-content: flex-start!important;
}
#sp-header {animation: none!important; position: fixed!important;}
#sp-position12 {height: 100px!important}
button {
    box-shadow: none!important;
    border: none!important;
    font-family: "Oswald";
    font-size: 15px;
    background: #005724;
    padding: 8px 16px 8px 16px;
    gap: 10px;
    border-radius: 4px;
    color: #fff;
}
button:hover {background: #018035}
button:focus {background: #00401B}
a {color: #005724}
a:hover {color: #018035}
a:focus {color: #00401B}
p {font-family: Lato; font-size: 14px; font-weight: 400; color: #070707}
#sp-feature {position: fixed; top: 0; left: 0; width:100%; height: 100px!important; background: #fff}
.mcp-main-page #sp-main-body {height: 1px!important; margin: 0!important; padding: 0!important}

/*-------------- Header -----------------*/
#sp-header {
    position: relative;
    height: 100px;
    box-shadow:none!important;
    border-bottom: 1px solid #212121;
    padding-bottom: 15px;
}
.sp-megamenu-wrapper {margin-left: 80px}
.sp-megamenu-wrapper a {
    font-family: 'Oswald';
    font-size: 16px;
    font-weight: 600;
}
#sp-logo .logo {width: 100px!important; height: 100px!important; position: absolute;!important; top:0px}
.sp-megamenu-wrapper .sp-dropdown .sp-dropdown-inner .sp-dropdown-items .sp-menu-item a {
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
}
.sp-megamenu-wrapper .sp-dropdown .sp-dropdown-inner .sp-dropdown-items .sp-menu-item:hover {
    background: #005724;
    margin-left: -20px;
    margin-right: 40px;
    width: 300px!important;
    padding-left: 20px;
}
.sp-megamenu-wrapper .sp-dropdown .sp-dropdown-inner .sp-dropdown-items .sp-menu-item:hover a {
    color: #fff; 
    width: 100%!important}
#sp-user1 {height: 90px}
.mpc-callme-button,.mpc-header-phone {display: inline-block; margin-top:21px }


/*------------- форма в хеадер ----------------*/
.btn.mcp-wedal-but {
    font-family: "Oswald";
    font-size: 15px;
    background: #005724;
    padding: 8px 16px 8px 16px;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 24px;
}


.mpc-header-phone-mod {
    float: right!important;
    width: 100%!important;
    text-align: right;
}

.mpc-header-phone a {
    font-family: Oswald;
    font-size: 26px;
    font-weight: 600;
    position: relative;
    top:3px;
    right: 170px;

}

.mpc-search-icons {
    position: absolute;
    top: 36px;
    right: 450px;
    height: 16px; width: 16px;
    z-index: 9999!important;
}
.mcp-lang-switch-mod {
    font-family: Oswald;
    font-size: 15px;
    position: absolute;
    top: 33px;
    right: 380px;
    z-index: 999;
}
div.mod-languages ul li.lang-active {background-color: transparent!important;}
div.mod-languages ul li.lang-active a {color: #005724!important}
div.mod-languages ul li a {color: #070707!important}

.mcp-lang-switch-mod li:before {content: "| "}
.mcp-lang-switch-mod li {margin-left: -8px!important}
#sp-header .row {position: relative;}
#sp-menu a#offcanvas-toggler .burger-icon span {background: #005724}
#sp-menu a#offcanvas-toggler {
    position: absolute!important;
    top:53px; right: 15px!important;
}
@media (min-width:768px) and (max-width: 992px){
     #sp-logo .logo {position:absolute; width:90px!important; height: 90px!important; top:8px!important; left:15px;}
    #sp-logo .logo img {width:100%!important; height: 100%!important}   
}
@media (min-width:992px) and (max-width: 1240px){
    .mpc-header-phone a {
        position: absolute; 
        right: 0px!important;
        margin: 0!important; 
        padding: 0!important; 
        display: block;
    }
    .btn.mcp-wedal-but {position: absolute; right: 0px; top:50px}
    .mcp-lang-switch-mod {position: absolute; right: 210px}
    .mpc-search-icons {position: absolute; right: 275px}
}
@media (max-width:767px){
    .btn.mcp-wedal-but {font-size: 14px!important; padding: 3px 15px!important; top: 28px}
    .mpc-header-phone a {font-size: 15px!important; top:10px;}
    .mcp-lang-switch-mod {position: absolute!important; right: 80px; top:70px}
    .mpc-search-icons {right: 180px; top:75px}
    #sp-logo .logo {position:absolute; width:90px!important; height: 90px!important; top:5px; left:15px;}
    #sp-logo .logo img {width:100%!important; height: 100%!important}
}
@media (max-width: 360px){
    .mpc-callme-button  {display: block!important; position: relative!important; top:10px!important}
    .mcp-header-form-mod .mcp-wedal-but {margin-top: 5px!important}
    .mpc-header-phone {display: block; margin-top:5px }
    .mpc-header-phone a {right: 0; top: -3px}
}

/* ------------------------------ Слайдер  ------------ */
.mpc-slider-desktop {margin-top: 15px}
.mpc-slider-desktop-textrow {height: 250px!important}
 .mpc-slider-desktop-title  {height: 100%!important}
 .mpc-slider-desktop-title {color: #070707!important;}
 .mpc-slider-desktop-title .n2-ss-text div p{
    font-family: Oswald!important;
    font-size: 50px!important;
    font-weight: 300!important;
    line-height: 74px!important;
    text-align: left!important;
    color: #070707!important;
    text-transform: uppercase!important;
}

.mpc-slider-desktop-txt div{
    font-family: 'Lato'!important;
    font-weight: 400!important;
    font-size: 19px!important;
    Line height: 24px;
    color: #070707!important;
    text-align: left!important;
    height: 100%;
    margin-bottom: 60px;
}

.mpc-slider-desktop-btn:focus {background: red!important}
.mpc-slider-desktop-btn a {font-family: Oswald!important;}

.article-details p {
    font-family: 'Lato'!important;
    font-weight: 300;
    font-style: normal;
}
@media (min-width:1200px) and (max-width:1500px) {
    .mpc-slider-desktop-title .n2-ss-text div p {font-size: 42px!important;}
    .mpc-slider-desktop-txt div{margin-bottom: 20px; font-size: 16px!important;}
}
@media (min-width:991px) and (max-width:1200px) {
    .mpc-slider-desktop-title .n2-ss-text div p {font-size: 38px!important;}
    .mpc-slider-desktop-txt div{margin-bottom: 20px; font-size: 14px!important;}
}

/*Smart slider buttons*/
.mpc-slider-desktop .n2-ss-slider-controls .nextend-arrow {
    margin-bottom: 1.4%!important;
    right: 45px!important;
}
.mpc-slider-desktop .n2-ss-slider-controls .nextend-arrow.nextend-arrow-next {
    width:6%!important; 
    margin-left: 0!important; padding-left: 0!important;
    /*background: rgba(255, 0, 0, 0.5)!important;*/
}
.mpc-slider-desktop .n2-ss-slider-controls .nextend-arrow-previous {
    width:7%!important; 
    margin-right: 0!important; 
    padding-right: 0!important;
    /*background: rgba(255, 255, 0, 0.5)!important;*/
}
/*mob*/

/*-------- линия + надпись -------*/
.mcp-line-mod {margin-top: 100px; margin-bottom: 60px}
.mcp-line-mod table {width:100%; height: 35px; border-bottom: 2px solid #070707}
.mcp-line-mod .mcp-line-title {
    font-family: Oswald;
    font-size: 48px;
    font-weight: 600;
    line-height: 70px;
    text-align: center;
    padding: 0 25px;
    text-transform: uppercase;
    color: #005724;
    position: relative;
    top:-20px;
    background: #fff;
    margin-left: auto; margin-right: auto;
}
.mcp-line-about {width: 200px}
.mcp-line-about.width-2 {width: 300px; text-align: center;}
.mcp-line-projects {width: 280px}

/*----About mod homepage -----*/
.mcp-main-page #sp-position1 {
    background: url('../images/logo-fon-2.webp');
    background-repeat: repeat;
}
.mcp-about-mod h2 {
    font-family: Oswald;
    color: #005724;
    font-size: 90px;
    font-weight: 600;
    text-align: left;
}
.mcp-about-mod  P {
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: justified;
}
.mpc-slider-mob-title { 
    font-size: 7pt!important; 
    font-family: Oswald; 
    color: #070707; 
    text-transform: uppercase!important; 
    text-align:center; 
    height: 60px;
    line-height: 10px!important;
}
.mpc-slider-mob-title-txt p {line-height: 10px!important;}
.mpc-slider-mob-txt{
    font-size: 12px!important; 
    font-family: Lato; 
    color: #070707; 
    text-align:justify!importent; 
}
.mpc-slider-desktop-btn {}
/*@media (max-width: 766px) {.mcp-main-page #sp-position1 {background: none}}*/
/*------------------------------------- Счетчик -----------------------------*/
#sp-pos-counter {margin-top: 100px;}
.rws-counter-block {text-align: center!important;}
.mcp-counter-mod {
    background: url('../images/mcp-couner-back-1400.webp');
    height: 567px!important;
    color: #fff;
    padding-top: 150px;
    background-size: cover;
}
#counters_1, #counters_2, #counters_3 {
    display: inline-block!important;
    font-family: Oswald;
    font-size: 112px;
    font-weight: 400;
    line-height: 200px;
    text-align: center;
}
.counter {text-align: center;}
.rws-counter-text {
    display: inline-block!important; 
    font-family: Oswald;
    font-size: 112px;
    font-weight: 400;
    line-height: 200px;
    padding-left: 10px;
}
.rws-counter-title{
    font-family: Lato;
    font-size: 32px;
    font-weight: 600;
    line-height: 50.4px;
    text-align: center;

}
@media (max-width:767px) {
    .mcp-counter-mod {
        background: url('../images/mcp-couner-back-mob.webp');
        height: 680px!important; 
        background-size: cover;
        background-position: center;
        padding-top: 55px;
    }
    #counters_1, #counters_2, #counters_3 {font-size: 80px; line-height: 120px;}
    .rws-counter-text {font-size: 80px;line-height: 120px;}
    .rws-counter-title {font-size: 26px; line-height: 38px;margin-bottom: 25px}
}
/*------------------ Партнери на головній ------------------*/
.mbz-prtner-txt {
    background: url('../../../images/logo/partners/partner_background.webp');
    background-size: cover;
    background-position: center center;
    min-height: 606px;
    max-width: 585px!important;
    border-radius: 12px;
}
.mbz-prtner-txt div {
    font-family: Lato!important;
    font-size: 38px;
    font-weight: 600;
    line-height: 38.4px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 80px;
}
.mbz-prtner-txt span{
    display: block;
    width: 100%;
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    text-align: justify!important;
    color: #fff;
}
.mbz-partners-mod {
    margin-bottom: 60px;
    min-height: 654px;
}
.mbz-partners-mod .row .row {padding: 10px 10px 0 0;}
.mbz-partners-mod {margin-right: 15px}
.mbz-prtner-logo {
}
.mbz-prtner-logo .image {text-align: center;}
.mbz-prtner-logo .image{
    box-shadow: 0px 4px 4px rgb(0, 0, 0 , 0.25); 
    margin: 10px 10px; 
    width: 100%;
}
.mbz-prtner-logo .image img {
    display: inline-block;
    margin-left: auto; margin-right: auto; 
    max-height: 90%;
    width: auto;
}
.mbz-prtner-logo .image {          /*выравнивание картинок по центру*/
    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;
    height: 203px;
}
.mpc-new-logo {margin-top: 25px!important}
.mpc-new-logo .mbz-prtner-logo {margin-bottom: 25px}
/*.mpc-new-logo .mbz-prtner-logo img {box-shadow: 0px 4px 4px rgb(0, 0, 0 , 0.25); }*/
@media (max-width: 767px) {
    .mbz-prtner-txt  {margin-top:40px}
    .mcp-contact-block-addr table a {font-size: 14px!important}
}

/*------------------------ контакти на головный ----------------*/
.mpc-contact-line-mod {margin-top: -20px; margin-bottom: 60px}
.mcp-contact-block-addr h3 {
    font-family: Lato;
    font-size: 28px;
    font-weight: 600;
    line-height: 44.8px;
    text-align: left;
}
table.mcp-contact-phones td.icon i {
    text-align: left!important;
    padding-left: 0!important; 
    margin-left: -30px!important;
    width: 40px
}
.mcp-contact-block-addr table.mcp-contact-phones span {padding-left: 30px}
.mcp-contact-block-addr i {width: 45px; font-size: 18px; color: #156F32}
.mcp-contact-block-addr a {
    color: #070707; 
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;

}
.mcp-contact-block-addr a:hover {color: #156F32}
.mcp-contact-block-addr .email, .mcp-contact-block-addr .addr {
    font-size: 18px;
    margin-top: 20px;
}
.mcp-contact-block-addr .addr span {font-size: 18px}

#sp-cont-pos {margin-bottom: 140px}

/*---------------- подвал ---------------*/
#sp-bottom {
    background: url('../../../images/site-img/bottom-background.webp');
    background-size: cover;
    background-position: center;
}

.mcp-bottom1-block a {
    font-family: Lato!important;
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 22px!important;
    text-align: center;
    color: #fff!important;
}
@media (min-width:992px) {
    .mcp-bottom1-block {margin-left: 35px}
    #sp-bottom1 {border-right: 1px solid #fff}
}
/*---------- Меню послуги ------------*/
#sp-bottom3 .mcp-service-bottom-title {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;

}
.mcp-service-bottom-mod ul li {
    font-family: Lato!important;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 20px!important;
    color: #FEFEFE;
    text-transform: uppercase;
}
.mcp-service-bottom-mod ul li a {color: #fefefe!important; font-family: Lato!important}
/*адреса в bottom*/
#sp-bottom4 h3 {
    font-family: Lato;
    font-size: 16px!important;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px!important;
}
#sp-bottom4 .mcp-bottom4-block p, 
#sp-bottom4 .mcp-bottom4-block a {
    font-family: Lato!important;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 20px!important;
    color: #FEFEFE;
}
.mcp-bottom-logo-icon img {border-radius: 8px}
/*------------ Блог ---------------*/
.view-category.layout-blog .mcp-blog-intro-image-block {
    position: relative; 
    width: 100%!important;
    padding: 0!important;
}

.view-category.layout-blog .mcp-blog-logo-green {
    width: 85px!important;
    height: 96px!important;
    position: absolute;
    bottom: 0px;
    left: 40px;
}
.en-gb.view-category.layout-blog .mcp-blog-logo-green {left: 0px}
.view-category.layout-blog .mcp-firm-name {
    position: absolute;
    padding: 0px 40px;
    top: 93px;
    left: -112px;
    text-align: center;
    border-radius: 0px 8px 0px 0px;
    background: #005724;
    color:#fff;
    font-family: Oswald;
    font-size: 42px;
    font-weight: 400;
    line-height: 66px;
    text-align: left;
    transform: rotate(-90deg);
}
.view-category.layout-blog .article-list .mcp-blog-intro-image-block .article-intro-image img {border-radius: 8px 8px 0 0!important}
.view-category.layout-blog .article-list .mcp-blog-intro-image-block .article-intro-image {
    border-radius: 8px;
    padding-bottom: 60px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.view-category.layout-blog .article-list .mcp-blog-tabs-2 {display: none;}
.view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs{
    position: absolute;
    right: -15px;
    bottom: -30px;
    background: none!important;
}
.view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {
    font-family: Lato;
    font-size: 34px;
    font-weight: 600;
    line-height: 46px;
    text-align: right;
    text-transform: uppercase;
    color: #005724;
    background: none!important;
    border-radius: 0!important;
}
.en-gb.view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a { font-size: 30px;}
.view-category.layout-blog .article-list .article-body .article-header{
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #070707;
}
@media ((min-width: 1200px) and (max-width: 1430px)) {
    .en-gb.view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 24px}
    .view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 24px;};

}
@media (min-width:992px) and (max-width: 1199px){
    .view-category.layout-blog .mcp-blog-logo-green{display: none;}
    .view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs {width: 100%}
    .en-gb.view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 24px; background: yellow!important;}
    .view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 28px;};
}
@media (max-width: 991px) {
    .en-gb.view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 25px; margin-right: -15px}
    .view-category.layout-blog .article-list .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 26px; margin-right: -15px}
    .en-gb.view-category.layout-blog .mcp-blog-logo-green {left: 0px!important;}
    .view-category.layout-blog .mcp-blog-logo-green {    
        position: absolute;
        bottom: 0px;
        left: 30px!important;
    }
}
@media (max-width: 360px) {.view-category.layout-blog .mcp-blog-logo-green{display: none;}}
/*------------------- Обратная связь --------------*/

.mcp-main-page #sp-position10 {background: none}
.mcp-callback-mod .control-group label {display: none}
.mcp-callback-mod .modal-header {border: none!important;}
.mcp-main-page .mcp-callback-mod .modal-header span {
    font-family: Lato!important;
    font-size: 28px!important;
    font-weight: 600!important;
    line-height: 44.8px!important;
    text-align: left!important;
    color: #070707!important;
}
.mcp-main-page .mcp-callback-mod .control-group input::placeholder,
.mcp-main-page .mcp-callback-mod .control-group textarea::placeholder {
    color: #070707!important;
    font-family: Lato!important;
    font-size: 18px!important;
    font-weight: 600!important;
}
.mcp-main-page .mcp-callback-mod .control-group input,
.mcp-main-page .mcp-callback-mod .control-group textarea {
    border-radius: 0px;
    border: none!important;
    border-bottom: 1px solid #070707!important;
    color: #070707!important;
    font-family: Lato!important;
    font-size: 18px!important;
    font-weight: 600!important;
}
.mcp-main-page .mcp-callback-mod label#tos_box-lbl {display: inherit;}
.mcp-main-page .mcp-callback-mod input.form-check-input.tos_box {border: 1px solid #D9D9D9!important}
.mcp-main-page .mcp-callback-mod .control-group.tos_box a {
    font-family: Lato!important;
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 22px!important;
    text-align: left;
    color: #070707;
    margin-top: 4px;
}
.mcp-main-page .mcp-callback-mod .control-group.tos_box a:hover {color: #156F32}
.mcp-main-page .mcp-callback-mod .mcp-wedal-send-but{
    width: 100%;
    text-align: center;
    padding: 12px 0pxx;
    border-radius: 8px;
    background:#156F32;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.1em;
}
.mcp-main-page .mcp-callback-mod .mcp-wedal-send-but:hover {background: #018035}
.mcp-main-page .mcp-callback-mod .mcp-wedal-send-but:focus {background: #00401B}
.mcp-main-page .mcp-callback-mod {margin-top: -36px}

/*------------- вид общий ------*/
.form2 #sp-cont-pos {
    background: url('../../../images/site-img/mcp-callbackform-back.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 0px!important;
}
.form2 .mcp-callback-mod {width: 65%; margin-left: auto; margin-right: auto;}
.form2 .mcp-callback-mod .control-group {width: 48%}
.form2 .mcp-callback-mod .modal-header .modal-title {
    font-family: Oswald;
    font-size: 32px;
    font-weight: 500;
    line-height: 47.42px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 100%!important;
}
.form2 .mcp-callback-mod .control-group input {height: 44px}
.form2 .mcp-callback-mod  .control-group.tos_box input {height: 16px;}
.form2 .mcp-callback-mod  .control-group.tos_box {display: inline!important; direction: rtl; width: 48%!important;
    position: relative;
    top: 10px;
}
.form2 .mcp-callback-mod  .control-group.tos_box label {position: relative; top:-10px;}
.form2 .mcp-callback-mod  .control-group #tos_box-lbl a:hover {color: #D9D9D9!important}
.form2 .mcp-callback-mod .control-group.comment {
    position: absolute;
    top: 15px;
    right: 0;
}
.form2 .mcp-callback-mod .control-group.comment textarea {height: 228px;}
.form2 .mcp-callback-mod #tos_box-lbl a{
    color: #fff;
    font-family: Lato;
    font-weight: 300;
}
.mcp-callback-mod label#tos_box-lbl {display: inherit;}
.form2 .mcp-callback-mod .mcp-wedal-send-but{
    width: 48%;
    text-align: center;
    padding: 12px 0pxx;
    border-radius: 8px;
    background:#156F32;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.1em;
    position: relative;
    top: -45px;
}
.form2 .mcp-callback-mod .mcp-wedal-send-but:hover {background: #018035}
.form2 .mcp-callback-mod .mcp-wedal-send-but:focus {background: #00401B}
@media (min-width:768px) and (max-width:991px) { .form2 .mcp-callback-mod {width: 100%!important}}

@media (max-width:767px) {
    .form2 .mcp-callback-mod {width: 100%}
    .form2 .control-group.comment {position: static!important;/* top: 300px!important*/}
    .form2 .mcp-callback-mod .control-group {width: 100%}
    .form2 .mcp-callback-mod .control-group.tos_box {
        display: inline-flex;
        flex-direction: row-reverse;
        width: 100%!important;
        position: relative;
        left: 3%!important;
        top:-5px;
    }
    .form2 .mcp-callback-mod .control-group.tos_box label {
        position: static!important;
        display: inline!important; 
    }
    .form2 .mcp-callback-mod .control-group.tos_box .form-check {
        position: static!important; 
        display: inline!important;
    }
    .form2 .mcp-callback-mod .mcp-wedal-send-but {
        width: 90%;
        margin-left: auto; margin-right: auto;
        margin-top: 40px;
    }
}



/*------------------- Проекти на главной ---------------------*/
/*------------ Блог ---------------*/
.mcp-project-page .add-info-block {display: none;}
.mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block,
.mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block {
    position: relative; 
    width: 100%!important;
    padding: 0!important;
}
.mcp-news-page .article-list .add-info-block {display: none;}
.mcp-news-page .article-list .article-introtext {display: block; margin-bottom: 15px}
.mcp-news-page .article-list .article {margin-bottom: 60px}
.mcp-main-page .mcp-project-mod .mcp-blog-logo-green,
.mcp-news-page .mcp-project-mod .mcp-blog-logo-green {
    width: 85px!important;
    height: 96px!important;
    position: absolute;
    bottom: 0px;
    left: 40px;
}
.mcp-main-page .mcp-project-mod .mcp-firm-name,
.mcp-news-page .mcp-project-mod .mcp-firm-name {
    position: absolute;
    padding: 0px 40px;
    top: 92px;
    left: -93px;
    text-align: center;
    border-radius: 0px 8px 0px 0px;
    background: #005724;
    color:#fff;
    font-family: Oswald;
    font-size: 42px;
    font-weight: 400;
    line-height: 66px;
    text-align: left;
    transform: rotate(-90deg);
}
.mcp-news-page  .mcp-project-mod .mcp-firm-name {top:92px; left: -93px}
.mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block .article-intro-image img,
.mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block .article-intro-image img {border-radius: 8px 8px 0 0!important}
.mcp-main-page .mcp-project-mod  .mcp-blog-intro-image-block .article-intro-image,
.mcp-news-page .mcp-project-mod  .mcp-blog-intro-image-block .article-intro-image {
    border-radius: 8px;
    padding-bottom: 60px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.mcp-project-mod .mcp-blog-tabs-2 {display: none;}
.mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs,
.mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs {
    position: absolute;
    right: 0px;
    bottom: -30px;
    background: none!important;
}
.mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs a,
.mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs a {
    font-family: Lato;
    font-size: 34px;
    font-weight: 600;
    line-height: 46px;
    text-align: right;
    text-transform: uppercase;
    color: #005724;
    background: none!important;
    border-radius: 0!important;
}
.mcp-main-page .mcp-project-mod .article-header,
.mcp-news-page .mcp-project-mod .article-header {margin-top: 25px;line-height: 24px;}
.mcp-main-page .mcp-project-mod .article-header a,
.mcp-news-page .mcp-project-mod .article-header a{
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #070707;
    margin-top: 15px;
}
.mcp-news-page .mcp-project-mod {margin-bottom: 60px}
@media (min-width:1200px) and (max-width: 1430px){
    .mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs a,
    .mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 24px};
}
@media (min-width:992px) and (max-width: 1199px){
    .mcp-main-page .mcp-project-mod .mcp-blog-logo-green,
    .mcp-news-page .mcp-project-mod .mcp-blog-logo-green {display: none;}
    .mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs,
    .mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs {width: 100%}
    .mcp-main-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs a,
    .mcp-news-page .mcp-project-mod .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 28px;};
}
@media (max-width: 991px) {
    .mcp-main-page .mcp-project-mod  .mcp-blog-intro-image-block .mcp-blog-tabs a,
    .mcp-news-page .mcp-project-mod  .mcp-blog-intro-image-block .mcp-blog-tabs a {font-size: 26px; margin-right: 0px}
    .mcp-main-page .mcp-project-mod .mcp-blog-logo-green,
    .mcp-news-page .mcp-project-mod .mcp-blog-logo-green {    
        position: absolute;
        bottom: 0px;
        left: 30px!important;
    }
}
@media (max-width: 360px) {
    .mcp-main-page .mcp-project-mod .mcp-blog-logo-green,
    .mcp-news-page .mcp-project-mod .mcp-blog-logo-green{display: none;}
}
/*Проекти у новинах*/


/*--------------- новини на головний -------------*/
.mcp-main-page .mcp-line-mod.mcp-line-green .mcp-line-title {color: #fff; background: #005724}
.mcp-main-page .mcp-line-mod.mcp-line-green table {border-color: #fff}
.mcp-main-page #sp-pos-6 {background:#005724}
.mcp-main-page #sp-pos-6 {margin-top: 140px;}
#sp-pos-6 {padding-bottom: 40px}
#sp-position6 {margin-top: -50px}
.mcp-main-page .mcp-news-mod .mcp-blog-intro-image-block .article-intro-image img,
.mcp-main-page .mcp-news-mod  .mcp-blog-intro-image-block .article-intro-image {border-radius: 8px!important;}
.mcp-news-mod .mcp-blog-intro-image-block .article-intro-image img {
    border-radius: 8px!important; 
    background: transparent!important;
}
.mcp-news-mod  .mcp-blog-intro-image-block .article-intro-image {
    box-shadow: none!important; 
    padding-bottom: 0!important; 
    border-radius: 8px!important;
    background: none!important;
}

.mcp-news-mod .article-header {margin-top: 5px}
.mcp-news-mod .article-header h3 {line-height: 19px!important;}
.mcp-main-page .mcp-news-mod .article-header h3 a {color: #fff;}
.mcp-news-mod .article-header h3 a {
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #070707;
}
.mcp-main-page .mcp-news-mod .mcp-item-publish {color: #fff;}
.mcp-news-mod .mcp-item-publish{
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    text-align: left;
    color: #070707;
}
.mcp-link-to-news {text-align: center; margin-top: 60px}
.mcp-link-to-news a {
    background: #005724;
    color: #fff;
    padding: 4px 70px;
    border-radius: 8px;
    text-align: center;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
}
.mcp-main-page .mcp-link-to-news a {background: #fff; color: #005724;}
.mcp-main-page .mcp-link-to-news a:hover {background: #D9D9D9}
.mcp-main-page .mcp-link-to-news a:focus {background: #D9D9D9}
.mcp-link-to-news a:hover {background: #018035}
.mcp-link-to-news a:focus {background: #00401B}

/*-------------- новини блог -----------*/
.mcp-news-page .article-list .article .mcp-blog-intro-image-block .mcp-blog-tabs,
.mcp-news-page .article-list .article .mcp-blog-intro-image-block .mcp-firm-name,
.mcp-news-page .article-list .article .mcp-blog-intro-image-block .mcp-blog-logo-green {display: none;}
.mcp-news-page .article-list .article .mcp-blog-intro-image-block .article-intro-image {padding-bottom: 0px!important}
.mcp-news-page .article-list .article .article-info {position: absolute; bottom: -25px}
.mcp-news-page .article-list .article .add-info-block{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    color: #070707;
    margin-bottom: 10px;
}
.mcp-news-page .article-list .article .article-header h2{
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
}
.mcp-news-page .article-list .article .article-header h2 a {color: #070707}

/*---------------------------------  СТРАНИЧКИ ПОСЛУГ -----------------*/
.mcp-services-pages #sp-main-body {margin-top: -80px}
.mcp-service-title .title h1 {
    font-family: Oswald;
    font-size: 50px;
    font-weight: 300;
    line-height: 74.1px;
    text-align: left;
    text-transform: uppercase;
    color: #070707;
}
.mcp-service-title .text {
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.04em;
    text-align: justified;
}
.mcp-service-title .call-button { margin-bottom: 50px}
.mcp-service-title .call-button a{
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.71px;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 7px 70px;
    background: #005724;
    border-radius: 8px;
    color: #FFFFF5;
    text-transform: uppercase;
}
.mcp-service-title .call-button a:hover {background: #018035}
.mcp-service-title .call-button a:focus {background: #00401B}
.shadow-box-block .row {padding: 25px 15px } 
.mcp-services-pages .shadow-box {
    padding: 0 25px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 100%!important;
    border-radius: 8px;
}

.border-top-green {border-top: 4px solid #005724!important}

.mcp-services-pages .article-txt{
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.04em;
    text-align: justified;
    color: #070707;
    padding-bottom: 15px;
}
.mcp-services-pages .article-txt .title {
    margin-bottom: 15px;
    padding-top: 10px;
    font-family: Lato;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #070707;
}
.mcp-services-pages .article-txt.low {font-size: 16px;}
.shadow-box-block .shadow-box-padding {margin-bottom: 25px!important;}
.shadow-box-block {margin-top: 40px}

.mcp-services-pages .mcp-services-pages h3 {
    font-family: Lato;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    color: #070707;
    padding: 15px 0;
}
.mcp-services-pages .accordion-item h2.accordion-header span{
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    line-height: 51.2px;
    text-align: left;
    color: #005724;
    display: inline-block;
    margin-right: 20px;
}
.mcp-services-pages .accordion-item h2.accordion-header button{
    font-family: Lato!important;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
}
.mcp-services-pages .accordion-item {border: none!important}
.mcp-services-pages .accordion-item .accordion-header {border-bottom: 1px solid #005724; background: none!important}
.mcp-services-pages .accordion-button {background: none!important}
.mcp-services-pages .accordion-header button {color: #070707!important}

.mcp-services-pages  .mcp-line-about.width-2 {width: 450px; text-align: center;}
.shadow-box-block.three-column .title {height: 60px}
.shadow-box-block.three-column p {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    letter-spacing: 0.04em;
    text-align: justify;
}


.shadow-box-block .title-number {width: 25%; height: 100%; float: right; padding-bottom: 40px}
.shadow-box-block.number {padding-bottom: 50px}

.shadow-box-block .title-number {
    text-align: right!important;
    font-family: Oswald;
    font-size: 80px;
    font-weight: 600;
    line-height: 100px;
    color: #005724;
    position: relative;
    left:15px;
}

.shadow-box-block .green-box {background: #005724; color: #fff}
.shadow-box-block .title-number img {float: right;; margin-top: 40px; vertical-align: middle;}
.shadow-box-block .shadow-box p {
    color: #070707!important;
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.04em;
    text-align: justify;
     }
.mcp-line-mod .mcp-line-title.width-3 {width: 600px}
p.shadow-box-txt.region {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: 0.04em;
    text-align: justified;
}

.shadow-box-block .shadow-box .title-number img.region {margin-top: 0px}

@media (min-width:992px) {
    .shadow-box-block.bottom-100 {margin-bottom: -100px}
    .shadow-box-block.three-column .shadow-box-padding {margin-top: 0px!important; margin-bottom: -60px!important}
}
@media (max-width:767px) {
    .mcp-service-title .title h1 {
        text-align: center;
        font-size: 42px;
        margin-bottom: 25px;
    }
    .mcp-service-title .text {font-size: 18px;}
    .mcp-service-title .call-button {text-align: center; margin-top: 25px}
    .mcp-services-pages  .mcp-line-about.width-2 {width: 300px; text-align: center;}
    .shadow-box-block .title-number {font-size: 68px}
    .mcp-services-pages  .mcp-line-mod .mcp-line-title.width-3 {width: 320px; text-align: center;}
    .mcp-services-pages .region.mcp-line-mod  {margin-top: -20px!important; margin-bottom: 40px}
}
@media (max-width:992px) {.shadow-box-block.three-column .title {height: 120px}}
@media (min-width:992px) and (max-width: 1250px) {.shadow-box-block .title-number {font-size: 60px}}

/*------------- offcanvas-contacts --------------*/
.offcanvas-inner .menu li a,
.offcanvas-inner .menu li span {
    font-family: Oswald!important; 
    font-weight: 500!important; 
    color: #070707!important; 
    font-size: 14pt!important;
}
.mcp-offcanvas-cont-mod .mcp-bottom4-block span {color: #070707; font-size: 16pt!important; display: block; font-family: Oswald}
.mcp-offcanvas-cont-mod .mcp-bottom4-block a {
    font-family: Oswald;
    display: block;
    color: #070707; font-size: 15pt!important; margin-bottom: -15px}
.mcp-offcanvas-cont-mod .mcp-bottom4-block {margin-bottom: 20px}

/*------------ Про нас -----------*/
.mcp_about p {
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    color: #070707!important;
}
.title-about h1{
    font-family: Oswald;
    font-size: 120px;
    font-weight: 600;
    line-height: 120px;
    text-align: left;
    color: #005724;
    text-transform: uppercase;
}
.shadow-box-block.mcp-about .shadow-box .title-about {
    font-family: Oswald;
    font-size: 24px;
    font-weight: 600;
    line-height: 39.2px;
    text-align: center;
    margin: 20px 0;
}
.shadow-box-block.mcp-about .shadow-box .article-txt {font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    letter-spacing: 0.04em;
    text-align: justify;
}
.shadow-box-block.mcp-about .shadow-box img {
    margin: 20px auto 20px auto;
}
.green-flame {
    background-image: 
    linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%), 
    url('../../../images/site-img/mcp-green-frame.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
}
@media (min-width:992px) and (max-width:1200px) {.title-about h1 {font-size:100px}}
@media (min-width:768px) and (max-width:991px) {.title-about h1 {font-size:76px}}
@media (max-width:768px) {.title-about h1 {font-size:68px; text-align: center;}}

/*------------ Контакти -------------*/
.mpc-contact-page #sp-position10 {display: none;!important}
.mpc-contact-page .cont-page-form label {display: none;}
.mpc-contact-page .cont-page-form  .tos_box label {display: inherit;}
.mpc-contact-page .cont-page-form  input,
.mpc-contact-page .cont-page-form  textarea {
    border-radius: 0; 
    border: none;
    border-bottom: 1px solid #070707;
}
.mpc-contact-page .cont-page-form  .tos_box input {border: 1px solid #070707;}
.mpc-contact-page .cont-page-form .modal-header {border: none;}
.mpc-contact-page .cont-page-form .modal-body {position: relative; min-height: 220px}
.mpc-contact-page .cont-page-form .control-group.name {
    position: absolute;
    width: 45%;
    top: 0;
    left: 0;
}
.mpc-contact-page .cont-page-form .control-group.phone {
    position: absolute;
    width: 45%;
    top: 8px;
    right: 0;
}
.mpc-contact-page .cont-page-form .control-group.company {
    position: absolute;
    width: 45%;
    top: 50px;
    left: 0;
}
.mpc-contact-page .cont-page-form .control-group.email {
    position: absolute;
    width: 45%;
    top: 58px;
    right: 0;
}

.mpc-contact-page .cont-page-form .control-group.comment {position: absolute; top: 120px; width: 100%; left:-3px}
.mpc-contact-page .cont-page-form  .control-group.tos_box {position: relative; top: 190px}
.mpc-contact-page .cont-page-form .modal-footer {position: relative; top:60px}
.mpc-contact-page .cont-page-form .mcp-wedal-send-but{
    width: 50%!important;
    position: absolute;
    left:0;
    text-align: center;
    padding: 12px 0pxx;
    border-radius: 8px;
    background:#156F32;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.1em;
}
.mpc-contact-page .cont-page-form .mcp-wedal-send-but:hover {background: #018035}
.mpc-contact-page .cont-page-form .mcp-wedal-send-but:focus {background: #00401B}
.mpc-contact-page .cont-page-form .modal-header .modal-title {display: none;}
.mpc-contact-page td.icon {width: 60px!important;}
.mpc-contact-page .mcp-contact-phones .cont-page-table-title  {
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left!important;
    color: #005724;
    margin-left: -30px;
    display: block;
}
.mpc-contact-page .mcp-contact-phones .address {
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    margin-left: -30px;
}
.mpc-contact-page .title_addr{
    font-family: Oswald;
    font-size: 24px;
    font-weight: 600;
    line-height: 35.57px;
    text-align: left;
    color: #070707;
    margin-bottom: 10px;
}
.mpc-contact-page h2 {
    font-family: Oswald;
    font-size: 32px;
    font-weight: 600;
    line-height: 47.42px;
    text-align: left;
    margin-bottom: 20px;
    color: #070707;
}
.mpc-contact-page .form-title{
    font-family: Lato;
    font-size: 28px;
    font-weight: 600;
    line-height: 44.8px;
    text-align: left;
    color: #070707;
}
.mpc-contact-page .google-map {margin-bottom: -245px}
@media (max-width:992px) {.mpc-contact-page .google-map {margin-top: 140px!important}}

/* ---------------------- Header form -------------------- */
.mcp-header-form {position: relative;}
.mcp-header-form .modal-content {z-index: 9999;}
.mcp-header-form .modal-dialog {background: #fff; margin-top: 120px; border-radius: 20px}
.mcp-header-form .control-group label { display: none!important; }
.mcp-header-form .control-group input::placeholder,
.mcp-header-form .control-group textarea::placeholder,
.mcp-header-form .control-group input
 {
    color: #070707;
    font-family: Lato;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
}
/*.mcp-header-form  .wjcallbackform-wrapper {width: 1000px!important; background: transparent!important; }*/
@media (min-width:992px) {.mcp-header-form .modal-content {z-index: 9999; width: 600px!important}}
.wjcallbackform  {background: transparent!important;}
.mcp-header-form  label#tos_box-lbl {display: inherit!important; position: inherit!important;}
.mcp-header-form .mcp-callback-mod .control-group.tos_box a {
    font-family: Lato!important;
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 22px!important;
    text-align: left;
    color: #070707;
    margin-top: 4px;
}
.mcp-header-form .mcp-wedal-send-but-popup{
    margin-left: auto; margin-right: auto;
    margin-bottom: 20px;
    width: 90%;
    text-align: center;
    padding: 12px 0pxx;
    border-radius: 8px;
    background:#156F32;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.1em;
}
.mcp-header-form .control-group.comment {position: inherit;display: block;}
.mcp-header-form .control-group.comment textarea {height: 60px;}
.mcp-header-form .control-group.company{position: inherit; display: block;}
.mcp-header-form .mcp-wedal-send-but-popup:hover {background: #018035}
.mcp-header-form .mcp-wedal-send-but-popup:focus {background: #00401B; color: #fff}
.mcp-header-form .form-header span {
    color: #070707;
    font-family: Lato;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}
/*------------ Новини стаття ------------------*/
.mcp-news-page .article-details p {margin-bottom: 0px}
.mcp-news-page .article-details .article-full-image {
    text-align: left;
    float: left!important;
    width: 300px!important;
    margin-right: 30px;
    margin-bottom: 20px;
}
.mcp-news-page .article-details .article-full-image img {width: 100%}
.mcp-news-page .article-details h1{
    font-family: Lato;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #070707;
}
.mcp-news-page .article-details p{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: justify;
    color: #070707;
    text-indent: 15px;
}
.mcp-news-page .article-info .published {
    font-family: Oswald;
    font-size: 18px;
    font-weight: 400;
    line-height: 26.68px;
    text-align: left;
    color: #070707;
}
.mcp-news-page.uk-ua .article-info .published::before {content: "Дата розміщення: ";}
.mcp-news-page.en-gb .published::before {content: "Date posted: ";}
.mcp-news-page .mcp-firm-name, .mcp-news-page .mcp-blog-logo-green {display: none;}
@media (max-width:767px){
    .mcp-news-page .article-details .article-full-image {width: 100%}
    .mcp-news-page .article-details .article-full-image {
        margin-left: auto; margin-right: auto;
        float: none!important;
    }
}
/*------------------ статьи проекты ---------------*/
.mcp-project-page .article-details p {margin-bottom: 0px}
.mcp-project-page .article-details .tags a{
    pointer-events: none;
}
.mcp-project-page .article-details .tags {display: none;}
.mcp-project-page .article-details .mcp-article-proj-tag .tags{
    display: inherit;
    position: absolute;
    bottom: -28px;
    right: 15px;
}
.en-gb.mcp-project-page .article-details .mcp-article-proj-tag .tags a {font-size: 32px}
.mcp-project-page .article-details .mcp-article-proj-tag .tags a {
    font-family: Lato;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 600;
    text-align: right;
    background: none;
    color: #005724;
}
.mcp_project_image {
    position:relative;
    float: left;
    max-width: 450px;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.en-gb.mcp-project-page .article-details .mcp-blog-logo-green {left: 8px;}
.mcp-project-page .article-details .mcp-blog-logo-green {
    width: 85px!important;
    height: 96px!important;
    position: absolute;
    bottom: 0px;
    left: 40px;
}
.mcp-project-page .article-details .mcp-firm-name {
    position: absolute;
    padding: 0px 40px;
    top: 92px;
    left: -94px;
    text-align: center;
    border-radius: 0px 8px 0px 0px;
    background: #005724;
    color:#fff;
    font-family: Oswald;
    font-size: 42px;
    font-weight: 400;
    line-height: 66px;
    text-align: left;
    transform: rotate(-90deg);
}
.mcp-project-page .article-details h1 {
    font-family: Lato;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: left;
    color: #070707;
    text-transform: uppercase;
}
@media (max-width: 440px) {.mcp-project-page .article-details .mcp-article-proj-tag .tags a {font-size: 26px}}
@media (max-width: 380px) {.mcp-project-page .article-details .mcp-blog-logo-green{display: none;}}
@media (min-width: 768px) and (max-width: 991px) {.mcp_project_image {float: none;margin-left: auto; margin-right: auto; margin-bottom: 25px}}
@media (min-width:992px) {.mcp_project_image {margin-right: 20px;}}

/*------------- Проект материал -------------*/
.mcp-project-page h1 {
    text-align: center;
    font-size: 34px;
    color: #005724;
    font-family: Oswald;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.mcp-project-page .article-details p, .mcp-project-page .article-details ul  {
    text-indent: 15px;
    color: #070707;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.mcp-project-page .article-details h2.mcp-project-characteristics span {
    font-family: Lato;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #005724;
}
.mcp-project-page .article-details table.mcp-project-article {
    margin-top: 35px;
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: left;
    color: #070707;
}
.mcp-project-page .article-details table.mcp-project-article td {height: 40px}
.mcp-project-page .article-details table.mcp-project-article td span {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    padding-left: 15px;
}
.mcp-project-page .article-details table.mcp-project-article td.report_link {}
.mcp-project-page .article-details table.mcp-project-article td a {
    display: block;
    font-family: Oswald;
    padding: 8px 0;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    text-align: center;
    width: 100%!important;
    background: #005724;
    color: #fff;
    text-transform: uppercase;
}

.no-green-logo .mcp-blog-logo-green,
.no-green-logo .mcp-firm-name {display: none;/* width: 0!important;*/ position: absolute;}
.no-green-logo .mcp_project_image {box-shadow: none; height: 0}
.mcp-project-mod  .mcp-firm-name {display: inherit;}
.mcp-project-mod  .mcp-blog-logo-green {display: inherit;}
@media (min-width:992px){
.no-green-logo .article-details .mcp-service-title .title h1 {
    position: relative;
    right: 30px;
}
}

/*------------------- Form Project -----------------*/

.modal-dialog .modal-content .modal-header .form-header span.modal-title-project  {display: none;}
.mcp-project-form-mod .form-header .form-header .modal-title {display: none;}
.modal-dialog .modal-content .mcp-project-form-mod .modal-header .form-header span.modal-title-project  {display: inherit;}
.modal-dialog .modal-content .mcp-project-form-mod .modal-header .form-header span.modal-title  {display: none;}

/*корректировки*/
.mcp-project-mod .article-header {margin-bottom:60px}

/*----------------- DJ Slider -------------*/
.djslider-default {position: relative!important;}
.djslider-default .navigation-numbers {
    position: absolute!important;
    top:100px!important;
    right: 0px!important;
}

.djslider-default .load-button {
    font-family: Oswald!important;
    font-weight: 500!important;
    font-size: 32!important;
    width: 150px!important;
    height: 48px!important;
    display: block!important;
    background: none!important;
    border: none!important;
    margin: 0 3px;
    cursor: pointer;
    color: white!important;
    opacity: 0.7!important;
    /*
    opacity: 0.8;
    -webkit-transition: opacity 1000ms ease;
    transition: opacity 1000ms ease;*/
}
.navigation-numbers span.load-button {
    font-family: Oswald!important;
    font-weight: 500!important;
    font-size: 32px!important;
    border-radius: 0!important;
    padding-top: 14px;
    margin-bottom: 10px;
    text-align: left!important;
}
.navigation-numbers .load-button-active {
    background: url('../images/slider-line90.png')!important; 
    background-repeat: no-repeat;
    opacity: 1!important;
}

.navigation-numbers span.load-button-active {font-size: 48px!important; padding-left: 0px!important;}
.load-button-number {
    width: 60px!important; 
    display: inline-block; height: 40px; 
    text-align: right;
    padding-right: 10px;
    background: transparent!important;
}
.djslider-default .slider-container {position: relative;}
.djslider-default .slider-container .slide-desc {
    top:40px!important;
}
.slide-desc-in {
    width: 80%!important; 
    margin-left: auto; 
    margin-right: auto;
    height: 100%!important;
}
.dj-slider-desktop-block {position: relative!important; top:50px!important}
.dj-slider-desktop-title {
    font-family: Oswald!important;
    font-size: 50px!important;
    font-weight: 300!important;
    line-height: 74px!important;
    text-align: center;
    color: #fff!important;
    text-transform: uppercase!important;
}
._black .dj-slider-desktop-title {color: #070707!important}
.dj-slider-desktop-txt {
    margin-top: 40px;
    font-family: Lato!important;
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 24px!important;
    letter-spacing: 0.04em!important;
    text-align: center;
    color: #fff!important;
}
._black .dj-slider-desktop-txt {color: #070707!important}
.dj-slider-desktop-btn {
    position: absolute!important;
    text-align: center;
    top: 300px!important;
    width: 100%!important;
}
.dj-slider-desktop-btn a {
    background: #005724!important;
    color: #fff!important;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 400;
    line-height: 23.71px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 60px;
    border-radius: 8px;
}
.dj-slider-desktop-btn a:hover {background:#018035!important }
.dj-slider-desktop-btn a:focus {background:#00401B!important }
@media (min-width:992px) and (max-width:1200px) {
    .djslider-default .navigation-numbers { top:20px!important}
    .dj-slider-desktop-btn {top: 290px!important}
    .dj-slider-desktop-title {font-size: 42px!important; line-height: 64px!important;}
    .dj-slider-desktop-txt.slide4 {color: #fff!important}
    .dj-slider-desktop-txt {width: 95%!important}
    .dj-slider-desktop-block {top:-40px!important}
}
@media (max-width:991px){
    .djslider-default .navigation-numbers {top:40px!important;}
    .djslider-default .load-button {width: 70px!important;height: 32px!important;}
    .navigation-numbers span.load-button {
        font-size: 22px!important;
        padding-top: 9px!important;
        margin-bottom: 10px!important;
    }
    .navigation-numbers .load-button-active {background: url('../images/slider-line-tablet.png')!important;  }

    .navigation-numbers span.load-button-active {
        font-size: 28px!important; 
        padding-left: 0px!important; 
        height: 32px!important;
        margin-top: -7px!important;
    }
    .load-button-number {
        width: 30px!important;
        height: 32px!important; 
        padding-right: 10px;
    }
    .dj-slider-desktop-block {top:-30px!important}
    .dj-slider-desktop-title {font-size: 36px!important; line-height: 42px!important;}
    .dj-slider-desktop-txt {
        margin-top: 40px;
        font-size: 15px!important;
        line-height: 20px!important;
        text-align: center;
    }
    .dj-slider-desktop-btn {top: 220px!important;}
    .dj-slider-desktop-btn a {
        font-size: 16px;
        line-height: 20px;
        padding: 4px 50px;
    }
    .dj-slider-desktop-txt.slide4 {color: #fff!important}
}

.mpc-djslidemob-mod .slide-desc-in {width: 100%!important}
.mpc-djslidemob-mod .dj-slider-desktop-block {position: relative!important; top:0px!important}
.mpc-djslidemob-mod .dj-slider-desktop-txt {font-size: 17px!important}
.mpc-djslidemob-mod .dj-slider-desktop-btn {top:380px!important}
.mpc-djslidemob-mod .dj-slider-desktop-txt.slide4 {color: #fff!important}


/* ---------------- пошук ---------------------------*/


.search-modal-mod .modal-content  {background-color: transparent!important} 
.search-modal-mod {background-color: transparent!important} 
.search-modal-mod  .modal-dialog  {background-color: transparent!important}
.search-modal-mod  .modal-body  {background-color: transparent!important; padding: 0!important}

.search-modal-mod  .modal {background-color: transparent!important}
.search-modal-mod  .modal-body form {background-color: transparent!important}
.search-modal-mod .modal-content .input-group  {background-color: transparent!important}
.modal#exampleModal {background: transparent!important; z-index: 9999!important}
.search-modal-mod .modal-content {
    background:transparent!important;
    position: relative;
    top:-5px!important;
    right: -50px!important;
}
@media (min-width:767px) and (max-width:992px) {.search-modal-mod .modal-content {right: -20px!important; width: 55%!important}}
@media (max-width:767px){.search-modal-mod .modal-content {right: -5px!important; width: 95%!important; top: 45px!important}}
.search-modal-mod .modal-content .input-group input {border: 2px solid #005724!important;}
.search-modal-mod .modal-content .input-group button {background: #005724!important;}
.search-modal-mod .modal-content .input-group button:hover {background: #018035!important;}
.search-modal-mod .modal-content .input-group button:focus {background: #00401B!important;}
/*search page*/
.com-finder__search .form-inline .input-group button.btn-primary,
.com-finder__search .form-inline .input-group button.btn-secondary {background: #005724!important;}
.com-finder__search .form-inline .input-group button.btn-primary:hover,
.com-finder__search .form-inline .input-group button.btn-secondary:hover {background: #018035!important;}
.com-finder__search .form-inline .input-group button.btn-primary:focus,
.com-finder__search .form-inline .input-group button.btn-secondary:focus {background: #00401B!important;}
.com-finder__search .form-inline .input-group button.btn-primary {margin-right: 1px!important}
#finder-filter-window .filter-branch .control-group .control-label label {
    color: #005724!important; 
    font-family: Oswald; 
    font-weight: 500; 
    font-size: 16px
}

mark, .mark { background-color: yellow!important;}  /*подсветка результатов*/