@charset "UTF-8";

html {font-size:16px; overflow-x:hidden;}
body {position:relative; font-size:1em; font-family:Roboto, Tahoma, Arial, sans-serif; color:rgb(21, 21, 21); background:repeat rgb(255, 255, 255); word-break:break-word;}

a {transition:background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:link {color:rgb(0, 89, 99);}
a:visited {color:rgb(119, 119, 119);}
a:hover {color:rgb(218, 117, 37);}

#header {margin-bottom:20px;}
#header_top {text-align:right; padding:5px 15px; font-size:0.9em; border-bottom:3px solid rgb(242, 243, 248);}
#header_body {padding:15px 0px 20px;}

#logo {padding:0px; display:inline-flex; align-items:center;}
#logo .emblem {max-width:120px; text-align:center; display:inline-block; vertical-align:middle; margin-right:15px; flex-shrink:0;}
#logo .emblem img {display:inline-block; max-width:100%; height:auto; width:auto;}
#logo .caption {display:inline-block; vertical-align:middle; line-height:1.2; font-size:1.2rem;}
#logo .caption .subtitle {margin:10px auto 5px; font-weight:400; font-size:1.4rem;}
#logo .caption .title {font-size:1.8rem; line-height:1em; font-weight:500; margin:0px auto;}
#logo .caption .address {margin-top:5px;}

#header .contacts {text-align:right; height:100%; position:relative; width:100%; display:inline-block;}
#header .contacts a {text-decoration:none; color:inherit;}
#header .contacts a:hover {text-decoration:underline;}

@media only screen and (min-width: 992px) {
	#header_body .wrapper {display:flex; flex-wrap:wrap; align-items:center;}
	#header .contacts {text-align:left; min-width:125px;}
	#header .contacts i {float:left; margin-right:5px;}
}

@media only screen and (max-width: 767px) {
	#logo {display:block; text-align:center; margin:0px auto 20px;}
	#logo .emblem {margin:0px auto;}
	#header .contacts {text-align:center;}
}


#hot_order {display:block; position:relative; background:rgb(2, 100, 111); margin-bottom:20px; padding:15px; color:rgb(255, 255, 255); border-bottom:5px solid rgb(255, 171, 103); text-decoration:none; font-size:1.1em;}
#hot_order:hover {background:rgb(255, 171, 102); color:rgb(0, 0, 0); border-color:rgb(2, 100, 111);}
#hot_order:hover::before {border-color:transparent transparent transparent rgb(2, 100, 111);}
#hot_order::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2; top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}
#hot_order::before {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:3; top:0px; right:0px; border-width:20px 0px 0px 20px; border-color:transparent transparent transparent rgb(255, 171, 102);}


#main_menu {clear:both; padding:0px; margin:0px; position:relative; transition:background-color 0.5s ease 0s;}
#main_menu .menu_container {background:rgb(2, 100, 111); color:rgb(255, 255, 255); padding-right:60px; position:relative; z-index:10; text-align:center; margin:0px -15px; border-bottom:4px solid #8cb0b3;}
#main_menu ul {margin:0px; padding:0px; list-style:none;}
#main_menu li {display:inline-block; position:relative;}
#main_menu ul a {display:block; color:inherit; text-decoration:none;}
#main_menu .level_0 > li:hover > a, #main_menu .level_0 > li.active > a, #main_menu .level_0 > li.parent_active > a {color:rgb(255, 171, 103);}


#search_toggle, #mobile_menu_toggle {background:none; border:none; display:inline-block; position:absolute; text-align:center; outline:none; padding:0px;}
#search_toggle i, #mobile_menu_toggle i {display:inline-block; vertical-align:middle; font-size:24px;}
#search_toggle:hover, #mobile_menu_toggle:hover {color:rgb(255, 171, 103);}
#search_toggle {right:0px; top:0px; bottom:0px; width:48px;}
#search_box {opacity:0; visibility:hidden; z-index:2000; position:fixed; inset:0px; transition:opacity 1s ease 0s, visibility 1s linear 0s;}
.search_toggled #search_box {display:block; background:rgba(0, 43, 47, 0.81); opacity:1; visibility:visible; backdrop-filter:blur(4px);}

#mobile_menu_toggle, #mobile_caption {display:none;}


@media screen and (min-width: 768px) {
	#main_menu .level_0 {text-align:left; display:inline-block !important;}
	#main_menu .level_0 > li {}
	#main_menu .level_0 > li > a {padding:15px; position:relative; font-size:1.2em;}
	#main_menu .level_0 > li > a span {display:inline-block; vertical-align:middle;}
	#main_menu .level_0 > li.parent > a:after {content:"\f078"; display:inline-block; font-family:FontAwesome; font-size:10px; vertical-align:middle; margin-left:5px;}
	#main_menu .level_0 ul {display:none; position:absolute; top:100%; left:0px; width:300px; background:rgb(255, 255, 255); color:rgb(119, 119, 119); z-index:100; border-radius:2px; padding:10px 0px 20px; box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 4px 0px; max-width:300px;}
	#main_menu .parent:hover > ul {display:block;}
	#main_menu .level_1 {border-bottom:4px solid rgb(248, 166, 61); font-size:0.85em;}
	#main_menu .level_1 li {display:block;}
	#main_menu .level_1 li > a {padding:5px 25px; line-height:1.15em; transition:padding-left 0.25s ease 0s;}
	#main_menu .level_1 li > a:before {content:"\f054"; display:block; height:10px; line-height:10px; opacity:0; position:absolute; left:5px; font-family:FontAwesome; font-size:10px; top:50%; margin-top:-5px; color:rgb(255, 171, 103); transition:opacity 0.35s linear 0s, left 0.25s ease 0s;}
	#main_menu .level_1 li > a:hover, #main_menu .level_1 .parent:hover > a {padding-left:30px; color:rgb(255, 171, 103); padding-right:25px;}
	#main_menu .level_1 li > a:hover::before, #main_menu .parent:hover > a::before {opacity:1; left:17px;}
	#main_menu .level_1 ul {left:100%; top:0px;}

	#main_menu .right ul {right: 100%; left: auto;}
	#main_menu .right .level_1 {right: 0;left: auto;}
	#main_menu .right .level_1 li > a {}
	#main_menu .right .level_1 .parent > a:before {left:12px; content: "\f053";}
	#main_menu .right .level_1 li > a:hover:before, #main_menu .parent:hover > a:before {opacity:1; left:9px;}

}

@media screen and (max-width: 767px) {
	#main_menu {background:rgb(2, 100, 111);}
	.menu_toggled #main_menu {position:fixed; inset:0px; z-index:9000; margin:0px;}
	.menu_toggled.menu-fixed #main_menu {}
	.menu-fixed #main_menu {}
	.menu-fixed #main_menu::before, .menu-fixed #main_menu::after {content:none;}
	#search_toggle, #mobile_menu_toggle {width:48px; height:48px; line-height:48px;}
	#mobile_menu_toggle {display:block; position:static;}
	#main_menu .menu_container {padding-right:0px; border-bottom:4px solid rgb(247, 166, 61); overflow:hidden; text-align:left;}
	.menu_toggled #main_menu .menu_container {position:absolute; inset:0px; margin:0px;}
	#main_menu .level_0 {display:none; position:absolute; inset:48px 0px 0px; padding:10px 0px 30px; overflow-y:auto;}
	#main_menu .level_0 li {display:block;}
	#main_menu .level_0 > li > a {padding:6px 15px; line-height:1.2em;}
	.menu_toggled #main_menu .level_0 {display:block; border-top:4px solid rgb(247, 166, 61);}
	#main_menu .level_1 {padding-left:30px; margin-bottom:15px;}
	#main_menu .level_1 a {display:block; padding:5px 10px; line-height:1.2;}
	#main_menu .level_2 {margin-bottom:10px; padding-left:15px; font-size:0.8em;}
}

#main_menu::before, #main_menu::after {content:""; display:block; inset:0px 50%; background:rgb(2, 100, 111); position:absolute; z-index:0; transition:left 0.15s ease 0s, right 0.15s ease 0s;}
.menu-fixed #main_menu {position:fixed; top:0px; left:0px; right:0px; z-index:2000; box-shadow:rgb(0, 0, 0) 0px 0px 30px -10px;}
.menu-fixed #main_menu::before {left:0px;}
.menu-fixed #main_menu::after {right:0px;}
.menu-fixed #main_menu .menu_container {border-bottom-color:transparent;}

@media screen and (min-width: 368px) and (max-width:1200px) {
	#main_menu .level_0 > li > a {font-size:1em; padding:10px;}
}

@media screen and (max-width: 360px) {
	#mobile_caption {display:none;}
}

#main_slider {position:relative;}
#main_slider .item {background-color:rgb(242, 244, 255); background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:44%; position:relative; min-height:220px; overflow:hidden;}
#main_slider .item .content {opacity:0; position:absolute; top:60%; left:60px; padding:15px 30px; max-width:50%; transform:translateY(-50%); transition:opacity 2s ease 1s;}
#main_slider .item .content h3 {font-size:2.2em; margin:0px 0px 30px; text-shadow:rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 20px; color:rgb(255, 255, 255);}
#main_slider .item .content .button {padding:12px 30px; display:inline-block; background:rgb(248, 166, 61); color:rgb(255, 255, 255); text-transform:uppercase; text-decoration:none;}
#main_slider .item .content .button:hover {background:rgb(66, 66, 67);}
#main_slider .owl-item.active .item .content {opacity:1;}

#main_slider .owl-nav {top:50%; left:5px; right:5px; position:absolute; margin-top:-36px;}
#main_slider .owl-nav > div {position:absolute;height:48px;width:48px;line-height:48px;text-align:center;color:rgb(255, 255, 255);font-size:36px;opacity: 0.65;background:none;}

#main_slider .owl-prev {left:0;}
#main_slider .owl-next {right:0;}
#main_slider .owl-nav > div:hover {color:rgb(248, 166, 61);opacity: 1;}

#main_slider .owl-dots {position:absolute;bottom:20px;left: 0;right: 0;text-align:center;}
#main_slider .owl-dot {display:inline-block; width:16px; height:16px; border:3px solid rgb(255, 255, 255); border-radius:1000%; margin:0px 5px; opacity:0.8; transition:background-color 0.5s ease 0s, opacity 0.5s ease 0s;}
#main_slider .owl-dot.active {background-color:rgb(248, 166, 61);}
#main_slider .owl-dot:hover {opacity:1; background-color:rgb(248, 166, 61);}

#main_slider_buttons {position:absolute; top:0px; right:0px; z-index:1; padding:15px;}
#main_slider_buttons > a {display:inline-block; background:rgba(255, 255, 255, 0.75); text-decoration:none; margin:0px 3px 5px; text-transform:uppercase; padding:10px; line-height:1.1em; clear:both; text-align:center; min-width:130px; border-left:7px solid rgb(2, 100, 111);}
#main_slider_buttons > a:hover {opacity:1; border-color:rgb(248, 166, 61);}
#main_slider_banners {position:absolute; bottom:0px; right:0px; z-index:1; padding:15px; left:50%; text-align:right;}
#main_slider_banners > a {display:inline-block; margin:0px 3px; border-bottom:4px solid rgb(2, 100, 111); border-radius:3px; overflow:hidden; opacity:0.85;}
#main_slider_banners img {display:inline-block; max-width:240px;}
#main_slider_banners > a:hover {opacity:1; border-color:rgb(248, 166, 61);}

#banners_slider {clear:both; position:relative; padding:30px; border-top:4px solid rgb(242, 243, 248);}
#banners_slider .owl-stage-outer {height:60px;}
#banners_slider .item {margin:0px 15px; max-height:60px; text-align:center;}
#banners_slider .owl-item {float:none; display:inline-block; vertical-align:middle; overflow:hidden; opacity:0.9; transition:opacity 0.3s ease 0s;}
#banners_slider .owl-item:hover {opacity:1;}
#banners_slider .owl-item img {display:inline-block; max-height:60px; width:auto; max-width:100%;}

.owl-banners .owl-nav {position:absolute; margin-top:-24px; top:50%; left:-15px; right:-15px;}
.owl-banners .owl-prev, .owl-banners .owl-next {position:absolute; height:36px; font-family:"Glyphicons Halflings"; font-size:36px; color:rgb(255, 255, 255); opacity:0.5;}
.owl-banners .owl-prev {left:0px;}
.owl-banners .owl-next {right:0px;}
.owl-banners .owl-prev:hover, .owl-banners .owl-next:hover {opacity:1;}
.owl-banners .owl-prev::before {content:"";}
.owl-banners .owl-next::before {content:"";}

.categories_slider {}
.categories_slider .item {text-align:center;}
.categories_slider .item strong {display:block; margin-bottom:15px;}



@media screen and (max-width: 768px) {
	#main_slider .item .content h3 {font-size:1.6em;}
}



/* главный внутренний баннер */
#main_banner {margin: 0 auto 30px;text-align: center;}
#main_banner .banner {display: inline-block; max-width: 100%;position: relative; color: #111;text-decoration: none;}
#main_banner .banner img {max-width: 100%; max-height: 100%;width: auto; height: auto;}
#main_banner .banner.bg {display: inline-flex; flex-flow: column; align-content: center; justify-content: center; width: 100%;/* min-height: 150px; */background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
#main_banner .banner .content {margin: auto;padding: 30px;min-width: 100%;}
#main_banner .banner .annotation {font-size: 1.5em;line-height: 1.1;}
/**/





.section_misc {margin:0 auto 40px;}
.section_misc .wrapper {margin-bottom:15px;}
.section_misc .panel {height:100%;}
.section_misc ul {line-height:1.6;}

.section_title {position:relative; text-align:center; font-size:2em; line-height:1.2em; padding-bottom:15px; margin:0px auto 40px;}
.section_title::after {display:inline-block; content:""; position:absolute; left:50%; bottom:0px; width:200px; margin-left:-100px; height:3px; background:rgb(113, 148, 152);}

#sidebar .section_title {font-size:1.4em; margin-bottom:30px; padding-bottom:12px;}
#sidebar .section_title::after {}

.section_menu {margin:0px auto 60px;}

#hot_announcements {margin:30px 0px 45px;}
#hot_announcements .wrapper {margin-bottom:15px;}
#hot_announcements .item {padding:15px; background:rgb(242, 243, 248); position:relative; margin:0px 0px 15px; clear:both; overflow:hidden; height:100%;}
#hot_announcements .item::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2; top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}
#hot_announcements .item .preview {text-align:center; padding:0px; margin-bottom:10px;}
#hot_announcements .item .preview img {display:inline-block;}
#hot_announcements .item h3 {margin:0px 0px 10px;}

.panel {padding:0 0 0; background:#f2f3f8; position:relative; margin:0px 0px 15px; clear:both; overflow:hidden; border:none;}
.panel:before, .panel:after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2;}
.panel:after {top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}
.panel:before {left:0px; bottom:0px; border-width:20px 0px 0px 20px; border-color:transparent transparent transparent rgb(255, 255, 255);}
.panel-heading {background:#8cb0b3; padding:15px 15px 15px; color:#fff; font-weight:500; font-size:1.1em;}
.panel-body {padding:15px 15px 15px;}

.hot_contacts .item {padding:15px; background:rgb(242, 243, 248); position:relative; margin:0px 0px 15px; clear:both; overflow:hidden;}
.hot_contacts .item::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2; top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}
.hot_contacts {margin:30px auto 30px;}
.hot_contacts a {display:inline-block;}

@media only screen and (max-width: 767px) {
	.hot_contacts {text-align:center;}
}

.hot_previews .item {padding:0px; overflow:hidden; position:relative; text-align:center; display:block;}
.hot_previews .item .preview {display:block; padding-bottom:66%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transition:transform 0.7s ease 0.1s;}
.hot_previews .item .content {position:absolute; left:0px; right:0px; bottom:25px; z-index:1; transition:background-color 0.3s ease 0s;}
.hot_previews .item h3 {margin:0px; background:rgba(255, 255, 255, 0.7); padding:10px; line-height:1.1em; color:rgb(21, 21, 21); font-size:1.3em; font-weight:600; text-shadow:rgb(255, 255, 255) 0px 1px 1px, rgb(255, 255, 255) 0px 0px 5px;}
.hot_previews .item a {color:inherit; transition:none 0s ease 0s; text-decoration:none;}
.hot_previews .item::before, .hot_previews .item::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2;}
.hot_previews .item::before {left:0px; bottom:0px; border-width:20px 0px 0px 20px; border-color:transparent transparent transparent rgb(255, 255, 255);}
.hot_previews .item::after {top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}
.hot_previews .item:hover {}
.hot_previews .item:hover .preview {transform:scale(1.03);}
.section_preview .item {margin-bottom:30px;}

#hot_links {margin:45px 0px;}
#hot_links > div {padding:0px 15px 30px;}
#hot_links .item {height:100%; position:relative;}
#hot_links .item > a {display:block; background:rgb(113, 148, 152); text-align:center; padding:50px 15px 60px; height:100%; color:rgb(255, 255, 255); text-decoration:none;}
#hot_links .preview {padding:0px 15px; margin-bottom:30px;}
#hot_links .preview img {max-height:48px; height:auto; width:auto; display:inline-block;}
#hot_links .content {padding:0px 15px; font-size:1.25em; font-weight:500; overflow-wrap:break-word;}
#hot_links .item > a:hover {background:rgb(66, 66, 67) !important;}
#hot_links .item::before, #hot_links .item::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2;}
#hot_links .item::before {left:0px; bottom:0px; border-width:40px 0px 0px 40px; border-color:transparent transparent transparent rgb(255, 255, 255);}
#hot_links .item::after {top:0px; right:0px; border-width:0px 40px 40px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}

@media screen and (max-width: 1199px) {
	#hot_links .item > a {padding:30px 15px;}
}

#hot_links .item.highlighted > a {background:rgb(2, 100, 111);}
#hot_links_v2 {margin:45px 0px;}
#hot_links_v2 .row-eq-height > div {padding-bottom:30px;}

#hot_news {padding:0px 0px 60px;}
#hot_news .row-eq-height > div {padding-bottom:30px;}
#hot_news .item {background:rgb(242, 243, 248); height:100%; padding:0px; overflow:hidden; position:relative; transition:background-color 0.3s ease 0s;}
#hot_news .item .preview {display:block; padding-bottom:44%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform-origin:50% 100%; transition:transform 0.7s ease 0.1s;}
#hot_news .item .content {padding:15px 15px 40px; line-height:1.1em; color:rgb(21, 21, 21); position:relative; z-index:10;}
#hot_news .item h3 {margin:0px 0px 15px;}
#hot_news .item .anno {opacity:0.8; font-size:0.85em; margin-bottom:15px;}
#hot_news .item .date {display:inline-block; margin-right:20px; vertical-align:middle; font-weight:500;}
#hot_news .item a {color:inherit; transition:none 0s ease 0s;}
#hot_news .item .read_more {font-size:0.9em; display:inline-block; vertical-align:middle; opacity:0.8;}
#hot_news .item::before, #hot_news .item::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2;}
#hot_news .item::before {left:0px; bottom:0px; border-width:20px 0px 0px 20px; border-color:transparent transparent transparent rgb(255, 255, 255);}
#hot_news .item::after {top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}
#hot_news .item:hover {background:rgb(247, 166, 61);}
#hot_news .item:hover .preview {transform:scale(1.05);}
#hot_news .item:hover .content {color:rgb(255, 255, 255);}

@media screen and (min-width: 1200px) {
	#hot_news .item .content {padding:20px 30px 40px;}
}

.news_preview .item {background:rgb(242, 243, 248); height:100%; padding:0px; overflow:hidden; position:relative; transition:background-color 0.3s ease 0s; margin-bottom:30px;}
.news_preview .item .preview {padding:0px; position:relative;}
.news_preview .item .preview_img {display:block; inset:0px; padding-bottom:66%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform-origin:50% 100%; transition:transform 0.7s ease 0.1s;}
.news_preview .item .content {padding:20px 15px 40px; line-height:1.1em; color:rgb(21, 21, 21); position:relative; z-index:10;}
.news_preview .item h3 {margin:0px 0px 15px;}
.news_preview .item .anno {opacity:0.8; font-size:0.85em; margin-bottom:15px;}
.news_preview .item .date {display:inline-block; margin-right:20px; vertical-align:middle; font-weight:500;}
.news_preview .item a {color:inherit; transition:none 0s ease 0s;}
.news_preview .item .read_more {font-size:0.9em; display:inline-block; vertical-align:middle; opacity:0.8;}
.news_preview .item::before, .news_preview .item::after {content:""; width:0px; height:0px; position:absolute; border-style:solid; z-index:2;}
.news_preview .item::before {left:0px; bottom:0px; border-width:40px 0px 0px 40px; border-color:transparent transparent transparent rgb(255, 255, 255);}
.news_preview .item::after {top:0px; right:0px; border-width:0px 20px 20px 0px; border-color:transparent rgb(255, 255, 255) transparent transparent;}


#doctors_slider {margin-bottom:60px;}
#doctors_slider .owl-doctors {background:rgb(242, 243, 248); padding:50px 63px;}
#doctors_slider .item {width:200px; background:rgb(255, 255, 255); height:100%; color:inherit; transition:background-color 0.3s ease 0s, color 0.2s ease 0s;}
#doctors_slider .preview {display:block; overflow:hidden; position:relative; padding-bottom:90%; background:50% 0px / cover no-repeat rgb(238, 238, 238); text-align:center;}
#doctors_slider .preview img {display:block; position:absolute; top:0px; width:100%; height:auto;}
#doctors_slider .content {padding:20px 15px 45px;}
#doctors_slider .content .category {display:block; margin-bottom:10px; opacity:0.8; font-size:0.9em;}
#doctors_slider .content h3 {font-size:1em; margin:0px auto 15px; padding-bottom:10px; border-bottom:1px solid rgb(120, 144, 184);}
#doctors_slider .content h3 a {color:inherit; text-decoration:none; transition:none 0s ease 0s;}
#doctors_slider .content .anno {font-size:0.8em; opacity:0.75;}
#doctors_slider .item:hover {background:rgb(248, 166, 61); color:rgb(255, 255, 255);}
#doctors_slider .item:hover .content h3 {border-color:rgb(255, 255, 255);}
#doctors_slider .owl-stage {display:flex;}


#info_for_clients {margin-bottom:60px;}


.rss_news {padding:30px 15px;}
.rss_news .section_title {font-size:1.4em; padding-bottom:10px; text-align:left; margin-bottom:30px;}
.rss_news .section_title::after {left:0px; margin-left:0px; width:60px;}
.rss_news .item {margin:0px 0px 10px;}
.rss_news a {display:block; font-weight:400; margin:0px 0px 2px; text-decoration:none; line-height:1.1em;}
.rss_news .date {color:rgb(119, 119, 119); font-size:0.9em;}
.rss_news .date i {margin-right:3px;}

.categories_slider .owl-nav {top:auto;}
.categories_slider .owl-nav > div {width:24px; height:24px; line-height:24px; font-size:20px;}
.categories_slider .all_categories {margin-top:15px;}


.owl-nav {position:absolute; top:50%; margin-top:-26px; left:0px; right:0px;}
.owl-nav > div {position:absolute; width:52px; height:52px; line-height:52px; background:rgb(255, 255, 255); color:inherit; font-size:24px; text-align:center; transition:background-color 0.3s ease 0s, color 0.2s ease 0s;}
.owl-nav > div:hover {background:rgb(248, 166, 61); color:rgb(255, 255, 255);}
.owl-nav .owl-prev {left:0px;}
.owl-nav .owl-next {right:0px;}


.map_wrapper {min-height:450px; background:rgb(253, 250, 241);}


.page_index #main {margin-bottom:45px;}

.page_title {padding:45px 15px 60px; background:url() 50% 50% / cover no-repeat rgb(144 182 185); color:rgb(255, 255, 255); text-align:center; font-size:2.4em; line-height:1.2em; margin:0px;}
.page_title > span {display:inline-block; position:relative;}
.page_title > span::after {margin:15px auto 0px; display:block; content:""; background:rgb(255, 255, 255); width:80px; height:3px;}


.breadcrumbs {font-size:1em; padding:15px 5px; margin-bottom:45px; letter-spacing:0.02em; color:rgb(21, 21, 21); border-bottom:1px solid rgb(235, 235, 235);}
.breadcrumbs ul {margin:0px; padding:0px; list-style:none;}
.breadcrumbs ul li {display:inline-block;}
.breadcrumbs a {display:inline-block; color:rgb(248, 166, 61);}
.breadcrumbs .parent_active > li:last-child a {color:rgb(21, 21, 21);}
.breadcrumbs .parent_active > li:not(:last-child)::after {content:""; font-family:FontAwesome; display:inline-block; font-size:16px; vertical-align:middle; margin:0px 10px;}

#sidebar {}
#sidebar .widget {background:rgb(242, 243, 248); overflow:hidden; padding:40px 20px 45px; margin:0px 0px 40px;}
#sidebar .widget h3 {margin:0px 0px 30px; text-align:center;}


.small_preview .item {}
.small_preview .item .preview {display:inline-block; width:96px; height:78px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; float:left; margin-right:10px;}
.small_preview .item .content {overflow:hidden; line-height:1.1em;}
.small_preview .item .date {display:inline-block; font-size:0.9em; line-height:1em; color:rgb(102, 102, 102);}
.small_preview .item strong {display:block; font-weight:500;}


#side_news {}
#side_news .item {clear:both; margin:0px 0px 30px; overflow:hidden;}
#side_news .item .preview {width:72px; height:60px;}

@media screen and (max-width: 1300px) {
	#side_news .item .preview {display:none;}
}

.hot_items {}
.hot_items h3 {}
.hot_items [class*="col-"] {margin-bottom:15px;}
.hot_items .item {background:rgb(242, 243, 248); overflow:hidden; height:100%;}
.hot_items .item .preview {width:150px; height:120px; margin-right:0px;}
.hot_items .item .content {padding:15px;}
.hot_items .item h3 {font-size:1.2em; margin:0px auto;}
.hot_items .item a {color:rgb(85, 85, 85); text-decoration:none;}


.item_card {overflow:hidden; padding:15px 0px 30px; margin-bottom:15px; border-bottom:1px dotted rgb(204, 204, 204);}
.item_card:last-child {border-bottom:none;}
.item_card h3 {margin-top:5px;}
.item_card .preview {display:block; float:left; background-position:50% center; background-repeat:no-repeat; background-size:contain; margin-right:15px; padding:0px; width:196px; height:196px; border-radius:0px; overflow:hidden;}


.guestbook_post {padding:15px 0px; border-bottom:1px dotted rgb(204, 204, 204);}
.guestbook_post h3 {margin-top:0px;}
.guestbook_post .date {font-size:0.9em; color:rgb(119, 119, 119);}
.guestbook_post .message {}
.guestbook_post .reply {margin:15px auto 15px 15px; padding:5px 10px; border-left:4px solid rgb(204, 204, 204); font-size:0.9em; font-style:oblique;}
.guestbook_post .reply p:last-child {margin-bottom:0px;}


#article {margin:0px auto 45px;}


.tab-content {padding:15px 15px 30px;}


.entry {overflow-x:auto; padding-bottom:30px;}
.entry > .anno {margin: 0 auto 20px;border-bottom: 1px solid #91b6b9;font-style: oblique;padding: 15px 0 15px;}

.entry img {max-width:100%; height:auto;}
.entry iframe {border:none; max-width:100%;}


.gallery {clear:both; padding:15px; text-align:center;}
.gallery > .item {display:inline-block; margin:5px; position:relative; overflow:hidden; width:160px; height:100px; text-align:center;}
.gallery > .item img {display:inline-block; max-width:100%; max-height:100%;}
.gallery > .item > span {opacity:0; position:absolute; bottom:0px; left:0px; right:0px; height:22px; line-height:22px; background:rgba(61, 168, 199, 0.7); color:rgb(255, 255, 255); font-size:12px; overflow:hidden; text-align:center; transition:opacity 0.3s ease-in 0s;}
.gallery > .item:hover > span {}
.gallery > .item:hover {box-shadow:rgba(0, 0, 0, 0.4) 5px 5px 10px; z-index:5; position:relative; transform:scale(1.2); transition:all 0.2s ease-out 0s;}


.spoiler_well {}
.spoiler > .content {display:none;}
.spoiler {overflow:hidden; clear:both;}
.spoiler_toggle {display:block; padding:10px 15px; background:rgb(248, 166, 61); border-radius:0px; cursor:pointer; text-decoration:none; color:rgb(21, 21, 21);}
.spoiler_toggle:hover {background:rgb(2, 100, 111); color:rgb(255, 255, 255); text-decoration:none;}
.spoiler_toggle h3 {margin:0px; font-size:1.2em;}
.spoiler_well > .content {padding:15px;}
.content .spoiler_toggle {display:inline-block; float:right; padding:5px 10px;}


.page_share_buttons {margin:15px auto 30px;}


.poll {margin:0px auto 30px;}
.poll_title {font-weight:500; font-size:1.2em; margin:0 auto 10px;}
.poll_answers {margin-left:15px;}
.poll_answers label {display:block; margin:0px; font-weight:normal;}
.poll_answers > span {display:block; clear:both;}
.poll_answers input {margin-right:0.3em;}
.poll_submit {margin:20px auto 10px;}
.poll_results {display:inline-block; font-size:.9em;}


#footer {}
#footer_body {background:rgb(60, 68, 79); padding:45px 15px 60px; color:rgb(255, 255, 255);}
#footer_bottom {background:rgb(50, 57, 66); padding:15px; text-align:center; color:rgb(141, 150, 162);}
#footer_body a {color:rgb(255, 255, 255);}
#footer .info_block {position:relative; font-size:0.95em; margin:0px auto 30px;}
#footer .info_block span {display:inline-block; min-width:160px; color:rgb(248, 166, 61); margin-right:3px;}
#footer .info_block a {color:rgb(255, 255, 255);}
#footer .section_title {font-size:1.2em; text-align:left; margin-bottom:30px; font-weight:500; color:rgb(238, 238, 238); text-transform:uppercase;}
#footer .section_title::after {margin-left:0px; left:0px; width:100%; height:1px; background:rgb(79, 92, 110);}
#footer #last_mod {font-size:0.9em; color:rgb(170, 170, 170); margin-bottom:25px;}
#footer #last_mod .date {color:rgb(255, 255, 255); font-size:1.2em;}
.footer_pages {margin:0px 0px 45px;}
#footer .site_by {clear:both; font-weight:600; float:right; color:rgb(255, 255, 255); text-decoration:none; opacity:0.5;}
#footer .site_by:hover {opacity:1;}

.social_networks {}
.social_networks a {display:inline-block; width:26px; height:26px; line-height:26px; color:inherit; font-size:20px; text-align:center; opacity:0.75;}
.social_networks a:hover {opacity:1;}


.ww_form {list-style-type:square; padding:15px;}
.ww_form li {padding:15px 0px; border-bottom:1px dotted rgb(204, 204, 204); clear:both; color:rgb(0, 0, 0);}
.ww_form li:last-of-type {border-bottom:none;}
.ww_form label {display:block; margin:0px; font-weight:normal;}
.ww_form .radio_group label {font-weight:normal;}
.ww_form input[type="text"], .ww_form input[type="email"], .ww_form select, .ww_form textarea {border:2px solid rgb(189, 189, 189); line-height:1.6em; background:rgb(250, 250, 250);}
.ww_form input[type="text"]:focus, .ww_form input[type="email"]:focus, .ww_form select:focus, .ww_form textarea:focus {border-color:rgb(61, 168, 199); outline:none;}
.ww_form input[type="text"], .ww_form input[type="email"], .ww_form select, .ww_form textarea, .ww_form .Captcha {width:100%; font-size:1em; max-width:100%; padding:5px 0.2em; min-height:28px;}
.ww_form input[type="radio"], .ww_form input[type="checkbox"] {}
[data-bind="u"] {display:none;}
[field="captcha"] {display:block; width:100%; clear:both; margin-top:15px;}

@media screen and (min-width: 768px) {
	.ww_form input[type="text"], .ww_form input[type="email"], .ww_form select {min-width:260px; width:50%;}
}

.ww_form .er {margin-left:1em; color:darkred; font-size:0.9em; font-weight:bold; display:inline-block;}
.archive_header {margin-bottom:30px; clear:both; overflow:hidden;}
.archive_header .MapTabs {}
.archive_header .MapTabs .tabSelect {font-weight:600; background-color:rgb(2, 100, 111); padding:5px 15px; overflow:hidden; color:rgb(255, 255, 255);}
.archive_header .MapTabs span {display:inline-block; padding:0px 0.4em; margin-right:0.3em; cursor:pointer;}
.archive_header .MapTabsBody {}
.archive_header .MapTabsBody > span {margin-right:0.3em;}
.archive_header .MapTabsBody > span > span {display:inline-block; font-weight:600; overflow:hidden; background:rgb(2, 100, 111); margin-right:10px; vertical-align:middle; color:rgb(255, 255, 255); padding:5px 10px;}
.archive_header .MapTabsBody > span > a {display:inline-block; text-decoration:underline; margin-right:10px;}
.archive_header .MapTabsBody > span > a:hover {}
.year_hidden .archive_header .MapTabs {display:none;}


.archive_list .date, .archive_list h3 {font-weight:bold; margin-top:0px;}
/*
.archive_list .item .preview {display:block; float:left; background-position:50% center; background-repeat:no-repeat; background-size:cover; width:96px; height:96px; margin-right:15px;}
*/
.pagination {text-align:center; display:block; margin:15px 0px; padding:15px; font-weight:bold;}
.pagination span {border:2px solid rgb(204, 204, 204); display:inline-block; line-height:24px; height:28px; width:28px; margin:0px 3px; padding:0px; border-radius:10px 3px; overflow:hidden; vertical-align:top;}
.pagination span:hover {border-color:orange;}
.pagination span:hover a {}
.pagination .page_hidden {background:none; border-color:transparent !important;}
.pagination span a {color:inherit; display:block; text-decoration:none;}
.pagination .page_current {border:2px solid rgb(255, 165, 1); background:rgb(255, 165, 1); margin:0px 5px; color:rgb(255, 255, 255);}
.search_field {text-align:left; padding:0px 15px; position:relative; top:20%; width:600px; margin:0px auto; display:block;}
.search_field:hover {border-color:rgb(119, 119, 119);}
.search_form {line-height:1em; display:block; width:100%; border-bottom:1px solid rgb(238, 238, 238); position:relative;}
.search_form input[type="search"] {background:none; color:rgb(255, 255, 255); border:none; height:80px; line-height:80px; padding:0px 110px 0px 0px; margin:0px; outline:none; font-size:2em; width:100%;}
.search_form input:-internal-autofill-previewed, .search_form input:-internal-autofill-selected {background:none !important; color:rgb(255, 255, 255) !important;}
.search_form button {background:none; border:0px; position:absolute; cursor:pointer; width:50px; height:80px; right:0px; top:0px; margin:0px; line-height:80px; color:rgb(255, 255, 255); text-align:center; border-radius:0px 3px 3px 0px; padding:0px; outline:none;}
.search_form button.submit {right:60px;}
.search_form button:hover {color:rgb(255, 165, 1);}
.search_form button:hover::before {border-radius:0px; border-left:0px;}
.search_form button i {display:inline-block; vertical-align:middle; font-size:32px;}

@media only screen and (max-width: 620px) {
	.search_field {width:100%;}
}

button, .button {padding:7px 15px; display:inline-block; background:rgb(248, 166, 61); text-transform:uppercase; color: #fff; text-decoration:none !important; border:none;}
button:hover, .button:hover {background:rgb(66, 66, 67);}
a.button {color: #fff;}

.lng_select {display:inline-block; vertical-align:middle;}
.lng_select a {text-decoration:none;cursor: pointer;}
.lng_select img {height:24px; display:inline-block;}
.lng_select .active {pointer-events: none;font-weight: 600;}

#vi_mode {display:inline-block; margin-right:45px; vertical-align:middle;}
#vi_mode .wep_toggle {color:rgb(2, 100, 111); cursor:pointer; display:inline-block; vertical-align:middle;}
#vi_mode .wep_toggle::before {font-size:22px !important;}


#scroll_up_button {display:block; position:fixed; bottom:-50px; right:40px; border-radius:50%; width:50px; height:50px; font-size:24px; line-height:50px; opacity:0.7; background:rgb(248, 166, 61); text-align:center; cursor:pointer; color:rgb(255, 255, 255); z-index:999; transition:bottom 0.5s ease 0s, opacity 0.5s ease 0s;}
#scroll_up_button:hover {opacity:1; transition:opacity 0.5s ease 0s;}
.downscrolled #scroll_up_button {bottom: 40px;}



.popup_layer {display:block; text-align:center; position:fixed; inset:0px; background:rgba(0, 0, 0, 0.3); font-size:0px; z-index:10000;}
.popup_layer::before {content:""; display:inline-block; width:0px; height:100%; vertical-align:middle;}
.popup_layer .popup_window {display:inline-block; vertical-align:middle; width:calc(100vw - 20px); font-size:1rem; max-width:1000px; background:rgb(255, 255, 255); padding:40px 0px 0px; position:relative; text-align:left; box-shadow:rgba(0, 0, 0, 0.5) 0px 2px 20px 4px;}
.popup_layer .popup_window .caption {height:40px; background:rgb(2, 100, 111); text-align:left; padding:0px 20px; line-height:40px; position:absolute; top:0px; right:0px; display:block; width:100%;}
.popup_layer .popup_window .caption .close {display:block; color:rgb(255, 255, 255); width:30px; height:30px; position:absolute; right:5px; top:5px; line-height:30px; opacity:1; font-weight:400;}
.popup_layer .popup_window .body {overflow-y:auto; height:100%; padding:15px; max-height:calc(90vh - 40px);}
.popup_layer .popup_window .title {font-weight:600; font-size:1em; color:rgb(255, 255, 255); padding-right:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.popup_layer .popup_window .content {padding:5px;}

/* google translate hack */
body {top:0px !important;}
#google_translate_element, .skiptranslate, .goog-te-banner-frame {display:none !important;}


.onscroll {visibility:hidden;}
.visible {visibility:visible !important;}

.container.row, .no-gutter {margin-right:auto; margin-left:auto;}
.container.row, .no-gutter [class*="col-"] {padding-right:0px; padding-left:0px;}
.row-eq-height {flex-wrap:wrap; display:flex;}
span.icon::before {font-family:FontAwesome; content:"";}


/* tbl */
.tbl {border-collapse:collapse; border-spacing:0px; max-width:100%; overflow-x:auto; font-size:0.9em; border-bottom:1px solid rgb(204, 204, 204);word-break: initial;}
.tbl td {padding:10px 15px; border:1px solid rgb(242, 243, 248);}
.tbl tr:nth-child(2n) td {background:rgb(242, 243, 248);}
.tbl tr:first-child, .tbl thead td, .tbl th {background:rgb(248, 166, 61); color:rgb(255, 255, 255); text-transform:uppercase;}
.tbl tr:first-child td, .tbl th {padding:15px 10px;}
.tbl tr:hover {background:rgb(250, 250, 250); color:rgb(0, 0, 0);}