/* Start:/template/style.css?16741115885577*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,400italic&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
body, .form-control, .btn, .dropdown-menu { font-size: 14px;  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	text-rendering: optimizeLegibility; }
img {max-width: 100%; width: auto; height: auto;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
body {background: #e6e6e6; color: #444;}

/* b, strong {font-weight: 600;} */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight: 400}
.text1, .text2, .text3, .text4, .text5, .text6 {line-height: 1.33em}
.text1, h1, .h1 {font-size: 1.4rem}
.text2, h2, .h2 {font-size: 1.3rem}
.text3, h3, .h3 {font-size: 1.2rem}
.text4, h4, .h4 {font-size: 1.1rem}
.text5, h5, .h5 {font-size: 1.05rem}
.text6, h6, .h6 {font-size: 1rem}
.text7 {font-size: .9rem}
.text8 {font-size: .8rem}
body.modal-open {overflow: auto; padding-right: 0 !important;}
.container {max-width: 1040px}

a:not(.btn):not(.dropdown-item):not(.nav-link):not(.close) {color: #759b21; transition: .5s color cubic-bezier(0.55, 0, 0.1, 1);}
a:not(.btn):not(.dropdown-item):hover:not(.close):hover, a:not(.btn):not(.nav-link):not(.close):focus, a:not(.btn):not(.nav-link):not(.close):active {color: #36470f;}

#alert-area {position: fixed; z-index: 2000;}
.alert-dynamic {position: relative; transition: .5s all; box-shadow: 0px 1rem 5rem rgba(0,0,0,.5)}
@media (max-width: 1039px) {
	#alert-area {bottom: 0rem; left: 0rem; right: 0rem; top: 0px;}
	.alert-dynamic {bottom: 0px; text-align: center; margin-bottom: 0px;}
	.alert-dynamic + .alert-dynamic {margin-top: 1rem;}
	.alert-dynamic.hide {bottom: -200rem;}
}
@media (min-width: 1040px) {
	#alert-area {top: 2rem; right: 2rem;}
	.alert-dynamic {right: 0px; }
	.alert-dynamic.hide {right: -200rem;}
	#content {padding: 0 2.5rem}
}

#mainMenu .navbar-nav {align-items: center}
.breadcrumb {padding: 0px; background: transparent; font-size: .75rem}

#mainMenu-nav .navbar-toggler .text {margin: 0 auto; font-size: 1rem; font-weight: 600}
#mainMenu-nav {background-color: #d0d0d0; font-size: .8rem; padding: 0 1rem}
#mainMenu-nav .nav-item .nav-link {color: #1f1f1f;}
#mainMenu-nav .nav-item.active .nav-link {color: #f61111; font-weight: bold}
#mainMenu-nav .nav-item.dropdown .dropdown-menu {margin-top: 0px; border-radius: 0px; border: 0px; background: #efefef;}
#mainMenu-nav .nav-item .dropdown-menu .dropdown-item {padding: .5rem 1rem; font-size: .75rem}
#mainMenu-nav .nav-item .dropdown-menu .dropdown-item:hover, #mainMenu-nav .nav-item .dropdown-menu .dropdown-item:focus  {background: #e3e3e3; color: #444;}
@media (max-width: 1039px) {
	#mainMenu-nav .nav-item {width: 100%; position: relative; border-bottom: 1px rgba(0,0,0,.1) solid}
	#mainMenu-nav .nav-item.dropdown .nav-link {display: inline-block;}
	#mainMenu-nav .nav-item.dropdown .dropdown-toggle {position: absolute; top: 0rem; right: 0px; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem;}
	#mainMenu-nav .navbar-toggler {display: flex; align-items: center; justify-content: center; border: 0px; padding: .5rem 0; width: 100%; outline: none !important}
}
@media (min-width: 1040px) {
	#mainMenu-nav {border-bottom: 2px solid #ededed; }
	#mainMenu-nav .nav-item {text-align: center;}
	#mainMenu-nav .nav-item .nav-link {padding: .75rem .5rem; height: 4rem; display: flex; align-items: center}
	#mainMenu-nav .nav-item.dropdown:hover .dropdown-menu {display: block}
	#mainMenu-nav .nav-item.dropdown .dropdown-toggle {display: none}
	.w-lg-auto {width: auto !important;}
}

@media (max-width: 1039px) {
	#header {height: 6rem}
	#header.fixed {position: fixed; top: 0px; left: 0; right: 0; z-index: 10; box-shadow: 0px 1rem 3rem rgba(0,0,0,.35);}
}

#footer {text-align: center; font-weight: 600; padding: 1rem 0; font-size: .85rem}

#content, #header {box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}

.page-title {margin-bottom: 1rem}
label {font-weight: bold; display: block; margin-bottom: .1rem}

.postItem {margin: 2rem 0}
.postItem + .postItem {margin-top: 3rem}
.postItem > * + * {margin-top: .15rem}
.postItem-title {font-size: .85rem; font-weight: 600; margin: 0}
.postItem-about {font-weight: 600; text-transform: uppercase}
.postItem-file a {display: inline-flex; align-items: center}
.postItem-file a:hover, .postItem-file a:focus {text-decoration: none}
.postItem-file a:hover .text, .postItem-file a:focus .text {text-decoration: underline}
.postItem-file i {font-size: 1rem; line-height: 1em; margin-right: .25rem; color: #444}

.error404 #header, .error404 #footer {display: none;}
.error404 {background: transparent;}
.error404 h1 {font-size: 15em; font-weight: 200; line-height: .75em;}
.error404 h2 {font-size: 1.75em}
.error404 #logo {margin: 40px auto}
.error404 form {max-width: 400px; margin: 15px auto}
.error404 small {font-size: 1.5em; opacity: .5; margin-bottom: 33px; display: block}
@media (max-width: 1039px) {
  .error404 h1 {margin-top:90px;}
}
@media (max-width: 640px) {
  .error404 h1 {font-size: 8em; font-weight: 200; line-height: .75em;margin-top:0px;}
}



.header-splash {position:relative}
#sign16 {position:absolute; bottom:1rem; right:1rem; z-index:10}
@media (max-width: 767px) {
	#sign16 {width:5vw; height:5vw; bottom:3vw; right:3vw; object-fit:contain}
}
/* End */
/* /template/style.css?16741115885577 */