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

/* body {background: #ececec; color:#000;font-family: Montserrat}   */
body {background: #f3f3f2; color:#000;font-family: Montserrat}  
.expo_exh_inner .rexc > .span3{border-color: #eee !important;}
h1,h2,h3,h4,h5,h6,a,p,div,span,ul,li{font-family: Montserrat; color: #000}
button,select,input,td,th{font-family: Montserrat;}
html {scroll-behavior: smooth;}


header {display: flex; justify-content: center; background: #000}
header .logotype {max-width: 100px; width: auto; display: flex; align-items: center; z-index: 501;}
header .logotype img{flex: 0 0 100%; max-width: 100px; float: left; padding: 0 8px;}
header .nav {text-align: left; margin: 0;}
header .nav a {color:#fff; font-weight: 300; font-size:15px; line-height: 50px; padding: 0 13px; transition: .1s;}
header .nav a:hover {background:#222222;}
header .nav .active a{color:#fff; font-weight: 300;}
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 .dental_header{ height: 50px; position: relative; display: flex;}

.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: #000000 !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:#76104e !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 #76104e;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}
.ge-header {height: 50px; background-color: none; z-index: 6;position:fixed;left:0;top:0;width:100%}


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

.top-border{height:50px; width:100%; background: #000; margin-bottom: 15px}

.top-footer {background: #76104e;; padding: 90px 0; color: white}
.top-footer p,.top-footer a,.top-footer h3,.top-footer li{color: white}
.top-footer a:hover{color:black}
.bottom-footer {background: #000; padding: 30px 0; color: #000}

.blocks {display: flex;}
.block2 {width: 16.666%; padding: 0 14px;}
.block4 {width: 33.3333%; padding: 0 14px;}
.block8 {width: 66.66666667%; padding: 0 14px;}

.topinblock h3 {font-size: 20px; font-weight: 600; text-transform: uppercase; margin-top: 20px; margin-bottom: 10px; line-height: 1.1;}
.topinblock p {line-height: 1.75; font-size: 14px; font-weight: 300;}
.botinblock p {color: #fff; line-height: 1.75; font-size: 12px; font-weight: 300; margin: 0;}
.botinblock p a {color: #fff; text-decoration: underline; text-transform: uppercase;}
.topinblock ul { margin-left: 17px; line-height: 1.75; font-size: 14px; font-weight: 300;}
.topinblock ul a {line-height: 1.75;}
.topinblock ul a:hover {text-decoration: underline}
.textright {text-align: right;}
.textright a {line-height: 26px; text-decoration: none !important;}
.textright a:hover {text-decoration: underline !important;}

.sp-top_sec-wrapper{display:none}

#company_view .company_image img, #exposition_view .company_image img {width: 100%;}
.tab-content{margin-left:10px}

.icons {display: flex;}

.button_lk {
	display: flex;
	align-items: center;
}

.button_lk a {
    color: white;
    font-weight: 500;
    font-size: 15px;
    background: #76104e;
    padding: 0px 10px;
	line-height: 50px;
}

.button_lk a:hover {
    color: #000;
}

.lang {display:flex; position: relative; align-items: center; margin-right: 15px;}
.lang1 {padding: 0 8px 0 13px; height: 14px; }
.disab {display: none;}

.link a {
    display: flex;
    height: 100%;
    padding: 0 6px;
	transition: .1s;
	align-items: center;
}
.link a:hover {
    background: #222;
}
.link a img {width: 24px;}
.vkimg {width: 30px !important;}

.mark_rubricator {
    height: 24px !important;
    border-radius: 1px;
    margin-right: 5px;
    display: inline-block;
    margin-top: -4px;
}
.mark_rubricator:last-child {
    margin-right: 0px;
}


#yt-totop {
	display: none;
}

.exhib_section {
    display: flex;
    justify-content: space-around;
    padding: 0 40px;
    margin-bottom: 20px;
}
.rubricator_button {
    background: transparent;
    text-align: center;
    font-weight: 600;
    color: #000;
    width: 330px;
    border: 2px solid transparent;
}
.rubricator_button img {
    margin: 0 auto 12px;
}
#rubricator_button_2 img {
    margin: 0 auto 25px;
}
.rubricator_button:hover {
    box-shadow: none;
    background: transparent;
}
.rubricator_button.active {
    background: transparent;
    box-shadow: none;
    color: #1b3058;
    border: 2px solid #1b3058;
    border-radius: 7px;
}

@media screen and (max-width: 992px){
    .exhib_section {
        padding: 0 15px;
    }
}

/* #filter_rubricator_3 {
	display: none;
} */


.hint-export-stands {
	position: absolute;
	bottom: 34px;
	right: 15px;
	width: 400px;
	font-size: 13px;
	background: #ffffffab;
	color: #000000;
	border: 2px solid #76104e;
	padding: 7px;
	border-radius: 7px;
	opacity: 0;
}

.close-hint-export-stands {
	font-size: 28px;
	position: absolute;
	top: 3px;
	right: 3px;
}

.hint-export-stands::after {
	content: '';
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #76104e;
	position: absolute;
	top: 100%;
	left: 75%;
}

.animation-hint-export-stands {
	animation: hintExportStands 1s;
	animation-fill-mode: forwards;
}

@keyframes  hintExportStands {
  0% {
    transform: translatey(-15px);
	opacity: 0;
  }
  100% {
    transform: translatey(0%);
	opacity: 1;
  }
}

@media screen and (max-width: 768px) {
	.hint-export-stands {
		right: -148px;
		font-size: 14px;
	}
	
	.hint-export-stands::after {
		left: 36%;
	}	
}

.company_publish, .managementService {display:none}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.active_button {
	background-color: #76104e;
}

.favoritecomp {
	color: #76104e;
}
.favorite_container {
	border: 2px solid #7e7e7e;
}

.favorite_container i {
    color: #7e7e7e;
}

.favorite_container.active {
    border: 2px solid #ff0000;
}

.favorite_container.active i {
    color: #ff0000;
}


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

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

.icons {padding: 28px 14px; margin-top: 30px;}
.lang1 { height: 22px;}
.link a {padding: 0 17px;}
.link a img {width: 38px;}
.vkimg {width: 44px !important;}

.blocks {display: flex; flex-wrap: wrap}
.block2 {width: calc(33.33333% - 30px); padding: 0 15px;}
.block4 {width: calc(66.66666% - 30px); padding: 0 15px; margin-bottom: 15px;}
.block8 {width: calc(100% - 30px); padding: 0 15px;}
.bottom-footer .container .blocks .block4 {width: calc(100% - 30px); padding: 0 15px; margin-top: 30px;}


.topinblock h3 {font-size: 20px; font-weight: 600; text-transform: uppercase; margin-top: 20px; margin-bottom: 10px; line-height: 1.1;}
.topinblock p {line-height: 1.75; font-size: 14px; font-weight: 300;}
.botinblock p {color: #fff; line-height: 1.75; font-size: 12px; font-weight: 300; margin: 0;}
.botinblock p a {color: #fff; text-decoration: underline; text-transform: uppercase;}
.textright {text-align: right;}
.textright a {line-height: 26px; text-decoration: none !important;}
.textright a:hover {text-decoration: underline !important;}


.copyright br {display: none}
header {height: 80px; display: flex; justify-content: space-between;}
header .logotype img{flex: 0 0 100%; max-width: 100%; float: left; margin: 5px 200px 5px 15px;}
.burger-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 30px;
  cursor: pointer;
  top: 25px;
  right: 0;
  transition: .5s;
  z-index: 501;
  margin: auto 20px;
}
.burger-icon{
  display: block;
  position: relative;
  background: #fff;
  width: 90%;
  height: 4px;
  transition: .5s;
}
.burger-icon:after, .burger-icon:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 4px;
  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: 10px;
}
.burger-icon::before {
  top: -10px;
}

header .dental_header{position: fixed; text-align: left; display: block; align-items: top; justify-content: left; width: 100%; z-index: 500; 
height: 100%; opacity: 1; transform: translate(100%, 0); overflow: auto; transition: 1s; background: #000;}
header .nav li {display: block;text-align: left; padding: 28px 14px;white-space: nowrap ; margin: 0; }
.top-border{height:80px;width:100%}
header .nav li {float: none}
header .nav li a { color: #fff;  display: inline; font-size: 36px;}
header .nav li:first-child {padding-top: 150px;}
header .nav li:last-child {padding-bottom: 30px;}
body.mini-navbar.isnavbar .container {
margin-left: 70px !important;}
body.mini-navbar.isnavbar .dental_header {width: calc(100% - 70px);}
body.mini-navbar.isnavbar .container { width: auto !important;} 
}

/* 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);
}



#serv_item .cmitems .cmitem-box {
	width: 232px;
}

.tab_items #serv_item {
	margin-left: 15px !important;
}