/* -------------------------- OTHER STYLE -------------------- */

:root{
    --main-dark-blue:#0046a0;
    --main-light-blue:#c2f2fe;
    --main-dark-gray:#5a5a5a;
}

body {
    background: #45A4E5;
    background: linear-gradient(180deg, rgba(82, 150, 235, 1) 0px, rgba(239, 239, 239, 1) 600px);
    background-repeat: no-repeat;
    font-family: 'RobotoRegular';
    font-size: 16px;
    color: var(--main-dark-gray);
}

.form-control::placeholder {
  opacity:0.4;
}
.clr {
    clear: both;
}
.section {
    padding-bottom: 70px;
}
h1, h3, h4 {
    color: var(--main-dark-blue);
}
h3 {
    margin-bottom: 25px;
}
table tr {
    border-bottom: 1px solid #fff;
}
table td {
    padding: 7px 10px;
}
table td p {
    margin: 0;
}
.txt_block {
    padding-bottom: 30px;
}
.main_text {
    font-size: 22px;
}
.color_dark_blue {
    color: var(--main-dark-blue);
}
.btn_main_color {
    background: var(--main-dark-blue);
    color: #fff;
}
.btn_fb_color {
    background: #1a9a04;
    color: #fff;
}
.btn_fb_color:hover {
    background: #126d02;
    color: #fff;
}
.btn_main_color:hover {
    background: var(--main-dark-blue);
    color: #fff;
}
.gradient_bg_down {
    background: #EFEFEF;
    background: linear-gradient(180deg,rgba(239, 239, 239, 1) 0%, rgba(200, 232, 252, 1) 100%);
    margin-bottom: 0;
}
.gradient_bg_up {
    background: #EFEFEF;
    background: linear-gradient(180deg,rgba(200, 232, 252, 1) 0%, rgba(239, 239, 239, 1) 100%);
    margin-top: 0;
}
a {
    color: var(--main-dark-blue);
}
.mh-30vh {
    min-height: 30vh;
}
.mt-20 {
    margin-top: 20px;
}
.modal-header-alp {
  background: var(--main-dark-blue);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
}
.modal-title-alp {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 0.028571428571428574em;
  padding-top: 20px;
}
.modal-header-alp p {
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0em;
    opacity: 0.65;
    color: #fff;
    width: 100%;
}
.btn-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
    padding: 5px 5px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    --bs-btn-close-color: #fff;
}
.form-input-vertical input, .form-input-vertical select, .form-input-vertical textarea {
  height: auto;
  width: 100%;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}
.form-input-vertical label {
  width: 100%;
  font-weight: normal;
  opacity: 0.8;
  margin-bottom: 6.5px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.form-input-vertical {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.error {
    color: var(--red-color);
    text-transform: lowercase !important;
    font-size: 12px;
    font-weight: normal;
}
.breadcrumb_block ol li, .breadcrumb_block ol li a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
.content_bc .breadcrumb_block {
    padding: 20px 0 0 20px;
}
.table-main {
    border-color: #fff;
}
.table-main tr td {
    background: none;
    background-color: none;
    border-color: #fff;
    
    color: var(--main-dark-blue);
}

@media (max-width: 767px) {
    .main_text {
        font-size: 18px;
    }
}
@media (max-width: 520px) {
    .tb_requis {
        font-size: 14px;
    }
}
@media (max-width: 450px) {
    .tb_requis {
        font-size: 12px;
    }
}
@media (max-width: 400px) {
    .tb_requis {
        font-size: 10px;
    }
}

.zagl {
    min-height: 50vh;
}
.zagl p {
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin-top: 150px;
}
.job_posting_item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d0d3d8;
}
.job_posting_item a {
    font-size: 25px;
    padding-left: 30px;
}
.job_posting_item_txt h2 {
    color: var(--main-dark-blue);
    padding-bottom: 10px;
}
.job_posting_item_txt_itm {
    padding-left: 25px;
    border-bottom: 1px dotted #d0d3d8;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
/* -------------------------- OTHER STYLE END ----------------- */

/* -------------------------- SWIPER -------------------------- */
.swiper-container {
  overflow: hidden;
  position: relative;
}
.swiper-container-dip,  .swiper-container-skl{
    height: auto !important;
}
.swiper-slide {
    font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;

}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-slide-prod img {
    display: block;
    width: 100px;
    height: 100%;
    object-fit: cover;
}
.swiper-pagination-num {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    max-width: 850px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}
.swiper-pagination-num .swiper-pagination-bullet {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #000;
    opacity: 1;
    background-color: white;
    color: black;
    border: 2px solid rgba(51, 51, 51, 0.15);
    z-index:2;
}
.swiper-pagination-num:after {
    content: '';
    width: 98%;
    left: 1%;
    border-bottom: 2px solid rgba(51, 51, 51, 0.15);
    position: absolute;
    top:20px;
    z-index:1;
}

.swiper-pagination-num .swiper-pagination-bullet-active {
    color: #fff;
    background: #e60000;
    border: 2px solid #e60000;
    position: relative;
}
.swiper-pagination-num .swiper-pagination-bullet-active:after {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    background-color: #e60000;
    transform: rotate(45deg);
}

.swiper-pagination-dip, .swiper-pagination-skl {
    margin-top: 70px;
    text-align: center;
}
.swiper-pagination-dip .swiper-pagination-bullet, .swiper-pagination-skl .swiper-pagination-bullet {
    background-color: #000;
    width: 25px;
    height: 25px;
}
.swiper-pagination-skl .swiper-pagination-bullet-active {
    background: var(--red-color);
}

.swiper-container-foot {
  width: 100%;
  height: 100%;
}
.swiper-slide-foot {
   padding: 0;
   height: 250px;
   overflow: hidden; 
   border-radius: 5px;
}
.swiper-slide-foot img {
    width: 100%;
}
.swiper-container-foot {
    height: auto;
}
.swiper-slide-foot-th{
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    height: 80px;
    overflow: hidden;
}
.swiper-slide-foot-th img {
    filter: grayscale(100%);
}
.swiper-slide-thumb-active img {
    filter: grayscale(0%);
}
.swiper-slide-foot-th img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* -------------------------- SWIPER END ---------------------- */

/* -------------------------- HEADER -------------------------- */
.header {  
    border-right: 2px solid #fff; 
    border-left: 2px solid #fff; 
    border-bottom: 2px solid #fff; 
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.logos_top_block {
    display: flex;
}
.logo_top_block {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 25px;
    margin-right: 35px;
}
.logo_top {
    width: 100%;
    transition: opacity 0.3s;
}
.logo_top_block:hover #logo_top {
    content: url('../images/design/blue_template/logo_RKNX_RGB.svg');
    width: 100%;
}
.logo_top_knx_block {
    width: 90px;
    padding-top: 52px;
}
.logo_top_knx {
    width: 100%;
    transition: opacity 0.3s;
}
.logo_top_knx_block:hover #logo_top_knx {
    content: url('../images/design/blue_template/KNX_Partner_color.svg');
    width: 100%;
}
.useraccaunt_top_block {
    border-right: 2px solid #fff; 
    border-left: 2px solid #fff; 
    border-bottom: 2px solid #fff; 
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: 10px;
}
.useraccaunt_top_block_container {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}
.useraccaunt_top_block_line {
    display: flex;
    align-items: center;
    padding-top: 10px;
    
}
.useraccaunt_top_block_line img {
    width: 25px;
}
.useraccaunt_top_block_line a, .useraccaunt_top_block_line span {
    padding-left: 10px;
    line-height: 20px;
    color: var(--main-light-blue);
    text-decoration: none;
}
.useracc_txt {
    margin-top: 20px;
    margin-bottom: 20px;
    background: rgba(255,255,255,0.5);
    padding: 20px;
    border-radius: 15px;
}
.useracc_txt h4 {
    margin-bottom: 30px;
}
.contact_top_block_list {
    padding-left: 27px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.contact_top_block_list a {
    color: #fff;
    text-decoration: none;
}
.contact_top_block_list a img {
    width: 25px;
    margin-right: 10px;
}
.navbar-nav {
    justify-content: flex-end;
    width: 100%;
}
.search_top_block {
    padding-top: 43px;
}
.navbar {
    padding-top: 5px;
    padding-bottom: 0;
}
.navbar-expand-sm .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}
.search_top_input_block {
    width: 100%;
    position: relative;
}
.search_top_input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 6px 10px;
    color: var(--main-dark-blue);
}
.input-group-btn {
    position: absolute;
    top: 5px;
    right: 15px;
}
.search_top_button {
    background: none;
    border: none;
}
.search_top_button img {
    width: 25px;
}

.live_search {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 40px;
    width: 100%;
    background: #fff;
    padding-top: 10px;
    padding-right: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.live_search ul li {
  margin-bottom: 8px;
  list-style-type: none;
  
}
.live_search ul li a {
   font-size: 14px;
}
.live_search ul li a:hover {
   color: var(--red-color);
}
@media (max-width: 1399px) {
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 1199px) {
    .logo_top_block {
        width: 93px;
    }
    .logo_top_knx_block {
        width: 75px;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        font-size: 14px;
    }
    .useraccaunt_top_block_line img {
        width: 20px;
    }
    .useraccaunt_top_block_container {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }
    .useraccaunt_top_block_line a, .useraccaunt_top_block_line span {
        font-size: 14px;
    }
    .contact_top_block_list {
        padding-left: 17px;
    }
    .contact_top_block_list a img {
        width: 20px;
        margin-right: 5px;
    }
    .contact_top_block_list a {
        font-size: 14px;
    }
    .search_top_block {
        padding-top: 34px;
    }
}
@media (max-width: 991px) {
    .header {
        position: relative;
    }
    .logo_top_block {
        width: 80px;
    }
    .logo_top_knx_block {
        width: 60px;
        padding-top: 45px;
    }
    .search_top_block {
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .useraccaunt_top_block {
        position: absolute;
        width: 188px;
        border-top: 2px solid #fff;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        top: 10px;
        right: 5px;
    }
    .contact_top_block {
        position: absolute;
        top: 30px; 
        right: 250px;
    }
    .navbar-nav {
        justify-content: center;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .contact_top_block {
        top: 0px; 
        right: 220px;
    }
}
@media (max-width: 575px) {
    .navbar-toggler {
        border-color: #fff;
        margin: 5px 0 10px 15px;
    }
    .navbar-toggler-icon {
        color: #fff;
    }
    .contact_top_block {
        top: 160px; 
        right: 15px;
    }
    .contact_top_block_list a {
        font-size: 16px;
    }
    .useraccaunt_top_block {
        width: 120px;
        
    }
    .useraccaunt_top_block_line {
        padding-top: 8px;
    }
    .search_top_block {
        margin-top: 20px;
    }
}
@media (max-width: 350px) {
    .logo_top_block {
        margin-right: 10px;
    }
}
/* -------------------------- HEADER END --------------------------- */

/* -------------------------- LEFTBAR  ----------------------------- */
/* Основные стили для сайдбара */
.sidebar {
    width: 250px;
    padding: 20px;
    background:none;
    border: 2px solid var(--main-dark-blue);
    overflow-x: hidden;
    transition: all 0.3s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 25px;
}

.sidebar a {
    display: block;
    padding: 0;
    color: var(--main-dark-gray);
    text-decoration: none;
}

.sidebar a:hover {
    color: var(--main-dark-blue);
}
.sidebar .active {
    color: var(--main-dark-blue);
    font-weight: bold;
}
/* Стили для кнопки "бургер" */
.sidebar-toggle {
    cursor: pointer;
    /* Скрываем по умолчанию */
    display: none;
}
.sidebar-toggle img {
    width: 30px;
    position: absolute;
    left: -10px;
    top: -10px;
}
.sidebar_item {
    margin-top: 10px;
    position: relative;
    display: block;
}
.sidebar_item label {
    padding-left: 25px;
    line-height: 25px;
}
.sidebar_item input {
    position: absolute;
    left: 0;
    top: 5px;
}

 /* Стили для основного контента */
.content {
    padding: 20px;
    transition: margin-left 0.3s ease, width 0.3s ease;
    width: 100%;
}
/* Медиа-запрос для маленьких экранов */
@media (max-width: 768px) {
    .leftbar {
        /*  Абсолютное позиционирование относительно контейнера */
        position: absolute;
        top: 40px;
        left: 0;
        /* Скрываем сайдбар */
        display: none;
        z-index: 100;
        width: 300px;
        height: 90vh;
        overflow: scroll;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 2px solid var(--main-dark-blue);
        padding: 20px;
        background: rgba(255,255,255,0.7);
    }
    .prodlist_container {
        margin-top: 20px;
    }
    .sidebar {
        background: #e7e7e7;
    }

     .leftbar.open {
        display: block;
     }

    .sidebar-toggle {
        /* Показываем кнопку */
        display: block;
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 101; /*  Поверх сайдбара */
    }
}

/* -------------------------- LEFTBAR END -------------------------- */

/* -------------------------- HOME ------------------------------------------------------------------------------ */
/* ---------------- FIRST -------------------- */
.first_section {
    padding-top: 50px;
    padding-bottom: 70px;
}
.first_left_block h1 {
    color: #fff;
    font-weight: lighter;
    font-size: 80px;
    line-height: 70px;
    font-family: 'RobotoRegular';
}
.first_left_block h1 span {
    color: #fff;
    font-weight: light;
    font-size: 85px;
    line-height: 70px;
    font-family: 'RobotoRegular';
    font-weight: bold;
    
}
.first_left_block_h2 {
    margin-top: 40px;
}
.first_left_block_h2 h2 {
    color: var(--main-dark-blue);
    margin-top: 30px;
    font-size: 30px;
}
.first_left_block_logo {
    width: 75px;
    float: left;
    margin-top: -7px;
    margin-right: 10px;
}
.first_left_block_adv {
    border:  2px solid var(--main-dark-blue);
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 40px;
}
.first_left_block_adv_item {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.first_left_block_adv_item img {
    width: 65px;
    height: 65px;
    margin-right: 15px;
}
.first_left_block_adv_item span {
    line-height: 18px;
}
.first_right_block {
    margin-top: 30px;
}

.mySwiper1 .swiper-pagination {
    z-index: 3;
    text-align: center;
    margin: -180px auto 0 auto;
    height: 130px;
    background: url('../images/design/blue_template/bg_slide.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 564px !important;
}
.swiper-pagination-first {
    position: absolute;
    bottom: -16px !important;
    z-index: 4;
    
}
.swiper-pagination-first .swiper-pagination-bullet {
    background: none;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    color: #fff;
    opacity: 1 !important;
}
.swiper-pagination-first .swiper-pagination-bullet-active {
    color: #fff; 
    background-color: #fff;
}
.mySwiper1 {
    height: 612px;
    border-radius: 10px;
}
.swiper-txt {
    position: absolute;
    bottom: 80px;
}
.swiper-txt span {
    color: #fff;
    display: block;
    font-size: 30px;
    padding-left:70px;
    padding-right:70px;
    line-height: 40px;
}
@media (max-width: 1399px) {
    .mySwiper1 .swiper-pagination {
        width: 500px !important;
    }
    .swiper-txt span {
        font-size: 25px;
    }
    .swiper-pagination-first {
        bottom: -2px !important;
    }
}
@media (max-width: 1199px) {
    .first_left_block h1 {
        font-size: 60px;
        line-height: 55px;
    }
    .first_left_block h1 span {
        font-size: 65px;
        line-height: 60px;
    }
    .first_left_block_h2 h2 {
        margin-top: 25px;
        font-size: 25px;
    }
    .first_left_block_logo {
        width: 65px;
        margin-top: -7px;
        margin-right: 10px;
    }
    .first_left_block_adv {
        margin-top: 30px;
    }
    .first_left_block_adv_item span {
        font-size: 14px;
    }
    .first_left_block_adv_item img {
        width: 58px;
        height: 58px;
    }
    .mySwiper1 .swiper-pagination {
        width: 420px !important;
        margin-top: -165px;
    }
     .swiper-txt span {
        font-size: 18px;
     }
     .swiper-pagination-first {
        bottom: 15px !important;
     }
}

@media (max-width: 1199px) {
    .mySwiper1 .swiper-pagination {
        width: 564px !important;
        margin-top: -165px;
    }
    .swiper-pagination-first {
        bottom: -15px !important;
     }
     .swiper-txt span {
        font-size: 25px;
     }
     .swiper-txt {
        bottom: 70px;
     }
}

@media (max-width: 767px) {
    .mySwiper1 .swiper-pagination {
        width: 470px !important;
    }
    .swiper-pagination-first {
        bottom: 3px !important;
     }
     .swiper-txt span {
        font-size: 20px;
     }
}

@media (max-width: 525px) {
    .mySwiper1 .swiper-pagination {
        width: 100% !important;
    }
    .swiper-txt span {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 22px;
    }
    .swiper-pagination-first {
        bottom: 10px !important;
    }
    .swiper-txt {
        bottom: 100px;
    }
}
@media (max-width: 400px) {
    .first_section {
      padding-top: 20px;
    }
    .first_left_block h1 {
        font-size: 40px;
        line-height: 35px;
    }  
    .first_left_block h1 span {
        font-size: 45px;
        line-height: 40px;
    }
    .first_left_block_h2 h2 {
        margin-top: 15px;
        font-size: 20px;
    }
    .first_left_block_logo {
        width: 50px;
        margin-top: -4px;
        margin-right: 10px;
    }
    .swiper-txt span {
        font-size: 16px;
        line-height: 20px;
    }
    .swiper-pagination-first {
        bottom: 36px !important;
    }
    .swiper-pagination-first .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }
    .swiper-txt {
        bottom: 110px;
    }
}
/* ---------------- FIRST END ---------------- */

/* ---------- PRODUCT CATEGORY --------------- */
.prod_list_home {
    border: 2px solid var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 25px;
    height: 305px;
    margin:11px 0;
}
.prod_list_home a {
    color: var(--main-dark-gray);
    text-decoration: none;
}
.prod_list_home_image {
    text-align: center;
    
}
.prod_list_home_image img {
    filter: grayscale(100%);
    width: 200px;
}
.prod_list_home:hover {
    transition: 0.3s;
    background: #fff;
}
.prod_list_home_image img:hover {
    transition: 0.3s;
    filter: grayscale(0%);
}
.vendor_home_block {
    padding-top: 40px;
}
.vendor_home_block_img {
    max-height: 70px;
    filter: grayscale(100%);
}
.vendor_home_block_img:hover {
    transition: 0.5s;
    filter: grayscale(0%);
}
/* ---------- PRODUCT CATEGORY END ----------- */

/* ------------ INTERGATOR BLOCK ------------- */
.int_bg {
    background: url('../images/design/blue_template/gvs_foot.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.inegrator_block_service {
    border: 2px solid var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.inegrator_block_service_img {
    width: 60px;
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mySwiper2 .swiper-slide {
    align-items: start !important;
}
.mySwiper2 .swiper-pagination {
    z-index: 3;
    text-align: center;
    position: relative;
}
.swiper-pagination-blue {
    position: absolute;
    bottom: 0px !important;
    z-index: 4;
    
}
.swiper-pagination-blue .swiper-pagination-bullet {
    background: none;
    width: 12px;
    height: 12px;
    border: 2px solid var(--main-dark-blue);
    opacity: 1 !important;
}
.swiper-pagination-blue .swiper-pagination-bullet-active {
    color: var(--main-dark-blue); 
    background-color: var(--main-dark-blue);
}
.mySwiper2 {
    height: 480px;
    border-radius: 10px;
}
.mySwiper2 .swiper-slide img {
    object-fit: none;
    height: auto;
}
.swiper-txt2 {
    position: absolute;
    bottom: 40px;
    text-align: center;
}
.swiper-txt2 span {
    color: var(--main-dark-blue);
    display: block;
    font-size: 18px;
}
.inegrator_block_slider {
    padding: 20px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
@media (max-width: 1399px) {
    .mySwiper2 {
        height: 470px;
    }
    .mySwiper2 .swiper-slide img {
        height: 350px;
    }
}
@media (max-width: 1199px) {
    .mySwiper2 .swiper-slide img {
        height: 400px;
    }
    .mySwiper2 {
        height: 500px;
    }
}
@media (max-width: 991px) {
    .inegrator_block_slider {
        margin-top: 40px;
    }
}
/* ---------- INTERGATOR BLOCK END ----------- */

/* ---------- STEPS BLOCK -------------------- */
.step_block_step {
    border: 2px solid var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 20px;
    display: flex;
    justify-content: space-between;
    
}
.step_block_step_item {
    width: 20%;
    padding-left: 8px;
    padding-right: 8px;
}
.step_block_step_img {
    display: block;
    position: relative;
}
.step_img {
    width: 60px;
}
.step_block_step_img::after {
    content: '';
    display: inline-block;
    background: url('../images/design/blue_template/arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 0px;
}
.step_block_step_img_none_after::after {
    content: '';
    background: none;
}
.step_block_step_txt {
    margin-top: 15px;
}
@media (max-width: 1399px) {
    .step_block_step_img::after {
        width: 120px;
    }
}
@media (max-width: 1199px) {
    .step_block_step_img::after {
        width: 90px;
    }
}
@media (max-width: 991px) {
    .step_block_step_img::after {
        background: none;
    }
    .step_block_step_item {
        width: 100%;
    }
    .step_block_step {
        flex-direction: column;
        
    }
}
/* ---------- STEPS BLOCK END ---------------- */

/* ----------- SPEC BLOCK -------------------- */
.swiper-txt3 {
    position: absolute;
    bottom: 100px;
    right: 40px;
    width: 500px;
    border: 2px solid var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 25px;
}
.swiper-pagination-blue2 {
    position: absolute;
    bottom: 0px !important;
    z-index: 4;
    width: 100%;
}
.swiper-pagination-blue2 .swiper-pagination-bullet {
    background: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--main-dark-blue);
    opacity: 1 !important;
}
.swiper-pagination-blue2 .swiper-pagination-bullet-active {
    color: var(--main-dark-blue);
    background-color: var(--main-dark-blue);
}
.mySwiper3 {
    height: 700px;
}
.mySwiper3 .swiper-slide img {
    height: 630px;
}
.mySwiper3 .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
.mySwiper3 .swiper-slide {
   align-items: start !important;
}
.spec_block .swiper-slide a {
    padding: 0;
    margin: 0;
    width: 100%;
}
@media (max-width: 1399px) {
    .step_block_step_img::after {
        width: 120px;
    }
    .swiper-txt3 {
        width: 450px;
    }
    .swiper-txt3 p {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .swiper-txt3 {
        width: 370px;
        padding-top: 15px;
        padding-bottom: 0px;
    }
    .swiper-txt3 h3 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .swiper-txt3 {
        width: 300px;
        bottom: 150px;
        right: 5px;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .swiper-txt3 h3 {
        font-size: 18px;
    }
    .swiper-txt3 p {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .swiper-txt3 {
        width: 100%;
        left: 0px;
        bottom: 50px;
    }
    .mySwiper3 {
        height: 670px;
    }
    .mySwiper3 .swiper-slide img {
        height: 450px;
    }
}
/* ----------- SPEC BLOCK END ---------------- */

/* ----------- SERTIFICAT BLOCK -------------- */
.mySwiper4 {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 40px;
    height: 500px;
}

.mySwiper4 .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.mySwiper4 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--main-dark-blue);
}
.mySwiper4 .swiper-pagination .swiper-pagination-bullet {
    background: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--main-dark-blue);
    opacity: 1 !important;
}
.mySwiper4 .swiper-pagination .swiper-pagination-bullet-active {
    color: var(--main-dark-blue);
    background-color: var(--main-dark-blue);
}
@media (max-width: 1399px) {
    .mySwiper4 {
        height: 440px;
    }
}
@media (max-width: 1199px) {
    .mySwiper4 {
        height: 380px;
    }
}
@media (max-width: 991px) {
    .mySwiper4 {
        height: 540px;
    }
}
@media (max-width: 767px) {
    .mySwiper4 {
        height: 420px;
    }
}
@media (max-width: 430px) {
    .mySwiper4 {
        height: 620px;
    }
}
@media (max-width: 380px) {
    .mySwiper4 {
        height: 500px;
    }
}
/* ----------- SERTIFICAT BLOCK END ----------- */

/* ----------- SERTIFICAT BLOCK -------------- */
.mySwiper5 {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 40px;
    height: 500px;
}

.mySwiper5 .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.mySwiper5 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--main-dark-blue);
}
.mySwiper5 .swiper-pagination .swiper-pagination-bullet {
    background: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--main-dark-blue);
    opacity: 1 !important;
}
.mySwiper5 .swiper-pagination .swiper-pagination-bullet-active {
    color: var(--main-dark-blue);
    background-color: var(--main-dark-blue);
}
@media (max-width: 1399px) {
    .mySwiper5 {
        height: 440px;
    }
}
@media (max-width: 1199px) {
    .mySwiper5 {
        height: 380px;
    }
}
@media (max-width: 991px) {
    .mySwiper5 {
        height: 540px;
    }
}
@media (max-width: 767px) {
    .mySwiper5 {
        height: 420px;
    }
}
@media (max-width: 430px) {
    .mySwiper5 {
        height: 620px;
    }
}
@media (max-width: 380px) {
    .mySwiper5 {
        height: 500px;
    }
}
/* ----------- SERTIFICAT BLOCK END ----------- */

/* ----------- SKLAD BLOCK  ----------- */
.mySwiper6 {
    height: 700px;
}
.mySwiper6 .swiper-slide img {
    height: 630px;
}
.mySwiper6 .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
.mySwiper6 .swiper-slide {
   align-items: start !important;
}
/* ----------- SKLAD BLOCK END ----------- */

/* ----------- VIDEO BLOCK  ----------- */
.mySwiper7 {
    height: 700px;
}
.mySwiper7 .swiper-slide img {
    height: 630px;
}
.mySwiper7 .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
.mySwiper7 .swiper-slide {
   align-items: start !important;
}
.swiper-slide iframe {
    display: block;
    width: 100%;
    height: 100%;
}
/* ----------- VIDEO BLOCK END ----------- */

/* -------------------------- HOME END -------------------------------------------------------------------------- */


/* -------------------------- CATALOG ------------------------------------------------------------------------------ */
/* ----------- CATALOG SIDEBAR ----------- */
.sidebar_ul {
    padding-left: 0;
    margin-bottom: 0;
}
.sidebar_ul li {
    list-style-type: none;
    padding-bottom: 10px;
}
.sidebar_ul li input {
    margin-right: 15px;
}
.sidebar_ul li input:checked + .sidebar_input_span {
    color: var(--main-dark-blue);
    font-weight: bold;
}
.sidebar_input_span {
    font-size: 15px;
}
.no_active_filter .sidebar_input_span {
    color: var(--main-light-blue);
}
.title_sidebar {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
/* ----------- CATALOG SIDEBAR END -------- */

/* ----------- CATALOG PRODUCT ------------ */
.product_block {
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    position: relative;
}
.product_block a {
    text-decoration: none;
}
.prod_image_brend {
    position: absolute;
    top: 25px;
    right: 23px;
    width: 50px;
}
.product_block_top {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.product_block_top_img {
   min-height: 250px;
   display: flex;  
   justify-content: center;  
   align-items: center; 
}
.product_block_top_img img {
    max-height: 180px;
}
.product_block_middle {
    padding: 10px;
}
.product_block_title {
    color: var(--main-dark-blue);
    text-decoration: none;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 5px;
}
.product_block_article, .total_sklad {
    color: var(--main-dark-gray);
    font-size: 13px;
    margin-bottom: 0;
}
.product_block_middle {
    min-height: 150px;
}
.product_block_footer_button {
    width: 100%;
}
.product_block_footer {
    padding: 10px;
}
.price span {
    color: var(--main-dark-blue);
    font-weight: bold;
    font-size: 20px;
}
.addToCart {
    background: var(--main-dark-blue);
    border: none;
    color: #fff;
    font-size: 20px;
    width: 100%;
    padding:8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}
.addToCart:disabled {
    cursor: not-allowed; 
    opacity: 0.6;  
}
.price > .price-old {
    text-decoration: line-through;
    color: var(--main-dark-gray);
    font-size: 15px;
    margin-left: 5px;
    font-weight: normal;
}
.nds {
    color: var(--main-dark-gray) !important;
    font-size: 15px !important;
    margin-left: 5px !important;
    font-weight: normal !important;
}

.favorite {
    position: absolute;
    top:0;  
    left: 20px;
    width: 20px;
    z-index: 99;
}
.prod_label {
   position: absolute;
   display: flex;
   flex-direction: column;
   z-index: 99;
    right: -5px;
}
.prod_label_item {
    margin-bottom: 10px;
    text-align: right;
}
/* ----------- CATALOG PRODUCT END -------- */

/* ----------- CATALOG PAGINATION  -------- */
.active > .page-link, .page-link.active {
  z-index: 3;
  color: #fff;
  background-color: var(--main-dark-blue);
  border-color: var(--main-dark-blue);
}

.page-link {
    color: var(--main-dark-blue);
    background-color: none; 
}
/* ----------- CATALOG PAGINATION END ----- */

/* -------------------------- CATALOG END -------------------------------------------------------------------------- */
/* -------------------------- SINGLE PRODUCT -------------------------------------------------------------------------- */
.single_prod_top {
    border: 2px solid var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.single_prod_top_gallery {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    max-height: 500px;
    position: relative;
}
.single_prod_top_gallery .swiper-slide img {
   height: auto;
   max-height: 470px;
}
.single_prod_top_info h1 {
    font-size: 35px;
}
.price_cart_block {
    margin-top: 30px;
}
.single_prod_top_info_item .logo_brend {
    max-height: 35px;
    
}
.box-info-product .addToCart {
    max-width: 300px;
    margin-top: 30px;
}
.sklad-product p {
    margin-bottom: 0px;
    text-decoration: underline;
}
.product_description {
    margin-top: 30px;
}
.product_description table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product_description td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}
.product_description tr, product_description td {
    border: 1px solid #d0d3d8;
    
}
.list_file_download li {
    list-style-type: none;
}
.list_file_download li a {
    text-decoration: none;
    color: var(--main-dark-gray);
}
.social_share {
    margin-bottom: 20px;
}
.social_item {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.social_item a {
    text-decoration: none;
    margin-bottom: 10px;
}
.social_item a img {
    margin-right: 8px;
}
#copyLink_block {
    margin-top: 10px;
}
#notification {
    display: none; /* Скрываем уведомление по умолчанию */
    margin-top: 10px;
    padding: 10px;
    background-color: #e7f3fe;
    border: 1px solid #bcdff1;
    color: #31708f;
}
/* -------------------------- SINGLE PRODUCT END -------------------------------------------------------------------------- */


/* ----------- CART CHECKOUT BLOCK ----------- */
.btn-svg {
    border: none;
    background: none;
    background-color: none;
}
.btn-svg svg {
    width: 15px;
    fill: red;
}
.quantity input {
    background: none;
    background-color: none;
    border-color: #fff;
    color: var(--main-dark-blue);
}
#cart_checkout {
    min-height: 50vh;
}
.buttons div {
    margin-right: 30px;
}
.buttons {
    margin-top: 40px;
}
.panel-title {
    margin-bottom: 20px;
}
.producttab {
    margin-top: 30px;
}
.panel-default {
    padding: 20px;
    border: 2px solid var(--main-dark-blue);
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.form-group-checkout {
    margin-bottom: 15px;
}
.form-group {
    margin-top: 10px;
}
.form-group-checkout .control-label {
    margin-left: 15px;
}
.img_processed {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 9999;
}
.img_processed img {
    display: block;
    padding-top: 50%;
    margin: 0 auto;
}
.img_processed_horizontal img {
    padding-top: 20px ;
}
.upl1 {
    max-width: 350px;
    border: 2px solid var(--main-dark-blue);
    margin-bottom: 20px;
    margin-left: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}
.upl_block, .upl_block2 {
    padding: 20px;
}
.upl_block h4, .upl_block2 h4{
    margin-bottom: 10px;
    font-size: 20px;
}
.upl1 button{
    margin-top: 10px;
    font-size: 15px;
}
.upl1 p{
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 5px;
}
.upl_loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 0px;
    text-align: center;
    display: none;
}
.upl_loading img {
    width: 30px;
    margin-top: calc(20% - 15px);
}
.cart_item {
    display: table;
    border-bottom: 1px solid #fff;
    padding-top: 5px; 
    padding-bottom: 5px; 
    width: 100%;
}
.cart_item:last-child {
    border-bottom: none;
}
.cart_item_img {
    width: 70px;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
}
.cart_item_quantity button img {
    width: 22px;
}
.cart_item_prodname {
    width: 500px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #fff;
    vertical-align: middle;
    display: table-cell;
}
.cart_item_article {
    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #fff;
    vertical-align: middle;
    display: table-cell;
}
.cart_item_quantity {
    vertical-align: middle;
    border-right: 1px solid #fff;
    padding-left: 15px;
    padding-right: 15px;
    width: 120px;
    display: table-cell;
}
.cart_item_quantity_input {
    width: 90px !important;
}
.cart_item_quantity_input:focus {
    background: none;
}
.cart_item_quantity_btn {
    position: absolute;
    right:0px;
    top: 4px;
}
.cart_item_price1 {
    width: 150px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #fff;
    vertical-align: middle;
    display: table-cell;
}
.cart_item_price2 {
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
    display: table-cell;
}
.cart_total {
    margin-top: 30px;
    font-size: 23px;
}
@media (max-width: 1399px) {
    .cart_item {
        font-size: 15px;
    }
    .cart_item_prodname {
        width: 360px;
    }
}
@media (max-width: 1199px) {
    .cart_item_prodname {
        width: 300px;
    }
    .cart_item_article {
        width: 150px;
    }
    .cart_item_price1 {
        width: 120px;
    }
}
@media (max-width: 991px) {
    .cart_item {
        font-size: 12px;
    }
    .cart_item_prodname {
        width: calc(100% - 60px);
        padding-left: 9px;
        padding-right: 9px;
    }
    .cart_item_article {
        width: 150px;
        padding-left: 9px;
        padding-right: 9px;
    }
    .cart_item_price1 {
        width: 100px;
        padding-left: 9px;
        padding-right: 9px;
    }
    .cart_item_price2 {
        width: 100px;
        padding-left: 9px;
        padding-right: 9px;
    }
    .cart_item_img {
        width: 50px;
        height: 50px;
    }
    .cart_item_quantity_input {
        font-size: 12px;
        width: 70px !important;
    }
    .cart_item_quantity {
        padding-left: 9px;
        padding-right: 9px;
        width: 90px;
    }
    
}
@media (max-width: 767px) {
    .cart_item {
        display: block;
    }
    .cart_item_prodname, .cart_item_article, .cart_item_quantity, .cart_item_price1 {
        border-right: none;
    }
    .cart_item_img, .cart_item_prodname, .cart_item_article {
        display: inline-block;
    }
    .cart_item_quantity, .cart_item_price1, .cart_item_price2 {
        display: block;
        margin-top: 10px;
    }
    #cart_checkout .addToCart {
        font-size: 14px;
    }
    .cart_item_price1 {
        border-bottom: 1px solid #fff;
    }
}
@media (max-width: 430px) {
    .buttons div {
      margin-right: 12px;
    }
    #cart_checkout .addToCart {
        font-size: 12px;
    }
}
@media (max-width: 380px) {
    
}
/* --------- CART CHECKOUT BLOCK END --------- */

.contact-img {
    margin-top: 20px;
}
.contact-img {
    margin-top: 20px;
    margin-right: 20px;
    max-height: 224px;
    overflow: hidden;
}

.item_contact p {
    margin-left: 10px;
}
.form_block {
    padding-bottom: 50px;
}
.login_form_block {
    max-width: 320px;
}
.buttons_login {
    margin-top: 30px;
    max-width: 150px;
}

.buttons_login a {
    margin-top: 30px;
    display: block;
}
.login_form_block .error p {
    background: red;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}
.useracc {
    margin-top: 30px;
    margin-bottom: 150px;
}
.useracc_item {
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}
.useracc_item_name {
    font-size: 25px;
    font-weight: bold;
}
.useracc_position {
    padding-left: 0;
}
.useracc_position li {
    list-style-type: none;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}
.order_images {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-top:10px;
}
.order_images li {
    list-style-type: none;
    border-bottom: none;
    margin-right: 8px;
    margin-bottom: 8px;
}

.order_images li img {
    max-width: 40px;
    max-height: 40px;
}
.order_item {
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
}
.order_item p {
    margin-bottom: 0;
}
.error_form {
    color: red;
    font-size: 12px;
    padding: 8px;
}
.useracc_edit_my_data {
    position: relative;
}
.answer {
    position: absolute;
    width: 100%;
}
.news_sidebar ul {
    margin: 0;
    padding: 0;
}
.news_sidebar ul li {
    list-style-type: none;
}
.news_tags ul {
    display: flex;
    flex-wrap: wrap;
}
.news_tags pre {
    margin-bottom: 8px;
}

.item_list_news {
    border: 2px solid #fff;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.item_list_news img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.item_list_news h3 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
}
.item_list_news a {
    text-decoration: none;
}
.item_list_news_info {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 14px;
}
.item_list_news_info span {
    color: #848484;
}
.item_list_news_info span i {
    color: var(--main-dark-blue);
    font-weight: 100;
    font-size: 15px;
    position: relative;
    font-weight: 3;
}
.item_list_news_info a {
    color: #848484;
    font-weight: normal;
}
.item_list_news_info a:hover {
    text-decoration: underline;
}
.item_list_news_tags span {
    color: #848484;
    margin-right: 5px;
    font-size: 11px;
}
.item_list_news_tags {
    display: flex;
    flex-wrap: wrap;
}
.item_list_news_tags a {
    background: rgba(255,255,255,0.15);
    color: #848484;
    padding: 3px 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: 500;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}
.item_list_news_tags a:hover {
    color: var(--main-dark-blue);
}
.item_list_news .item_list_news_img {
    display: block;
    margin: 0px auto;
    height: 150px;
    overflow: hidden;
    padding-right: 25px;
}
.item_list_news .item_list_news_img {
    max-height: 150px;
     border-radius: 10px;
}
.meta ul {
    margin-top: 20px;
    margin-bottom: 20px;
    font-style: italic;
}
.meta ul li {
    list-style-type: none;
}
.txt_blog {
    margin-top: 20px;
}
.txt_blog p {
    margin-bottom: 35px;
    line-height: 30px;
} 
.container-blog {
    padding-top: 70px;
}
.blog-item-box .thumb img {
    max-width:50%;
}
.post-pagi-area {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.blog-item-box h1 {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .blog-item-box h1 {
        font-size: 30px;
    }
}
@media (max-width: 580px) {
    .blog-item-box .thumb img {
        max-width:80%;
    }
}

.list_company_item {
    padding: 20px;
    border: 2px solid;
    border-color: var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 200px;
}
.list_company_item:hover {
    background: rgba(255,255,255,0.5);
}
.item_list_news {
    display: flex;
    justify-content: flex-start; 
}
.item_list_news_top {
    width: 250px;
    vertical-align: middle;
}
/* ----------- FOOTER BLOCK ----------- */
.footer {
    background: #01224c;
}
.footer_bg_svg {
    background: url('../images/design/blue_template/bg2_foot.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.footer_logo {
    text-align: center;
}
.footer_logo img {
    width: 160px;
}
.foot_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}
.list_block_foot ul {
    padding-left: 0;
}
.list_block_foot ul li {
    list-style-type: none;
    padding-bottom: 15px;
}
.list_block_foot ul li a {
    color: #fff;
    text-decoration: none;
}
.list_block_foot ul li a:hover {
    color: #eee;
    transition: 0.3s;
}
.list_block_foot_flex {
    display: flex;
    width: 100%;
}
.list_block_foot_flex img {
    width: 25px;
    margin-right: 20px;
} 
.list_block_foot span {
    color: #fff;
}
.divider_foot {
    width: 100%;
    border-top: 1px solid #37475b;
    padding-top: 20px;
    padding-bottom: 0px;
}
.bottom_foot {
    padding-bottom: 18px;
    text-align: center;
}
.bottom_foot span,  .bottom_foot a {
    color: #738397;
}
.messages_cookies {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	color: #fff;
	padding: 15px 0;
	font-size: 14px;
    line-height: 24px;
    border-top: 2px solid var(--main-dark-blue);
    border-bottom: 2px solid var(--main-dark-blue);
}
.messages_cookies-wrp {
	position: relative;
	width: 80%;
	margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.messages_cookies-wrp a {
    color: var(--main-light-blue); 
}
.messages_cookies-close {
	padding: 12px 20px;
    background: var(--main-dark-blue);
    color: #ffffff !important;
    text-decoration: none;
    font-size: 16px;
    border: 1px solid var(--main-dark-blue);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.callbackwidget {
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 50px;
    right: 50px;
}
.callbackwidget img {
    width: 70px;
    height: 70px;
    cursor: pointer;
    transition: transform 0.3s ease
}
/* ----------- FOOTER BLOCK END ----------- */


/* ----------- CATALOGS BLOCK --------------- */
#pdf-canvas {
    border: 1px solid black;
    margin: 20px auto;
    display: block;
    cursor: grab;
    height: 95vh;
}
#pdf-canvas:active {
    cursor: grabbing;
}
.navigation {
    text-align: center;
    margin: 10px;
}
.pdf_viewer {
    height: 95vh;
    margin-bottom:70px;
}
#prev {
    margin-right: 10px;
    background: #0046a0;
    color: #fff;
    border: 1px solid #0046a0;
    padding: 0 8px;
    border-radius: 10px;
}
#next {
    margin-left: 10px;
    background: #0046a0;
    color: #fff;
    border: 1px solid #0046a0;
    padding: 0 8px;
    border-radius: 10px;
}
@media (max-width: 767px) {
    #pdf-canvas {
        width: 100%;
        height: auto;
    }
}
/* ----------- CATALOGS BLOCK END ----------- */

.sitemap h3 {
    margin-left: 20px;    
}
.sitemap ul {
    margin-left: 20px;
}
.sitemap ul li {
    margin-left: 20px;
}
.readmore {
    background: none;
    border: none;
    text-decoration: underline;
    color: var(--main-dark-blue);
}
/* Стили для контейнера чекбокса */
.checkbox-container {
    position: relative;
    display: inline-block;
}

/* Стили для чекбокса */
#consentCheckbox {
    display: none; /* Скрываем стандартный чекбокс */
}
/* Стили для чекбокса */
#consentCheckbox3 {
    display: none; /* Скрываем стандартный чекбокс */
}
/* Стили для чекбокса */
#consentCheckbox4 {
    display: none; /* Скрываем стандартный чекбокс */
}

/* Стиль для визуального представления чекбокса */
.custom-checkbox {
    width: 19px; /* Увеличиваем размер кастомного чекбокса */
    height: 19px; /* Увеличиваем размер кастомного чекбокса */
    border: 1px solid gray;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: border-color 0.3s;
    margin-bottom: -5px;
}

/* Состояние ошибки */
.error-border {
    border-color: red;
    border-width: 2px;
    background: #fee6e6;
}

/* Галочка из SVG */
.checkmark {
    position: absolute;
    left: -2px; /* Корректируем позицию галочки */
    top: -2px; /* Корректируем позицию галочки */
    width: 20px; /* Увеличиваем размер галочки */
    height: 20px; /* Увеличиваем размер галочки */
    display: none; /* Скрываем по умолчанию */
}

/* Показываем галочку, когда чекбокс отмечен */
#consentCheckbox:checked + .custom-checkbox .checkmark {
    display: block; /* Показываем галочку при отмеченном чекбоксе */
}
#consentCheckbox3:checked + .custom-checkbox .checkmark {
    display: block; /* Показываем галочку при отмеченном чекбоксе */
}
#consentCheckbox4:checked + .custom-checkbox .checkmark {
    display: block; /* Показываем галочку при отмеченном чекбоксе */
}
.form_soglasie {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.txt_chk_soglasie {
    font-size: 12px;
    margin-left: 10px;
    line-height: 15px !important;
}

.show_email_list_company {
    border-color: #a4dcfe;
}