@import url(reset.css);


html , body { height: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.2; color: #333333; } /*background-color: #F0F0F0; }*/
h1 , h2 , h3 , h4 , h5 , h6 { text-align: center; margin: 10px 0; line-height: 1; color: #333333; }
h1 { font-size: 26px; margin-top: 36px; }
h2 { font-size: 24px; margin-top: 20px; margin-bottom: 15px; }
h3 { font-size: 22px; margin-top: 30px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }

sup , sub { font-size: 11px; }


a { color: #740011; text-decoration: none; }
a:hover { color: #DE1B22; }

abbr { text-decoration: none; }

.wrapper { display: flex; flex-direction: column; height: 100%; }
.content { flex: 1 0 auto; }
.footer { flex: 0 0 auto; padding-top: 20px; }

.head { position: fixed; top: 0; width: 100%; min-height: 70px; margin: 0 auto; background: #B2B2B2; border-bottom: 1px solid #777777; z-index: 999; }
.head.active { overflow-y: scroll;
    height: 100%;}
.topmargin { margin-top: 70px; }

.headtable { display: table; width: 100%; }

.headleft { display: block; float: left; }
.headleft > .logo { float: left; margin: 0 5px; }
.headleft > .logo > a > img { display: block; height: 32px; margin: 5px 0; }

.headcenter { display: block; }


.menutop { position: absolute; left: 0; top: 70px; width: 100%; border-bottom: 2px solid #BABABA; background: #BABABA; }
.menutop > ul { display: none; margin: 3px 0; padding: 0; list-style: none; white-space: nowrap; font-weight: bold; }
.menutop > ul > li { padding: 3px 10px; }
.menutop > ul > li.active { }
.menutop > ul > li > a , .menutop > ul > li > span { padding-bottom: 10px; color: #222222; font-size: 18px; text-decoration: none; text-transform: uppercase;  }
.menutop > ul > li > ul { background: #CACACA; }
.menutop > ul > li > ul > li { margin-bottom: 5px; width: 260px; }
.menutop > ul > li > ul > li > a , .menutop > ul > li > ul > li > span { padding-bottom: 10px; color: #222222; font-size: 16px; text-decoration: none;  }
.menutop > ul > li > a:hover , .menutop > ul > li > span , .menutop > ul > li > ul > li > a:hover , .menutop > ul > li > ul > li > span { color: #DE1B22;  }


.menutop > ul.active { display: table; width: 100%; }
.toggle-nav { width: 40px; height: 28px; margin: 10px; float: right; background: url('/img/design/menu_a.png'); }
.toggle-nav.active { text-decoration:none; color:#66a992; background: url('/img/design/menu_x.png'); }
.toggle-ssnav div { display: block; width: 36px; height: 4px; border-top: 1px solid #125ED0; border-bottom: 1px solid #125ED0; }

.headcontacts { display: block; padding-left: 10px; padding-right: 3px; font-size: 14px; vertical-align: top; }
.headphonenum { margin-top: 6px; font-size: 23px; font-weight: bold; }
.headphonenum a { white-space: nowrap; }
.headcontacts a { color: #222222; }
.headpadress { display: none; }
.heademail { display: none; }

.headmenutop { display: block; float: right; vertical-align: top; }


.pages { padding-top: 10px; }

.parallax__img { height: 66.67vh; }


.block { background-size: auto 100%; display: table; width: 100%; background: #FFFFFF; }
.block h2 { text-align: center; margin: 15px 0; }
.block h3 a { text-decoration: none; }

.block_img { display: table; width: 100%; }

.container { display: block; width: 300px; margin: 0 auto; }

.video { display: table; margin: 0 auto; margin-bottom: 20px; }
.video iframe { width: auto; height: auto; }




.menucontent ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;  margin-bottom: 10px; }
.menucontent ul > li {  margin: 7px; font-size: 9px; margin: 6px; margin-bottom: 10px; padding: 0; background: #FFFFFF; box-shadow: 0 0 4px 3px #999999; }
.menucontent ul > li > a { display: block; width: 300px; }
.menucontent ul > li > a:hover { background: #DADADA; }
.menucontent ul > li > a > h2 { display: block; height: 62px; color: #333333; padding: 10px 10px; padding-bottom: 0; margin: 0; text-align: left; font-size: 22px; }
.menucontent ul > li > a > img { float: left; display: table; width: 62px; height: 62px; margin: 5px; margin-right: 10px; }
.menucontent ul > li > a > div { color: #111111; padding: 5px; font-size: 14px; }







.photogallery { margin-bottom: 30px; }
.photogallery img { width: 130px; margin-right: 6px; margin-bottom: 6px; }

.contenttext { margin-bottom: 30px; }
.contenttext h2 , .contenttext h3 , .contenttext h4 , .contenttext h5 , .contenttext h6 { text-align: center; }
.container , .contenttext { font-size: 16px; } 
.contenttext p , .content p { margin: 16px 0; font-size: 16px; }
.contenttext ul , .contenttext ol { margin-left: 20px; }
.contenttext ul li {  list-style: square; }
.contenttext ul li {  list-style-type: !important ; }
.imgtext { width: 100%; }
.textcenter { text-align: center; }


.contentimg { margin-bottom: 20px; }
.contentimg img { width: 100%; }

.carousel { width: 260px; margin: 30px auto; background: #fff; }

.color__white { color: #FFFFFF; }

.contactsmaps > div { float: left; margin-right: 20px; margin-bottom: 30px; }
.contactsmaps > div > iframe { width: 300px; }


.footer { height: 580px; background: #CCCCCC; }

.footercopy { display: block; font-size: 13px; margin: 30px 0; }
.footercopy a { white-space: nowrap; }


.footercontacts { font-size: 14px; }



.menubottom { float: right; width: 200px; padding-right: 100px; }
.menubottom ul { margin: 20px auto; margin-top: 0; font-size: 30px; }
.menubottom ul li { display: block; font-size: 14px; }
.menubottom ul li a , .menubottom ul li span { display: block; padding: 3px; color: #000000; text-decoration: none; white-space: nowrap; }
.menubottom ul li a:hover , .menubottom ul li span { color: #DE1B22; }

.museumlink { margin: 0 auto; text-align: center; text-transform: uppercase; }
.museumlink a { font-size: 14px; color: #DADADA; }





.overflowxauto { max-width: 100%; overflow-x: auto; margin-top: 24px; margin-bottom: 16px; }

.tableprice { width: 100%; border-collapse: collapse;  color: #686461; }
.tableprice caption { padding: 10px; color: #FFFFFF; background: #26B7FF; font-size: 18px; text-align: left; font-weight: bold; }
.tableprice th { font-weight: bold; border-bottom: 3px solid #666666; padding: 10px; text-align: left; }
.tableprice td { padding: 10px; }
.tableprice tr:nth-child(odd) { background: #FFFFFF; }
.tableprice tr:nth-child(even) { background: #F0F0F0; }

.sitemap { margin-bottom: 30px; }
.sitemap > ul { padding-left: 30px;  }


.otstup { margin-bottom: 30px; }

.way { font-size: 14px; margin: 10px 0; }

.way a:before , .way span:before { width: 8px; height: 18px; background-size: 8px 18px; background-repeat: no-repeat; background-image: url('/img/design/separator.svg'); margin-right: 11px; margin-left: 11px; content: ''; display: inline-block; vertical-align: middle; margin-top: -1px; }
.way a:first-child:before { display: none; }
.footerway { margin-bottom: 20px; }
.footerway .waylink {  }
.footerway .waylink img { display: inline-block; margin-bottom: -2px; }