/*Полоса прокрутки браузера - всегда*/
html {overflow-y: scroll;}

/*Убираем дёргание страницы при всплывающем окне*/
body{ padding-right: 0 !important;}
body{ font-size: 1.1rem; /*Шрифт*/}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{font-weight: var(--cassiopeia-font-weight-headings, 400);}

/*Вывод заголовока материала - в настройках Joomla - материал - блог - CSS-класс материалов - material */
.material h2{ font-size: calc(1.1rem + .1vw); text-align: center;}

/*Убирать подчёркивание у заголовока матерала*/
a:not([class]) {text-decoration: none;}

/*Шрифт числа и времени в матерале*/
time {font-size: 0.8rem;}

/*Убираем браузерную обводку при клике*/
:focus {outline: none !important;}
::-moz-focus-outer, ::-moz-focus-inner {border: 0px !important; padding: 0;}
a:focus, a:active, button:focus {outline: 0!important; outline-color: transparent!important; outline-width: 0!important; outline-style: none!important; box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;}
input, textarea,input:active, textarea:active {outline:none;}
input[type="checkbox"]:focus, input[type="radio"]:focus {visibility: hidden;}

/*Хлебные крошки*/
.container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: 0em /*0.5em*/;
}
.breadcrumb {
    background-color: #00000000;
    margin-bottom: 0;
}

/*Навигация "пагинация" - материалов */
.pagination {margin: 0em; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.pagination li {margin: 2px;}

/* Меню*/
.container-header {background: #afdafc /*синий-синий иней*/ /*#00000008*/;}
/*Основное Меню - отступ снизу*/
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0.5em;
}
/*Основное Меню megamenu */
.dj-megamenu-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;    
	padding-top: 0.8em;	/*Отступ сверху*/
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
    color: #fff;
    border-left-color: #ffffff !important;
    background: rgb(56, 172, 231);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 172, 231, 1)), to(rgba(22, 129, 209, 1)));
    background: -o-linear-gradient(top, rgba(56, 172, 231, 1) 0%, rgba(22, 129, 209, 1) 100%);
    background: linear-gradient(to bottom, rgb(37 77 110) 0%, rgb(37 77 110) 100%)!important; /*Активное*/
}
.dj-megamenu-default {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    height: auto;
    position: relative;
    z-index: 500;
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
    background: rgb(56, 56, 56);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, 1)), to(rgba(43, 43, 43, 1)));
    background: -o-linear-gradient(top, rgba(69, 69, 69, 1) 0%, rgba(43, 43, 43, 1) 100%);
    background: linear-gradient(to bottom, rgb(48 99 141) 0%, rgb(48 99 141) 100%) !important; /*Неактивное*/
}
.dj-megamenu-default li a.dj-up_a {
    display: block;
    float: left;
    height: 60px;
    font-size: 14px !important;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 20px;
    cursor: pointer;
    background: transparent;
    color: #fff;
    border-right: 1px solid #000;
    border-left: 1px solid #ffffff !important;
    -webkit-transition: all 0.2s 
ease-out;
    transition: all 0.2s 
ease-out;
}
/*Раскрывающийся список - Основное меню megamenu*/
.dj-megamenu-default li ul.dj-submenu>li>a:hover, .dj-megamenu-default li ul.dj-submenu>li>a.active, .dj-megamenu-default li ul.dj-submenu>li.hover:not(.subtree)>a {
    background: #254d6e !important; /*Активное*/
    color: #c3c3c3 !important;
}
.dj-megamenu-default li ul.dj-submenu>li>a {
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #fff !important;
    background: #30638d !important; /*Неактивное*/
    text-decoration: none;
    padding: 12px 20px;
    margin: 0 -10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
}

/*Меню megamenu - mobile*/
.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    padding: 0;
    width: 60px !important;
    height: 60px !important;
    background: #30638d /*#00abc2*/ !important;
    color: #e4e4e4;
    border: none;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color 0.2s 
ease-out, color 0.2s 
ease-out;
    transition: background-color 0.2s 
ease-out, color 0.2s 
ease-out;
    text-decoration: none;
}
.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-dark .dj-mobile-open-btn:focus, .dj-megamenu-select-dark:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus, .dj-megamenu-accordion-dark .dj-mobile-open-btn:hover, .dj-megamenu-accordion-dark .dj-mobile-open-btn:focus {
    background: #30638d /*#00abc2*/ !important;
    color: #e4e4e4 !important;
}

/*Кнопка закрытия - Меню megamenu*/
.dj-fa-0 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, .dj-fa-1 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, .dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before {
    content: "\f00d";
    display: inline-block;
    font: normal normal normal 40px / 1 "FontAwesome";    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 40px !important;
    line-height: 1.4 !important;
    -moz-osx-font-smoothing: grayscale;
}
.dj-offcanvas-dark .dj-offcanvas-top {
    background: #30638d !important;
    text-align: right;
}

/*Меню megamenu - mobile выпадающее*/
.dj-offcanvas-dark .dj-offcanvas-close-btn {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    background: none;
    border: none;
    color: #ffffff !important; /*Значек закрытия - Меню megamenu*/
    cursor: pointer;
    padding: 10px 12px;
}

.dj-offcanvas-dark {
    background: #30638d !important;
    color: #071947 !important;
}

ul.dj-mobile-dark li.dj-mobileitem:hover>a, ul.dj-mobile-dark li.dj-mobileitem.active>a {
    background: #266599 !important; /*Главное - Активное*/
}

ul.dj-mobile-dark li.dj-mobileitem>a {
    display: block;
    font-size: 14px;
    line-height: 1;
    background: #5d7e99 !important; /*Главное - Неактивное*/
    color: #f8f8f8;
    text-decoration: none;
    padding: 20px 15px;
    cursor: pointer;
    border-top: 1px solid #434343;
    -webkit-transition: background-color 0.2s 
ease-out;
    transition: background-color 0.2s 
ease-out;
}
ul.dj-mobile-dark ul li.dj-mobileitem>a {
    color: #e9e9e9 !important; /*Выпадающий список - текст*/
    background: #3b80b9 !important; /*Выпадающий список - Неактивный*/
    border-top: 1px solid #393939;
    padding-left: 30px;
}



/* Кнопка Оставить заявку - Скрытие для мобильного меню*/
@media (max-width:767px) {.skrytie{display: none;}}
@media (min-width:767px) {.otkrytie{display: none;}}

/*Блоки во всю ширину*/
body.wrapper-fluid .site-grid {
    grid-gap: 0 0em; /*0 2em;*/
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
}
/*Баннер*/
.container-banner {margin: 0 0 0rem; display: block;}
.container-banner .banner-overlay .overlay {text-align: center; background-color: #00000033; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 0em/*1em*/; padding-top: 10px; padding-bottom: 10px; display: flex;}   
.container-banner .banner-overlay { color: #fff; background-position: top, 50%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; /*93vh;*/}
@media (max-width:900px) {.container-banner .banner-overlay{color: #fff; background-position: top,50%; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; height: 100%;}}

/*Обратная связь "Плагин" - Система-RadicalForm*/
.uk-button {margin: 10px; border: none; overflow: visible; font: inherit; color: inherit; text-transform: none; -webkit-appearance: none; border-radius: 0; display: inline-block; box-sizing: border-box; padding: 0 20px; vertical-align: middle; font-size: 11px; line-height: 38px; text-align: center; text-decoration: none; transition: .1s ease-in-out; text-transform: uppercase; letter-spacing: 2px; background-origin: border-box;}
.uk-input {height: 40px; vertical-align: middle; display: inline-block; border-bottom: 1px solid #e5e5e7; max-width: 100%; width: 100%; border: 0 none; padding: 0 10px; background: #fff; color: #6c6d74; transition: .2s ease-in-out;}

.uk-form-danger + .tm-error {display: block;}
.tm-error {position: absolute; font-size: 12px; color: darkred; display: none;}




/*Плавающая форма WhatsApp внизу слева*/
.call_back{
-webkit-transform: rotate(-90deg);  /*Поворот блока с текстом кнопки  на 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
right: 10px; /*отступ с права*/
bottom: 1em/*5em*/; /*отступ сверху*/
/*margin-right:-1px; отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
/*border: 2px solid var(--gray-500 --cassiopeia-color-primary, #112855);*/
border-radius: .35rem;
}
.call_back_kz {
/*margin-right: -77px;*/
}
.call_back_en {
/*margin-right: -19px;*/
}

@media (max-width:900px) {
.call_back{
/*-webkit-transform: rotate(0deg);  /*Поворот блока с текстом кнопки  на 30 градусов*/
/*-moz-transform: rotate(0deg);*/
/*-ms-transform: rotate(0deg);*/
/*-o-transform: rotate(0deg);*/
/*transform: rotate(0deg);*/
/*position:fixed; /*фиксированная позиция кнопки при прокрутке*/
/*z-index:9;*/
/*right: 0px; /*отступ с права*/
/*bottom: 0.2em;*/
/*margin-right: 70px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/		
/*border: 2px solid var(--gray-500 --cassiopeia-color-primary, #112855);*/
/*border-radius: .35rem;*/	
}
}
/*Плавающая форма Telegram внизу слева*/
.call_back_Telegram{
-webkit-transform: rotate(-90deg);  /*Поворот блока с текстом кнопки  на 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
right: 20px; /*отступ с права*/
bottom: 5em/*5em*/; /*отступ сверху*/
/*margin-right:-1px; отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
/*border: 2px solid var(--gray-500 --cassiopeia-color-primary, #112855);*/
border-radius: .35rem;
}
.call_back_kz {
/*margin-right: -77px;*/
}
.call_back_en {
/*margin-right: -19px;*/
}

@media (max-width:900px) {
.call_back_Telegram{
-webkit-transform: rotate(0deg); /*Поворот блока с текстом кнопки  на 30 градусов*/
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:9;
right: 0px; /*отступ с права*/
bottom: 1.4em;
margin-right: 82px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/		
border: 2px solid var(--gray-500 --cassiopeia-color-primary, #112855);
border-radius: .35rem;
}
}
/*Плавающая форма Instagram внизу слева*/
.call_back_Instagram{
-webkit-transform: rotate(-90deg);  /*Поворот блока с текстом кнопки  на 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
right: 20px; /*отступ с права*/
bottom: 8.6em/*5em*/; /*отступ сверху*/
/*margin-right:-1px; отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
/*border: 2px solid var(--gray-500 --cassiopeia-color-primary, #112855);*/
border-radius: .35rem;
}
.call_back_kz {
/*margin-right: -77px;*/
}
.call_back_en {
/*margin-right: -19px;*/
}

@media (max-width:900px) {
.call_back_Instagram{
-webkit-transform: rotate(0deg); /*Поворот блока с текстом кнопки  на 30 градусов*/
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:9;
right: 0px; /*отступ с права*/
bottom: 1.4em;
margin-right: 145px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/		
border: 2px solid var(--gray-500 --cassiopeia-color-primary, #112855);
border-radius: .35rem;
}
}

/*Выпадающий переключатель языков*/	
/*div.mod-languages .btn-group .btn {flex: none; padding-block: 0;}*/
div.mod-languages img { border: none; display: inline-block;  padding-bottom: 4px;}
div.mod-languages .btn-group { display: flex; flex-direction: column; justify-content: center; height: 100%; text-align: center;}