body { color: #000000; line-height: 1.4; background: #101010 }
input { margin: 0; padding: 1px }
a { color: #8a6d11 }

.shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) }

.img_news { box-sizing: border-box; width: 100%; max-height: 210px; background: #efefef; padding: 15px }

#box_wrapper { width: 100%; text-align: center; background: #ffffff }
.wrapper { margin: 0 auto; text-align: left; max-width: 1200px }

#header { z-index: 2; position: relative; width: 100%; height: 300px; font-size: 0.8em; background: url("../images/bg_header.png") no-repeat bottom center; background-size: 100% 100% }
#header .wrapper { padding-top: 40px }

#top { background: #ffffff }

#logo { padding-top: 20px }
#logo img { vertical-align: middle; max-width: 100% }
#logo a { text-decoration: none; display: block }

#menu_icon { display: none }

#menu ul { list-style: none; padding: 0 }
#menu ul li { position: relative; float: left; padding: 17px 0 }
#menu ul li a { text-decoration: none; width: auto; color: #000000 }
#menu ul li a.level0 { display: inline-block; font-size: 1.3em; text-align: center; padding-right: 5px; border-right: 1px solid #000000 }
#menu ul li a.level0 > span { display: block; padding: 15px 20px }
#menu ul li a.level0.submenu > span { padding-right: 25px; background-image: url("../images/submenu.png"); background-repeat: no-repeat; background-position: right center }
#menu ul li.last a.level0 { border-right: 0 }
#menu ul li.last ul { left: auto; right: -1px }
#menu li ul { display: none; position: absolute; z-index: 99; top: 90px; left: 10px; width: 250px; background: #ffffff }
#menu li:hover > ul { display: block }
#menu li ul ul { top: 0; left: 200px }
#menu li ul li { float: none; padding: 0 }
#menu li ul li a { display: block; font-size: 1.1em; padding: 10px; color: #000000; border-top: 1px solid #efefef }
#menu ul li a.level0:hover > span, #menu ul li:hover a.level0 > span { color: #0573b8 }
#menu ul li a.level0.submenu:hover > span { background-image: url("../images/submenu_active.png") }
#menu ul ul li a.level1:hover { color: #0573b8 }

#socials { position: absolute; bottom: 20px; left: 40px }
#socials img { width: auto; height: 20px }
#others { position: absolute; top: 0; right: 10px }
#others img { width: auto; height: 100px }

/* SLIDER */
#slider { z-index: 1; position: absolute; width: 100%; height: auto; overflow: hidden }
#slider .cycle-slideshow { width: 100%; height: auto }
#slider .cycle-slideshow div { width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover }

#box_wrapper.home #header { height: 546px }
#box_wrapper.home #slider .cycle-slideshow div { height: 546px }

#slider.mini { position: relative; padding-bottom: 10px }
#slider.mini .cycle-slideshow div { height: 150px }

.page_title, .box_title { padding-bottom: 20px }
.page_title h1, .box_title .title { color: #444444; text-transform: uppercase; font-weight: bold; font-size: 1.9em; line-height: 1.2; background: url("../images/bg_title.png") no-repeat left bottom; padding-bottom: 20px }
.page_title h1 { color: #000000 }

.box { padding: 20px }

.boxes a { color: #444444; display: block; text-decoration: none; background: url("../images/bg_boxes.png") no-repeat 96% center }
.boxes a .b1 { padding-right: 60px }
.boxes a:hover { background-color: #ffffff }

#content ul, #content ol { padding: 10px 10px 10px 40px; list-style: disc outside none }
#content ol { list-style: decimal outside none }
#content ol.lower-alpha { list-style: lower-alpha }
#content ul li, #content ol li { padding-bottom: 5px }

#main .box_title .title { background: none }

#contacts { background: url("../images/bg_contacts.png") no-repeat center center; background-size: cover; text-transform: uppercase; color: #ffffff; padding: 20px 0; font-size: 2em }
#contacts a { text-align: center; color: #ffffff; display: inline-block; box-sizing: border-box; border: 1px dashed #ffffff; padding: 5px 0; margin: 10px 0; text-transform: uppercase; font-weight: normal }
#contacts a:hover { color: #318ac4; background: #ffffff; text-decoration: none }

#bottom { background: #f5f5f5 }
#bottom .box_title .title { background: none }
#bottom .boxes a .b1 { padding-right: 20px }

#footer { border-top: 3px solid #ffffff; background: #101010; color: #ffffff }
#footer img { max-width: 100% }
#footer a { color: #ffffff }
#footer .b1t { border-color: #1d1d1d }
#footer .box_title .title { font-size: 1.5em; background: url("../images/bg_title_footer.png") no-repeat left bottom; color: #ffffff }

.mh260 { min-height: 370px }
.mh240 { min-height: 350px }
.mh60 { min-height: 60px }

/* MD */
@media screen and (min-width: 768px) and (max-width: 991px){
	#box_wrapper { font-size: 0.9em }
	#menu { font-size: 0.9em }
	.wrapper { width: auto; padding-left: 10px; padding-right: 10px }

}

/* XS */
@media screen and (max-width: 767px){
	body { overflow-y: scroll; border-top: 0 }
	.wrapper { width: auto; padding-left: 20px; padding-right: 20px }

	#box_wrapper #header { height: 300px }
	#box_wrapper #slider .cycle-slideshow div { height: 300px }

	#box_wrapper.home #header { height: 300px }
	#box_wrapper.home #slider .cycle-slideshow div { height: 300px }

	#header { height: 200px; line-height: 65px; border: 0 }
	#header .wrapper { padding: 0 }

	#top { padding: 0 }

	#socials { position: absolute; left: auto; right: 5px; text-align: right }
	#others { top: 0; right: 30%; text-align: right }
	#others img { height: 60px; max-width: 80% }

	#logo { padding: 0 }
	#logo img { height: 40px; max-width: 80% }

	#menu_icon { display: block; z-index: 99; cursor: pointer; left: 0; top: 0; position: absolute; width: 55px; height: 65px; background: #0b253e url("../images/menu.png") no-repeat center center }

	#menu { z-index: 99; position: absolute; left: -80%; top: 65px; width: 80%; float: none; background: #0b253e; padding-top: 0 }
	#menu ul li { float: none; padding: 0 }
	#menu ul li a { display: block; color: #ffffff }
	#menu ul li a.level0 { display: block; text-align: left; border-top: 1px solid #ffffff; padding-right: 0; border-right: 0 }
	#menu ul li a.level0 > span { line-height: 1.4; padding: 20px }
	#menu ul li a.level0.submenu > span { background-image: url("../images/submenu_right.png"); background-position: 95% center }
	#menu ul li.last ul { left: 0; right: auto }
	#menu li ul { position: relative; top: 0; left: 0; width: 100%; background: transparent }
	#menu li ul li a { font-size: 1.3em; padding: 0 10px; color: #ffffff }
	#menu li ul ul { left: 0 }
	#menu ul li a.level0:hover > span, #menu ul li:hover a.level0 > span { background-color: #1f83d0; color: #ffffff }




}