html {scroll-behavior: smooth;}
body {color:#222;font-family: "PF DinDisplay Pro" !important; background-color: #ECECEC;}  
h1,h2,h3,h4,h5,h6,a,p,div,span,ul,li{font-family: "PF DinDisplay Pro" !important;}

/* input[type=text], input[type=password], select, textarea {border-color:#b5bbbd;} /*цвет элементов ввода*/
.organiser a {color:#555;font-size:10px}
header {display: flex; overflow: visible;}
header .about .name {color:#00A4B4;max-width:670px;text-align:center;font-size:calc(1.45em + 0.5vw);line-height:34px; padding-left: 10px;} /*название мероприятия*/
header .about .date-venue {color:#F49929;text-align:center; padding-left: 10px;} /*место мероприятия*/
header .about .date-venue em {color:#F49929; padding-left: 10px;} /*дата мероприятия*/
header .logotype {width: auto; height: 100px; display: flex; align-items: center; z-index: 501; }
header .logotype img{max-width: 100%; height: 80px; margin-right: 20px; transition: .3s;}
header .nav {margin:0 0 0 20px; text-align: right; line-height: 15px;}
header .nav a {color:#FFF;font-weight: 500;font-size:16px; line-height: 36px;}
header .nav a:hover {background:none; color: #A89A68 !important}
header .nav .active a{line-height: 20px; color:#FFF; font-weight: 500;}
header .nav li {line-height: 20px;display: inline-block;margin:0 30px 0 0;}
header div {vertical-align: middle;}
body.mini-navbar.isnavbar .container { width: auto !important;}
header .dental_header{width:100%; height: 100px; transition: .3s; display: flex;align-items: center; justify-content: flex-end;}

header .nav li.parent {
	position: relative;
}

header ul.nav-child {
    position: absolute;
    background-color: none;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 40;
    text-align: center;
	max-height: 0px;
    overflow: hidden;
    transition: .3s;
}

.ge-header1 .parent .nav-child {
    background-color: #115599 !important;
}

header .nav-child li {
    margin: 0 !important;
    display: block !important;
}

header .nav-child li:first-child {
    padding-top: 30px;
}

header .nav-child li:last-child {
    padding-bottom: 10px;
}

header .nav li.parent:hover ul.nav-child {
	max-height: 112px;	
}
	
.footer-bottom h5 {color:#555;margin: 0 0 15px 0;font-weight: normal;font-size: 12px;}

@media screen and (min-width: 1400px) {
.ge-header>.container {
	max-width: 1400px;
    width: 1400px;
}
.ge-header1>.container {
	max-width: 1400px;
    width: 1400px;
}}

.ui-jqgrid .ui-jqgrid-view {
    font-size: 12px;
}

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

.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}
.ge-header {height: 100px; background-color: none; z-index: 6;position:fixed;left:0;top:0;width:100%; transition: .3s;}
.ge-header1 {height: 100px; background-color: #11559A; z-index: 6;position:fixed;left:0;top:0;width:100%; transition: .3s;}
.top-border1 {height:100px;width:100%; margin-bottom: 15px;}

.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;}


.page-footer {background-color:#012969;color: #bdbdbd;	font-weight: 300; Font-size: 18px; text-align:center; padding:20px 0}
.page-footer div {opacity: 1;}
.sp-pagebuilder-row, .sppb-row {margin:0}
.body-innerwrapper {padding:0}
.divno {display:flex; justify-content: space-between}
.tblok4{min-width:25%;max-width:25%;padding:20px 0 10px 0;display:inline-block; text-align: left;}
.tblok4 .zagolovok {font-size: 20px; font-weight: 400;color:#fff}
.tblok4 p:first-child {margin-bottom: 25px;}
.tblok4 a{color:#fff}
.tblok4 a:hover {background:none; color: #A89A68}
.top-border{height:0px;width:100%}
.flexis {display: flex; justify-content: space-around;}
.flexis a {color: #fff;font-weight: 300;Font-size: 18px;}
.flexis a:hover {color: #A89A68;background:none;}

@media screen and (max-width: 992px) {.footer-text a {padding: 0 20px;}.divno {display:flex; justify-content: space-between;flex-wrap: wrap;}
.tblok4{min-width:50%;min-width:50%;padding:20px 0 10px 15px;}}
@media screen and (max-width: 768px) {.footer-text a {padding: 0 10px;}
#page-footer .container { margin: 0 !important;}}
#page-footer .container hr {border-top: 0px solid #eee; border-bottom: 1px solid #eeeeee70;}

.sp-top_sec-wrapper{display:none}

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



.lang {display:flex; z-index: 501; align-items: center;}
.lang a {color: #fff;  font-weight: 500; font-size: 16px}
.lang a:hover {color: #A89A68; font-weight: 500}
a.support {width: 30px; margin-left: 10px;}
a.support:hover {filter: brightness(1.1);}
.lang1 {margin: 0 30px 0 0;}
.disab {display: none;}

@media screen and (max-width: 1650px) and (min-width: 1400px) {
.lang {padding-right: 30px;}
}

@media screen and (max-width: 1190px) {
.lang {padding-right: 5px;}
}

a.butlk {
	font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    margin-right: 30px;
	color: #fff;
}
a.butlk:hover {
	font-weight: 500;
    background:none; 
	color: #A89A68
}


#jvlabelWrap {
	opacity: 0;
	max-width: 1px !important;
	max-height: 1px !important;
	right: -90px;
}


/*** *** МОДУЛЬ АВТОРИЗАЦИИ *** ***/

#main-modal.small-m {
    width: 500px;
    margin-left: -250px;
	margin-top: 20px;
	border-radius: 0px;
    border: 5px solid #A89A68;
    background-color: #11559A;
}

#main-modal.small-m .modal-body .modal-scroll .modal-inner {
    min-height: 100px;
    padding: 15px 30px 0px;
}

#main-modal.small-m .modal-header {
    background-color: transparent;
    border-bottom: 0;
    background-image: url(https://congressmed.expocom.online/images/2021/12/28/dudinka_logo_new.svg);
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin: 20px 0 10px 0;
}

#main-modal.small-m .modal-header h3 {
    display: none;
}

#main-modal.small-m .close-modal {
    position: absolute;
    right: 0px;
    top: 0px;
    border: medium none;
    color: #fff;
	padding: 10px;
}

#main-modal.small-m .close-modal:hover {
	color: #A89A68;
}
	
form .control-group label {
    padding-left: 0;
    margin-bottom: 2px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}

input#modlgn-username,input#modlgn-passwd {
    width: 100%;
    height: 40px;
}

#form-login-remember {
	display: none;
}

#main-modal.small-m .modal-body {
    border-top: 0;
}

div#form-login-reg>.controls>a.bTooltip {
    display: none;
}

.modal-inner form #form-login-submit button {
    float: right;
    padding: 9px 12px;
	color: #fff !important;
    background: transparent !important;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    font-family: 'PF DinDisplay Pro';
    font-size: 20px;
    font-weight: 500;
}

.modal-inner form #form-login-submit button:after {
    content: url(https://congressmed.expocom.online/images/2022/01/15/arrow.svg);
    float: right;
    width: 15px;
    margin-left: 8px;
    margin-top: -3px;
}

/* *** СКРЫТЬ ВИДЖЕТ ЧАТА ТЕХПОДДЕРЖКИ *** */


button#cleversite_call {
    display: none;
}

button#cleversite_chat {
    display: none;
}


.flat_box form>fieldset>.expo-tools {padding-left: 0px; padding-right: 0px;}

.exposition #sp-component-area .rightmodules {
    display: none;
}

.exposition #sp-component-area .span8.flat_box {
    width: calc(100% - 30px);
    margin: 0 15px !important;
}

.exposition #sp-component-area .span8.flat_box .top_title>h1{
    display: none;
}

.exposition #sp-component-area .span8.flat_box .top_title>div{
    display: none;
}

#edform label.control-label {
    color: #000;
}
#edform .row-fluid:nth-child(6) {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1400px) {
	header .nav li {
		line-height: 20px;
		display: inline-block;
		margin: 0px 25px 0 0;
	}
	.lang1 {
		margin: 0 25px 0 0;
	}
	a.butlk {
		margin-right: 25px;
	}
}


@media screen and (max-width: 1172px) and (min-width: 768px) {
.container {
    width: 100%;
}}

@media screen and (min-width: 1200px) {
	.mobile {display: none;}
}

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

.burger-btn {
	display: none;
}
@media screen and (max-width: 1200px) {
header {height: 100px; display: flex; justify-content: center;}
a.support {margin-right: 10px; margin-left: 0}
.lang1 {margin: 0 35px 0 10px;line-height: 65px;} 
.lang {left: 15px; position: absolute; line-height: 100px;}
.lang>.butlk {
	display: none;
}
.burger-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 30px;
  cursor: pointer;
  right: 0;
  transition: .4s;
  z-index: 501;
  margin: auto 20px;
  top: 50%;
  transform: translateY(-50%);
}
.burger-icon{
  display: block;
  position: relative;
  background: white;
  width: 90%;
  height: 4px;
  transition: .4s;
}
.burger-icon:after, .burger-icon:before {
  content: "";
  display: block;
  position: absolute;
  background: white;
  width: 100%;
  height: 4px;
  transition: .4s;
}
.burger {
  display: block;
  position: relative;
  background: #000631 !important;
  width: 90%;
  height: 4px;
  transition: .4s;
}
.burger::after, .burger::before {
  content: "";
  display: block;
  position: absolute;
  background: #000631 !important;
  width: 100%;
  height: 4px;
  transition: .4s;
}
.burger-icon::after {
  top: 10px;
}
.burger-icon::before {
  top: -10px;
}

header .dental_header{position: fixed; display: table-cell;text-align: left; width: 100%; z-index: 500; 
height: 100%; opacity: 1; transform: translate(100%, 0); overflow: hidden; transition: .5s; background: #11559A;}
header .logotype img{max-width: 100%; height: 55px; float: none; margin: 10px; transition: .3s;}
header .nav li {display: block;text-align: left; padding: 22px 0px;white-space: nowrap ; margin: 0; }
.top-border{min-height:0px;width:100%}
header .nav li {float: none}
header .nav li a { color: #fff;  display: inline; font-size: 22px;}
header .nav .active a{color:#fff;}
header .nav li:first-child {padding-top: 150px;}
body.mini-navbar.isnavbar .container {margin-left: 70px !important;}
body.mini-navbar.isnavbar .container { width: auto !important;}
.mobile {margin:0 0 0 20px; text-align: right; line-height: 15px;}
.mobile li {display: block;text-align: left; padding: 22px 0px;white-space: nowrap ; margin: 0; }
.mobile li {float: none}
.mobile li a { color: #fff;  display: inline; font-size: 22px;}

header .nav li.parent {
	padding: 0px !important;
}

header .nav li.parent>a {
	display: none !important;
}

header ul.nav-child {
    position: relative;
    width: auto;
    height: auto;
    max-height: 100%;	
}
header .nav-child li {
    padding: 22px 0px !important;
}

header .nav-child li:first-child {
    padding-top: 22px;
}

header .nav-child li:last-child {
    padding-bottom: 22px;
}

header .nav li.parent:hover ul.nav-child {
	max-height: 100%;	
}
}

/* checkbox */

.burger-checkbox {
  display: none;
}
.burger-checkbox:checked ~ .dental_header {
  transform: translate(0, 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);
}
.burger-checkbox:checked ~ .burger-btn .burger-icon::before {
  transform: rotate(45deg);
}
.burger-checkbox:checked ~ .burger-btn .burger::after {
  transform: rotate(-45deg);
}
.burger-checkbox:checked ~ .burger-btn .burger::before {
  transform: rotate(45deg);
}
.white-popup-block{background: #11559A !important;}