@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body {background: #f0f0f0; color:#000;font-family: 'Roboto'}  
h1,h2,h3,h4,h5,h6,a,p,div,span,ul,li{font-family: 'Roboto', Arial, Helvetica, sans-serif;}
button,select,input,td,th{font-family: 'Roboto', Arial, Helvetica, sans-serif;}
html {scroll-behavior: smooth;}

a {color:#244C91;}
@media screen and (min-width: 1107px) {
header .tourismexpo_header {
    z-index: 20;
}
header li.parent {
    position: relative;
}
header li.parent:hover {
    z-index: 2;
}
header li.parent ul.nav-child.unstyled.small {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
    padding: 15px;
    border-radius: 0;
    background: #fff;
    position: absolute;
    width: 270px;
    text-align: left;
    z-index: 1000;
    display: none;
    margin: 0;
    color:#343239!important;
}

header li.parent ul.nav-child.unstyled.small a {
    line-height: 30px;
    color: #343239;
}

header li.parent:hover ul.nav-child.unstyled.small {
    animation: fadeInUpMin 400ms ease-in;
    display: block;
}

@keyframes fadeInUpMin {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpMin {
    animation-name: fadeInUp;
}
}
#top-body-wrapper.ge-header { z-index: 10050; }
.ge-header {height: 120px; background-color: #fff; z-index: 1030;position:relative;left:0;top:0;width:100%; margin-bottom: 15px;}
header {display: flex; justify-content: space-between;}
header .logotype {max-width: 250px; width: auto; display: flex; align-items: center; z-index: 501;}
header .logotype img {flex: 0 0 100%; max-width: 250px; float: left; padding: 0;transition: 350ms ease-in;}
header .nav {text-align: left; margin: 0;height: 120px; display: flex; align-items: center;}
header .nav a {position: relative; color:#343239; font-weight: bold; font-size:14px; line-height: 120px; text-transform: uppercase; transition: 350ms ease-in; padding: 0 15px;}
header .nav a:hover {background: #F4F4F4;}
header .nav a:focus {color:#343239; background: #F4F4F4;}
header .nav .active a {background: #F4F4F4;}
header .nav li {line-height: 50px; display: inline-block; margin: 0;}
header div {vertical-align: middle;}
body.mini-navbar.isnavbar .container { width: auto !important;}
header .tourismexpo_header{ height: 120px; position: relative; display: flex;}
header .icons { position: relative; z-index: 1; }


.navbar-usermenu {background-color: #f5f5f5 !important;height: -webkit-fill-available} /* цвет фона меню*/
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li {font-weight: 500; font-size: 15px;}
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li.nav-top {background: #f39324 !important}
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li > a:hover, .navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li > a:focus {background: #fff !important;color:#f39324 !important;} 
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li > a {color: #000 !important;} /*цвет текста неактивных кнопок*/
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li.nav-top .nav-toast .nav-toast-inner table td.uperc {color: #000 !important;}
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li.active {border-left: 3px solid #f39324;background: #eaeaea ;} /*выделенный пункт меню*/
.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li.active > a {color: #000 !important}
.widgets .widget .widget-right {width: calc(100% - 75px) !important}

.navbar-usermenu.navbar-static-side .sidebar-collapse .nav > li > a i {
    padding: 18px 0;
}

.top-line {padding: 8px 0 7px 0;font-weight: 500;white-space: nowrap;color: #bed5de;position: relative;height:25px}
.logout-button{display:none}

.header__logo-title {color: #11330e;font-family: Intro;font-size: 56px;font-weight: 900;line-height: 67px;}
.header__logo-sub {color: #363636;font-family: Circe;font-size: 12px;font-weight: 700;line-height: 0px;text-transform: uppercase;float:right}


.leftTopRound {position: absolute;top: 0;left: -125px;width: 88px;height: 123px;border-radius: 0 100% 100% 0;padding: 20px 5px 2px 2px;}
.leftTopRound img {max-width: 74%;width: 57px;margin-right: 5px;}


.sp-pagebuilder-row, .sppb-row {margin:0}


.btn-nmf-modal {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    text-align: center;
    background: #f39324;
    color: #fff;
    font-weight: 700;
    line-height: 1.5em;
    border-radius: 10px;
    font-size: 14px;
    padding: 0;
    height: 46px;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.btn-nmf-modal:hover {
    background: #f39324;
    color: #fff;
}

.accordion-toggle i {
	margin-top: 7px;
}

.footer {background: #fff; padding: 10px; color: #555}

.footer .blocks {
	display: flex; 
	justify-content: space-between; 
	flex-wrap: wrap;
	color: #555;
}

.footer .blocks .margin-left-40 {
	margin-left: 40px;
}

.footer_block {
	box-sizing: border-box;
	color: #fff;
	line-height: 1.55;
	width: calc(20% - 32px);
	font-size: 16px;
}

.footer_block h5 {
	color: #555;
    font-size: 90%;
    line-height: 1;
    font-weight: 600;
	margin: 14px 0 30px;
	padding-left: 10px;
}

.footer_block h5 a {
	color: #555;
	text-decoration: none;
}

.footer_block h5 a:hover {
	color: #244C91;
	text-decoration: underline;
}

.footer_block ul {
	padding-left: 0;
	margin-left: 0;
}

.footer_block li {
    padding-left: 10px;
    font-size: 80%;
    line-height: 1.5em;
}

.footer_block li a {
	color: #555;
    text-decoration: none;
}

.footer_block li a:hover {
    color: #244C91;
    text-decoration: underline;
}

.footer_contacts>div>img {	
    width: 243px;
    transform: translateX(-14px);
	margin-bottom: 60px;
}
 
 
.footer_bottom {
	width: 100%;
	display: flex; 
	justify-content: space-between; 
	flex-wrap: wrap;
	margin-top: 40px;
	padding: 16px 10px;
}

.footer_bottom .footer_contacts {
	width: 50%;
	box-sizing: border-box;
	font-size: 90%;
	line-height: 1;
}
.footer_bottom .footer_contacts a {
	text-decoration: underline;
}

.footer_bottom .footer_logos {
	width: 50%;
	box-sizing: border-box;
	display: flex;
}

.sp-top_sec-wrapper{display:none}

#company_view .company_image img, #exposition_view .company_image img {width: 100%;}

.icons {display: flex;}

.lang_box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lang {
	color: #fff;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
    background-position: center center;
	background-color: #f39324;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lang:hover {
	background-color: #f0870d;
	color: #ffffff;	
}

.ru_active {
	background-color: #f39324;
	color: #ffffff;
}

.eng_active {
	background-color: #f39324;
	color: #ffffff;
}

.disab {display: none;}

a#jivo_chat_open {
    line-height: 120px;
    margin-right: 40px;
}

a#jivo_chat_open>img {
    width: 23px;
}

.menu_link_social {
	line-height: 120px;
	margin-right: 15px;
}

#yt-totop {
	display: none;
}


#filter_rubricator_3 {
	display: none;
}

/* ***** Cкрыть кнопку связаться ***** */
#user_view .button_message>a:first-child {
    display: none;
}

table.table-manager>tbody>tr>td {
	text-align: center;
}


.sp-pagebuilder-row, .sppb-row {margin:0}
.body-innerwrapper { padding: 0; }
/* flatpage.css: overflow-x:hidden ломает overlay выпадающих меню (overflow-y становится не visible) */
@supports (overflow: clip) {
    .body-innerwrapper {
        overflow-x: clip;
        overflow-y: visible;
    }
}
.ge-header .row-fluid,
.ge-header .container,
.ge-header header {
    overflow: visible;
}



/* Цвета бренда для кнопок, модулей, экспозиции и админ панели */

.days-of-week>th {
    background-color: #f39324 !important;
    color: #fff;
}

.names-row>th {
    background: #f3932430 !important;
}

.offset-top>td>a {
    color: #f39324 !important;
}

.expo-tools .expo-tools-container-bar .btn-wrapper button.btn:hover {
	background: #f39324 !important; /* цвет бренда */
    color: #fff;
}

.expo_exh_inner .rexc>.span3:hover {
	border-color: #f39324 !important; /* цвет бренда */
}

.rexc>.span4:hover {
	border-color: #f39324 !important; /* цвет бренда */
}

.module.module_admin .mod-inner > div ul.madmin-menu li a:not(.nohover-adminblock-dop):hover {
	background-color: #f39324 !important; /* цвет бренда */
}

.module.module_admin .mod-inner > div ul.madmin-menu li.active a {
    color: #fff;
    background-color: #f39324 !important; /* цвет бренда */
} 

.module.mgray .mod-inner .mmembers .members-container .mmember .avatar:hover {
	border-color: #f39324 !important; /* цвет бренда */
}

.btn-success:hover, .btn-green:hover {
	background: #f39324  !important; /* цвет бренда */
	color: #fff !important;
}
.btn-primary:hover {
	background: #f39324 !important; /* цвет бренда */
    color: #fff !important;
}

.btn:hover {
	background: #f39324  !important; /* цвет бренда */
    color: #fff !important;
}

.dropdown-menu li a:hover {
	background: #f39324; /* цвет бренда */
}

span.title.ng-scope.ng-binding.editable:hover {
    color: #f39324 !important; /* цвет бренда */
}

.btn-primary:hover {
	background: #f39324  !important; /* цвет бренда */
	color: #fff !important;
}

#nextend-accordion-menu dl.level1 > dt:hover {
    background-color: #f39324; /* цвет бренда */
    color: #fff;
}

#nextend-accordion-menu dl.level2 > dt:hover {
    background-color: #f39324; /* цвет бренда */
    color: #fff;
}

#nextend-accordion-menu dl dt.active {
    background-color: #f39324; /* цвет бренда */
    color: #fff !important;
}

#serv_item .cmitems .cmitem-box .cmitem .cmitem_header .labellist .label-primary {
    background-color: #f39324; /* цвет бренда */
}

.checkbox label:after {
    color: #f39324; /* цвет бренда */
}

.visitors_page a .exc_image:hover {
	border-color: #f39324 !important; /* цвет бренда */
}

.active_button {
	background-color: #f39324;
}

.favoritecomp {
	color: #f39324;
}

.hint-export-stands {
    border-color: #f39324;
}

.hint-export-stands::after {
    border-top: 8px solid #f39324;
}

.favorite_container.active {
    border: 2px solid #f39324;
    color: #f39324;
}
.export_favorite_btn {
	background-color: #f39324 !important;
    color: #fff !important;
}
.export_favorite_btn:hover {
	background-color: #f39324 !important;
}

.btn-skrepka-modal{
  background: #f39324;
  border: 1px solid #f39324;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  transition: 350ms ease-in;
  display: block;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
}
.btn-skrepka-modal:hover{
  background-color: #f39324;
  border: 1px solid #f39324;
  color: #fff;
}

.partner_bar {
    position: relative;
    background-color: #f39324;
    border-radius: 4px;
    padding: 7px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 15px;
}

/* ***** Скрываем ненужные элементы ***** */

.company_publish {
    display: none;	
}

/* ***** Отображение рубрикатора ***** */

#mod_expo_schema .expo-tools {
	padding: 0 0 15px 0;
}

.expo-tools .expo-tools-container-filters {
    margin: 5px 0 0;
}

.expo-tools .expo-tools-field-filter {
	margin: 0 7px 15px 0;
}

.expo-tools .expo-tools-field-filter:nth-child(2) {
    width: calc(100% - 227px);
    margin: 0 0 15px 0;
}

@media screen and (max-width:860px) { 
	.expo-tools .expo-tools-field-filter {
		width: 100% !important;
		margin: 0 0 15px 0;
	}
	#filter_country_chzn {
	    width: 100% !important;	
	}
}

#filter_rubricator_1_chzn {
    width: 100% !important;
}

.expo-tools .expo-tools-field-filter>.chzn-container-multi>.chzn-choices {
	background-color: #ececec;
    border: 0;
    border-radius: 7px;
	padding: 5px;
}
.chzn-container .chzn-drop {
    top: 110%;
    border: none;
    border-radius: 7px;
    border-top: 0;
    overflow: hidden;
    background: #ffffff;
}

.chzn-container-multi .chzn-choices li.search-choice {
    background: #f39324;
    border-radius: 5px;
    border: 0;
    padding: 5px 20px 5px 5px;
    box-shadow: none;
}

.chzn-container-multi .chzn-choices li.search-choice span {
    color: #ffffffe6;
}

.chzn-container-multi .chzn-choices li.search-choice a {
    transition: .1s;
    filter: brightness(1.7);
	top: 6px !important;
}


/* ***** БУРГЕР МЕНЮ ***** */

.burger-btn {
	display: none;
}
@media screen and (max-width: 992px) and (min-width: 768px){
.container {
    width: 100%;
}}
@media screen and (max-width: 992px) {


.footer_block {
	width: 100%;
}

.footer .blocks .margin-left-40 {
    margin-left: 0px;
}

.footer_block h5 {
    font-size: 22px;
	margin: 22px 0 30px;
}

.footer_block li {
    font-size: 90%;
}

.footer_bottom .footer_contacts {
    width: 100%;
	margin-bottom: 30px;
}
.footer_bottom .footer_logos {
	width: 100%;
}

a#jivo_chat_open {
    left: 100px;
}

.copyright br {display: none}
header {height: 120px; display: flex; justify-content: space-between;position: relative;}
header .logotype {margin-left: 0px; position: absolute; top: 50%;transform: translateY(-50%); left: 0%;}
header .icons {position: absolute; right: 0;}
header .lang {width: 40px; height: 40px; margin-right: 10px}
header a#jivo_chat_open>img {width: 30px;}
a#jivo_chat_open {
    line-height: 120px;
    margin-right: 110px;
}
.burger-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 40px;
    cursor: pointer;
    top: 40px;
    right: 60px;
    border: 1px solid #f39324;
    transition: .5s;
    z-index: 501;
    margin: auto 20px;
}
.burger-icon{
	display: block;
    position: relative;
    background: #f39324;
    width: 65%;
    height: 2px;
    transition: .5s;
}
.burger-icon:after, .burger-icon:before {
    content: "";
    display: block;
    position: absolute;
    background: #f39324;
    width: 100%;
    height: 2px;
    transition: .5s;
}
.burger {
  display: block;
  position: relative;
  background: #000631 !important;
  width: 90%;
  height: 4px;
  transition: .5s;
}
.burger::after, .burger::before {
  content: "";
  display: block;
  position: absolute;
  background: #000631 !important;
  width: 100%;
  height: 4px;
  transition: .5s;
}
.burger-icon::after {
  top: 7px;
}
.burger-icon::before {
  top: -7px;
}
header .tourismexpo_header{height: 100%;}
header .tourismexpo_header{position: fixed; text-align: left; display: block; align-items: top; justify-content: left; width: 100%; z-index: 500; 
 height: 100%; top: 0px; opacity: 1; transform: translate(-100%, 0); overflow: auto; transition: 1s; background: #fff; left: 0;}
header .nav {flex-wrap: wrap; height: auto;}
header .nav li {display: block;text-align: left; padding: 22px 14px;white-space: nowrap ; margin: 0; }
header .nav li {width: 100%;}
header .nav li a { font-size: 22px; padding: 10px; line-height: 60px}
header .nav li:first-child {padding-top: 50px;}
header .nav li:last-child {padding-bottom: 30px;}
body.mini-navbar.isnavbar .container {
margin-left: 70px !important;}

body.mini-navbar.isnavbar .container { width: auto !important;} 

#top-footer>.container {
    margin: 0 !important;
}
}

/* checkbox */
.burger-checkbox {display: none;}
.burger-checkbox:checked ~ .tourismexpo_header {transform: translate(0, 0);}
body.mini-navbar.isnavbar .burger-checkbox:checked ~ .tourismexpo_header {transform: translate(70px, 0);}
.burger-checkbox:checked ~ .burger-btn {position: absolute;}
.burger-checkbox:checked ~ .burger-btn .burger-icon{background: transparent;}
.burger-checkbox:checked ~ .burger-btn .burger{background: transparent !important;}
.burger-checkbox:checked ~ .burger-btn .burger-icon::before, .burger-checkbox:checked ~ .burger-btn .burger-icon::after {top: 0;}
.burger-checkbox:checked ~ .burger-btn .burger::before, .burger-checkbox:checked ~ .burger-btn .burger::after {top: 0;}
.burger-checkbox:checked ~ .burger-btn .burger-icon::after {transform: rotate(-45deg);background: #f39324;}
.burger-checkbox:checked ~ .burger-btn .burger-icon::before {transform: rotate(45deg);background: #f39324;}
.burger-checkbox:checked ~ .burger-btn .burger::after {transform: rotate(-45deg);}
.burger-checkbox:checked ~ .burger-btn .burger::before {transform: rotate(45deg);}

#cleversite_clever_container {opacity: 0;max-width: 1px !important;max-height: 1px !important;right: -90px;}
#cleversite_clever_button {display: none;}
button#cleversite_chat {display: none;}
button#cleversite_call {display: none;}

.service-box__image-box {
    display: none;
}

.service-box__manage-box {
    min-width: min-content !important;
}

.service-box__rubricator {
    padding: 6px 12px !important;
}

.table.table-bordered.table-condensed.table-taskmanagement {
    border: 1px solid #eaeaeb;
}

.table.table-bordered.table-condensed.table-taskmanagement .fa {
    padding: 6px 4px;
}

.btn.active, .btn:active {
    background-color: #f39324 !important;
    background-image: none;
    outline: 0;
    box-shadow: none;
    color: #fff !important;
}

.expo-tools__manage-buttons .btn:hover {
	background: #f39324 !important;
    border-color: #f39324 ;
	color: #000 !important;
}

/* Инфоблок - START */
.alert {
    border-radius: 7px;
    margin-bottom: 15px;
}

.alert {
    padding: 15px 30px;
    margin-bottom: 15px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fdefde;
    border: 1px solid #fdefde;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.alert-info {
    color: #333 !important;
    background-color: #fdefde;
    border-color: #f9c991;
}

.table-width {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 20px 0px;
}

.alert-button {
  padding: 10px;
  background: #f5a950;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.alert-button:hover {
    background: #f39324; 
    color: white;
}

.alert-info a {
    color: #f39324;
}

.alert-info a:hover {
    color: #f39324;
    text-decoration: underline;
}

.alert-text {
    color: white !important;
    padding-left: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .table-width {grid-template-columns: 1fr 1fr; /* две колонки на экранах с шириной менее 768px */}
}

@media (max-width: 480px) {
    .table-width {grid-template-columns: 1fr; /* одна колонка на экранах с шириной менее 480px */}
}
/* Инфоблок - END */

