@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;
}

#sp-header {border: none!important; box-shadow: none!important;}
#sp-top-bar {background: #0B2F65; color: #adc6eb}
#sp-top2 span {color: #7498CD; font-size: 16px; padding-right: 3px}
#sp-top2 a {color: #adc6eb!important}
#sp-top2 a:hover {color: #F5CA81!important}

body, p, h1, h2, h3, h4, h5, h6, a, ul, li {font-family: 'Montserrat'!important}
.justify-content-end {float: left!important}
p {text-indent: 15px; color: #2b2b2b}

/*---------------------------- Menu ---------------------------*/
#sp-menu .sp-megamenu-wrapper {padding-left: 25px}
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0B2F65;
}
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent a,
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item.sp-has-child a,
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-menu-item a {color: #0B2F65}

#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item.active a {color: #21539b}
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item.sp-has-child.active span {color: #21539b}
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-menu-item.active a {color: #21539b}

#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent a:last-child{padding-right: 15px}

#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent a:hover,
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item.sp-has-child a:hover,
#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-menu-item a:hover {
    color: #EBA020;
    background: #F5CA81;
    font-weight: 600;
}

#sp-menu .sp-dropdown .sp-dropdown-inner .sp-dropdown-items .sp-menu-item a {
    margin-left: -10px;
    width: 220px;
}

#sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #adc6eb}


/*Статьи сайта*/
.article-header h1 {
	font-size: 28px!important;
	text-align: center;
	text-transform: uppercase;
	color: #21539b;
	margin-bottom: 25px;
	font-weight: 600!important;
}
.eg-dounload-btn {
	background: #304B74;
	color: #adc6eb;
	padding: 5px 25px;
	margin-right: 15px;
	border-radius: 4px;
}
.eg-dounload-btn:visited {color: #adc6eb!important}
.eg-dounload-btn:active {color: #adc6eb!important}
.eg-dounload-btn:hover {
	background: #EBA020;
	color: #Fff;
}
/*---------------------------Модули главной*/
.tep-banner {position: relative;}
.tep-banner-slogan {
    width: 100%;
    position: absolute;
    top: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    color: #21539b;
    text-shadow: 0 0 5px rgba(216, 227, 242, 0.5);
}
.tep-banner {position: relative;}
.tep-banner-slogan1 {
    position: absolute;
    bottom:40px;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    color: #F5CA81;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1.0);
}
@media (max-width: 1200px) {
    .tep-banner-slogan {top: 5px; font-size: 32px;}
    .tep-banner-slogan1 {bottom: 10px; font-size: 22px}
}
@media (max-width: 766px) {
    .tep-banner-desk {display: none;}
    .tep-banner-slogan {
        top: 50px;
        font-size: 22px;
    }
    .tep-banner-slogan1 {bottom: 40px;}
}
@media (min-width: 767px) {.tep-banner-mob {display: none;}}

/*----------------- Переваги */
.tep-perevagy-mod {margin-top: 60px}
.tep-perevagy-mod h2{
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #21539b;
}
.tep-block-perevag {margin-top: 40px; margin-bottom: 25px}
.tep-block-perevag img {width: 70%; height: auto; margin-left: auto; margin-right: auto;}
.tep-perevagy-txt {
    padding-top: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.tep-perevagy-txt span {
    display: block;
    text-align: justify; 
    font-size: 13px;
    padding-top: 25px;
    line-height: 15px;
    font-weight: 400;
}

.tep-block-about {margin-top: 60px}
.tep-block-about-img {max-width:450px ;border: 1px solid #7498CD; border-radius: 5px;}
.tep-block-about-img img {padding: 5px}
.tep-block-about-txt {margin-top: 15px}
.tep-main-page #sp-component {margin-top: -100px}

/*------------Телефоны на главной*/
.tep-phone-main-mod {margin-bottom: 60px}
.tep-phone-main-mod h2 {
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #21539b;
    margin-bottom: 25px;
}
.tep-phone-main-mod span {
    font-size: 18px;
    padding-right: 15px;
    color: #21539b;
}
.tep-phone-main-mod a {
    color: #21539b;
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px;
}
.tep-phone-main-mod a:hover {color: #EBA020!important}
@media (max-width: 575px) { .tep-phone-main-mod a{text-align: center; margin-top: 10px; display: block;}

}

/*---------- Оголошення для споживачыв*/
.tep-advert-main-mod h2 {
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #21539b;
    margin-bottom: 60px;
    margin-top: 40px;
}
.tep-advert-main-mod .mod-articleslatest .row {margin-bottom: 40px}
.tep-advert-main-mod .mod-articleslatest .article-intro-image {
    border: 1px solid #7498CD; border-radius: 5px;
    padding: 5px;
}
.tep-advert-main-mod .mod-articleslatest .article-intro-image img {border-radius: 5px}
.tep-advert-main-mod .mod-articleslatest a .title {
    color: #2b2b2b;
    font-weight: 500;
    font-size: 20px;
}
.tep-advert-main-mod .mod-articleslatest a:hover .title {color: #EBA020}
.tep-advert-main-mod .mod-articleslatest .create {font-size: 14px; color: #0B2F65; margin-bottom: 15px}
.tep-advert-main-mod .mod-articleslatest a.tep-read-more-link {color: }
.tep-advert-main-mod  .tep-articleslatest-all {width: 100%; text-align: right;margin-bottom: 25px}
.tep-advert-main-mod  .tep-articleslatest-all a { 
    color: #0B2F65!important; 
    padding: 4px 25px;
    background: #7498CD;
    border-radius: 3px;
    font-style: italic;
}
.tep-advert-main-mod  .tep-articleslatest-all a:hover {background: #F5CA81; color: #B0863E!important}

/* Блог оголошень */
.tep-advert-page h1 {
    font-size: 28px!important;
    text-align: center;
    text-transform: uppercase;
    color: #21539b;
    margin-bottom: 25px;
    font-weight: 600!important;
}
.tep-advert-page h2{
    text-align: center;
    font-weight: 600;
    font-size: 24px!important;
    text-transform: uppercase;
    color: #21539b;
    margin-bottom: 60px;
    margin-top: 40px;
}
.tep-advert-page .article-info {color: #EBA020}
.blogtep-advert-page .article-list .article .article-header h2 {
    font-size: 18px!important;
    text-transform: inherit!important;
    height: 50px!important;
}
.blogtep-advert-page .article-list .article .article-header h2 a{
    text-align: center;
    font-weight: 500;
    font-size: 18px!important;
    color: #21539b!important;
}
.blogtep-advert-page .article-list .article img:hover {
    scale: 95%;
    border-radius: 8px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    transition: 0.7s;
}

/*---------------- форма зворотнього зв'язку ----------*/
.tep-callback-main .control-group label {display: none;}
.tep-callback-main h2{
    text-align: center;
    text-align: center;
    font-weight: 600;
    font-size: 24px!important;
    text-transform: uppercase;
    color: #21539b;
    margin-bottom: 5px;
    margin-top: 25px;
}
.tep-callback-main .btn {
    margin-left: auto; margin-right: auto;
    color: #0B2F65!important; 
    padding: 4px 25%;
    background: #7498CD;
    border-radius: 3px;
    margin-bottom: 25px;
}
.tep-callback-main .btn:hover {
    color: #B0863E!important;
    background: #F5CA81;
}
.control-group.address input {color: #6c757d!important}
/*---------------- подвал -------------*/
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4  {margin-top: -40px!important}
@media (max-width:767){}
#sp-bottom1 img {width: 50%; height: auto;}
.tep-advert-bottom-mod .create {font-size: 10px; color: #7498CD; }
.tep-advert-bottom-mod .mod-articleslatest a{color: #fff!important; font-size: 13px}
.tep-advert-bottom-mod .mod-articleslatest a:hover {color: #F5CA81!important;}
.tep-advert-bottom-mod .mod-articleslatest .intro-text p {font-size: 12px; color: #bbb!important}
.tep-advert-bottom-mod .mod-articleslatest .tep-articleslatest-all a {color: #adc6eb!important; float: right;}
.tep-advert-bottom-mod .mod-articleslatest .tep-articleslatest-all a:hover {color: #F5CA81!important}
#sp-bottom2 h3, #sp-bottom3 h3, #sp-bottom4 h3 {font-weight: 500!important}
.tep-bottom-contact-mod a {
    padding-left: 10px;
    color: #adc6eb!important;
}
.tep-bottom-contact-mod a:hover {color: #F5CA81!important}
.tep-bottom-logo-mod .name {margin-top: 0px}
.tep-bottom-logo-mod .shedule {margin-top: 15px;}
.tep-bottom-logo-mod .shedule .title{ padding-bottom: 10px; text-transform: uppercase;}
.tep-bottom-logo-mod .shedule .time1 span, .tep-bottom-logo-mod .shedule .time2 span{color: #adc6eb}
.tep-bottom-logo-mod .shedule .time2 {margin-top: 10px}
@media (max-width:767px){
    #sp-bottom2, #sp-bottom3, #sp-bottom4  {margin-top: 0px!important}
    #sp-bottom1 {margin-top: -15px}
    #sp-bottom2 h3, #sp-bottom3 h3, #sp-bottom4 h3, .tep-bottom-logo-mod .shedule .title {text-align: center!important;}
    .tep-bottom-logo-mod .name, .tep-bottom-logo-mod img {display: none;}
     img.tep-img-about {width: 96%!important; padding: 0px 0px 25px 0px!important; margin-left: auto!important; margin-right: auto!important; float: inherit!important;}
}
@media ((min-width:767px) and (max-width:991px)) {
    #sp-bottom3 {margin-top: 0px!important;}
    #sp-bottom3  h3 {text-align: center;}
}
 img.tep-img-about{
    width:300px;
    height: 300px;
    float: left;
    padding: 0 20px 20px 0px;
}
#sp-pos8 {margin-bottom: -5px}

/*Tarif table*/
.com-tarif-table td {border: 1px solid #2b2b2b;}
.rws-table-container {
    min-width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}
.rws-table-container::-webkit-scrollbar
{
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.rws-table-container::-webkit-scrollbar-thumb
{
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.com-download-link-btn {margin-bottom: 15px}
a.com-download-link{
    padding: 5px 15px;
    background: #7498CD;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 15px;
}
.com-download-xls-link {text-align: right;}
@media (max-width:766px) {.com-download-xls-link {text-align: left;}}
.com-tarif-menu-mod {margin-top: -80px}
.com-tarif-menu-mod h2 {font-size: 20px; margin-bottom: 15px; color: #5485CD}
.com-tarif-menu-mod a {color: #2b2b2b}
.com-tarif-menu-mod a:hover {color: #7498CD!important}
@media (max-width: 992px){
    #offcanvas-toggler {position: absolute; right: 20px; top: 0px}
}