/* =========== © 2016 Centroarts.com =========== */

/* Сброс */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
body {
	background-color: #fffbf3;
}
html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body, select, input, textarea, button {
	font: normal 14px/1.5 Arial, Helvetica, sans-serif;
	color: #353535;
	outline: none;
}
	a { 
		outline: none;
		color: #c9bcb6;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Заголовки H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 0em 0 .6em 0;
	letter-spacing: -0.01em;
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }

.f_left, .prog_news_l, .footer_nav {
	float: left;
}

.f_right, .prog_news_r, .footer_info {
	float: right;
}

/* Навигация */
.All_header_menu {
	margin-top: 30px;
}

.top_menu {
	height: 51px;
    width: 100%;
    background: linear-gradient(#ffb964, #ff9300);
    text-align: center;
}

.top_menu > a {
	color: #635353;
    font-size: 15px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 51px;
    padding: 17px 6px;
}

.top_menu > a:hover {
	color: #ffffff;
	background-color: #635353;
}

/* Слайдер информация о центре */

@keyframes slider {
  0% { opacity: 0; }
  11.11% { opacity: 1; }
  33.33% { opacity: 1; }
  44.44% { opacity: 0; }
  100% { opacity: 0; }
}

.slider { 
	position:relative; 
	display: flex;
}

.slider img
{
	margin: auto;
}

.slider img { position:absolute; left:0; right:0; opacity:0; animation-name: slider; animation-duration: 9s; animation-iteration-count: infinite; }
.slider img:nth-child(1) { animation-delay: 0s; }
.slider img:nth-child(2) { animation-delay: 3s; }

.container {
	position: relative;
	height: 447px;
}

.logo1 {
	position: absolute;
	width: 100%;
    bottom: 0;
}

.logo1 img, .logo_info img {
	display: flex;
    margin: auto;
}

.info_wrap {
	border-bottom: solid 13px #862e2e;
	height: 500px;
}

.txt{
	width: 650px;
	margin: auto;
	text-align: center;
	color: #862e2e;
	font-family: roboto;
	font-size: 24px;
	margin-top: 30px;
}

.bt {
	background-color: #fd5b01;
	border: none;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18px;
	border-radius: 50px;
	margin: 30px auto;
}
.bt a {
	color: #fffbf3;
}

.info ul {
	display: flex;
	justify-content: center;
}

.info li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 60px;
	color: #862e2e;
	font-size: 18px;
}

/* Календарь событий */

.calendar {
	height: 478px;
	background-image: url(../img/calendar.png);
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: solid 13px #635353;
}

.calendar_wrap {
	   width: 1500px;
	   position: relative;
       margin: auto;
}

.prog_wrap {
	   position: relative;
       margin: auto;
       height: 750px;
       border-bottom: solid 13px #ff9c17;
}

.calendar_wrap_l {
		width: 650px;
		float: left;
		text-align: right;
}

.calendar_wrap_r {
		width: 750px;
		float: left;
}
/* Позновательные программы */
.prog_wrap {
	   position: relative;
       margin: auto;
       height: 750px;
       border-bottom: solid 13px #ff9c17;
}

.prog_title {
	width: 1000px;
	height: 77px;
	margin: auto;
	text-align: center;
	background-color: #635353;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	line-height: 64px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.prog_news {
		width: 900px;
		height: 500px;
        position: relative;
        margin: 50px auto;
}
.prog_news_l, .prog_news_r {
	height: 500px;
	width: 366px;
	background-color: #ffdfcd;
	border-radius: 12px;
		box-shadow: 2px 2px 6px #a97e7e;

}

.planet {
	height: 190px;
	width: 260px;
	background-color: #ff9403a8;
    margin-top: 20px;
    background-image: url(../img/planet.png);
    background-repeat: no-repeat;
    background-position: 20px;
    border-radius: 180px 0px 0px 180px;

    padding-left:20px;
    float: right;
}

.eagle {
	height: 190px;
	width: 260px;
	background-color: #ff9403a8;
	border-radius: 0% 180px 180px 0%;
    margin-top: 20px;
    background-position: 20px;
    background-image: url(../img/eagle.png);
    background-repeat: no-repeat;
    background-position: 93px;
    padding-right: 20px;
}

.prog_head {
	text-align: center;
    font-size: 24px;
    color: #fd5b01;
    border-bottom: solid;
    padding: 10px;
    width: 300px;
    margin: auto;
}

.prog_info {
	text-align: center;
    color: #7e6b68;
    font-size: 14px;
    width: 300px;
    margin: auto;
    padding: 10px;
}

/* Мастер классы */
.master_wrap {
	   position: relative;
       margin: auto;
       height: 680px;
       border-bottom: solid 13px #d8621f;
}

.master_title {
	width: 1000px;
	height: 77px;
	margin: auto;
	text-align: center;
	background-color: #ff9c17;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	line-height: 64px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.master_cont {
	height: 500px;
	width: 1000px;
    margin: auto;
    position: relative;
}

.master1 {
	width: 247px;
	height: 349px;
	background-image: url(../img/master1.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 0;
}

.master2 {
	width: 326px;
	height: 449px;
	background-image: url(../img/master2.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 340px;
	bottom: 0;
}

.master3 {
	width: 247px;
	height: 349px;
	background-image: url(../img/master3.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 0;
	left: 750px;
}

.bt_master {
	background-color: #862e2e;
	border: none;
	color: #fd7b31;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 18px;
	border-radius: 50px;
	margin: 10px auto;
	position: absolute;
	bottom: 0;
	left: 45px;
}

/* Музей */
.museum_wpap {
	   position: relative;
       margin: auto;
       height: 820px;
       border-bottom: solid 13px #c9bbb6;
}

.museum_cont {
	height: 500px;
	width: 1000px;
    margin: auto;
    position: relative;
}

.meseum_info {
	width: 800px;
    margin: auto;
    text-align: center;
    color: #862e2e;
    font-family: roboto;
    font-size: 24px;
    margin-top: 30px;
}

/* Footer */
.footer {
	height: 630px;
	background-color: #635353;
}

.footer_wr {
	width: 1000px;
	position: relative;
	margin: auto;
	top: 50px;
	height: 550px;
}

.footer_nav {
	width: 500px;
	height: 450px;
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	background-position:left;
}

.footer_nav ul {
	margin: 60px 100px;
}

.footer_nav ul li {
	list-style: none;
	color: #c9bcb6;
	margin-bottom: 1em;
}

.footer_info {
	width: 500px;
	height: 450px;
	background-image: url(../img/footer_logo.png);
	background-repeat: no-repeat;
	background-position:top;
	color: #c9bcb6;
	display: grid;
	align-items: end;
	text-align: center;
}

.com {
	color: #c9bcb6;
	text-align: center;
	bottom: 50px;
	left: 37%;
}

/* Новости */
.box > .heading { padding: 4% 4%; margin: 0; text-transform: uppercase; }
.box > .heading .hnum { font-size: .6em; display: inline-block; vertical-align: top; margin: 0 0 0 .4em; }
.box_in { padding: 1% 22%; }

.story .title { margin: -.1em 0 1em 0; font-size: 20px; }
.story .title > a {
color: inherit;
text-decoration: none !important;
-webkit-transition: all ease .2s; transition: all ease .2s;
	}
.story .title > a:hover { color: #3394e6; }

.text {
	color: #7e6b68;
}

.title {
	margin: 5px;
}

.text_br {
	color: #7e6b68;
	border: solid 1px #beb5b0;
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

.h1_left {
	background-image: url(../img/h1_l.png);
    background-repeat: no-repeat;
    color: #fffbf3;
    padding-left: 4%;
    background-size: 50%;
    line-height: 70px;
    background-position-y: bottom;
}

.h1_right {
	background-image: url(../img/h1_r.png);
    background-repeat: no-repeat;
    color: #fffbf3;
    padding-right: 4%;
    background-size: 50%;
    line-height: 70px;
    background-position-y: bottom;
    background-position-x: right; 
    text-align: right;
}
.h1_right_ {
	background-image: url(../img/h1.png);
    background-repeat: no-repeat;
    color: #fffbf3;
    padding-right: 4%;
    background-size: 60%;
    line-height: 70px;
    background-position-y: bottom;
    background-position-x: right; 
    text-align: right;
}
.speedbar { display: block; height: 22px; padding: 14px 22%; line-height: 22px; }

/**Проекты**/
.list6b {
	padding:0;
    list-style: none;
    width: max-content;
    margin: auto;
}

.list6b li{
    padding:6px;
}

.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #C0C0C0;
    content: "\2714";
    transition-duration: 0.5s;
}
.icon {
	max-width: 200px;
	text-align: center;
}
.program {
	width: max-content;
    margin: auto;
    display: flex;
}
.program li {
	margin-left: 10px;
}

.main {
	
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
    justify-content: space-evenly;
}
	/*Короткие новости */
.shor_story {
	width: 300px;
	height: 450px;
	border: solid 1px #000; 
	float: left;
	margin: 20px 10px;
}

.story .box_in > .text { font-size: 1.08em; }
.story .box_in > .text:after { content: ""; display: block; clear: both; }
.story .box_in > .text > img[style*="left"], .story .box_in > .text > .highslide img[style*="left"] { margin: 2px 4% 4% 0; }
.story .box_in > .text > img[style*="right"], .story .box_in > .text > .highslide img[style*="right"] { margin: 2px 0 4% 4%; }
.story .box_in > .text img { max-width: 100%;}
.text {
	margin: 5px;
	text-align: justify;
}	

.short_img {
	width: 300px;
	overflow: hidden;
}

.short_img img {
	width: 400px;

}