@charset "UTF-8";

/* ******************************* */
/* Типовой шаблон #2 - "Солнышко!" */
/* v20180927                       */
/* ВЕБ-МАСТЕРСКАЯ.БЕЛ              */
/* ******************************* */

*:focus {outline: none; }

html {}
body {font-size: 18px; font-family: "Cuprum"; color: #111; }


#body_bg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -100; background: url("/files/00033/img/background.jpg") center center no-repeat fixed; background-size: cover; }


#layout {}

#header {}

/* текст в шапке */
#header_caption {min-height: 120px; padding: 40px 0 0; text-shadow: 0 -1px 8px rgb(0, 0, 0); color: #fff; font-weight: 400; font-family: "Neucha"; position: relative; z-index: 20; text-align: center; transition: text-shadow 0.5s ease-in-out; }
	#header_caption a {text-decoration: none; color: inherit; }
	#header_caption h3 {font-size: 18px; margin: 0; line-height: 1em; }
	#header_caption h2 {font-size: 24px; margin: 1.2em auto 0.3em; line-height: 1em;}
	#header_caption h1 {font-size: 38px; font-weight: 600; margin: 0; line-height: 1em; letter-spacing: 0.0625em; }


/* логотип - Солнце */
#logo {width: 180px; height: 180px; position: relative; z-index: 9; margin: -90px auto 0; bottom: -82px; transition: all 1.5s ease; cursor: pointer; }
	#logo img {display: block; margin: 0 auto; width: 180px; height: 180px; position: relative; z-index: 10; }
	#logo:hover {
		-webkit-animation: pulse 0.8s ease-out infinite;
		-moz-animation: pulse 0.8s ease-out infinite;
		animation: pulse 0.8s ease-out infinite;
	}

	#logo:before {content: ""; position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: url(/files/00033/img/logo_bg.png) 50% 50% no-repeat;
		-webkit-animation:spin 60s linear infinite;
		-moz-animation:spin 60s linear infinite;
		animation:spin 60s linear infinite;
	}
		#logo:hover:before {
			-webkit-animation:spin-left 15s linear infinite;
			-moz-animation:spin-left 15s linear infinite;
			animation:spin-left 15s linear infinite;
		}
		

	
/* ************ */
/* Главное меню */
/* ************ */
#main_menu {top: 0; left: 0; right: 0; width: 100%; font-size: 16px; /*position: fixed;*/ }
	#main_menu.fixed-top {position: fixed; z-index: 100; }

	#main_menu ul {margin: 0; padding: 0; list-style-type: none; }
		
		/* радужная раскраска */
		#main_menu .level_0 > li:nth-child(7n+1),
		#main_menu .level_0 > li:nth-child(7n+1) ul {background-color: #ff5c40; }
		#main_menu .level_0 > li:nth-child(7n+2),
		#main_menu .level_0 > li:nth-child(7n+2) ul {background-color: #ffa90c; }
		#main_menu .level_0 > li:nth-child(7n+3),
		#main_menu .level_0 > li:nth-child(7n+3) ul {background-color: #ffd900; }
		#main_menu .level_0 > li:nth-child(7n+4),
		#main_menu .level_0 > li:nth-child(7n+4) ul {background-color: #7bd422; }
		#main_menu .level_0 > li:nth-child(7n+5),
		#main_menu .level_0 > li:nth-child(7n+5) ul {background-color: #2cb8f1; }
		#main_menu .level_0 > li:nth-child(7n+6),
		#main_menu .level_0 > li:nth-child(7n+6) ul {background-color: #4496ff; }
		#main_menu .level_0 > li:nth-child(7n+7),
		#main_menu .level_0 > li:nth-child(7n+7) ul {background-color: #9d65f3; }
		/* */


#main_menu li:first-letter,
.section_bonus_nav .button > span:first-letter,
.section_menu li:first-letter,
h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter,
#footer .level_0 li:first-letter,
.label:first-letter
{text-transform: uppercase; }


/* меню для крупных экранов */
@media (min-width: 768px) {
	#main_menu .level_0 {position: relative; width: 100%; margin: 0; display: table; border-radius: 10px; line-height: 24px; word-break: break-word; padding: 0; z-index: 100; }		
		#main_menu .level_0:after {position: absolute; z-index: -1; left: 0; top: 0; content: ""; background-color: #fff; width: 100%; height: 40%; transition: background-color 1s ease; }
		#main_menu .level_0:hover:after {background-color: rgba(255,255,255,0.2) !important; }
		#main_menu .level_0:hover > li:not(:hover) {background-color: rgba(255,255,255,0.4) !important; }
		
	#main_menu .level_0 > li {display: table-cell; position: relative; vertical-align: middle; max-width: 130px; text-align: center; border-radius: 0;  box-shadow: 0 3px 50px -16px #000; opacity: 0.95; border-bottom: solid 5px rgba(0, 0, 0, 0.15); transition: background-color 1s ease; }
		#main_menu .level_0 > li:first-child {border-radius: 0 0 0 10px; }
		#main_menu .level_0 > li:last-child {border-radius: 0 0 10px 0; }
		#main_menu .level_0 > li:hover {z-index: 20; box-shadow: 0 5px 20px -7px #000; opacity: 1; }
			#main_menu .level_0 > li.parent:hover {border-radius: 0; }
			#main_menu .level_0 a {display: block; line-height: 1em; padding: 10px 10px 12px; text-decoration: none; color: #000; }
	
	#main_menu .level_1 {display: none; position: absolute; text-align: left; padding: 15px 0; width: 250px; background-color: rgba(255,255,255,0.7); border-radius: 0 10px 10px 10px; z-index: 100; box-shadow: inset 0 10px 50px -24px rgba(0,0,0,0.4); }
		#main_menu .level_1 a {display: block; padding: 5px 10px 5px 15px; color: #000; }
			#main_menu .level_1 a:hover {background: rgba(245, 245, 245, 0.40); }
		#main_menu .level_0 > li:hover .level_1 {display: block; top: 100%; left: 0; margin-top: 0; }
	
	#main_menu .search_box {display: none; }
}


/* меню для мобильных устройств */
@media (max-width: 767px) {
	#main_menu {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; background: rgba(0,0,0,0.7); max-height: 100vh; overflow: auto; z-index: 100; }	
		#main_menu.toggled {display: block; }
			#main_menu.toggled .search_box {display: block; padding: 15px; }
	
	#main_menu .level_0 a {display: block; color: #000; padding: 0 10px; }
	#main_menu .level_0 > li {display: block; max-width: none; margin: 5px; clear: both; border-radius: 10px; padding: 10px; }
		#main_menu .level_0 > li > a {font-weight: 600; padding: 5px 10px; font-size: 1.2em; }
	
		#main_menu .level_1 {position: relative; display: block; background-color: transparent !important; margin-left: 15px; columns: 2; }
			#main_menu .level_1 > li {display: inline-block; width: 100%; }

	#main_menu_toggle {border: 0; width: 36px; height: 36px; position: fixed; top: 10px; right: 10px; z-index: 200; text-align: center; padding: 0; line-height: 36px; }
		#main_menu_toggle:before {font-family: "Icons"; content: "\f008"; font-size: 22px; }
}


/* основной слайдер на главной (доп. стили см. в owl-theme.css) */
#main_slider {padding: 0;background: rgba(255, 255, 255, 0.15);position:  relative;}
	#main_slider .item {background-color: pink; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 50%; position: relative; min-height: 300px; }
		#main_slider .content {position: absolute; top: 50%; width: 100%; transform: translate(0, -50%); text-align: center; color: #fff; padding: 15px 5%; max-height: 100%; overflow: hidden; }
		#main_slider h2 {font-weight: bold; font-size: 36px; text-shadow: 0 1px 12px rgb(0, 0, 0); }
		#main_slider p {font-size: 24px; text-shadow: 0 1px 10px rgb(0, 0, 0); }
		#main_slider .button {margin-top: 36px; opacity: 0.85; }

/* */



#main {}



/* **************************** */
/* Секции: области с содержимым */
/* **************************** */

/* секция-контейнер */
.section_box {border-top: solid 6px #47b1e8; background-color: rgba(255,255,255,1); min-height: 100px; padding-top: 15px; padding-bottom: 30px; border-bottom: solid 8px #4da512; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 12px 50px -18px #000; transition: box-shadow 0.5s ease-in-out;

	/* edit: http://colorzilla.com/gradient-editor/#dbf3ff+0,ffffff+20 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(219,243,255,1) 0%, rgba(255,255,255,1) 100px);
	background: -webkit-linear-gradient(top, rgba(219,243,255,1) 0%,rgba(255,255,255,1) 100px);
	background: linear-gradient(to bottom, rgba(219,243,255,1) 0%,rgba(255,255,255,1) 100px);

}


/* заголовки секций ~ маркеры */
.label {display: inline-block; background-color: rgba(255, 165, 0, 0.5); padding: 8px 15px; border-radius: 10px; position: relative; font-size: 18px; line-height: 1.1em; /*margin-left: -30px;*/ min-width: 100px; margin-bottom: 1em; clear: both; }
	.section_box .label:first-of-type {/* float: left; */ margin: 0 0 1em -30px; padding: 8px 15px 8px 30px; }
	
	
/* общее описание секций */
.section {margin-bottom: 25px; }
	.section h2 {display: inline-block; background-color: rgba(255, 165, 0, 0.5); padding: 8px 15px; border-radius: 10px; position: relative; line-height: 1.1em; min-width: 100px; }


/* объявления */
#announcements h3 {margin: 0 0 15px; }


/* горячие новости */
.section_hot_news {}
.section_hot_news .item {padding: 5px 5px 15px; }
	.section_hot_news .item a {display: block; text-decoration: none; padding: 10px; position: relative; }
		.section_hot_news .item a:link {color: inherit;}
	.section_hot_news .preview {display: block; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 100%; padding-bottom: 60%; border-radius: 5px; position: relative; overflow: hidden; text-align: center; }
		.section_hot_news .preview .wrapper.empty {background-color: #fdfdfd; box-shadow: inset 0 0 20px -1px #f3f3f3; }
		.section_hot_news .preview .wrapper.empty:before {font-family: "Icons"; position: absolute; top: 50%; left: 50%; margin-left: -18px; margin-top: -36px; font-size: 48px; color: #ccc; }
		.section_hot_news img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

	.section_hot_news .content {clear: both;text-align: center;line-height: 1.1em;margin-top: 5px;}
		.section_hot_news h3 {font-size: 22px; margin: 0 auto; }






/* секция баннеров (доп. стили см. в owlCarousel.css) */
#attention_banners {margin: 30px 0 0; padding: 0 30px; overflow: hidden; }
	#attention_banners img {max-width: 250px; height: auto; max-height: 72px; width: auto; }


.section_banners {margin: 45px auto 30px; }
#banners_slider {padding: 0 40px; }
	#banners_slider .item {position: relative; }
	#banners_slider img {max-height: 64px;height: auto;max-width: 250px;width: auto;display: inline-block;vertical-align: middle;}


/* доп. навигация - 4 кнопки-ссылки на страницы */
.section_bonus_nav {margin: -60px auto 15px; position:relative; z-index: 20;  }
	.section_bonus_nav .item {margin: 0 auto 15px; text-align: center; }
	.section_bonus_nav .button {width: 100%; line-height: 40px; font-size: 16px; max-width: 180px; border-radius: 5px; }


/* разное на главной: опросы, популярные страницы и пр. */
.section_misc {padding: 30px 0 30px; background-color: #d3f2ff; }


/* секция с RSS */
.section_rss_news .item {font-size: 0.8em; margin-bottom: 5px; color: #555; }
	.section_rss_news .item a {color: inherit; }
	.section_rss_news .item .date {font-weight: bold; padding-right: 0.3em; }




/* ******************* */
/* Содержание страницы */
/* ******************* */
#page_content .content {font-size: 20px; overflow-x: auto; }
#page_content .side {}

#page_content .entry {overflow: hidden; clear: both; margin-bottom: 20px; word-break: break-word; }
	#page_content .entry .preview {padding-left: 0; }


img[align="left"] {margin: 5px 10px 5px 0; }
img[align="right"] {margin: 5px 0 5px 10px; }


/* Записи - спойлеры */
/* #page_content .spoiler {margin: 15px 0 30px; } */

#page_content .spoiler .content {display: none; /* clear: both; */}
#page_content .spoiler .button {margin-top: 10px; }
#page_content .spoiler .preview+.anno {overflow: hidden; }



.pagination {text-align: center; padding: 5px 15px; border: dotted 1px #eee; border-left: none;border-right: none; margin: 30px 0 15px;}
	h1 + .pagination {margin-top: 0; }

	.pagination span {margin: 0 3px;background-color: #f5f5f5;}
	.pagination .page_current, .pagination .page_hidden, .pagination .button {border-bottom: none !important;vertical-align: top;padding: 2px 10px;text-align: center;/* min-width: 1.7em; */border-radius:  3px;}

	.pagination .page_current {background-color: #47b1e8; color: #fff; }




.page_share_buttons {margin-top: 60px; margin-bottom: 15px; }





/* Фотогалереи */
.gallery {overflow: hidden; }
	.gallery > .item {display: block; float: left; margin: 5px; position: relative; overflow: hidden; }
		.gallery > .item > span {opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; background: rgba(0, 92, 76, 0.65); color: #ccc; font-size: 14px; overflow: hidden; text-align: center;
	transition: opacity 0.3s ease-in; }
		.gallery > .item:hover > span {opacity: 1; }


/* Блоки panel */
.panel {margin-top: 24px; }
	.panel-heading {display: inline-block; background-color: rgba(255, 165, 0, 0.5); padding: 8px 15px 8px 30px; border-radius: 10px; position: relative; font-size: 18px; line-height: 1.1em; min-width: 100px; }
	.panel-heading.label {margin-bottom: 0; }
	.panel-body {padding: 15px; min-height: 100px; border-radius: 10px; }



/* Боковое меню (меню раздела и т.п.) */
.section_menu {line-height: 1em; }
	.section_menu ul {padding: 0 0 10px; }
		.section_menu ul ul {padding-left: 15px; padding-top: 10px; }
	.section_menu span {font-weight: 600; }
	.section_menu .level_1 .parent:not(.parent_active) ul {display: none; }


/* Оформление вывода опросов */
.poll_answers {margin-bottom: 1em; }
	.poll_answers input {margin-right: 0.3em; }
	.poll_answers label {display: block; }	




/* ********************************************* */
/* АРХИВЫ ПО ДАТАМ (новостей, фотогалерей и пр.) */
/* ********************************************* */
.archive_header {margin: 1.5em 0 1em; }
	.archive_header.item {overflow: hidden; padding: 15px 0; }
		.archive_list .item {overflow: hidden; margin-bottom: 15px; }
		.archive_list .item h3 {margin-top: 0; font-size: 1em; }
		.archive_list .item .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 96px; height: 96px; margin-right: 15px; }


/* тип = закладки */
.archive_header .MapTabs {border-bottom: solid 2px #2db8f0; }
	.archive_header .MapTabs .tabSelect {font-weight: 600; background-color: #2db8f0; border-radius: 5px 5px 0 0; }
	.archive_header .MapTabs span {display: inline-block; line-height: 32px; padding: 0 0.4em; margin-right: 0.3em; cursor: pointer; }

.archive_header .MapTabsBody {padding: 5px; }
	.archive_header .MapTabsBody > span {line-height: 32px; margin-right: 0.3em; }
		.archive_header .MapTabsBody > span > span {display: inline-block; font-weight: 600; padding: 0 0.4em; background-color: #7bd422; border-radius: 10px; margin: 0 5px; }
		.archive_header .MapTabsBody > span > a {display: inline-block; text-decoration: underline; padding: 0 0.4em; border-radius: 10px; }
			.archive_header .MapTabsBody > span > a:hover {text-decoration: none; background-color: #f5f5f5; }




/* ****** */
/* Подвал */
/* ****** */
#footer {min-height: 100px; padding: 36px 0 64px; line-height: 1.2em; font-size: 16px; text-shadow: 0 0px 20px rgba(255,255,255,0.5); }
	#footer ul {padding-left: 30px; }
	#footer a {color: #222; }
	



/* форма поиска */
.search_box {opacity: 0.7; transition: opacity 0.5s ease; }
	.search_box:hover {opacity: 1; }

	.search_box form {position: relative; }
	.search_input_wrapper {padding-right: 72px; }
	.search_box input[type="search"] {width: 100%;} 
	.search_box input[type="submit"] {position: absolute; right: 0; top: 0; }

	#footer .search_box {margin-bottom: 30px; }

/* формы обратной связи */
.ww_form {list-style-type: none; padding: 15px; }
	.ww_form li {margin-bottom: 15px; /*border-bottom: dotted 2px #ccc;*/ clear: both; }
		/*
		.ww_form li > * {color: #222; }
		.ww_form li:last-of-type {border-bottom: none; }
		*/
		
	.ww_form label {display: block; margin: 0; }
	
	.ww_form input[type="text"],
	.ww_form input[type="email"],
	.ww_form select,
	.ww_form textarea {border: solid 2px #bbb; line-height: 1.6em; border-radius: 5px;  }

	.ww_form input:focus,
	.ww_form select:focus,
	.ww_form textarea:focus {border-color: orange; }
	
	.ww_form input,
	.ww_form select,
	.ww_form textarea,
	.ww_form .Captcha {width: 100%; font-size: 0.8em; max-width: 100%; padding: 0 0.2em; min-height: 28px; }
	
	
	[data-bind="u"] {display: none; }
	[field="captcha"] {display: block; width: 100%; clear: both; margin-top: 15px;  }


	@media (min-width: 768px) {		
		.ww_form input,
		.ww_form select {min-width: 350px; width: 50%; }
	}



/* карточка сотрудника, учащегося, вакансия, продукция и т.п. */
.item_card {overflow: hidden; padding: 15px 0; }
	.item_card h3 {margin-top: 0; font-size: 1em; font-weight: bold; }
	.item_card .preview {display: block; float: left; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; width: 112px; height: 112px; margin-right: 15px; border-radius: 50%; }
	



/* ************* */
/* Классы кнопок */
/* ************* */

/* обычная кнопка */
button:not(.fancybox-button),
.button {display: inline-block; padding: 7px 15px; border-width: 0; border-bottom: solid 5px rgba(0, 0, 0, 0.15); border-radius: 3px; color: #222; cursor: pointer; text-decoration: none; background-color: #ffa90c; box-shadow: inset 0 8px 20px -2px #ffe585; vertical-align: middle; line-height: 1.2em; }

button:not(.fancybox-button):hover,
.button:hover {text-decoration: none; color: #000; background-color: #ffd900; box-shadow: inset 0 8px 20px -2px rgba(255, 255, 255, 0.75); }

button:not(.fancybox-button):focus,
.button:focus {border-bottom: solid 5px rgba(170, 170, 170, 0.15); background-color: #ff5c40; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35); }
	.button span {display: inline-block; line-height: 1em; vertical-align: middle; }


/* маленькая кнопка */
.small.button {line-height: 1em; padding: 4px 10px; font-size: 0.9em; border-bottom: solid 3px rgba(0, 0, 0, 0.15); }

/* оранжевая */
.button.orange {background-color: #ffa90c; box-shadow: inset 0 8px 20px -2px #ffd900; }
	.button.orange:hover {background-color: #ffca00; box-shadow: inset 0px 8px 20px -2px #ffe585; }
	.button.orange:focus {background-color: #ff5c40; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35); }

/* красная */
.button.red,
.item:nth-child(2) .button
	{background-color: #ff5c40; box-shadow: inset 0 8px 20px -2px #ff8989; }
	.button.red:hover,
	.item:nth-child(2) .button:hover
		{background-color: #ef9535; box-shadow: inset 0 8px 20px -2px #fdc424; }
	.button.red:focus,
	.item:nth-child(2) .button:focus
		{background-color: #ccc; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35);}

/* зелёная */
.button.green,
.item:nth-child(3) .button
	{background-color: #6eca13; box-shadow: inset 0 8px 20px -2px #80ff00; }
	.button.green:hover,
	.item:nth-child(3) .button:hover
		{background-color: #81e600; box-shadow: inset 0px 8px 20px -2px #b4ff00; }
	.button.green:focus,
	.item:nth-child(3) .button:focus
		{background-color: #ccc; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35); }

/* синяя */
.button.blue,
.item:nth-child(4) .button
	{background-color: #21afe8; box-shadow: inset 0 8px 20px -2px #24daff; }
	.button.blue:hover,
	.item:nth-child(4) .button:hover
		{background-color: #34cdde; box-shadow: inset 0px 8px 20px -2px #80f2ff; }
	.button.blue:focus,
	.item:nth-child(4) .button:focus
		 {background-color: #ccc; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35); }
		 
/* */




/* анимации */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes spin-left { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin-left { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin-left { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

@-moz-keyframes pulse { 50% { -moz-transform: scale(1.05); } 100% { -moz-transform: scale(1); } }
@-webkit-keyframes pulse {50% { -webkit-transform: scale(1.05); } 100% { -webkit-transform: scale(1); } }
@keyframes pulse {50% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } }


/* движение Солнца */
.body_hovered #logo {bottom: 24px; transform: scale(1.3); opacity: 0.8; }
.body_hovered #header_caption {text-shadow: 0 1px 10px rgb(0, 0, 0); }
.body_hovered .section_box {box-shadow: 0 3px 50px -16px #000; }






/* шрифт - иконки */
@font-face{
	font-family: 'Icons';
	src: url('/files/00033/font/Icons/Icons.eot');
	src: url('/files/00033/font/Icons/Icons.eot?#iefix') format('embedded-opentype'),
	url('/files/00033/font/Icons/Icons.woff2') format('woff2'),
	url('/files/00033/font/Icons/Icons.woff') format('woff'),
	url('/files/00033/font/Icons/Icons.ttf') format('truetype');
}

.icon-sun:before { content: '\e800'; } /* '' */
.icon-sun-2:before { content: '\e801'; } /* '' */
.icon-gift:before { content: '\e802'; } /* '' */
.icon-bell:before { content: '\e803'; } /* '' */
.icon-cloud:before { content: '\e804'; } /* '' */
.icon-star:before { content: '\e805'; } /* '' */
.icon-heart:before { content: '\e806'; } /* '' */
.icon-menu:before { content: '\f008'; } /* '' */
.icon-smile:before { content: '\f118'; } /* '' */




/* Красивые таблицы */
.tbl,
.cool-table {border-collapse: collapse; border-spacing: 0; max-width: 100%; }

.tbl td,
.cool-table td {border: 1px solid #2ea1d0; padding: 3px; }

.tbl thead td,
.cool-table thead td,
.tbl th,
.cool-table th {background: #34bcf3; color: #fff; border: 1px solid #2ea1d0; padding: 12px 8px;	border-bottom-width: 3px; }

.tbl tr:nth-child(odd),
.cool-table tr:nth-child(odd) {background: #fafafa; }

.tbl tr:hover td,
.cool-table tr:hover td {background: #e7f8ff; color: #000; }



/* */
.wrapper {position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

.container.row,
[class^="col-"].row	{padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }


@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}



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


.mod_buttons {margin-top: 15px; text-align: left; position: relative; z-index: 10; }
	.mod_buttons img {max-height: 24px; }
	.mod_buttons a {opacity: 0.75; margin-left: 3px; cursor: pointer; } 
		.mod_buttons a:hover {opacity: 1; }
		
	.mod_buttons .wep_toggle {margin-left: 30px; }
			

#scroll_up_button {position: fixed; bottom: 45px; left: 45px; display: none; width: 42px; height: 42px; font-size: 28px; line-height: 42px; opacity: 0.5; text-align: center; cursor: pointer; z-index: 990; font-family: 'Icons'; padding: 0; }
	#scroll_up_button:hover {opacity: 1; transition: opacity 0.5s ease; }
	
	#cookie-concent {
      display: none;
      position: fixed;
	  z-index: 991;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
    }
    .modal-content {
      background-color: white;
      padding: 20px;
      border-radius: 8px;
      text-align: center;
      width: 30%;
    }
    .modal-buttons {
      display: flex;
      gap: 10px 20px;
	  justify-content: center;
      margin-top: 20px;
    }