:root {
  --blue: #1B75BC;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

  .bg_blue {background-color:var(--blue);}
  .bg_indigo {background-color:var(--indigo);}
  .bg_purple {background-color:var(--purple);}
  .bg_pink {background-color:var(--pink);}
  .bg_red {background-color:var(--red);}
  .bg_orange {background-color:var(--orange);}
  .bg_yellow {background-color:var(--yellow);}
  .bg_green {background-color:var(--green);}
  .bg_teal {background-color:var(--teal);}
  .bg_cyan {background-color:var(--cyan);}
  .bg_white {background-color:var(--white);}
  .bg_gray {background-color:var(--gray);}
  .bg_gray-dark {background-color:var(--gray-dark);}
  .bg_success {background-color:var(--success);}
  .bg_info {background-color:var(--info);}
  .bg_warning {background-color:var(--warning);}
  .bg_danger {background-color:var(--danger);}
  .bg_light {background-color:var(--light);}
  .bg_dark {background-color:var(--dark);}

.color_white, .color_white * {color: white!important;}
.color_black, .color_black * {color: black!important;}

a, .page-link {color: var(--blue); }
/*a:not([href]):not([tabindex]):not(.button-yellow) {background-color: #eee; color: #1B75BC!important; }*/
div.mod-languages  { border-left: 0; padding: 0 10px;
	border-right: 1px solid #EEE;}

.top-links li > a, .top-links li > a * {
	display:flex;
	padding:0 10px;
	white-space: nowrap;
    color: #000;
}

.mod-languages a {
    color: #000;
}

.dark.mod-languages a {
    color: #fff;
}
.dark .top-links li > a, .dark .top-links li > a * {
	color: #fff;
}
.serch-evrit {
    margin: 0 100px 5px 60px !important;
}


li.active .page-link {background-color: var(--blue); color: white;}
.page-link {white-space: nowrap;}
#content [class^="icon-"] {}

.pdf_popup {
    width: 100%;
    height: 700px;
}
.input-group {	flex-wrap: inherit;}

.social-icon.si-small {margin-top: 5px;}

#ftr-robochek { height: 0;}
#robochek {height: 0; width: 0; line-height: 0; padding: 0; margin: 0; border: 0; }

.whatsapp {
    position: fixed;
    width: 70px;
    height: auto;
    z-index: 999;
    top: auto;
    bottom: 10px;
    right: 10px;
    left: auto;
} 

label {padding: 10px 0}

#header:not(.sticky-header) #primary-menu.sub-title > ul > li > a,#header:not(.sticky-header) #primary-menu.sub-title > div > ul > li > a {
line-height:18px;
	border: 0;
text-transform:none;
	height: 100px; overflow: hidden;
}

a.home_link_icon {color: #444;
    font-size: 120%;
    margin-top: -5px;
    padding: 0 0 0 15px;
}
/*#top-bar a:not(form a) {color: white;}*/
div.mod_events_latest_callink .button {background: black;}

.no-image {padding: 5%; background-color:#eee;border: 2px dashed #ccc; border-radius: 5%!important;opacity: 0.4;}

#jevents .row {margin: 0;}


#logo span, #logo h1 a {max-width: 240px; font-size: 25px; line-height: 1.2; text-align: left; padding-top: 20px; margin-bottom: 0!important;}


#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo h1 a {font-size: 18px; padding-top: 10px; }


#logo h1 {margin-bottom: 0;}
#logo img { padding: 5px 0;}

#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.wide_logo) #logo span
{font-size: 50%; white-space: nowrap; max-width: 280px;}

/*#header.wide_logo {height: 200px; }*/

#header.wide_logo.sticky-header #logo span.title
{line-height: 60px; }

#header.wide_logo #logo span.title
{max-width: none; line-height: 100px; padding-top: 0;}

#header.wide_logo:not(.sticky-header) #logo,
#header.text_logo.sticky-header #logo {
    margin:0; float: none;}  

#header.wide_logo:not(.sticky-header) #logo {
   border-bottom: 1px solid #eee;}  


#header.sticky-header span.title {display: none!important;}

#header #header-wrap, #header.transparent-header.full-header #header-wrap {
/*    border-bottom: 1px solid rgba(0,0,0,0.03);*/
}

.scalein {

  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.scalein {
-webkit-transform:scale(1);
transform:scale(1)
}

.scalein:hover  {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}

/* DEC 2020 */
.item_content ul, .item_content ol {margin-left: 20px; margin-right: 20px;}
input#start_catalog_date, input#end_catalog_date { /* uses sm-form-control style */
	display:inline-block;
    width: auto!important;
}
address { margin-bottom: 0;}
.footer_menu_tpl a {white-space: nowrap;}
.device-xs .footer_menu_tpl .widget_links ul {text-align: center;}
.homepage_mod_title {
    content: '';
    /*border-right: 15px solid var(--blue);
        border-top-left-radius: 30px;

    */
    line-height: 1;
    background: rgba(0,0,0,0.05);
    padding: 10px;
}
.border_bottom { border-bottom: 3px solid #eee; }
/*  2021 */

#chronoform-digital_request [class*=col_] { margin-bottom: 10px;}
.pdf_button * { color: white!important;}


#page-title {min-height: 25px; padding: 0;padding-bottom: 1.5rem!important;padding-top: 1.5rem!important;}


@media (min-width: 991px) {  
#header.wide_logo #primary-menu { float: none;
    display: flex;
    justify-content: center;}
    #primary-menu > ul { display: flex;}

}

#header.wide_logo:not(.sticky-header) .wide_div_logo {display: flex; justify-content: center;}


#header.wide_logo.sticky-header #logo.wide_div_logo {float: left;}


.button-dark, .button-dark * {color: White!important;}
.slider_border {border: solid 3px #aeaeae; border-radius: 3px; padding:0 20px;}
.slider_box {overflow-x: scroll; margin:0;}
.slider_images_list {width:10000px;}
.slider_images_list ul{ list-style:none; width:100%; }
.slider_images_list ul li.details{ width:250px;}

.slider_images_list ul li { float:left; margin-left: 0px; margin-right: 10px; width:150px; }



#top-bar .sidenav li a {

    line-height: 1.2;

}

@media (min-width: 576px) {
.modal-sm {
    max-width: 370px;
	}}



@media (max-width: 1024px) {
	#primary-menu ul li a {font-size: 120%; padding: 39px 10px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

  
    #header .container #primary-menu,
    #header .container #primary-menu > ul
    {
       
    }
}