@charset "UTF-8";

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

*:focus {outline: none; }

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


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


#layout {}

#header {}

/* текст в шапке */
#header_caption {min-height: 120px;padding: 35px 0 20px;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;}
.mod_buttons + #header_caption {padding-top: 25px;}
#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: 18px auto 5px;line-height: 1.1;}
#header_caption h1 {font-size: 38px; font-weight: 600; margin: 0; line-height: 1em; letter-spacing: 0.0625em; }

#logo {display: inline-block;max-width: 150px;max-height: 150px;vertical-align: middle;text-align: center;margin: 0 auto 15px;}
#logo img {display: block;margin: 0 auto;width: auto;height: auto;max-width: 100%;max-height: 100%;}

#header_caption .content {display: inline-block;vertical-align: middle;margin-bottom: 15px;padding: 0 10px;}
@media (min-width: 992px) {
	#header_caption #logo + .content {text-align: left;}
}



/* логотип - анимированное Солнце */
#header_caption + #logo {width: 180px;height: 180px;position: relative;left: 50%;z-index: 9;margin: -120px auto 0;margin-left: -90px;bottom: -82px;transition: all 1.5s ease;cursor: pointer;max-width: none;max-height: none;}
#header_caption + #logo img {display: block;margin: 0 auto;width: 180px;height: 180px;position: relative;z-index: 10;max-height: none;max-width: none;}
#header_caption + #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;
}

#header_caption + #logo:before {content: ""; position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: url("/files/template2/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;
}
#header_caption + #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: 200;}

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



/* меню для крупных экранов */
@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: 1px;right: 1px;top: 0;content: "";background-color: #fff;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_0 ul {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.4);}

	#main_menu li {position: relative; }
	#main_menu li:hover > ul {display: block; }
	#main_menu .level_1 {top: 100%; left: 0; margin-top: 0; }
	#main_menu .level_1 ul {top: 0;left: 100%;}

	#main_menu .search_box {display: none; }
}


/* меню для мобильных устройств */
@media (max-width: 767px) {
	
	#main_menu {display: none;position: fixed;top: 0;left: 0;right: 0;padding: 60px 15px 30px;background: rgba(0,0,0,0.7);max-height: 100vh;overflow: auto;z-index: 100;backdrop-filter: blur(2px);}	
	
	#main_menu .level_0 a {display: block;color: #000;padding: 10px 10px;line-height: 1.1em;}
	#main_menu .level_0 > li {display: block;max-width: none;margin: 5px 0;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;margin-top: 5px;}
	#main_menu .level_1 li.parent > ul {border-radius: 0 0 0 10px;font-size: .9em;padding: 0 0 5px;margin: 0 10px 15px 12px;border-left: 3px solid rgba(0,0,0,.15);}
	#main_menu .level_1 a {padding: 5px 10px;}
	
	#main_menu_toggle {border: 0;width: 36px;height: 36px;position: fixed;top: 10px;right: 10px;z-index: 2000;text-align: center;padding: 0;line-height: 36px;border-radius: 8px;}
	#main_menu_toggle:before {font-family: "Icons"; content: "\f008"; font-size: 22px; }

	.menu_toggled_mode #main_menu {display: block;}
	.menu_toggled_mode .search_box {display: block;position: fixed;top: 0;z-index: 300;margin: 0 auto 0 !important;left: 0;right: 0;opacity: 1;padding: 17px 15px 17px;padding-right: 70px;background: rgba(0,0,0,.3);backdrop-filter: blur(2px);}
}


/* основной слайдер на главной (доп. стили см. в owl-theme.css) */
#main_slider {padding: 0;background: rgba(255, 255, 255, 0.15);position:  relative;}
#main_slider .item {background-color: #fff; 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; }



/* главный внутренний баннер */
#main_banner {text-align: center;}
#main_banner .section_box {display: inline-block;vertical-align: top;padding: 0;overflow: hidden;max-width: 100%;}
#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-weight: 500; font-size: 1.4em; line-height: 1.1;}
/**/



/* внутренние баннеры */
#hot_links {padding: 20px 15px 20px;}
#hot_links .label {margin-bottom: 20px; }

.hot_tiles {margin-bottom: 30px;}
.hot_tiles div[class*=col-] {padding-bottom: 15px;}
.hot_tiles .item {height: 100%; }
.hot_tiles .item a {display: block;text-align: center;background: #d3f2ff;padding: 15px 15px 15px;font-size: .9em;line-height: 1em;height: 100%;text-decoration: none;border-radius: 10px;}
.hot_tiles .item a:hover {background: #ffa90c;color: inherit;}

.hot_tiles .preview {padding: 0 15px; }
.hot_tiles .item img {max-width: 100%;height: auto;margin-bottom: 10px;display: inline-block;}




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




/* горячие новости */
.section_hot_news {}
.section_hot_news .item {padding: 0 0 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: 60px; width: auto; }


.section_banners {margin: 45px auto 0px;}
#banners_slider {padding: 0 40px;height: 64px;white-space: nowrap;overflow: hidden;}
#banners_slider .item {position: relative; }
#banners_slider img {max-height: 60px;height: auto;max-width: 250px;width: auto;display: inline-block;vertical-align: middle;}
#banners_slider .owl-nav.disabled {display: block; }


/* доп. навигация - 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; }

#page_content  .chart_item {overflow: initial; } 

#page_content img {max-width: 100%; height: auto; }

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





.nav-tabs {clear: both;text-align: left;margin: 0;padding: 0;}
.nav-tabs > li {display: inline-block;vertical-align:  bottom;}
.nav-tabs > li > a {color: inherit;display: block;line-height: 1.1em;padding: 5px 15px;text-decoration: none;border-radius: 8px 8px 0 0;border-color: #ffa90c;}

.nav-tabs > li > a:hover {background: #eeeeee;}
.nav-tabs > li.active > a {padding: 5px 15px;background-color: #ffa90c;color: #222;border-radius: 8px 8px 0 0;}


.tab-content {border-top: solid 2px #ffa90c;}
.tab-content > .tab-pane {display: none;padding: 15px 15px 30px;}
.tab-content > .active {display: block;}


@media screen and (max-width: 768px) {
	.nav-tabs {display: flex;flex-flow: column;flex-direction: column; margin-bottom: 10px;}
	.nav-tabs > li {display: block;clear: both;width: 100%;order: 0;}
	.nav-tabs li + li {margin-top: 2px;}
	.nav-tabs > li > a {border-radius: 8px;border-left-width: 3px;padding-left: 12px;border-left-style: solid;}

	.nav-tabs > li.active {/* order: 1; *//* margin-top: 5px; */}
	.nav-tabs > li.active > a {padding: 8px 15px;border-left-width: 0;border-radius: 8px;}

	.tab-content .active {/* border: 1px solid #ffa90c; *//* border-radius: 8px; */}
}




.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; }	
.poll_results {margin-top: 10px; display: block; font-size: 0.9em; }



/* ********************************************* */
/* АРХИВЫ ПО ДАТАМ (новостей, фотогалерей и пр.) */
/* ********************************************* */
.archive_header {margin: 1.5em 0 1em; }
.archive_header.item {overflow: hidden; padding: 15px 0; }
.archive_list .item {overflow: hidden;margin-bottom: 25px;}
.archive_list .item .date {font-size: 0.9em; color: #777;}
.archive_list .item h3 {margin: 0 auto 10px; 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; }
	


.social_networks {margin: 0 auto 15px;}
.social_networks a {display: inline-block;width: 26px;height: 26px;line-height: 26px;color: inherit;font-size: 20px;text-align: center;opacity: .75;}
.social_networks a:hover {opacity: 1; }
#footer .social_networks a {color: #fff; }



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

.search_box form {position: relative;z-index: 1;}
.search_input_wrapper {padding-right: 64px;}
.search_box input[type="search"] {width: 100%;border-radius: 4px;border: none;height: 25px;box-sizing: border-box;padding: 2px 5px;} 
.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[type="text"]:focus,
.ww_form input[type="email"]:focus,
.ww_form select:focus,
.ww_form textarea:focus {border-color: orange; }

.ww_form input[type="text"],
.ww_form input[type="email"],
.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; }

.ww_disabled {opacity: .5; pointer-events: none;}


[data-bind="u"] {display: none; }
[field="captcha"] {display: block; width: 100%; clear: both; margin-top: 15px;  }


@media (min-width: 768px) {		
	.ww_form input[type="text"],
	.ww_form input[type="email"],
	.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%; }


.guestbook_post {padding: 15px 0 15px;border-bottom: dotted 1px #ccc;}
.guestbook_post h3 {margin-top: 0; }
.guestbook_post .date {font-size: 0.9em; color: #777; }

.guestbook_post .message {}
.guestbook_post .reply {margin: 15px auto;margin-left: 15px;padding: 5px 10px;border-left: 4px solid  #ccc;font-size: 0.9em;font-style: oblique;}
.guestbook_post .reply p:last-child {margin-bottom: 0;}



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

/* обычная кнопка */
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,
.item:nth-child(1n+1) .button
{background-color: #ffa90c; box-shadow: inset 0 8px 20px -2px #ffd900; }
.button.orange:hover,
.item:nth-child(1n+1) .button:hover
{background-color: #ffca00; box-shadow: inset 0px 8px 20px -2px #ffe585; }

.button.orange:focus,
.item:nth-child(1n+1) .button:focus
{background-color: #ff5c40; box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35); }



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

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

/* синяя */
.button.blue,
.item:nth-child(4n+4) .button
{background-color: #21afe8; box-shadow: inset 0 8px 20px -2px #24daff; }
.button.blue:hover,
.item:nth-child(4n+4) .button:hover
{background-color: #34cdde; box-shadow: inset 0px 8px 20px -2px #80f2ff; }
.button.blue:focus,
.item:nth-child(4n+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 #header_caption + #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; }





.mod_buttons {margin-top: 15px;text-align: center;position: relative;z-index: 10;color: #333;}
.mod_buttons img {max-height: 24px; }
.mod_buttons a {opacity: 0.8;margin-left: 3px;cursor: pointer;display: inline-block;vertical-align: middle;line-height: 1em;display: inline-flex;align-items: center;} 
.mod_buttons a:hover {opacity: 1; }

.mod_buttons .wep_toggle {margin-left: 30px;color: #222 !important;text-shadow: none;text-decoration: none;}
.mod_buttons .wep_toggle i {font-family: "Icons";display: inline-block;font-style: normal;font-size: 23px;vertical-align: middle;margin-top: -1px;}
.mod_buttons .wep_toggle span {margin-left: 5px;display: inline-block;vertical-align: middle;line-height: 1.1;font-size: .9em;}

.mod_buttons #date_time {font-size: .9em;margin-right: 25px;}
@media only screen and (max-width:767px) {
	#header .mod_buttons {position: absolute;left: 15px;right: 15px;top: 15px;z-index: 50;margin-top: 0;}
	.mod_buttons + #header_caption {padding-top: 60px;}
}

@media only screen and (max-width:480px) {
	#header #date_time {display: none;}
	.mod_buttons .wep_toggle span {display: none;}
}

#footer .mod_buttons {text-align: left;}


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

.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'; } /* '' */

.icon-eye:before {content: '\e807'; } /* '' */
.icon-eye-off:before { content: '\e808'; } /* '' */
.icon-eye-2:before { content: '\e809'; } /* '' */
.icon-eye-off-2:before { content: '\e80a'; } /* '' */
.icon-left:before { content: '\e80b'; } /* '' */
.icon-right:before { content: '\e80c'; } /* '' */



/* Красивые таблицы */
.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; }


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

.pre_wrap {white-space: pre-wrap; }

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



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



#scroll_up_button {position: fixed;bottom: 30px;right: 10px;display: none;width: 36px;height: 36px;font-size: 22px;line-height: 28px;opacity: 0.5;text-align: center;cursor: pointer;z-index: 90;font-family: 'Icons';padding: 0;}
#scroll_up_button:hover {opacity: 1; transition: opacity 0.5s ease; }