/*Полоса прокрутки браузера - всегда*/
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);}
/*Убирать подчёркивание у заголовока матерала*/
a:not([class]) {text-decoration: none;}
/*Шрифт числа и времени в матерале*/
time {font-size: 0.8rem;}

/*Навигация*/
.pagination {margin: 0rem; justify-content: center;}

/*Всплывающее модальное окно правка поля ввода пароля*/
.modal .btn {margin-right: 0rem;}

/*Обратная связь "Плагин" - Система-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;}

/*Убираем браузерную обводку при клике*/
: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-header {background: #00000000/*#00000008*/;}
.container-header .container-nav { flex-wrap: wrap; /*justify-content: center;*/ justify-content: space-between;  padding-bottom: 0em; padding-top: 0em;}
@media (max-width: 767px){.container-header .container-nav { flex-wrap: wrap; justify-content: space-between;  padding-bottom: 0em; padding-top: 0em;}}
/*DJ-MegaMenu - мобильное */
.dj-megamenu-offcanvas .dj-megamenu-offcanvas-dark  {margin-top: 10px;}

/*Баннер
.container-banner .banner-overlay .overlay {text-align: center; background-color: #00000000; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 1em; display: flex;}   
@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%;}}
.container-banner .banner-overlay { color: #fff; background-position: top, 50%;  background-repeat: no-repeat;  background-size: cover;  background-attachment: fixed;  height: 100% !important;}
*/

.container-banner {margin: 0 0 0rem; display: block;}
.container-banner .banner-overlay .overlay {text-align: center; background-color: #00000000; 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%;/*70vh;*/}
@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%;}}



/*Кнопки телефона и вацап - отступ в мобильной версии*/  
@media (max-width: 991.98px) {.btn {margin-bottom: .20rem; margin-top: .20rem;}}

.card {--card-bg: #ffffff75;}
.bg-light {background-color: #f9fafb9e !important;}

/*Адаптивная пагинация*/  
.pagination {margin: 0em; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.pagination li {margin: 2px;}

/*Кнопки*/
.button01 {  background-color: #04aa6d; border: none; color: white; padding: 12px 35px; text-align: center; margin: 6px 0px 2px 0px; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer;}
.button01:hover {background-color: #00598d;}

/*Плавающая форма вацап внизу слева*/
.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;*/	
}
}