/* Main */
html, body  {
    color:#000000; 
    font-family:'PTSerifRegular', sans-serif;
    height: 100%;
    width:100%;
    min-height: 100%;
}

body.gold {
   background:#a99179; 
}

body.black {
   background:#111111; 
}

body.blue {
   background:#0494dd; 
}

body.books {
   background:#dd7bb1; 
}

h1, h2 {
    font-family:'AvenirNextCyrReg', sans-serif;
    font-size: 44.38px;
    color:#ffffff;
    text-transform: uppercase;
    font-weight:normal;
    text-align:center;
    margin:40px 0;
}

body.black h1, body.black h2 {
    color:#a99179;
}

body.contacts h1, body.contacts h2 {
    color:#a99179;
}

.wrapper {
    max-width:1100px;
    margin:0 auto;
    height:100%;
    position:relative;
}

.content{
    padding: 0 32px;
    position:relative;
}


body.blue p, body.black p {
    color:#ffffff;
}

body.blue .content a, body.black .content a {
    color:#ffffff;
    text-decoration:none;
}

body.blue .content ul, body.black .content ul {
    padding-left: 32px;
    color:#a99179;
    padding-bottom:20px;
    font-size: 16.54px;
    line-height: 1.28;
    list-style-type: disc;
}

body.gold .content ul {
    padding-left: 32px;
    padding-bottom:20px;
    font-size: 16.54px;
    line-height: 1.28;
    padding-top:5px;
    list-style-type: disc;
}

body.gold .content ol,
body.blue .content ol, 
body.black .content ol
 {
    padding-left: 32px;
    padding-bottom:20px;
    font-size: 16.54px;
    line-height: 1.28;
    padding-top:5px;
    list-style-type: decimal;
}

body.black .content ol  {
color:#a99179;
}

body.gold b {
    font-size: 19px;
    font-family: 'PTSerifBoldItalic', sans-serif;
    text-decoration: none;
    color: #ffffff;
    font-weight:normal;
}

div.news-item a.title {
    margin-bottom: 5px;
    display: block;
}

p, blockquote {
    font-size: 16.54px;
    line-height: 1.28;
    padding:0 0 20px;
}

body.black .content blockquote p, body.blue .content blockquote p{
    font-size: 16.54px;
    color:#a99179;
}

p span {
    color:#ffffff;
    font-family:'PTSerifBold', sans-serif;
}

.header {
    height:160px;
    position: relative;
}

.menu_toggle {
background: url(images/menu_toggle.png) 0 0 no-repeat;
margin: -10px auto 0;
display:none;
z-index:666666; 
background-size:30px;
width:30px;
height:35px;
top:40px;
}

.lang {
width:36px;
height:18px;
position:absolute;
right:0px;
top:42px;
display:block;
z-index:999999;
}

.lang.ru {
background:url(images/ru.png) 0 0 no-repeat;
}

.en {
background:url(images/en.png) 0 0 no-repeat;
}



.menu {
    height:59px;
    line-height: 59px;
    position: relative;
    text-align: justify;
    max-width: 1048px;
    margin: 0 auto;
}
.menu ul {
display:inline;
 margin:0; 
padding:0;
}
.menu ul li{
text-align:center;
display: inline;
}


.menu ul li a{
    color:#ffffff;
    font-size: 16.54px;
    text-decoration:none;
    outline: none;
    z-index:10;
    position:relative;
    display: inline-block;
}

.menu span {
display:inline-block; 
width:100%; 
height:0; 
font-size:0;
}



body.contacts .menu ul li a {
color:#000000;
}


.menu ul li.back {
border: 3px solid #000000;
z-index: 8;
height:43px;
outline: none;
position: absolute;
top:6px;
}

body.main .menu ul li.back,
body.blue .menu ul li.back,
body.books .menu ul li.back {
border: 3px solid transparent;
}

body.main .menu ul:hover  li.back{
border: 3px solid #a99179;
}

body.blue .menu ul:hover li.back, body.books .menu ul:hover li.back{
border: 3px solid #000000;
}


.menu.black ul li.back {
border: 3px solid #000000;
}


.menu.gold ul li.back {
border: 3px solid #a99179;
}

body.contacts .menu.black ul li.back {
    border: 3px solid #a99179;
}





.logo {
    width:576px;
    height:101px;
    display: block;
    background: url(images/logo.png) 50% 50% no-repeat;
	margin:0 auto;
}

.logo_en {
    width:619px;
    height:101px;
    display: block;
    background: url(images/logo_en.png) 50% 50% no-repeat;
	margin:0 auto;
}

a.blue {
    width:116px;
    height:116px;
    display: block;
    background: url(images/svetlana_blue.png) 0 0 no-repeat;
    margin:30px auto;
}

a.blue:hover {
    background: url(images/svetlana_h.png) 0 0 no-repeat;
}

body.blue a.blue {
    background: url(images/svetlana_h.png) 0 0 no-repeat;
    margin-bottom:-50px;
}

body.blue a.blue:hover {
    background: url(images/svetlana_blue.png) 0 0 no-repeat;
}

a.tanec {
    width:100%;
max-width: 220px;
    height:30px;
    display: inline-block;
    color:#0494dd;
    font-size:16.54px;
    background: url(images/svetlana_blue.png) center top no-repeat;
    text-decoration:none;
    text-align: center;
    background-size: 116px;
    padding-top: 138px;
}


a.blago {
    width: 100%;
    max-width: 288px;
    height: 30px;
    display: inline-block;
    background: url(images/blago.png) center 4px no-repeat;
    text-decoration: none;
    text-align: center;
    color: #a99179;
    font-size: 16.54px;
    background-size: contain;
    padding-top: 138px;
}

a.book {
     width:100%;
     max-width: 220px;
    height:30px;
    display: inline-block;
    color:#fff;
    font-size:16.54px;
    background: url(images/book.png) center top no-repeat;
    text-decoration:none;
    text-align: center;
    background-size: 116px;
    padding-top: 138px;
}

a.facebook {
    width:130px;
    height:26px;
    display: block;
    background: url(images/facebook.png) 0 0 no-repeat;
    margin:16px auto;
}

a.facebook:hover {
    background: url(images/facebook_h.png) 0 0 no-repeat;
}

body.black a.facebook:hover {
    background: url(images/facebook_h2.png) 0 0 no-repeat;
}

.copy {
    text-align: center;
    margin-top: 9px;
}

body.blue .copy, body.black .copy {
    color: #ffffff;
}

.design {
    font-family:'PTSerifBold', sans-serif;
    color:#000000;
    text-decoration: none;
    position: absolute;
    right: 0;
    top:58px;
}

.inst {
    font-family:'PTSerifBold', sans-serif;
    color:#000000;
    text-decoration: none;
    position: absolute;
    left: 0;
    top:58px;
}

body.black .design {
    color:#a99179;
}

body.black .inst {
    color:#a99179;
}

.design.main {
    font-family:'PTSerifBold', sans-serif;
    color:#a99179;
    text-decoration: none;
    position: absolute;
    top:inherit;
    right: 0;
    bottom:30px;
    height:20px;
    display: block;
}

.inst.main {
    font-family:'PTSerifBold', sans-serif;
    color:#a99179;
    text-decoration: none;
    position: absolute;
    top:inherit;
    left: 0;
    bottom:30px;
    height:20px;
    display: block;
}


.design span{
    font-family:'PTSerifRegular', sans-serif;
    color: #ffffff;
}

.footer {
    height:132px;
    position: relative;
}

.footer .wrap{
    border-top: 3px solid #000000;
    margin: 0 32px;
    position:relative;
}

body.blue .footer .wrap {
    border-top: 3px solid #ffffff;
    margin-top:90px;
}

body.black .footer .wrap {
    border-top: 3px solid #a99179;
}

.maintitle {
    color:#a99179;
    font-size:46.33px;
    font-family:'AvenirNextCyr-LightItalic', sans-serif;
    right: 0;
    position: absolute;
    top: 48%;
	letter-spacing: 4.2px;
    line-height: 1.2;
}

.maintitle span{
    font-size:42.26px;
    line-height: 1.8;
}

.logos {
    position:absolute;
    bottom: 100px;
    width: 100%;
}

.logos div {
    width:33.3%;
    display: inline-block;
    float: left;
    text-align: center;
}

/* Media */

a.x {
display:block;
width:31px;
height:31px;
background: url(images/x.png) 0 0 no-repeat;
position: absolute;
right: 0px;
}

a.x:hover {
background: url(images/x_h.png) 0 0 no-repeat;
}

.photo-section > div{
float:left;
position:relative;
}

div.photo-section .video {
background: url(images/play.png) 50% 50% no-repeat;
position:absolute;
width:100%;
height:100%;
}

/* Books */

div.books-list {margin-bottom:30px;}

div.books-list .item {
width:50%;
display:inline-block;
float:left;
padding-left:11.5%;
box-sizing:border-box;
}

div.books-list .item .img {
	height:245px;
	width:100%;
	display:table;
}

div.books-list .item .img > div {
	vertical-align:middle;
	display:table-cell;
}

div.books-list .item .name,div.books-list .item .photograf, div.books-list .item .title  {
	font-size:19px;
	font-family:'PTSerifBoldItalic', sans-serif;
}

div.books-list .item .photograf span {
	white-space:nowrap;
}


div.books-list .item .photograf, div.books-list .item .anons, div.books-list .item .size {
	margin-bottom:25px;
}

div.books-list .item .mesta {
	margin:16px 0;
}

div.books-list .item .mesta a.name, div.books-list .item .mesta .name, div.books-list .item .anons, div.books-list .item .size {
	font-family:'PTSerifRegular', sans-serif;
	color:#fff;
	font-size:16.54px;
}

div.books-list .item .anons, div.books-list .item .size {color:#000;}

div.books-list .item .mesta a.name:hover {
	color:#000;
}
div.books-list .item .mesta .address {
	font-size:13px;
	margin-top:3px;
}

div.books-list .item .buyrus {
	margin-bottom:25px;
}

@media screen and (min-height: 949px) and (max-height: 1680px) {
.maintitle {
    font-size: 46.33px;
    right: 3%;
    top: 47%;
}

.maintitle span {
font-size: 42.26px;
}
logos {
bottom:80px;
}

}






@media screen and (min-height: 660px) and (max-height: 948px) {
.maintitle {
    font-size: 27.33px;
    right: 10%;
    top: 47%;
}

.maintitle span {
font-size: 22.26px;
}
logos {
bottom:70px;
}


a.blago {
font-size:14.54px;
padding-top: 110px;
max-width:250px;
background-size: 250px;
}

a.tanec, a.book {
font-size:14.54px;
 padding-top: 110px;
max-width:200px;
background-size: 95px;
}

.design.main, .inst.main {
font-size: 14.54px;
}

}



@media screen and (min-height: 579px) and (max-height: 659px) {
.maintitle {
    font-size: 25.33px;
    right: 10%;
    top: 41%;
}

.maintitle span {
font-size: 20.26px;
}
logos {
bottom:50px;
}


a.blago {
font-size:14.54px;
padding-top: 80px;
max-width:200px;
background-size: 180px;
}
a.tanec, a.book {
font-size:14.54px;
 padding-top: 80px;
max-width:150px;
background-size: 70px;
}
.logo {
width: 450px;
    height: 50px;
background-size:450px;
}

.logo_en {
width: 450px;
    height: 50px;
background-size:450px;
}

.design.main, .inst.main {
font-size:14.54px;
}

}

@media screen and (max-height: 578px) {
.maintitle {
    font-size: 19.33px;
    right: 10%;
    top: 45%;
}

.maintitle span {
font-size: 15.33px;
}
.logos {
bottom:90px;
}

.logo {
width: 450px;
    height: 50px;
background-size:450px;
}

.logo_en {
width: 450px;
    height: 50px;
background-size:450px;
}

a.blago {
font-size:12px;
padding-top: 70px;
max-width:200px;
background-size: 160px;
}
a.tanec, a.book {
font-size:12px;
 padding-top: 70px;
max-width:150px;
background-size: 60px;
}

.design.main, .inst.main {
font-size:12px;
}

.logos {
bottom:50px;
}
}



@media screen and (max-width: 1115px) {

.design {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    top: 15px;
}

.inst {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    top: 9px;
}
.design.main {
	bottom:10px;
}


.lang {
	right:40px;
}

.news-list .month, .photo-sections-top, .photo-section {
    margin: 0 auto;
    max-width: 690px;
}

.month .news-item {
max-width: 100%;
}

}



@media screen and (min-width: 1075px) and (max-width: 1100px) {

.menu {max-width:1002px;}

.menu ul li a {
font-size:14.54px;
}

}

@media screen and (min-width: 1029px) and (max-width: 1074px) {

.menu {max-width:956px;}

.menu ul li a {
font-size:14.54px;
}

}


@media screen and (min-width: 983px) and (max-width: 1028px) {

.menu {max-width:910px;}

.menu ul li a {
font-size:14.54px;
}

}


@media screen and (min-width: 936px) and (max-width: 982px) {

.menu {max-width:864px;}

.menu ul li a {
font-size:14.54px;
}

}


@media screen and (min-width: 889px) and (max-width: 935px) {

.menu {max-width:818px;}

.menu ul li a {
font-size:14.54px;
}

}

@media screen and (min-width: 841px) and (max-width: 888px) {

.menu {max-width:772px;}

.menu ul li a {
font-size:14.54px;
}


}

@media screen and (min-width: 841px) and (max-width: 888px) and (orientation: portrait) {

.maintitle {
    font-size: 30.33px;
    right: 10%;
}

.maintitle span {
font-size: 25.26px;
}

}



@media screen and (min-width: 801px) and (max-width: 840px) {

.menu {max-width:726px;}

.menu ul li a {
font-size:12.54px;
}

.menu ul li.back {
height: 33px;
top:13px;
}

}


@media screen and (max-width: 965px) {
div.books-list .item .name, div.books-list .item .photograf, div.books-list .item .title {
	font-size:17px;
}
div.books-list .item .mesta a.name, div.books-list .item .mesta .name, div.books-list .item .anons, div.books-list .item .size {
	font-size:14.54px;
}

div.books-list .item .mesta .address {
	font-size:12px;
}


}

@media screen and (max-width: 890px) {

div.books-list .item {
	padding-left:6.5%;
}

div.books-list .item img {
	float:left;
	margin:0!important;
}

}


@media screen and (max-width: 840px) {

.lang {
top:100px;
}

}


@media screen and (max-width: 640px) {


.lang {
top:60px;
}

}

@media screen and (max-width: 480px) {


.lang {
top:40px;
}

}
@media screen and (max-width: 570px) {

div.books-list .item {
	padding-left:10%;
	width:100%;
}
}


@media screen and (min-width: 801px) and (max-width: 840px)  and (orientation: portrait) {

.maintitle {
    font-size: 30.33px;
    right: 10%;
}

.maintitle span {
font-size: 25.26px;
}

}


@media screen and (min-width: 749px) and (max-width: 800px) {

.menu {max-width:680px;}

.menu ul li a {
font-size:10.54px;
}

.menu ul li.back {
height: 23px;
top:17px;
border-size:2px;
}


body.main .menu ul li.back, body.blue .menu ul li.back {
border: 2px solid transparent;
}

body.contacts .menu.black ul li.back,
body.black .menu.gold ul li.back {
border: 2px solid #a99179;
}


body.main .menu ul:hover li.back {
    border: 2px solid #a99179;
}

body.gold .menu.black ul li.back {
border: 2px solid #000000;
}

}



@media screen and (min-width: 749px) and (max-width: 800px)  and (orientation: portrait) {

.maintitle {
    font-size: 30.33px;
    right: 10%;
}

.maintitle span {
font-size: 25.26px;
}

}



@media screen and (min-width: 703px) and (max-width: 748px) {

.menu {max-width:634px;}

.menu ul li a {
font-size:10.54px;
}

.menu ul li.back {
height: 23px;
top:17px;
border-size:2px;
}


body.main .menu ul li.back, body.blue .menu ul li.back {
border: 2px solid transparent;
}

body.contacts .menu.black ul li.back,
body.black .menu.gold ul li.back {
border: 2px solid #a99179;
}

body.main .menu ul:hover li.back {
    border: 2px solid #a99179;
}


body.gold .menu.black ul li.back {
border: 2px solid #000000;
}


}



@media screen and (min-width: 703px) and (max-width: 748px)  and (orientation: portrait) {

.maintitle {
    font-size: 30.33px;
    right: 10%;
}

.maintitle span {
font-size: 25.26px;
}

}



@media screen and (max-width: 702px) {

.menu {max-width:540px;
}

.menu ul li a {
font-size:10.54px;
}

.menu ul li.back {
height: 23px;
top:17px;
border-size:2px;
}


body.main .menu ul li.back, body.blue .menu ul li.back {
border: 2px solid transparent;
}


body.contacts .menu.black ul li.back,
body.black .menu.gold ul li.back {
border: 2px solid #a99179;
}

body.main .menu ul:hover li.back {
    border: 2px solid #a99179;
}

body.gold .menu.black ul li.back {
border: 2px solid #000000;
}


}


@media screen  and (max-width: 702px)  and (orientation: portrait) {

.maintitle {
    font-size: 30.33px;
    right: 10%;
}

.maintitle span {
font-size: 25.26px;
}

}


@media screen and (min-width: 588px) and (max-width: 657px) and (orientation: landscape)   {

.menu {
display:block!important;
}
}



@media screen and (max-width: 580px)   {

.header {
position:initial;
height: 80px!important;
}

.menu_toggle {
display:block;
}

.menu {
display:none;
width:50%;
height:100%;
right:0;
top:0;
background:rgba(0, 0, 0, 0.78);
position:absolute;
text-align:left;
z-index:555;
padding:67px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.menu ul li {
width:100%;
display:block;
text-align:left;
}

.menu ul li a {
font-size:16.54px;
text-align:left;
color:#ffffff!important;
}

.menu ul li.back {
display:none;
}


}


@media screen and (max-width: 657px) and (orientation: portrait)   {

.header {
position:initial;
height: 80px!important;
}

.menu_toggle {
display:block;
}

.menu {
display:none;
width:50%;
height:100%;
right:0;
top:0;
background:rgba(0, 0, 0, 0.78);
position:absolute;
text-align:left;
z-index:555;
padding:67px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.menu ul li {
width:100%;
display:block;
text-align:left;
}

.menu ul li a {
font-size:16.54px;
text-align:left;
color:#ffffff!important;
}

.menu ul li.back {
display:none;
}

}





@media screen and (max-width: 770px) {

.news-list .month, .photo-sections-top, .photo-section {
    margin: 0 auto;
    max-width: 345px;
}

.month .news-item {
max-width: 100%;
}


}




@media screen and (max-width: 960px) {

.content img {
max-width:100%!important;
clear:both;
margin: 10px auto 30px!important;
height:auto;
float:none!important;
display: block;
}

.content img.preview_picture {
margin:0px auto!important;
}

}


@media screen and (max-width: 480px) {

div.mfeedback {margin-bottom:100px;}

div.mf-name input, div.mf-email input, div.mf-message textarea {
font-size: 12.19px;
}

div.mf-name, div.mf-email {
width:100%;
}

.header {
    height: 80px;
}

h1, h2 {
font-size: 22.19px;
margin:20px 0;
}


.news-list .month, .photo-sections-top, .photo-section {
    margin: 0 auto;
    max-width: 345px;
}

.month .news-item {
max-width: 100%;
}

.content img {
max-width:100%!important;
clear:both;
margin: 10px auto 30px!important;
height:auto;
float:none!important;
display: block;
}

.content img.preview_picture {
margin:0px auto!important;
}


.logo {
height:50.5px;
    width:300px;
   background-size:300px;
	margin:0 auto;
}

.logo_en {
height:50.5px;
    width:300px;
   background-size:300px;
	margin:0 auto;
}

.content p, body.black .content blockquote p, body.blue .content blockquote p{
font-size:14px;
}

.content ul li, .content ol li {
font-size:14px;
}

p.news-item span.title {
font-size:17px;
}

div.news-item a.title,
body.gold .content b
 {
font-size:17px;
}

.info {
    font-size: 13.84px;
}

a.month {
    font-size: 17.71px;
}

.maintitle {
font-size: 14px;
right:0px;
top:48%;
}

.maintitle span {
font-size: 13px;
}
.copy{
    font-size: 13px;
}


a.blago {
font-size:10px;
padding-top: 70px;
max-width:215px;
background-size: 145px;
}
a.tanec, a.book {
font-size:10px;
 padding-top: 70px;
max-width:130px;
background-size: 50px;

}

.design.main {
font-size:10px;
bottom: 10px;
}

.inst.main {
font-size:10px;
bottom: 25px;
}


.design, .inst {
font-size:13px;
}

.logos {
bottom:60px;
}


}


@media screen and (min-width: 481px) and (max-width: 640px) {

.header {
    height: 130px;
}

h1, h2 {
font-size: 33px;
}

.month .news-item {
max-width: 100%;
}

.content img {
max-width:100%!important;
clear:both;
margin: 10px auto 30px!important;
height:auto;
float:none!important;
display: block;
}

.content img.preview_picture {
margin:0px auto!important;
}

.logo {
width:480px;
background-size:480px;
height:76.5px;
}

.logo_en {
width:480px;
background-size:480px;
height:76.5px;
}

.maintitle {
font-size: 19px;
}

.maintitle span {
font-size: 17px;
}


a.blago {
font-size:10px;
padding-top: 65px;
max-width:144px;
background-size: 144px;
}
a.tanec, a.book {
font-size:10px;
 padding-top: 65px;
max-width:144px;
background-size: 58px;
}

.design.main {
font-size:10px;
bottom: 10px;
}

.inst.main {
font-size:10px;
bottom: 25px;
}


.logos {
bottom:50px;
}

}

@media screen and (max-height: 414px) and (max-width: 736px) {

.maintitle {
    font-size: 13px;
    right: 14%
    top:40%;
}

.maintitle span {
    font-size: 10px;
}

a.blago {
font-size:10px;
padding-top: 65px;
max-width:144px;
background-size: 144px;
}
a.tanec, a.book {
font-size:10px;
 padding-top: 65px;
max-width:144px;
background-size: 58px;
}

.logos {
bottom:20px;
}

.design.main {
font-size:10px;
bottom: 5px;
}

.inst.main {
font-size:10px;
bottom: 15px;
}


.logo {
width: 320px;
    height: 40px;
    background-size: 320px;
}

.logo_en {
width: 320px;
    height: 40px;
    background-size: 320px;
}


}

@media screen and (min-height: 319px) and (max-height: 480px) and (max-width: 736px) {
.maintitle {
    font-size: 12px;
    right: 10%
}

.maintitle span {
    font-size: 9px;
}
}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 


.maintitle {
    font-size: 13px;
    right: 15%
}

.maintitle span {
    font-size: 10px;
}

a.blago {
font-size:10px;
padding-top: 65px;
max-width:144px;
background-size: 144px;
}
a.tanec, a.book {
font-size:10px;
 padding-top: 65px;
max-width:144px;
background-size: 58px;
}

.logos {
bottom:20px;
}

.design.main {
font-size:10px;
bottom: 5px;
}

.inst.main {
font-size:10px;
bottom: 15px;
}


.logo {
width: 320px;
    height: 40px;
    background-size: 320px;
}

.logo_en {
width: 320px;
    height: 40px;
    background-size: 320px;
}


}

@media screen and (max-width: 880px) {

.fancybox-close {
    top: -31px!important;
    right: 0px!important;
   }
}

@media screen and (max-width: 380px) {
.info {
    font-size: 12px;
}
}

@media screen and (max-width: 320px) and (orientation: portrait) {

.menu ul li a{
font-size:12px;
   }

.menu {
  line-height: 39px;
}

.menu_toggle {
background-size:30px;
width:30px;
top:45px;
}

.logo {
  height: 50.5px;
  width: 280px;
  background-size: 280px;
  margin: 0 auto;
}

.logo_en {
  height: 50.5px;
  width: 280px;
  background-size: 280px;
  margin: 0 auto;
}

}



@media screen and (max-width: 320px) and (orientation: landscape) {

.header {
position:initial;
height: 40px!important;
}

.menu_toggle {
display:block;
}

.menu {
display:none;
width:50%;
height:100%;
right:0;
top:0;
background:rgba(0, 0, 0, 0.78);
position:absolute;
text-align:left;
z-index:555;
padding:30px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
line-height: 2;
}

.menu ul li {
width:100%;
display:block;
text-align:left;
}

.menu ul li a {
font-size:10px;
text-align:left;
color:#ffffff!important;
}

.menu ul li.back {
display:none;
}


.logo {
  height: 40px;
  width: 215px;
  background-size: 215px;
  margin: 0 auto;
}


.logo_en {
  height: 40px;
  width: 215px;
  background-size: 215px;
  margin: 0 auto;
}

.maintitle {
    font-size: 8px;
    right: 0;
    top: 46%;
}

.maintitle span {
    font-size: 6px;
}


a.blago {
font-size:8px;
padding-top: 40px;
max-width:100px;
background-size: 90px;
}

a.tanec, a.book {
font-size:8px;
 padding-top: 40px;
max-width:100px;
background-size: 35px;
}

.design.main {
font-size:8px;
bottom: 5px;
}

.inst.main {
font-size:8px;
bottom: 15px;
}


.menu_toggle {
background-size:20px;
width:20px;
top:45px;
}

h1, h2 {
margin:20px 0;
}

}



@media screen and (max-width: 240px)  {

.header {
position:initial;
height: 40px!important;
}

.menu_toggle {
display:block;
}

.menu {
display:none;
width:50%;
height:100%;
right:0;
top:0;
background:rgba(0, 0, 0, 0.78);
position:absolute;
text-align:left;
z-index:555;
padding:30px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
line-height: 2.5;
}

.menu ul li {
width:100%;
display:block;
text-align:left;
}

.menu ul li a {
font-size:10px;
text-align:left;
color:#ffffff!important;
}

.menu ul li.back {
display:none;
}


.logo {
  height: 40px;
  width: 200px;
  background-size: 200px;
  margin: 0 auto;
}

.logo_en {
  height: 40px;
  width: 200px;
  background-size: 200px;
  margin: 0 auto;
}

.maintitle {
    font-size: 8px;
    right: 0;
}

.maintitle span {
    font-size: 6px;
}


a.blago {
font-size:8px;
padding-top: 45px;
max-width:100px;
background-size: 100px;
}

a.tanec, a.book {
font-size:8px;
 padding-top: 45px;
max-width:100px;
background-size: 40px;
}

.design.main {
font-size:8px;
bottom: 5px;
}

.inst.main {
font-size:8px;
bottom: 15px;
}


.menu_toggle {
background-size:20px;
width:20px;
top:45px;
}

h1, h2 {
    font-size: 14.19px;
        margin: 15px 0;
}

div.photo-section .video {
background-size: 59px;
}

p.news-item span.title,
div.news-item a.title, body.gold .content b,
a.month {
font-size:14px;
}

.content p, 
body.black .content blockquote p, 
body.blue .content blockquote p,
a.hide, 
a.show,
.copy,
.design,
.inst,
.info,
.content ul li, 
.content ol li {
    font-size: 10px;
}

a.facebook,
a.facebook:hover {
background-size:100px;
width:100px;
}

.date {
    width: 50px;
    height: 28px;
 font-size: 5.89px;
}

.date span {
 font-size: 25px;
}

.events {
height:39px;
line-height:39px;
}

.slick-prev, .slick-next {
background-size:13px 39px!important;
height: 39px!important;
width: 13px!important;
top:75%!important;
}

.slick-prev {
left:-23px!important;
}
.slick-next {
right:-23px!important;
}

a.blue,
a.blue:hover {
background-size:100px;
width:100px;
height:100px;
}

div.mf-name input, 
div.mf-email input, 
div.mf-message textarea,
.send {
 font-size: 9px;
}

div.mf-name, 
div.mf-email, 
.send {
height:55px;
}

}


@media screen and (min-width: 241px) and (max-width: 319px)  {

.header {
position:initial;
height: 40px!important;
}

.menu_toggle {
display:block;
}

.menu {
display:none;
width:50%;
height:100%;
right:0;
top:0;
background:rgba(0, 0, 0, 0.78);
position:absolute;
text-align:left;
z-index:555;
padding:30px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
line-height: 2.5;
}

.menu ul li {
width:100%;
display:block;
text-align:left;
}

.menu ul li a {
font-size:10px;
text-align:left;
color:#ffffff!important;
}

.menu ul li.back {
display:none;
}


.logo {
  height: 40px;
  width: 200px;
  background-size: 200px;
  margin: 0 auto;
}

.logo_en {
  height: 40px;
  width: 200px;
  background-size: 200px;
  margin: 0 auto;
}

.maintitle {
    font-size: 8px;
    right: 0;
}

.maintitle span {
    font-size: 6px;
}


a.blago {
font-size:8px;
padding-top: 45px;
max-width:100px;
background-size: 100px;
}

a.tanec, a.book {
font-size:8px;
 padding-top: 45px;
max-width:100px;
background-size: 40px;
}

.design.main {
font-size:8px;
bottom: 5px;
}

.inst.main {
font-size:8px;
bottom: 15px;
}


.menu_toggle {
background-size:20px;
width:20px;
top:45px;
}

h1, h2 {
    font-size: 14.19px;
        margin: 15px 0;
}

div.photo-section .video {
background-size: 59px;
}

p.news-item span.title,
div.news-item a.title, body.gold .content b,
a.month {
font-size:14px;
}

.content p, 
body.black .content blockquote p, 
body.blue .content blockquote p,
a.hide, 
a.show,
.copy,
.design,
.inst,
.info,
.content ul li, 
.content ol li {
    font-size: 10px;
}

a.facebook,
a.facebook:hover {
background-size:100px;
width:100px;
}

.date {
    width: 50px;
    height: 28px;
 font-size: 5.89px;
}

.date span {
 font-size: 25px;
}

.events {
height:39px;
line-height:39px;
}

.slick-prev, .slick-next {
background-size:13px 39px!important;
height: 39px!important;
width: 13px!important;
top:75%!important;
}

.slick-prev {
left:-23px!important;
}
.slick-next {
right:-23px!important;
}

a.blue,
a.blue:hover {
background-size:100px;
width:100px;
height:100px;
}

div.mf-name input, 
div.mf-email input, 
div.mf-message textarea,
.send {
 font-size: 9px;
}

div.mf-name, 
div.mf-email, 
.send {
height:55px;
}

}