/* Media Queries ============================================================ */
@media screen and (min-width: 1680px) {
/* ================================ ФИКСИРОВАННЫЙ БЛОК С ГЛАВНЫМ МЕНЮ, ЛОГОТИПОМ, АВТОРИЗАЦИЕЙ  */

/* ================================ Шапка сайта. Логотип в текстовом блоке, Слайдер контента */
#header-media {
text-align: center!important;
margin: 0px auto 0px auto!important;
display:inline-block;
position: relative;
width: 100%!important;
background: #fff!important;
z-index: 800!important;
-moz-box-shadow: 0 0px 30px #C3C3C3; 
-webkit-box-shadow: 0 0px 30px #C3C3C3; 
box-shadow: 0 0px 30px #C3C3C3;
}
#header-media #header {
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none; 
}
/* ================================ Верхние поля блоков и Нижние поля блоков */
#up-block-media{
text-align: center!important;
margin: 0px auto 0px auto!important;
display:inline-block;
position: relative;
width: 100%!important;
background: #fff!important;
z-index: 700!important;
}
#up-block, #up-block.up-block-one {
max-width:1920px!important;
}
#down-block-media {
text-align: center!important;
margin: 0px auto 0px auto!important;
display:inline-block;
position: relative;
width: 100%!important;
background: #ffffff!important;
z-index: 700!important;
}
#down-block, #down-block .down-block-one {
max-width:1920px!important;
background: #ffffff!important;
}
#tumb-footer-media {
text-align: center!important;
margin: 0px auto 0px auto!important;
display:inline-block;
position: relative;
width: 100%!important;
background: #353535!important;
z-index: 600!important;
}
#tumb-footer {
max-width:1920px!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
}

/* =============== СКРЫВАЕМЫЕ БЛОКИ ================================= */
/* ПОЯВЛЯЕТСЯ - для Календаря афиши, - замещается Календарем в .up-block-left */
@media screen and (min-width: 930px) {
.open-min-930 {display:none!important;}
}
/* ИСЧЕЗАЕТ - для Календаря афиши, - замещается Календарем в .up-block-left */
@media screen and (max-width: 930px) {
.close-max-930 {display:none!important;}
}
/* ПОЯВЛЯЕТСЯ - для Карты, - замещается Календарем в .up-block-left */
@media screen and (min-width: 768px) {
.open-min-930 {display:none!important;}
}
/* ИСЧЕЗАЕТ - для Карты, - замещается Календарем в .up-block-left */
@media screen and (max-width: 768px) {
.close-max-930 {display:none!important;}
}


@media screen and (max-width: 1920px) {
.open1920 {display:inline-block!important;}
.close1920 {display:none!important;}
}
@media screen and (max-width: 1024px) {
.open1024 {display:inline-block!important;}
.close1024 {display:none!important;}
}
@media screen and (max-width: 980px) {
.open980 {display:inline-block!important;}
.close980 {display:none!important;}
}

@media screen and (max-width: 800px) {
.open800 {display:inline-block!important;}
.close800 {display:none!important;}
}
@media screen and (max-width: 768px) {
.open768 {display:inline-block!important;}
.close768 {display:none!important;}
}
@media screen and (max-width: 600px) {
.open600 {display:inline-block!important;}
.close600 {display:none!important;}
}
@media screen and (max-width: 480px) {
.open480 {display:inline-block!important;}
.close480 {display:none!important;}
}
@media screen and (max-width: 320px) {
.open320 {display:inline-block!important;}
.close320 {display:none!important;}
}
@media screen and (max-width: 240px) {
.open240 {display:inline-block!important;}
.close240 {display:none!important;}
}
/* =============== СКРЫВАЕМЫЕ БЛОКИ ================================= */
@media screen and (max-width: 1400px) {
.tumb-footer-center {
width: 25%!important;
}
}
@media screen and (max-width: 1280px) {
#blfix{left:20px!important;margin: 0 0 0 15px!important;}
#hlfix{left:20px!important;margin: 0 0 0 25px!important;}
#nav  {margin: 0!important; float: left!important;}
#nav  .menu > li > a {padding: 0 10px!important;}
#nav  .menu > li > .adminnavmenu > a {padding: 0 10px!important;}
.tumb-footer-right{display:none!important; }
.tumb-footer-center {width: 40%!important;}
}
@media screen and (max-width: 1180px) {
#nav  {font-size:16px!important;}
#nav  .menu > li > a {padding: 0 8px!important;}
}
@media screen and (max-width: 1080px) {
.a001,.a002,.a003,.a004,.a005,.a006,.a007,.a008,.a009 { background:none!important;z-index: 0!important;}
#layout{opacity: none!important;width: 100%!important;box-shadow:none!important;-moz-box-shadow: none!important;-webkit-box-shadow: none!important;}
#nav  {font-size:15px!important;}
#nav  .menu > li > a {padding: 0 7px!important;}
#loginsite {padding: 0px 10px 0px 0px!important;width: 120px!important;float: left!important;margin-left:10px!important;}
}
@media screen and (max-width: 1024px) {
#logo {width: 70px!important;height: 50px!important;}
#blfix{left:15px!important;margin: 0 0 0 10px!important;}
#hlfix{left:15px!important;margin: 0 0 0 20px!important;}
#left-top {display:none!important; }
.down-block-left,.down-block-center,.down-block-right,.down-block-one,.down-block-one .widget{display:none!important; }
.tumb-footer-center {
max-width: auto!important;
min-width: auto!important;
width: auto!important;
}
.tumb-footer-center {
min-width: 270px!important;
width: 35%!important;
}
}
@media screen and (max-width: 980px) {
#logo {width: 60px!important;height: 50px!important;}
#blfix{left:10px!important;margin: 0 0 0 10px!important;}
#hlfix{left:10px!important;margin: 0 0 0 20px!important;}
.up-block-left,.up-block-center,.up-block-right {min-width: 300px!important;}
/*#center-block-left,#center-block-right{min-width: 290px!important;}*/
.tumb-footer-left,.tumb-footer-center {min-width: 200px!important;}
#body aside{width:22%;}
}
@media screen and (max-width: 950px) {
#body section {width:100%!important; }
#body aside {display:none!important; }
#logo {width: 60px!important;height: 50px!important;}
#blfix{left:7px!important;margin: 0 0 0 7px!important;}
#hlfix{left:7px!important;margin: 0 0 0 17px!important;}
#nav  {font-size:14px!important;}
.up-block-left,.up-block-center,.up-block-right {
min-width: 290px!important;
}
/*#center-block-left,#center-block-right{min-width: 270px!important;}*/
.footer-menu {
margin-left:10px!important;
clear:right!important;
}
.tumb-footer-left {
clear:left!important;
/*float: left!important;*/
min-width: 270px!important;
}
.tumb-footer-center {
min-width: 320px!important;
width: 60%!important;
}
}
@media screen and (min-width: 931px) {
#mob-header-menu { display: none!important; }
#mobnav { display: none!important; }
}
@media screen and (max-width: 930px) {
#header-menu { display: none!important; }
#nav { display: none!important; }
#mob-header-menu {display:inline-block!important;}
#mobnav {display:inline-block!important;}
.up-block-left,.up-block-center {
min-width: 320px!important;
width: 47%!important;
}
.up-block-center {float: right!important;}
.up-block-right {display:none!important;}


/*#center-block-left,#center-block-right{min-width: 320px;}*/
.tumb-footer-left,.tumb-footer-center {
min-width: 200px!important;
}
}
@media screen and (max-width: 768px) {
.footer-menu {
margin-left:10px!important;
clear:none!important;
}
.tumb-footer-left {
clear:none!important;
float: none!important;
min-width: auto!important;
}
.tumb-footer-left {
clear:righ!important;
float: left!important;
min-width: 270px!important;
width: 45%!important;
}
.tumb-footer-center {
clear:both!important;
float: left!important;
min-width: 550px!important;
width: 90%!important;
margin: 0 10px 0 10px!important;
}
}
@media screen and (max-width: 740px) {
/*#center-block-left,#center-block-right{width: 220px!important;}*/
}
@media screen and (max-width: 720px) {
#center-block-right{float: left!important;width: 40%!important;margin: 0 15px!important;}
#body section{float:left!important;width:100%!important;}
#uhvb { display: none!important; }
}
@media screen and (min-width: 680px) {
#header-mob-block-center { display: none!important; }
}
@media screen and (max-width: 680px) {
.up-block-left,.up-block-center {
min-width: 250px!important;
width: 45%!important;
}
#right-header { display: none!important; }
#left-header { display: none!important; }
#header-mob-block-center { 
padding: 0;
margin: 0px auto;
display:inline-block!important;
position: relative!important;
background: #fff!important;
width: 100%!important;
}
}
@media screen and (max-width: 600px) {
.logo-name-mob {
width: 50%!important;
font-size:20px!important;
line-height: 21px!important;
}
}
@media screen and (max-width: 570px) {
.tumb-footer-left {min-width: 250px!important;}
.tumb-footer-center {
min-width: 450px!important;
width: 90%!important;
}
#header-menu { display: none!important; }
.logo-name-mob {
width: 50%!important;
font-size:17px!important;
line-height: 18px!important;
}
}
@media screen and (max-width: 520px) {
#center-block-right {
float: left!important;
clear:righ!important;
min-width: 270px!important;
width: 90%!important;
}
#center-block-left {
float: left!important;
clear:both!important;
min-width: 270px!important;
width: 90%!important;
margin: 0 10px 0 10px!important;
}
.up-block-left{
float: left!important;
clear:righ!important;
min-width: 270px!important;
width: 90%!important;
}
.up-block-center{
float: left!important;
clear:both!important;
min-width: 270px!important;
width: 90%!important;
margin: 0 10px 0 10px!important;
}
.up-block-one {display: none!important; }
}
@media screen and (max-width: 460px) {
.tumb-footer-center {
max-width: auto!important;
min-width: auto!important;
width: auto!important;
}
.tumb-footer-center {
min-width: 280px!important;
width: 90%!important;
}
#body section{
float:left!important;
width:100%!important;
margin-left:-10px!important;
}
#body section article {padding: 0px!important;}
}
@media screen and (max-width: 420px) {
#body section{width:auto!important;}
#body section{width:100%!important;margin-left:-40px!important;}
}
@media screen and (max-width: 350px) {
.logo-mob {margin: 20px 10px!important;}
}


/* ================================ Кнопка купить */
.buttonbay { 
display:inline-block;
position: relative; 
color: #fff;
text-decoration: none;
padding: 8px 14px 10px; 
background:#F9C7C9; 
border: none; 
margin-right: 25px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.buttonbay a{ 
/*display:inline-block;
position: relative; */
color: #fff; 
text-decoration: none;
width:100%;
/*padding: 8px 14px 10px; */
/*background:#F9C7C9; */
/*border: none; */
/*margin-right: 25px; */
/*position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}
.buttonbay:active { 
background:#FFB6CF;
}
.buttonbay:hover { 
background:#FFB6CF;
color:#525252;
}

/* ================================ Кнопка купить */