@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

body, p, h1, h2, h3, h4, h5, h6, a, ul, li {font-family: 'Montserrat'!important}
h1 {font-size: 32px; text-align: center; margin-bottom: 25px}
a {color: #587444; font-weight: 500}
a:hover {color: #f45750}
p {text-indent: 15px}
#sp-header .container, #sp-top-bar .container {
	padding-left: 3%!important; 
	padding-right: 3%!important; 
	margin: 0px!important; 
	width: 100%!important;
	min-width: 100%!important;
}
.kde-master-padding {padding-left: 3%!important; padding-right: 3%!important}
#sp-title-section #sp-title .sp-page-title {background: transparent!important}
#sp-top-bar #sp-top1 .social-icons a span {font-size: 26px; line-height: 18px; padding-top: 3px}
#sp-top-bar #sp-top1 .social-icons a:hover {color: #d5e1c9}
#sp-top-bar #sp-top2 {font-size: 16px!important}
@media (max-width: 766px) {
    #sp-header #sp-logo .logo img {width: 200px; height: auto; padding-top: 15px}
    #sp-header {height: 80px}
}
.offcanvas-menu .logo {width: 70%; height: auto;}
.offcanvas-menu .logo img {width: 100%!important; height: auto;}
/*---------- Menu ------------*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding-left: 0px!important; padding-right: 0!important; margin-top: -10px}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-menu-item a {margin-right: 10px!important; margin-left: 10px}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li { width: 100%!important; padding-right: 10px!important; padding-right: 10px}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li:hover {background: #f45750}
.offcanvas-inner .menu-parent ul.menu-child,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul {text-transform: uppercase;}
.offcanvas-inner .menu-parent ul.menu-child li {padding-top: 5px}
.offcanvas-inner .menu-parent a { color:#333!important }

/*---------- Bottom ----------*/
.kde-text-menu {text-align: center; margin-bottom: 40px}
.kde-text-menu a {
    margin: 10px;
    padding: 8px 20px;
    background: #587444;
    color: #fff;
    border: 1px solid #587444;
    border-radius: 20px;
    display: inline-block;
}
.kde-text-menu a:hover {background: #fff; color: #587444}
#sp-bottom h3 {
	font-weight: 500!important;
	text-transform: uppercase;
	font-size: 18px;
}
.kde-bottom3-mod .kde-bot3-list .kde-bot3-phone {margin-bottom: 0!important; padding-bottom: 0!important}
.kde-bottom3-mod .kde-bot3-list .kde-bot3-phone a {
	display: inline-block!important;
	padding-right: 15px;
	line-height: 24px;
	color: #d5e1c9!important;
}
.kde-bottom3-mod .kde-bot3-list .kde-bot3-phone a:hover {color: #fff!important}
.kde-bottom3-mod .kde-bot3-list .kde-bot3-phone i {width: 20px}
.kde-cont-region {font-size: 13pt}
.kde-cont-region a {color: #d5e1c9!important; font-weight: 300;}
.kde-cont-region a:hover {color: #fff!important}
.kde-cont-region i {padding-right: 20px;}

/*------------------- новини на головній --------------------*/
h2.kde-news-catname-title {text-align: center; font-size: 22px; color: #587444}
.kde-news-main h2 {
    text-align: center;
    font-weight: 500;
    color: #587444;
    font-size: 28px;
    margin: 40px 0;
}
.kde-article-item {margin-bottom: 40px}
.kde-news-main h4.mod-articles-title {text-align: center; margin-top: -5px}
.kde-news-main h4.mod-articles-title a {   font-size: 18px;
    font-weight: 400;
    color: #333;
}
.kde-news-main .mod-articles-date {font-size: 12px; font-weight: 300; color: #333; margin-top: 15px}
.kde-news-main .mod-articles-date span {color: #d5e1c9!important}
.kde-news-main .introtext {color: #333; font-weight: 300; font-size: 13px}
.kde-news-main .kde-article-item .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #587444;
    border-radius: 0;
    transition: 0.5s;
}
.kde-news-main .kde-article-item .intro-image .kde-txt-on-image {
    position: absolute;
    top:40%;
    width: 100%;
    text-align: center;
    transition: 0.5s;
}
.kde-news-main .kde-article-item .intro-image .kde-txt-on-image a {color: transparent; font-size: 16px; text-transform: uppercase;}
.kde-news-main .kde-article-item .intro-image:hover {border-radius: 14px}
.kde-news-main .kde-article-item .intro-image:hover .kde-txt-on-image a {color: #fff!important}
.kde-news-main .kde-article-item .intro-image img {transition: 0.7s;}
.kde-news-main .kde-article-item .intro-image:hover img {
    filter: grayscale(50%);
    filter: brightness(0.2);
    transform: scale(1.2);
    transition: 0.7s;
}
.kde-news-main .kde-blog-news-link {text-align: right; margin-bottom: 40px}
.kde-news-main .kde-blog-news-link a{
    border: 1px solid #587444;
    padding: 5px 25px;
    display: inline-block;
    margin-bottom: 15px;
    color: #587444;
    transition: 0.6s;
}
.kde-news-main .kde-blog-news-link a:hover{
    background: #587444;
    color: #fff;
}
@media (max-width:766px) {.kde-news-main .kde-news-article-item-desk {display: none;}}
/*------------------ новини блог ---------------*/
.kde-news-page .article-list .article-header h2,
.kde-zmi-page .article-list .article-header h2 { text-align:center; font-size: 18px}
.kde-news-page .article-list .article-header h2 a:hover,
.kde-zmi-page .article-list .article-header h2 a:hover {color: #587444}
.kde-news-page .article-list .article-introtext {color: #333; text-align: justify; font-size: 13px}
.kde-zmi-page .article-list .article-introtext {color: #333; text-align: justify; font-size: 14px!important}
.pagination li.active span {background: #587444!important}
.kde-zmi-page  .page-header h1,.kde-news-page .page-header h1 {text-align: center; font-size: 36px; margin-bottom: 40px}
.kde-news-page .article-list .article-intro-image {overflow: hidden;}
.kde-news-page .article-list .article-intro-image img:hover {filter: grayscale(80%); transform: scale(1.15); transition: 0.7s}

.com-content.view-category .article-list .article-intro-image {overflow: hidden;}
.com-content.view-category .article-list .article-intro-image img {display: block; margin-left: auto; margin-right: auto;}
.com-content.view-category .article-list .article-intro-image img:hover {filter: grayscale(80%); transform: scale(1.15); transition: 0.7s}

/*---------------- Статті ----------------*/
.view-article .article-details .article-full-image {height: auto; margin-left: auto; margin-right: auto;}
.view-article .article-details .article-full-image img {
    display: block!important; 
    margin-left: auto!important; 
    margin-right: auto!important;
}
.view-article .article-details .article-header h1 {
    text-align: center;
}

/*навігація по сторінках*/
.article-details .rws-pagenavigation {}
a.rws-pagenavigation-link {width: 100%!important; display: block;}
.rws-pagenavigation .next {text-align: right;}
.rws-pagenavigation .next .pagenavigation-img {text-align: right!important;}
.rws-pagenavigation .next .pagenavigation-img img {float: right;}
.rws-pagenavigation .rws-pagenavigation-link .plg-pagenavigation-label {
    border: 1px solid #587444;
    padding: 5px 25px;
    display: inline-block;
    margin-bottom: 15px;
    color: #587444;
    transition: 0.6s;
}
.rws-pagenavigation .rws-pagenavigation-link:hover .plg-pagenavigation-label {
    background: #587444;
    color: #fff;
}
.rws-pagenavigation .rws-pagenavigation-link .plg-pagenavigation-title {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
}
.rws-pagenavigation .rws-pagenavigation-link:hover .plg-pagenavigation-title {color: #587444}
.rws-pagenavigation .previos, .rws-pagenavigation .next {margin-top: 25px}
@media (max-width:766px) {.rws-pagenavigation .previos, .rws-pagenavigation .next {text-align: center}}
/*------------------- Карусель на головній ---------------*/
.kde-main-carousele-mod {margin: 60px 0}
.kde-main-carousele-mod .carousel-inner .carousel-item {position: relative;}
@keyframes title-up {
    0% {opacity: 0; top: 100px}
    50% {opacity: 0.3; top: 70px}
    100%{opacity: 1; top: 50px}
}
@keyframes desc-up {
    0% {opacity: 0; top: 200px}
    50% {opacity: 0.3; top: 175px}
    100%{opacity: 1; top: 150px}
}
@keyframes carousel-btn {
    0% {opacity: 0;}
    50% {opacity: 0.3;}
    100%{opacity: 1;}   
}
.kde-main-carousele-mod .carousel-inner .carousel-item .carousell-item-title {
    position: absolute;
    top:50px;
    opacity: 0;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    animation: title-up 0.5s linear 0.5s forwards;
}
.kde-main-carousele-mod .carousel-inner .carousel-item .carousel-caption, 
.kde-main-carousele-mod .carousel-inner .carousel-item .kde-carousel-inner {
    position: absolute; 
    top: 0; 
    width: 80%; 
    padding-left: 10%; 
    height: 100%;
}
.kde-main-carousele-mod .carousel-inner .carousel-item .carousel-item-desc {
    position: absolute; 
    top: 150px;
    opacity: 0;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    font-size: 22px;
    animation: desc-up 0.5s linear 0.7s forwards;
    color: #fff;
}
.kde-main-carousele-mod .carousel-inner .carousel-item .carousel-item-link {
    position: absolute;
    opacity: 0;
    bottom: 15%;
    text-align: center!important;
    width: 100%;
    animation: carousel-btn 0.5s linear 0.9s forwards;
 }
 .kde-main-carousele-mod .carousel-inner .carousel-item .carousel-item-link a{
    background: #219653;
    color: #fff;
    border: 1px solid #219653;
    text-transform: uppercase;
    font-size: 18px;
    padding: 7px 40px;
 }
  .kde-main-carousele-mod .carousel-inner .carousel-item .carousel-item-link a:hover {
    background: rgba(33, 150, 83, 0.5);
    color: #d5e1c9;
  }
  @media (max-width: 766px) {
    @keyframes title-up {
        0% {opacity: 0; top: 100px}
        50% {opacity: 0.3; top: 70px}
        100%{opacity: 1; top: 40px}
}
    @keyframes desc-up {
        0% {opacity: 0; top: 230px}
        50% {opacity: 0.3; top: 205px}
        100%{opacity: 1; top: 180px}
    }
    .kde-main-carousele-mod .carousel-inner .carousel-item .carousell-item-title {top:40px; font-size: 24px}
    .kde-main-carousele-mod .carousel-inner .carousel-item .carousel-item-desc {top:180px; font-size: 20px}
    .kde-main-carousele-mod .carousel-inner .carousel-item .carousel-item-link {bottom: 10%;}
}
.kde-red-line-mod {height: 70px; background: #e31e25; margin-bottom: 150px}

/*-------------------- Головна --------------*/
.kde-main-page h1{text-align: center; margin: 40px 0; font-size: 36px}
.kde-main-page .kde-modicon-item {margin-bottom: 25px}
.kde-main-page .kde-modicon-item .kde-modicon-icon {
    margin-left: auto; margin-right: auto; 
    text-align: center;
    margin-bottom: 25px;
}
.kde-main-page .kde-modicon-item .kde-modicon-icon i {
    font-size: 64px;
    height: 200px;
    width: 200px;
    line-height: 200px;
    border: 2px dashed #587444;
    border-radius: 50%;
}
.kde-main-page .kde-modicon-item .kde-modicon-title {font-size: 24px; text-transform: uppercase; text-align: center;}
.kde-main-page .kde-modicon-item .kde-modicon-desc {text-align: center; color: #333!important; margin-top: 15px}

/*---------------- Головний слайдер ---------------*/
.kde-main-slider-wrap {
    position: relative; 
    max-height: 450px;
    overflow: hidden;
}
@keyframes scale-image1 {  
    0% { transform: scale(1.3);}
    50%  {  transform: scale(1.15); }
    100%   {  transform: scale(1.0);}
  }
.kde-main-slider-wrap .img-1 {overflow: hidden;}
.kde-main-slider-wrap .img-1 img {transform: scale(1.0); animation: scale-image1 1.5s linear;}

@keyframes img2-up {
    0% {opacity: 0; top: 100px}
    50% {opacity: 0.3; top: 50px}
    100%{opacity: 1; top: 0px}
}
@keyframes img3-down {
    0% {opacity: 0; top: -100px}
    50% {opacity: 0.3; top: -50px}
    100%{opacity: 1; top: 0px}
}
@keyframes logo-right {
    0% {opacity: 0; right: 100px; transform: scale(0.6);}
    50% {opacity: 0.3; right: 50px; transform: scale(0.8);}
    100%{opacity: 1; right: 0px; transform: scale(1);}
}
@keyframes img4-opac {
    0% {opacity: 0;}
    50% {opacity: 0.3;}
    100%{opacity: 1;}
}
@keyframes text-down {
    0% {opacity: 0; top: 0}
    50% {opacity: 0.3; top: 10%}
    100%{opacity: 1; top: 20%}
}
@keyframes money-left {
    0% {opacity: 0; top: 13%; left: 5%; transform: scale(0.6) rotate(45deg);}
    50% {opacity: 0.3; top: 18%; left: 10%; transform: scale(0.8) rotate(25deg);}
    100%{opacity: 1; top: 23%; left: 15%; transform: scale(1) rotate(0);}
}

@keyframes money-right {
    0% {opacity: 0; top: 0%}
    25% {opacity: 0.3; top: 9%}
    50%{opacity: 1; top: 18%}
    75% {opacity: 1; top: 12%}
    100%{opacity: 1; top: 18%}
}
.kde-main-slider-wrap .img-2 {
    position: absolute; 
    top: 0;
    opacity: 0;
    animation: img2-up 1s linear 1.5s forwards;
}
.kde-main-slider-wrap .img-3 {
    position: absolute; 
    top: 0;
    opacity: 0;
    animation: img3-down 1s linear 3s forwards;
}
.kde-main-slider-wrap .img-4 {
    position: absolute; 
    top: 0;
    opacity: 0;
    animation: img4-opac 1s linear 4.5s forwards;
}
.kde-main-slider-wrap .logo {
    height: 100%;
    position: absolute; 
    top: 0;
    right: 0;
    opacity: 0;
    animation: logo-right 1s linear 4.5s forwards;
}
.kde-main-slider-wrap .txt {
    position: absolute; 
    opacity: 0;
    top: 20%; 
    left: 30%; 
    font-size: 42px; 
    color: #fff; 
    font-weight: 500;
    animation: text-down 1s linear 5s forwards;
}
.kde-main-slider-wrap .txt .txt-2 {color: #ffe094}
.kde-main-slider-wrap .txt span.txt-3 {font-size:32px}
.kde-main-slider-wrap .money-icon {
    height: 180px; 
    width: 180px;
    position: absolute;
    top: 23%;
    left: 15%;
    opacity: 0;
    animation: money-left 1s linear 5.3s forwards;
}
.kde-main-slider-wrap .money-icon img {height: 100%; width: 100%}
.kde-main-slider-wrap .money-icon-r {
    height: 124px; 
    width: 101px;
    position: absolute;
    top: 18%;
    right: 35%;
    opacity: 0;
    animation: money-right 1s linear 6s forwards;*/
}
.kde-main-slider-wrap .money-icon-r img {height: 100%; width: 100%}
.kde-main-slider-wrap .btn {width: 100%; text-align: center; position: absolute; bottom: 3%}
.kde-main-slider-wrap .btn a {
    padding: 8px 40px;
    opacity: 0;
    border: 1px solid #e31e25; 
    background: #e31e25; 
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    animation: img4-opac 1s linear 5.5s forwards;
}
.kde-main-slider-wrap .btn a:hover {background: #f45750}
@media (min-width: 992px) and (max-width:1300px) {
    @keyframes money-left {
    0% {opacity: 0; top: 8%; left: 0%;}
    50% {opacity: 0.3; top: 13%; left: 4%;}
    100%{opacity: 1; top: 18%; left: 8%;}
}
    .kde-main-slider-wrap .money-icon {right: 10%;}
    .kde-main-slider-wrap .money-icon-r {right: 25%;}
    .kde-main-slider-wrap .txt {font-size: 38px; line-height: 40px}
    .kde-main-slider-wrap .txt span.txt-3 {font-size:26px}
}
@media (min-width: 766px) and (max-width:991px) {
    @keyframes money-left {
        0% {opacity: 0; top: 8%; left: 0%;}
        50% {opacity: 0.3; top: 13%; left: 3%;}
        100%{opacity: 1; top: 18%; left: 5%;}
    }
    .kde-main-slider-wrap .money-icon-r {right: 21%;}
    .kde-main-slider-wrap .btn {bottom: 10%}
}
@media (max-width:766px){
    .kde-main-slider-wrap .money-icon {display: none;}
    .kde-main-slider-wrap .txt {left: 0; text-align: center; padding-right: 2%; padding-left: 2%; width: 100%}
    @keyframes text-down {
        0% {opacity: 0; top: 5%}
        50% {opacity: 0.3; top: 25%}
        100%{opacity: 1; top: 35%}
    }
    @keyframes money-right {
        0% {opacity: 0; top: 0%}
        25% {opacity: 0.3; top: 4%}
        50%{opacity: 1; top: 8%}
        75% {opacity: 1; top: 4%}
        100%{opacity: 1; top: 5%}
    }
}
/*-------- кредити сторінка */
.kde-credit-dovira { width:100%; margin-top:40px; text-align:center; margin-bottom:100px }
.kde-credit-dovira a {background: #587444; border: 1px solid #587444; color: #fff; padding: 8px 40px; font-size: 18px}
.kde-credit-dovira a:hover {background: #d5e1c9; color: #587444}
.kde-pict-menu {margin-top: 40px; margin-bottom: 40px}
.kde-pict-menu .pict-block {margin-bottom: 25px;}
.kde-pict-menu .pict-block img {display: block; margin-left: auto; margin-right: auto;}
.kde-pict-menu .pict-block img:hover {transform: scale(0.95); filter: grayscale(75%); transition:
0.5s }

/*---------------- Сторынка контакту офісів --------------*/
.kde-office-cont-page h1 {text-align: center; font-size: 32px; font-weight: 500;}
.kde-office-cont-page .article-header h2, .article-introtext h2 {text-align: center; background: #d5e1c9; font-weight: 500; font-size: 26px}
.kde-office-cont-page .article-header h2 a{ font-weight: 500; font-size: 26px}
.kde-office-cont-page .article-header h2 a:hover {color: #587444!important}

/*---------------- Форма запиту кредиту --------------*/
.chronocredits {display: none!important;}
.kde-apply-cred-page h1.sp-page-title-heading {color: #333; text-align: center; font-size: 36px; margin: 40px 0}
.kde-apply-cred-page .kde-credit-form-mod #chronoform-credit-form label,
.kde-question-page #chronoform-contact-form label,
#chronoform-violation-form label {color: #222; font-weight: 500; font-size: 15px}
.kde-question-page #chronoform-contact-form .button,
.kde-depos-req-mod #chronoform-deposit-form .button,
.kde-apply-cred-page .kde-credit-form-mod #chronoform-credit-form .button,
#chronoform-violation-form .button,
#chronoform-violation-ethics-form .button
{
    margin-left: auto; margin-right: auto;
    margin-top: 25px;
    padding: 10px 60px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #587444;
    background: #d5e1c9;
    color: #587444;
    border-radius: 0;
}
.kde-depos-req-mod #chronoform-deposit-form .button:hover,
.kde-apply-cred-page .kde-credit-form-mod #chronoform-credit-form .button:hover,
#chronoform-violation-form .button:hover,
#chronoform-violation-ethics-form .button:hover,
.kde-question-page #chronoform-contact-form .button:hover {color: #fff!important; background: #587444; transition: 0.5s}
.kde-cont-form-title {display: inline; text-align: center;}
.kde-cont-form-title .img, .kde-cont-form-title .txt {display: inline-block;}
.kde-cont-form-title .img {padding-right: 15px}
.kde-cont-form-title .txt {position: relative; top: -15px}
p.kde-cont-form-warn {margin-bottom: 25px}

/*-------------------- Contacts forms  ------------*/
.viol-page h1.sp-page-title-heading {
    color: #333; 
    text-align: center; 
    font-size: 32px; 
    font-weight: 500; 
    text-transform: uppercase; 
    margin-top: 25px; 
    margin-bottom: -80px!important
}
.kde-contact-page h1 {color: #333; text-align: center; font-size: 32px; font-weight: 500; text-transform: uppercase; margin-bottom: 25px}
.kde-contact-page h2 {text-align: center; font-size: 28px; font-weight: 500; margin-bottom: 25px}
.kde-contact-page .kde-contacts-article .region {margin-top: 40px!important}
.kde-contact-page .kde-contacts-article .item .title {margin-bottom: 15px}
.kde-contact-page .kde-contacts-article .item {border: 1px solid #587444; margin: 15px 0; padding: 10px 15px}

.kde-contact-page .kde-contacts-article a {
    display: inline-block;
    padding: 8px 45px;
    font-weight: 400;
    color: #fff;
    border-radius: 16px;
    font-size: 14px;
    text-transform: uppercase;
    background: #587444;
    border: 1px solid #587444;
    margin-bottom: 20px;
}
@media (max-width:766px) {.kde-contact-page .kde-contacts-article .item {text-align: center;}}
.kde-filia-adress h1 {font-size: 28px!important; margin-bottom: 25px}
.kde-form-pass-input-fieldset { margin: 25px 0;}
.kde-form-pass-input-title {font-weight: 400; font-size: 18px;}
/*-------------- Архив --------*/
.kde-arch-page .kde-archive-list .kde-arch-item {
    margin-bottom: 25px;
    background: #d5e1c9;
    padding: 10px 5px;
}
.kde-arch-page .kde-archive-list .kde-arch-item .link { margin-top: 10px}
.kde-arch-page .kde-archive-list .kde-arch-item .link a {padding: 5px 10px;}
.kde-arch-page .kde-archive-list .kde-arch-item .link a::after {content: " -  читати далі..."; font-size: 13px; color: #888}
.kde-arch-page .kde-archive-list .kde-arch-item .link a:hover::after {color: #eee}
.kde-arch-page .kde-archive-list .kde-arch-item .link a:hover {background: #587444; color: #fff; transform: 0.5s}
.kde-arch-page .kde-archive-list .kde-arch-item .link a:visited {color: #fff}

@media (max-width:766px) {
    .kde-arch-page .kde-archive-list .kde-arch-item {text-align: center;}
    .kde-arch-page .kde-archive-list .kde-arch-item .title {padding-bottom: 10px; border-bottom: 1px solid #aaa}
}

/*------------- контакти в offcanvas -----------*/
.kde-offcanvas-contacts {border-top: 1px solid #999; margin-top: 25px; padding-top: 15px}
.kde-offcanvas-contacts .kde-offcanvas-phone,
.kde-offcanvas-mailб
.kde-offcanvas-time { line-height: 36px!important}
.kde-offcanvas-contacts .kde-offcanvas-phone i,
.kde-offcanvas-mail i,
.kde-offcanvas-time i {color: #587444!important; font-size: 22px; padding-right: 10px}
.kde-offcanvas-contacts .kde-offcanvas-phone a,
.kde-offcanvas-mail a,
.kde-offcanvas-time {font-size: 18px!important; color: #666!important; font-weight: 400;}
.kde-offcanvas-time {margin-top: 15px}
.kde-offcanvas-time span {padding-left: 30px}
.kde-offcanvas-fb {margin-top: 20px}

.viol-page #sp-title {display:none!important}

/*------------------- accordeon & tabs -----------------*/
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button] {
  background-color: #e7fada;
  border: 1px solid #587444;
  border-radius: 0px;
  padding: 0.5rem 1.25rem;
}

/*----------------------------- Про нас -------------------------------*/
.kde-about-new-page .article-details .article-full-image,
.kde-about-level2-page .article-details .article-full-image{display: none;}
.kde-about-new-page .kde-about-title-img,
.kde-about-level2-page .kde-about-title-img {position: relative;}
.kde-about-new-page .kde-about-title-img .kde-about-page-title,
.kde-about-level2-page .kde-about-title-img .kde-about-page-title  {
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
}
.kde-about-new-page .kde-about-title-img .kde-about-page-title h1,
.kde-about-level2-page .kde-about-title-img .kde-about-page-title h1{
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 0 9px rgba(0, 0, 0, 0.7);
}
.kde-about-new-page .kde-about-pict-row {
    background: #e6f3dd;
    margin: 30px 0;
}
.kde-about-new-page .kde-about-pict-row.left {border-radius: 10px 0px 0px 10px;}
.kde-about-new-page .kde-about-pict-row.left .kde-about-pict-img {
    padding-left: 0!important; 
    padding-right: 0!important;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    background: #fff;
}
.kde-about-new-page .kde-about-pict-row.right {border-radius:  0px 10px 10px 0px;}
.kde-about-new-page .kde-about-pict-row.right .kde-about-pict-img {
    padding-left: 0!important; 
    padding-right: 0!important;
    border-radius: 0px 10px 10px 0px;
    overflow: hidden;
    background: #fff;
}
.kde-about-new-page .kde-about-pict-row .kde-about-pict-txt {
    padding: 0 60px;
    margin-top: 8%;
}
.kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 25px;
    color: #587444;
}
.kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .link {margin-top: 40px}
.kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .link i {padding-left: 15px}
.kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .link a {
    color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    text-transform: uppercase;
    background: #587444;
    border: 1px solid #587444;
    margin-bottom: 20px;
}
.kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .link a:hover {color: #587444; background: #fff}
/*-------------*/
.kde-about-level2-page .article-details h1 {display: none;}
.kde-about-level2-page .article-details h2 {font-size: 22px; color: #587444; font-weight: 500!important}
@media (max-width:766px){
    .kde-about-new-page .kde-about-pict-row .kde-about-pict-txt {padding: 0 15px;}
    .kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .pretext {margin-bottom: 50px}
    .kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .link {position:relative; top:-20px; text-align: center;}
    .kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .title {text-align: center;}
    .kde-about-new-page .kde-about-pict-row .kde-about-pict-txt .pretext {text-align: justify;}
}
/*-------------  Animated counter -------------*/
.aub-counter-mod .counter  {font-size: 36px; color: #333}
#sp-position5 {background: url('../images/kde-count-back-lg-1.webp'); margin: 80px 0}
@media (max-width:991px) {#sp-position5 {background: url('../images/kde-count-back-md.webp');}}
@media (max-width:766px) {#sp-position5 {background: url('../images/kde-count-back-sm.webp'); background-size: cover; background-position: center;}}
.kde-counter-mod {}
.kde-counter-mod h2 {
    margin-top: 80px;
    font-weight: 500;
    font-size: 28px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 0 0 8px rgba(0, 0, 0, 1.0);
}
.kde-counter-mod .aub-counter-mod .counter {
    text-align: center;
    color: #d5e1c9;
    font-size: 42px;
    font-weight: 500;
    margin-top: 40px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 1.0);
}
.kde-counter-mod .aub-counter-mod .aub-counter-text {
    text-align: center;
    font-size: 18px;
    color: #e7fada;
    text-shadow: 0 0 8px rgba(0, 0, 0, 1.0);
}
.kde-counter-mod .aub-counter-mod .aub-counter-title{
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 80px;  
  text-shadow: 0 0 8px rgba(0, 0, 0, 1.0);
}
.kde-deposit-form-mod .icon {height: 26px!important; width: 26px!important}
.kde-depos-req-mod {margin-bottom: 80px}

/*------------------------- Депозитний калькулятор --------- */
.kde-dep-calc-page .article-header h1 {font-size: 32px}
.kde-dep-calc-page .article-header h1::before{
    content: "\24"; 
    font-family: "Font Awesome 6 Free"!important; 
    font-weight: normal!important;
    font-weight: 400!important;
    background: #c8ddb9;
    padding: 10px 18px;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    margin-right: 15px;
}
.kde-depos-calc-mod {margin-top: -120px}
.kde-depos-calc-mod .kde-dc-input-title {text-align: center; font-size: 18px; margin-bottom: 40px!important}
.kde-depos-calc-mod .kde-dc-input-title h2,
.kde-depos-calc-mod .kde-dc-rezult-title h2 {font-size: 24px!important; font-weight: 500!important; text-transform: uppercase;}
.box_kde-dc-inp-dsum label,
.box_kde-dc-inp-dterm label,
.box_kde-dc-inp-mill label {font-size: 18px!important; font-weight: 500}
.box_kde-dc-inp-dsum input {font-size: 22px!important}
.box_kde-dc-inp-dterm .radioblok label,
.box_kde-dc-inp-mill .radioblok  label {font-size: 16px!important; font-weight: 400}
.kde-dc-rezult-title {margin: 60px 0!important; text-align: center;}
.box_kde-dc-dsum-rez span {font-weight: 600!important; color: #587444}
.qfcapt {display: none!important;}
@media (max-width:766px){
    .kde-dep-calc-page .article-header h1::before {display: block!important;width: 60px; margin-left: auto; margin-right: auto; margin-bottom: 15px}
    .box_kde-dc-inp-dsum label,
    .box_kde-dc-inp-dterm label,
    .box_kde-dc-inp-mill label {display: block!important; margin-bottom: 25px!important}
    .box_kde-dc-inp-dterm .radioblok label {margin-bottom: 10px!important}
    .box_kde-dc-inp-dsum {margin-bottom: 20px!important}
    .box_kde-dc-inp-dsum label,
    .box_kde-dc-inp-mill label,
    .box_kde-dc-inp-dterm label {width: 100%; text-align: center!important;}
    .box_kde-dc-inp-dterm label {text-align: left!important;}
    .box_kde-dc-inp-mill .radioblok label, .box_kde-dc-inp-mill .radioblok input {display: inline!important; text-transform: uppercase;}
    .kde-depos-calc-mod .qfcalculatorsum label {display: block!important; margin-bottom: 10px}
    .kde-depos-calc-mod .qfcalculatorsum span.qfpriceinner { text-align: right!important; }
    .kde-depos-calc-mod .qfcalculatorsum span.qfpriceinner, .kde-depos-calc-mod .qfcalculatorsum span.qfunitinner{ display: inline-block!important;}
    .kde-depos-calc-mod .qfcalculatorsum {width: 100%; text-align: right!important; margin-bottom: 25px}
    .box_kde-dc-inp-mill .radioblok {text-align: center!important; width: 100%!important}
}
.kde-ethic-kodex-link {text-align:center}
.kde-ethic-kodex-link a {
    margin-top: 25px;
    padding: 5px 30px;
    color: #587444;
    border: 1px solid #587444;
    text-transform: uppercase;
    background: #fff;
}
.kde-ethic-kodex-link a:hover {color: #fff; background: #587444; transition: 0.5s}