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

html {scroll-behavior: smooth;}

body {font-family: 'Rubik'; background: #ececec; color: #000;}
h1,h2,h3,h4,h5,h6,a,p,div,span,ul,li{font-family: 'Rubik'; color: #000}
button,select,input,td,th{font-family: 'Rubik';}

/* header */
header {display: flex; justify-content: space-between;align-items: center;overflow: visible;}
header .nav {text-align: left; margin: 0;}
header .nav a {color:#000; font-weight: 400; font-size:14px; line-height: 125px; transition: 150ms; padding: 0 15px;text-transform: uppercase;}
header .nav a:hover {color: #005096; background: transparent}
header .nav a:focus {color:#005096; background: transparent}
/*header .nav .active a{color:#005096; background: #fff}*/
header .nav li {line-height: 125px; display: inline-block;}
header .nav li:first-child {margin-left: 0px;}
header div {vertical-align: middle;}
body.mini-navbar.isnavbar .container { width: auto !important;}
header .dental_header{ height: 125px; position: relative; display: flex; margin: 0 auto}

.navbar-usermenu {background-color: #fff !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: #005096 !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:#005096 !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 #005096;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;}

header li.parent {
	line-height: 20px;
}

header li.parent>a {
	pointer-events: none;
	cursor: default;
}

header li.parent>ul>li {
	line-height: 20px;
}

header li.parent>a:hover {
color: #A94612;
}

@media screen and (min-width: 1107px) {
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: 260px;
    text-align: left;
    z-index: 1000;
    display: none;
    margin: 0;
}

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

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

/* header */

.icons {
	display: flex; 
	justify-content: flex-end;
}

.lang {
	display: flex; 
	align-items: center; 
	height: 125px;
	justify-content: flex-end;
}

.lang_change {
	margin-left: auto;
	color:#000;
	font-weight: 400;
	font-size: 14px;
	line-height: 125px;
}

.lang_change:hover {
	color:#000;
}

a.support {
	width: 20px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}
	
a.support:hover {
	filter: brightness(1.1);
}

.ge-header {
	height: 125px;
	background-color: #fff;
	z-index: 6;
	position:fixed;
	left:0;
	top:0;
	width:100%;
}

.ge-header .logotype {
	display: flex;
	align-items: center;
}

.ge-header .logotype__logo-link img {
	max-width: 180px;
}

.ge-header .logotype__logo-text {
	margin-left: 15px;
	padding: 7px 0 7px 15px;
	max-width: 195px;
	box-sizing: border-box;
	border-left: 1px solid #005096;
}

.ge-header .logo-text__name {
	font-size: 14px;
	margin-bottom: 7px;
	line-height: 1;
	color: #005096;
}

.ge-header .logo-text__date {
	font-size: 10px;
	margin: 0;
	line-height: 1;
	color: #005096;
}

.top-border{
	height:125px; 
	width:100%; 
	background: none; 
	margin-bottom: 15px
}

.sp-pagebuilder-row, .sppb-row {margin:0}
.sp-top_sec-wrapper{display:none}


/* footer */
.footer {
	background-color: #005096;
}

.footer .footer-box {
	gap: 40px;
	padding: 30px 0px;
	line-height: 1.55;
}

.footer .top-block {
	display: flex;
	align-items: center;
}

.footer .footer-nav {
	margin-left: auto;
}

.footer .footer-nav .nav {
	display: flex;
	align-items: center;
}

.footer .footer-nav .nav li {
	padding: 0 30px;
	font-size: 16px;
}

.footer .footer-nav .nav li.parent {
	display: none;
}

.footer .footer-nav .nav li a:hover {
	background-color: transparent;
	color: #637fd3;
}

.footer .footer-nav .nav li.item-3330 {
	padding: 0 0 0 40px;
}

.footer .footer-logotype {
	display: flex;
	align-items: center;
	width: 350px;
}

.footer .footer-logotype__logo-link img {
	max-width: 150px;
}

.footer .footer-logotype__logo-text {
	margin-left: 15px;
	padding: 10px 0 10px 15px;
	max-width: 195px;
	box-sizing: border-box;
	border-left: 1px solid #fff;
}

.footer .logo-text__name {
	font-size: 14px;
	margin-bottom: 7px;
	line-height: 1.3;
	color: #fff;
	font-weight: 500;
}

.footer .logo-text__date {
	font-size: 10px;
	margin: 0;
	line-height: 1.3;
	color: #fff;
}

.footer .central-block {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.footer .central-block .policy1 {
	margin-left: auto;
	margin-right: 70px;
	font-size: 14px;
	font-weight: normal;
}

.footer .central-block .policy2 {
	text-align: right;
	font-size: 14px;
	font-weight: normal;
}

.footer .bottom-block {
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}

.footer .contacts_block {
	display: flex;
	margin: auto;
}

.footer .contacts_block .link-tel {
	margin-right: 20px;
}

.footer .contacts_block a {
	color: #737996;
	font-size: 24px;
}

.footer .contacts_block a:hover {
	color: #637fd3;
}

.footer .social {
    display: flex;
	align-items: center;
}

.footer .social-link {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .25);
	font-size: 12px;
	color: #fff;
}

.footer .social-link:hover {
	background-color: #fff;
	border: 1px solid rgba(255, 255, 255, 1);
	color: #005096;
}

.footer .social-link:first-child {
	margin-right: 16px;
}


.footer p,.footer div,.footer li,.footer a,.footer h4 {
	color: #fff;
}

.footer ul {
	margin: 0 0 10px;
}

.footer li {
	list-style: none;
	line-height: 1.55;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 300;
}



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

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

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

#jvlabelWrap { /* для пк версии */
	opacity: 0;
	max-width: 1px !important;
	max-height: 1px !important;
	right: -90px;
}

.__jivoMobileButton { /* для мобильной версии */
    width: 1px;
    height: 1px;
    opacity: 0;
    right: -100px !important;
}
#cleversite_clever_button {
  display: none;
}

button#cleversite_chat {
    display: none;
}

button#cleversite_call {
    display: none;
}

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

/* ***** Cкрыть кнопку наверх ***** */
#yt-totop {
	display: none;
}

/* ***** Cкрываем пункты администрирования компании ***** */
.company_publish {
	display: none;
}

.expo_exh_inner.catalog .short_opis { /* Скрыть краткое описание в каталоге */
	display: none !important;
}


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

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

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

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

.table_exc:hover { 
	border-color: #005096 !important;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.active_button {
	background-color: #005096;
}

.favoritecomp {
	color: #005096;
}

#listForm .expo-tools .expo-tools-select-display-mode .btn.active {
	background: #005096 !important;
}

.expo_exh_inner.s4 .rexc>.span3:hover {
	border-color: #005096 !important;
}
.module.module_admin .mod-inner > div ul.madmin-menu li a:not(.nohover-adminblock-dop):hover {
	background: #005096 !important;
}

.btn-set-expo.active {
	background: #0050964f !important;
}


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

	.ge-header {
		height: 80px;
	}

	.ge-header .logotype__logo-link img {
		max-height: 67px;
		margin-left: 15px;
	}

	.ge-header .logotype__logo-text {
		max-width: 230px;
		margin-left: 12px;
		padding: 7px 0 7px 12px;
	}

	.lang_change {line-height: 80px; margin: 0; margin-left: auto;}
	.lang {left: 0;top: 0;}

	a.support {
		margin-right: 90px;
	}

	.footer {
		padding: 0 15px;
	}

	.footer .top-block {
		align-items: center;
		flex-wrap: wrap;
	}

	.footer .footer-logotype {
		width: 350px;
		justify-content: center;
		width: 100%;
	}

	.footer .footer-nav {
		margin: auto;
	}

	.footer .footer-nav .nav {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 40px;
	}

	.footer .footer-nav .nav li {
		font-size: 14px;
		width: 100%;
		text-align: center;
		padding: 0 !important;
	}

	.footer .central-block {
		justify-content: center;
		margin-top: 20px;
		flex-wrap: wrap;
	}

	.footer .central-block .policy1 {
		font-size: 14px;
		font-weight: normal;
		width: 100%;
		margin: auto;
		text-align: center;
	}

	.footer .central-block .policy2 {
		font-size: 14px;
		font-weight: normal;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.footer .bottom-block {
		display: flex;
		justify-content: flex-end;
		margin-top: 30px;
		flex-wrap: wrap;
	}

	.footer .contacts_block {
		display: flex;
		margin: auto;
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	.footer .contacts_block .link-tel {
		margin-right: 20px;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.footer .contacts_block a {
		color: #737996;
		font-size: 14px;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.footer .social {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: center;
		margin-top: 30px;
	}
	.burger-btn {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 21px;
        cursor: pointer;
        top: 30px;
        right: 0;
        transition: .5s;
        z-index: 501;
        margin: auto 20px;
    }
    .burger-icon{
        display: block;
        position: relative;
        background: #005096;
        width: 100%;
        height: 3px;
        transition: .5s;
    }
    .burger-icon:after, .burger-icon:before {
        content: "";
        display: block;
        position: absolute;
        background: #005096;
        width: 100%;
        height: 3px;
        transition: .5s;
    }
    .burger {
        display: block;
        position: relative;
        background: #005096 !important;
        width: 100%;
        height: 3px;
        transition: .5s;
    }
    .burger::after, .burger::before {
        content: "";
        display: block;
        position: absolute;
        background: #005096 !important;
        width: 100%;
        height: 3px;
        transition: .5s;
    }
    .burger-icon::after {
        top: 8px;
    }
    .burger-icon::before {
        top: -8px;
    }

	header .dental_header{position: fixed; text-align: left; display: block; align-items: top; justify-content: left; width: 100%; z-index: 500;
        height: 0; opacity: 0; overflow: auto; transition: .3s; background: #fff; top: 80px}
    .top-border{height:80px;width:100%}
	header .nav li:first-child {margin-top: 30px;}
    header .nav li {float: none; text-align: center;display: block; margin: 0;line-height: 1; padding: 20px 0; border-top: 1px solid #e0e0e0;}
    header .nav li a { color: #000; display: inline; font-size: 18px; line-height: 30px;}
    header .nav li:last-child {padding-bottom: 60px;}
    body.mini-navbar.isnavbar .container {
        margin-left: 70px !important;}
    body.mini-navbar.isnavbar .container { width: auto !important;}
}


/* checkbox */
.burger-checkbox {
    display: none;
}
.burger-checkbox:checked ~ .dental_header {
    height: 100%;
    opacity: 1;
}
.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);
}

.service-box__group, .service-box__rubricator {
	display: inline-block;
	border-radius: 5px;
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	padding: 10px 20px;
	color: #fff;
	max-width: 200px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	text-align: center;
}

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

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

.alert-info {
    color: #333 !important;
    background-color: #e5e8f2;
    border-color: #ccd1e5;
}

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

.alert-button {
    padding: 10px;
    background: #00197f;
    color: white;
    border: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
}

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

.alert-info a {
    color: #00197f;
}

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

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

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

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

.mdi.mdi-new-box {
    padding: 6px !important;
    height: 18px !important;
    display: inline-block;
}

.fa, .fas {
	font-weight: 600 !important;
}

.footable.table.table-manager.table-stripped.toggle-square-filled .btn-group {
	display: none;
}

.expo_exh_inner.catalog .exh_extend_icons .image_expo {
	display: none;
}

.company_image_expo {
	display: none;
}

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

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