@font-face {
    font-family: rouble; /* Гарнитура шрифта */
    src: url(../fonts/rouble.ttf); /* Путь к файлу со шрифтом */
   }

body,html {
font-family: 'Roboto', sans-serif;
margin: 0px;
padding: 0px;}

.conteiner {
width: 1000px;
margin: 0 auto;}

.block_1 {
background: url(../img/bg.jpg)no-repeat center 50px;
height: 765px;
padding-top: 50px;}


.block_1_left {
float: left;
position: relative;
width: 650px;}

.block_1_right {
float: right;
position: relative;
text-align: center;
width: 350px;
color:#fff;}

.clear {
clear: both;}

.offer {
color: #ccff66; 
line-height: 60px;
padding-bottom: 40px;
padding-top: 60px;
font-family: 'Bad Script', cursive;
font-size: 40px;}

.offer span {
font-size: 28px;
color:#fff;}

.dow_rec {
font-size: 18px;
    font-weight: 100;
padding-top: 60px;
line-height: 40px;
padding-bottom: 40px;}

#btn-2{
    text-align: center;
    width: auto;
    height: auto;
    
    cursor: pointer;
    margin-top: 20px;
}

.dow_rec span {
font-size: 40px;
font-weight: 300;}

.pri_pokupke {
    margin-bottom: -15px;
padding-top:25px;
    line-height: 32px;
font-size: 18px;
font-weight: 300;
background: url(../img/border-ma.png) no-repeat;
width: 332px;
height: 231px;}

.pri_pokupke span {
color: #ccff66; }

.pri_pokupke span.bgg {
color:#fff;
    padding: 4px;
background: rgba(255,255,255,0.4);}

.butt_1 {
background: url(../img/new-butt-1.png) no-repeat;
width:280px;
height: 70px;
    margin: 0 auto;
cursor: pointer;
margin-top: -60px;
    margin-left: 26px;}

.butt_1:hover {
opacity: 0.9;}

.arrow_1 {
    position: absolute;
     margin-top: -125px;
    margin-left: 110px;
    margin-bottom: 0px;}

.title {
text-align: center;
font-size: 40px;
font-family: 'Bad Script', cursive;}

.block_2 {
padding-top: 50px;}

.block_2 table {
text-align: center;
    margin-top: 35px;
    width: 960px;
    color:#666666;
    font-size: 24px;
    line-height: 37px;
font-family: 'Bad Script', cursive;}

.block_2 table img {
margin-bottom: 15px;}

.block_2 table span {
font-size: 30px;}

.block_2 table span.up_c {
color:#000;}

.block_3 .conteiner .divBTN2 a{
    margin: 0px auto;
    text-align: center;
}
.divBTN2{
    text-align: center;
    margin: 0px auto;
    width: 100%;
}
.divBTN3{
    text-align: center;
    margin: 0px auto;
    width: 100%;
}
.divBTN4{
    text-align: center;
    margin: 0px auto;
    width: 100%;
}
.divBTN5{
    text-align: center;
    margin: 50px auto;
    width: 100%;
}
#btn-3{
    margin-top: 50px;
}
#btn-4{
    margin-top: 35px;
    margin-right: 30px;
}
.block_3 {
background: url(../img/bg_2.jpg)no-repeat center;
height:551px;
    margin-top: 30px;
}

.block_3 ul {
padding-top: 150px;
color:#666666;
    font-style: italic;
font-size: 16px;}

.block_3 ul li {
    font-weight: 300;
list-style-image: url(../img/chek.png);
padding-bottom: 13px;
padding-left: 20px;
line-height: 20px;}

.block_3 ul li span {
color:#000;
    font-style: normal;
font-weight: 400;}

.butt_2 {
background: url(../img/btn_2.jpg)no-repeat;
width: 280px;
height: 45px;
margin: 0 auto;
    cursor: pointer;
margin-top: 40px;}

.butt_2:hover {
opacity: 0.9;}
#block-face{
    display: none;
}
.block_4 {
padding-top: 50px;
    background: url(../img/bg_3.jpg) no-repeat center center;
padding-bottom: 20px;}

.block_4 .title {
line-height: 65px;}

.block_4 table {
    width: 960px;
text-align: center;
    font-family: 'Bad Script', cursive;
font-size: 24px;}

.block_4 table span {
color:#666;}

.arr_2 {
position: relative;
    margin-right: -300px;
    margin-top: 20px;}

.arr_3 {
position: relative;
    margin-right: 300px;
    margin-top: 20px;}

.text_block_4 {
text-align: center;
font-size: 18px;
font-weight: 300;}

.block_5 {
background: url(../img/bg_4.jpg) no-repeat center;
height:1354px; }

.block_5 table {
width: 980px;
text-align: center;
font-size: 14px;
font-weight: 300;
    padding-top: 40px;
}
.block_5 table tr td {
vertical-align: top;
line-height: 20px;}

.block_5 table tr td img{
padding-bottom: 10px;}

.arrowss {
width: 410px;
margin: 0 auto;
position: relative;}

.butt_3 {
    background: url(../img/btn_menu.jpg) no-repeat;
width:280px;
height: 45px;
    position: relative;
margin: 0 auto;
    top: 40px;
cursor: pointer;}

.butt_3:hover {
opacity: 0.9;}

.arrowss img {
position: absolute;}

.author {
background: url(../img/photo-with-border.png) no-repeat;
width:1002px;
height: 530px;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 25px;
padding-top: 180px;
    margin-top: 50px;}

.block_6 {
background: url(../img/bg_3.jpg) no-repeat center center;
margin-bottom: 15px;}

.block_andrey ul {
width: 600px;
margin: 0 auto;}

.block_andrey ul li {
    font-weight: 300;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 10px;
    line-height: 23px;
    font-style: italic;
list-style-image: url(../img/star.png)}

.podpis {
background: url(../img/podpis.png) no-repeat;
width: 98px;
height: 48px;
margin: 0 auto;
position: relative;
left: -20px;
top:7px;}

.block_7 {
background: url(../img/bg_5.jpg) no-repeat center;
height:1273px;
position: relative;}

.block_7 table span {
background: rgba(255,255,255,0.3);
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
font-family: 'Bad Script', cursive;
font-size: 24px;}
.block_7 table img {
margin-top: 30px;}
.block_7 table {
    width: 990px;
text-align: center;}

.price_1 {
color:#ccff66;
font-size: 24px;
font-weight: 100;}

.buy_one_book {
border: 1px solid;
color:#fff;
    padding: 5px;
    padding-left: 8px;
    padding-right: 5px;
    
    z-index: 4;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 126px;
    
    cursor: pointer;
    margin: 0 auto;
    margin-top: -10px;
font-size: 18px;}

.block_7_bott {background: url(../img/bg_6.png)no-repeat center;

    width: 100%;
    
position: absolute;
height: 510px;}

.block_7_bott .pri_pokupke {
text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 45px;
color:#fff;}

.itogo {
text-align: center;
width: 450px;
color:#fff;
font-weight: 300;
font-size: 18px;
    position: relative;
    margin: 0 auto;
    margin-top: -10px;
}
.itogo .line_zach {
background: #fff;
    position: absolute;
     width: 84px;
    height: 1px;
    margin-top: -12px;
    margin-left: 160px;

height: 1px;}
.itogo span {
font-size: 24px;
color:#ccff66;}

.butt_4 {
background: url(../img/btn_4.jpg)no-repeat;
width: 280px;
    cursor: pointer;
height: 45px;
margin: 0 auto;
margin-top: 40px;}

.butt_4:hover {
opacity: 0.9;}
.knigi{
    height: 1800px;
}
.cont_for_arr {
position: relative;
width: 440px;
height: auto;
margin: 0 auto;}

.cont_for_arr img {
position: absolute;
right: 0px;}

.block_7_bott table {
text-align: left;
color:#fff;
    width: 820px;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
margin-top: -20px;}

.block_7_bott table p {
color:#ccff66;
    margin-top: 20px;
    margin-bottom: 6px;
    line-height: 30px;
    font-family: 'Bad Script', cursive;
font-size: 24px;}

.block_7_bott table span {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
color:#ccff66;
background: none;}

.block_7_bott table span.bgg {
        color: #fff;font-family: 'Roboto', sans-serif;
    padding: 4px;
    font-size: 18px;
    background: rgba(255,255,255,0.4);
}

.block_8 {
background: url(../img/bg_3.jpg) no-repeat center center;
position: relative;
padding-bottom: 40px;}
.block_8 .conteiner {
position: relative;}
.block_8 img.povar {
    top:40px;
position:absolute;
left: 0px;}

.block_8 .title {
color:#000;}
.white {
width: 680px;
    padding-left: 19px;
    padding-right: 15px;
    left:-20px;
height: 510px;
background: rgba(255,255,255,0.4);
float: right;
position: relative;
    font-size: 16px;
    color:#666666;
    font-weight: 300;
z-index: 2;
margin-top: 60px;}

.white p{
    font-family: 'Bad Script', cursive;
font-size: 24px;
    margin-bottom: 7px;
    color:#000;
    position: relative;
}
.white p img {
    position: relative;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: -10px;
    padding-right: 7px;}

.green_line {
background:#85b9a2;
width: 670px;
    left:-10xp
margin: 0 auto;
height: 1px;}

.block_9 {
background: url(../img/bg_7.png) no-repeat center;
height:1132px; 
z-index: 3;
position: relative;}



third-effect .mask {
   opacity: 0;
   overflow:visible;
 
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   cursor:pointer;
}
.third-effect a.info {
   position:relative;
   top:-10px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
  width: 100%;

height: auto;

  
 
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.view {
   width: 100%;
   height:100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view2 {
   width: 280px;
   height: 200px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask, .view .content {
 width: 100%;

   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   
}
.view2 .mask, .view2 .content {
 width: 294px;
   height: 100px;
   position: absolute;
   top: 0;
   left: 0;
   
}

.view a.info {
   background:url(../img/lupa.png) center no-repeat !important;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:234px;
    margin-top: 6px;
cursor:pointer;
   height:335px;

   z-index:12;
}

.otz {
    width: 245px;
    height: 335px;
    margin: 0 auto;
}

.butt_5 {
background: url(../img/butt_6.jpg) no-repeat;
width:280px;
height: 45px;
cursor: pointer;
margin: 0 auto;
margin-top: 40px;}

.butt_5:hover {
opacity: 0.9;}
#btn-1{
    width: auto;
height: auto;
margin: 0 auto;
cursor: pointer;
margin-top: -60px;
margin-left: -20px;
}
.block_10 {background:#562a4d;
height: 380px;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 90px;
    color:#fff;
    position: relative;
margin-top: -105px;
z-index: 1;}

.pred_foot {
font-weight: 300;
font-size: 18px;
margin-top: -20px;}
.pred_foot span {
color:#ccff66;}

.pred_foot span.bgg {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    padding: 4px;
    font-size: 18px;
    background: rgba(255,255,255,0.3);}

.footer {
position: absolute;
bottom: 0px;
height: 33px;
    padding-top: 18px;
    font-size: 14px;
    font-weight: 300;
text-align: center;
border-top: 1px solid #896a83;
width: 960px;
left:50%;
margin-left: -480px;
}

.else {
font-size: 16px;
text-align: center;}

.menu {
height: 50px;
    position: fixed;
    max-width: 100%;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #f2f2f2;
background: #fff;}

.logo {
color:#562a4d;
font-size: 24px;
font-family: 'Bad Script', cursive;
float: left;
position: relative;
width: 220px;}




ul.dropdown li { position: relative; 
z-index: 99;}
 ul.dropdown,
 ul.dropdown-inside {
 list-style-type: none;
 padding: 0;
     margin: 0px;
 }
 ul.dropdown-inside {
 position: absolute;
 left: -9999px;
 }
 ul.dropdown li.dropdown-top {
    
 display: inline;
 float: left;
width: 145px;
     text-align: center;
     font-family: 'Roboto', sans-serif;
    font-size: 16px;
 margin: 0 1px 0 0;
 }
 ul.dropdown li.dropdown-top a {
  
     padding: 15px 10px 15px;
 display: block;
     color:#666666;
     text-decoration: none;
     text-align: center;
 }
 ul.dropdown a.dropdown-top {  }
 ul.dropdown a.dropdown-top:hover { background: #785571;
     color:#fff; }
 ul.dropdown li.dropdown-top:hover .dropdown-inside {
width: 145px;
 display: block;

 left: 0;
 }

ul.dropdown li.dropdown-top:hover .dropdown-inside a {
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
color:#fff;}

ul.dropdown li.dropdown-top:hover .dropdown-inside li {

border-bottom: 1px dotted #fff;}
 ul.dropdown .dropdown-inside { background: rgba(0,0,0,1); }

ul.dropdown li.dropdown-top .dropdown-inside li:hover {
background: #999e9c;}

.menu-it {
float: right;
position: relative;}

#text1{
    display: block;
}
#menu-icon{
    display: none;
}
.arrrr { 
    background: url(../img/arr-menu.png) no-repeat center bottom !important;
z-index: 2;
position: relative;
width: 145px;
height: 10px;
margin-top: -10px;}

.timer {
background: url(../img/bg-timer.png) no-repeat;
width: 330px;
height: 180px;
    margin-top: 40px;
padding-left: 10px;}

.timer p {
font-family: 'Bad Script', cursive;
font-size: 30px;
color:#ccff66;
text-align: center;
margin-top: 10px;
    padding-top: 15px;
     line-height: 30px;
margin-bottom: 10px;}


.timer p span {
color:#fff;
   
font-size: 18px;}

.block_andrey {
background: url(../img/new-block-andrey.png)no-repeat center;
height: 943px;
margin-bottom: -150px;
z-index: 1;
position: relative;}

.block_6 div {
text-align: center;
font-size: 18px;
font-weight: 300;}

.block_6 div p {
font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.prim {
background: #673f5e;
text-align: center;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
    padding-bottom: 7px;
margin: 0 auto;
margin-top: 20px;
width: 420px;
color:#fff;
}

.block_6 table {
width: 1050px;
   
margin: 0 auto;
 margin-top: 20px;}

.block_6 table img {
border:6px solid #f0f0f0}

.sodersh {
color:#336633;
text-align: center;
text-transform: uppercase;
margin-top: 20px;}

.sodersh span {
border-bottom: 1px dashed}

.block_11 {
background: url(../img/bg-footer.jpg) no-repeat center;
height: 317px;
    color:#fff;
    text-align: center;
padding-top: 250px;}

.block_11 .footer {
bottom: -140px;}

.block_11 .conteiner {
position: relative;}

.block_cback {
height: 1800px;
padding-top: 50px;}

.color-line {
background: url(../img/color-line.jpg);
height: 5px;
width: 100%;
    position: relative;
    top: 51px;
}

.bread-c {
background: url(../img/bg_form.jpg);
height: 32px;
    position: relative;
    color:#666666;
    font-weight: 100;
    font-size: 14px;
    padding-top: 13px;
    top: 50px;}
.bread-c img {
margin-left: 10px;
margin-right: 10px;
margin-top: -5px;}

.bread-c span {
text-decoration: underline;}

.butt-buy {
background: url(../img/dop-book/buy.png) no-repeat;
width: 190px;
height: 45px;
cursor: pointer;
margin: 0 auto;
}

.butt-buy:hover {
opacity: 0.9;}

.dop-book {
width: 320px;
height: 525px;
text-align: center;
    transition: all 0.2s;
margin-top: 50px;
float: left;
    border: 1px solid #fff;
position: relative;}

.dop-book:hover {
border: 1px solid #e2e2e2;}

.dop-book img {
padding-top: 30px;}

.dop-book p.tt-1 {
font-size: 14px;
color:#666666;
font-weight: 100;
margin-top: 15px;}

.dop-book p {
font-size: 18px;
margin-top: 3px;
margin-bottom: 0px;
color:#000000;}

.sm-line {
width: 20px;
height: 3px;
background: #562a4d;
margin: 0 auto;
margin-top: 15px;}

.priice {
font-size: 24px;
color:#562a4d;
margin-top: 5px;}


.priice span {
font-family: rouble;}

.sod {
width: 105px;
background: url(../img/dop-book/glaz.png) no-repeat left;
padding-left: 20px;
color:#999999;
margin: 0 auto;
cursor: pointer;
margin-top: 10px;
    margin-bottom: 15px;
font-size: 16px;}

.none {
display: none;}

.dop-book div.frame {
width: 300px;
height: 400px;
overflow-y: scroll; 
margin: 0 auto;
text-align: left;
position: absolute;
transition: all 0.2s;
left: 10px;
    top:10px;
font-size: 14px;
font-size: 100;
color:#666666;
background: url(../img/bg_form.jpg)}

.spes-text {
background: url(../img/dop-book/spec.jpg) no-repeat;
width: 105px;
height: 40px;
    position: absolute;
    top: 15px;
    right: 30px;}

.priice.spec {
    background: #ffcc00;
    width: 80px;
    margin: 0 auto;}

.dop-book div.frame h3 {
text-align: center;
color:#562a4d;
font-size: 14px;
padding-top: 6px;
width: 96%;
margin-left: 2%;}

.dop-book div.frame h4 {
text-align: center;
color:#000;
width: 96%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
font-size: 14px;}

.dop-book div.frame p {
width: 270px;
margin: 0 auto;
font-size: 14px;
font-size: 100;
color:#666666;}

.close-f  {
background: url(../img/icon_close.png) no-repeat;
width: 21px;
height: 21px;
background-size: 10px 10px;
position: absolute;
top:6px;
right: -3px;
cursor: pointer;}


.text-center {
    text-align: center;
}

.text-primary {
    color: #ccff66;
}

.block_text-content {
    padding-top: 50px;
    clear: both;
}

.block_text-content + .block_11 {
    margin-top: 0;
}

.block_10 .links {
    display: inline-flex;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.block_10 .links a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 992px) {
    .block_text-content + .block_11 {
        padding-top: 0;
    }
    
}

@media only screen and (max-width: 768px) {
    .block_10 .links {
        max-width: 320px;
        margin: 0 auto;
        text-align: center;
        justify-content: center;
    }
}

.block_text-content ol {
    padding-left: 0;
}

.block_text-content ol ol {
    padding-left: 35px;
}

.block_text-content ol>li::marker {
    content: '';
}

.block_text-content ol ol>li::marker {
    display: inline-block;
    content: counters(list-item, '.') '. ';
    font-weight: bold;
}

.block_text-content ol>li>strong:before {
    content: counters(list-item, '.') '. ';
}

.block_text-content ol>li {
    text-align: center;
    margin: 20px 0 10px;
}

.block_text-content ol li li {
    text-align: justify;
    margin: 10px 0 10px;
}

.block_text-content li {
    padding-left: 0;
}

.block_text-content ol>li ol>li {
    counter-reset;
}

/* Medium Devices, Desktops */
@media screen and (min-width: 800px) and (max-width: 870px) {
    html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
    #zcwMiniButton{
        left: 30px!important;
        
    }
    .menu{
        position: relative;
        max-width: 100%;
        width: 100%;
    }
    .menu .conteiner{
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .logo{
  width: 80%;
  margin-left: 10px;
  display: inline-flex;
    }

    .menu-it{
        
       
        text-align: center;
        max-width: 100%;
        font-size: 2px;
background-color: white;
        width: 100%;
    }
    #menu-icon{
        display: inline-flex;
        width: 38px;
        height: 38px;
      float: right;
      margin-top: 5px;
      margin-right: 20px;
    }
    .dropdown{
        text-align: center;
        width: auto;
        height: 50px;
        max-width: 100%;
        width: 100%;
    }
    
    #text2{
        display: none;
    }
    .menu-it ul {
        margin: 0px auto;
        text-align: center;
        width: auto;
        height: auto;
        max-width: 100%;
        width: 40%;
        display: block;
    }
    .menu-it ul li{
        
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 0px;
        width: 60px;
        height: 40px;
        
    }
    #text1{
        width: 50%;
    margin: 0px auto;
    }
    .menu-it ul a{
        font-size: 15px;
    }
    .block_1_left{
        
        margin: 10px;
        max-width: 100%;
    }
    .block_1_left img{
        margin: 0px auto;
        max-width: 90%;
    }
    .block_1_right{
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
        background-color: rgb(89,35,69);
        text-align: center;
        margin-top: 200px;
    }
    .dow_rec{ 
        font-weight: 500;
        
        padding-bottom: 0px;
    }
    .pri_pokupke p{
        margin: 0px auto;
        width: 100%;
     
    }
    .pri_pokupke span{
        font-weight: 500!important;
        
    }
    #pri_pokupke{
        width: 100%;
        margin: 0px auto;
    }
    .pri_pokupke{
        width: 100%;
        background-position: center;
        
    }
    .butt_1{
        background: url(../img/new-butt-1.png) no-repeat;
        width: 280px;
        height: 70px;
        margin: 0 auto;
        cursor: pointer;
        margin-top: -60px;
    }
    .timer{
        background-position: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .block_2{
        max-width: 100%;
        width: 100%;
    }
    .block_2 .title{
        padding: 10px;
        font-size: 30px;
    }
    #setka-1{
        max-width: 100%;
        width: 100%;
    }
    .block_2 table tr {
font-size: 20px;
    }
    .block_2 table tr span{
        font-size: 22px;
    }
    .block_3{
        max-width: 100%;
        width: 100%;
        position: relative;
        
    }
    .block_3 li{
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .block_4{
        padding-top: 0px;
        max-width: 100%;
        width: 100%;   
    }
    .block_4 .title{
        padding: 10px;
        font-size: 30px;
    }
    .block_4 table tr td{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr td img{
        max-width: 100px;
        
    }
    #bludo-1{
        float: left;
        position: relative;
width:50%;
    }
    #bludo-2{
        display: block;
        position: relative;
        width: 100%;
    }
    .arr_2{
        display: none;
    }
    #img_4{
        margin-top: 25px;
    }
    .arr_3{
        display: none;
    }
    .text_block_4{
        margin: 25px;
    }
    .block_5 .title{
        padding: 10px;
        font-size: 35px;
    }
    .rec-1, .rec-2, .rec-3, .rec-4, .rec-5{
        max-width: 200px;
        width: 200px;
      display: block;  
      margin: 25px auto;
    }
    .block_5{
        text-align: center;
        max-width: 100%;
        width: 100%;
        
    }
    #btn-3{
        margin-top: 15px;
    }
    .block_5 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_5 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .butt_3{
        display: block;
    }
    .menu-table{
        position: absolute;

        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td{
        display: block; 
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td img{
        max-width: 300px;
        width: 300px;
      display: block;  
      margin: 25px auto;
    }
    .block_6{
        margin-top: 500px!important;  
    }
    .block_6 .title{
        padding: 10px;
        font-size: 30px;
    }
    .text-block-6 {
        margin: 20px;
    }
    .block_6 .prim{
        max-width: 90%;
        width: 90%;
    }
    .block_6 table tr td{
        margin-top: 15px;
        max-width: 100%;
        width: 100%;
    }
    .block_6 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_6 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_6 tr td{
        display: block;
    }
    .block_andrey{
    max-width: 100%;
    width: 100%;
    }
    #block-face{
        display: block;
        width: 100%;
        text-align: center;
    }
    #photo_face-1{
        margin-top: 30px;
        width: 100px;
        height: 100px;
    }
    
    .remodal{
        
    
        text-align: left;
        background-position: center;
        max-width: 100%;
        width: 100%!important;
        }
    .author{
        
        padding: 0px;
        background: none;
        max-width: 100%;
        width: 100%;  
    }
    .author ul li{
        max-width: 80%;
        width: 80%;
        }
        .author ul{
            max-width: 100%;
            width: 100%;
            }
            
            .block_7 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_7 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_7 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_7 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_7 tr td{
                display: block;
            }
           .block_7_bott{
            background: url(../img/bg_6.png)no-repeat center;
            
            width: 100%;
            position: absolute;
            height: 510px;
            
            }
            .block_8{
                margin-top: 970px;
            }
            .block_8 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_8 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_8 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_8 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_8 tr td{
                display: block;
            }
            .white{
                background: rgba(255, 255, 255, 0.85);
                text-align: left;
                margin: 0px auto;
                padding: 0;
                height: auto;
                max-width: 90%;
                width: 90%;
            }
            .white p{
                max-width: 100%;
                width: 100%;
            }
            .block_9{
                background: none;
            }
            .block_9 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_9 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_9 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_9 table{
                padding-bottom: 15px;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_9 tr td{
                display: block;
            }
            .block_10{
                max-width: 100%;
                width: 100%;
                margin-top: 300px;
                height: auto;
            }
            .block_10 p{
                max-width: 100%;
                width: 100%;
            }
            #zag-footer{
                font-size: 20px!important;
            }
            .footer{
                padding-bottom: 15px;
            left: auto;
                text-align: center;
                margin-left: auto!important;
                margin-right: auto!important;
                max-width: 100%;
                width: 100%;
            position: relative;
            }
            .arrowss{
                max-width: 100%;
                width: 100%;
                margin-bottom: 25px;
            }
            .arrowss img{
                display: none;
            }
            .green_line{
                display: none;
            }
        
            .block_11{
                margin-top:   900px;
                color: black!important;
                height: auto;
                background: none;
            }
            .block_11 p{
                color: black;
            }
            .bread-c{
                margin-left:50px;
            }
  }









/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
    #zcwMiniButton{
        left: 30px!important;
        
    }
    .menu{
        position: relative;
        max-width: 100%;
        width: 100%;
    }
    .menu .conteiner{
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .logo{
  width: 80%;
  margin-left: 10px;
  display: inline-flex;
    }

    .menu-it{
        
       
        text-align: center;
        max-width: 100%;
        font-size: 2px;
background-color: white;
        width: 100%;
    }
    #menu-icon{
        display: inline-flex;
        width: 38px;
        height: 38px;
      float: right;
      margin-top: 5px;
      margin-right: 20px;
    }
    .dropdown{
        text-align: center;
        width: auto;
        height: 50px;
        max-width: 100%;
        width: 100%;
    }
    
    #text2{
        display: none;
    }
    .menu-it ul {
        margin: 0px auto;
        text-align: center;
        width: auto;
        height: auto;
        max-width: 100%;
        width: 40%;
        display: block;
    }
    .menu-it ul li{
        
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 0px;
        width: 60px;
        height: 40px;
        
    }
    #text1{
        width: 50%;
    margin: 0px auto;
    }
    .menu-it ul a{
        font-size: 15px;
    }
    .block_1_left{
        
        margin: 10px;
        max-width: 100%;
    }
    .block_1_left img{
        margin: 0px auto;
        max-width: 90%;
    }
    .block_1_right{
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
        background-color: rgb(89,35,69);
        text-align: center;
        margin-top: 200px;
    }
    .dow_rec{ 
        font-weight: 500;
        
        padding-bottom: 0px;
    }
    .pri_pokupke p{
        margin: 0px auto;
        width: 100%;
     
    }
    .pri_pokupke span{
        font-weight: 500!important;
        
    }
    #pri_pokupke{
        width: 100%;
        margin: 0px auto;
    }
    .pri_pokupke{
        width: 100%;
        background-position: center;
        
    }
    .butt_1{
        background: url(../img/new-butt-1.png) no-repeat;
        width: 280px;
        height: 70px;
        margin: 0 auto;
        cursor: pointer;
        margin-top: -60px;
    }
    .timer{
        background-position: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .block_2{
        max-width: 100%;
        width: 100%;
    }
    .block_2 .title{
        padding: 10px;
        font-size: 30px;
    }
    #setka-1{
        max-width: 100%;
        width: 100%;
    }
    .block_2 table tr {
font-size: 20px;
    }
    .block_2 table tr span{
        font-size: 22px;
    }
    .block_3{
        max-width: 100%;
        width: 100%;
        position: relative;
        
    }
    .block_3 li{
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .block_4{
        padding-top: 0px;
        max-width: 100%;
        width: 100%;   
    }
    .block_4 .title{
        padding: 10px;
        font-size: 30px;
    }
    .block_4 table tr td{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr td img{
        max-width: 100px;
        
    }
    #bludo-1{
        float: left;
        position: relative;
width:50%;
    }
    #bludo-2{
        display: block;
        position: relative;
        width: 100%;
    }
    .arr_2{
        display: none;
    }
    #img_4{
        margin-top: 25px;
    }
    .arr_3{
        display: none;
    }
    .text_block_4{
        margin: 25px;
    }
    .block_5 .title{
        padding: 10px;
        font-size: 35px;
    }
    .rec-1, .rec-2, .rec-3, .rec-4, .rec-5{
        max-width: 200px;
        width: 200px;
      display: block;  
      margin: 25px auto;
    }
    .block_5{
        text-align: center;
        max-width: 100%;
        width: 100%;
        
    }
    #btn-3{
        margin-top: 15px;
    }
    .block_5 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_5 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .butt_3{
        display: block;
    }
    .menu-table{
        position: absolute;

        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td{
        display: block; 
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td img{
        max-width: 300px;
        width: 300px;
      display: block;  
      margin: 25px auto;
    }
    .block_6{
        margin-top: 150px;  
    }
    .block_6 .title{
        padding: 10px;
        font-size: 30px;
    }
    .text-block-6 {
        margin: 20px;
    }
    .block_6 .prim{
        max-width: 90%;
        width: 90%;
    }
    .block_6 table tr td{
        margin-top: 15px;
        max-width: 100%;
        width: 100%;
    }
    .block_6 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_6 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_6 tr td{
        display: block;
    }
    .block_andrey{
    max-width: 100%;
    width: 100%;
    }
    #block-face{
        display: block;
        width: 100%;
        text-align: center;
    }
    #photo_face-1{
        margin-top: 30px;
        width: 100px;
        height: 100px;
    }
    
    .remodal{
        
    
        text-align: left;
        background-position: center;
        max-width: 100%;
        width: 100%!important;
        }
    .author{
        
        padding: 0px;
        background: none;
        max-width: 100%;
        width: 100%;  
    }
    .author ul li{
        max-width: 80%;
        width: 80%;
        }
        .author ul{
            max-width: 100%;
            width: 100%;
            }
            
            .block_7 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_7 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_7 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_7 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_7 tr td{
                display: block;
            }
           .block_7_bott{
            background: url(../img/bg_6.png)no-repeat center;
            
            width: 100%;
            position: absolute;
            height: 510px;
            
            }
            .block_8{
                margin-top: 970px;
            }
            .block_8 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_8 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_8 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_8 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_8 tr td{
                display: block;
            }
            .white{
                background: rgba(255, 255, 255, 0.85);
                text-align: left;
                margin: 0px auto;
                padding: 0;
                height: auto;
                max-width: 90%;
                width: 90%;
            }
            .white p{
                max-width: 100%;
                width: 100%;
            }
            .block_9{
                background: none;
            }
            .block_9 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_9 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_9 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_9 table{
                padding-bottom: 15px;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_9 tr td{
                display: block;
            }
            .block_10{
                max-width: 100%;
                width: 100%;
                margin-top: 300px;
                height: auto;
            }
            .block_10 p{
                max-width: 100%;
                width: 100%;
            }
            #zag-footer{
                font-size: 20px!important;
            }
            .footer{
                padding-bottom: 15px;
            left: auto;
                text-align: center;
                margin-left: auto!important;
                margin-right: auto!important;
                max-width: 100%;
                width: 100%;
            position: relative;
            }
            .arrowss{
                max-width: 100%;
                width: 100%;
                margin-bottom: 25px;
            }
            .arrowss img{
                display: none;
            }
            .green_line{
                display: none;
            }
        
            .block_11{
                margin-top:   900px;
                color: black!important;
                height: auto;
                background: none;
            }
            .block_11 p{
                color: black;
            }
            .bread-c{
                margin-left:50px;
            }
  }
  

  @media screen and (min-width: 500px) and (max-width: 700px) {
    html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
.block_4{
    margin-top: 65px;
}
.block_6 {
    margin-top: 280px!important;
}
  }




  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {
    html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
    #zcwMiniButton{
        left: 30px!important;
        
    }
    .menu{
        position: relative;
        max-width: 100%;
        width: 100%;
    }
    .menu .conteiner{
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .logo{
  width: 80%;
  margin-left: 10px;
  display: inline-flex;
    }

    .menu-it{
        
       
        text-align: center;
        max-width: 100%;
        font-size: 2px;
background-color: white;
        width: 100%;
    }
    #menu-icon{
        display: inline-flex;
        width: 38px;
        height: 38px;
      float: right;
      margin-top: 5px;
      margin-right: 20px;
    }
    .dropdown{
        text-align: center;
        width: auto;
        height: 50px;
        max-width: 100%;
        width: 100%;
    }
   
    #text2{
        display: none;
    }
    .menu-it ul {
        margin: 0px auto;
        text-align: center;
        width: auto;
        height: auto;
        max-width: 100%;
        width: 40%;
        display: block;
    }
    .menu-it ul li{
        
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 0px;
        width: 60px;
        height: 40px;
        
    }
    .menu-it ul a{
        font-size: 15px;
    }
    .block_1_left{
        
        margin: 10px;
        max-width: 100%;
    }
    .block_1_left img{
        margin: 0px auto;
        max-width: 90%;
    }
    .block_1_right{
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
        background-color: rgb(89,35,69);
        text-align: center;
        margin-top: 200px;
    }
    .dow_rec{ 
        font-weight: 500;
        
        padding-bottom: 0px;
    }
    .pri_pokupke p{
        margin: 0px auto;
        width: 100%;
     
    }
    .pri_pokupke span{
        font-weight: 500!important;
        
    }
    #pri_pokupke{
        width: 100%;
        margin: 0px auto;
    }
    .pri_pokupke{
        width: 100%;
        background-position: center;
        
    }
    .butt_1{
        background: url(../img/new-butt-1.png) no-repeat;
        width: 280px;
        height: 70px;
        margin: 0 auto;
        cursor: pointer;
        margin-top: -60px;
    }
    .timer{
        background-position: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .block_2{
        max-width: 100%;
        width: 100%;
    }
    .block_2 .title{
        padding: 10px;
        font-size: 30px;
    }
    #setka-1{
        max-width: 100%;
        width: 100%;
    }
    .block_2 table tr {
font-size: 20px;
    }
    .block_2 table tr span{
        font-size: 22px;
    }
    .block_3{
        max-width: 100%;
        width: 100%;
        position: relative;
        
    }
    .block_3 li{
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .block_4{
        padding-top: 0px;
        max-width: 100%;
        width: 100%;
     
        
    }
    .block_4 .title{
        padding: 10px;
        font-size: 30px;
    }
    .block_4 table tr td{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr td img{
        max-width: 100px;
        
    }
    #bludo-1{
        float: left;
        width: 50%;
        position: relative;
    }
    #bludo-2{
    
        position: relative;
    
    }
    .arr_2{
        display: none;
    }
    #img_4{
        margin-top: 25px;
    }
    .arr_3{
        display: none;
    }
    .text_block_4{
        margin: 25px;
    }
    .block_5 .title{
        padding: 10px;
        font-size: 35px;
    }
    .rec-1, .rec-2, .rec-3, .rec-4, .rec-5{
        max-width: 200px;
        width: 200px;
      display: inline-block;  
      margin: 25px auto;
    }
    .block_5{
        text-align: center;
        max-width: 100%;
        width: 100%;
        
    }
#btn-3{
    margin-top: 15px;
}
    .block_5 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_5 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .butt_3{
        display: block;
    }
    .menu-table{
        position: absolute;

        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td{
        display: block; 
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td img{
        max-width: 300px;
        width: 300px;
      display: block;  
      margin: 25px auto;
    }
    .block_6{
        margin-top: 150px;  
    }
    .block_6 .title{
        padding: 10px;
        font-size: 30px;
    }
    .text-block-6 {
        margin: 20px;
    }
    .block_6 .prim{
        max-width: 90%;
        width: 90%;
    }
    .block_6 table tr td{
        margin-top: 15px;
        max-width: 100%;
        width: 100%;
    }
    .block_6 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_6 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_6 tr td{
        display: block;
    }
    .block_andrey{
    max-width: 100%;
    width: 100%;
    }
    #block-face{
        display: block;
        width: 100%;
        text-align: center;
    }
    #photo_face-1{
        margin-top: 30px;
        width: 100px;
        height: 100px;
    }
#text1{
    width: 50%;
margin: 0px auto;
}
    .remodal{
    
       
        text-align: left;
        background-position: center;
        max-width: 100%;
        width: 100%!important;
        }
    .author{
        
        padding: 0px;
        background: none;
        max-width: 100%;
        width: 100%;  
    }
    .author ul li{
        max-width: 80%;
        width: 80%;
        }
        .author ul{
            max-width: 100%;
            width: 100%;
            }
            
            .block_7 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_7 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_7 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_7 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_7 tr td{
                display: block;
            }
           .block_7_bott{
            background: url(../img/bg_6.png)no-repeat center;
            
            width: 100%;
            position: absolute;
            height: 510px;
            
            }
            .block_8{
                margin-top: 970px;
            }
            .block_8 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_8 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_8 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_8 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_8 tr td{
                display: block;
            }
            .white{
                background: rgba(255, 255, 255, 0.85);
                text-align: left;
                margin: 0px auto;
                padding: 0;
                height: auto;
                max-width: 90%;
                width: 90%;
            }
            .white p{
                max-width: 100%;
                width: 100%;
            }
            .block_9{
                background: none;
            }
            .block_9 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_9 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_9 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_9 table{
                padding-bottom: 15px;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_9 tr td{
                display: block;
            }
            .block_10{
                max-width: 100%;
                width: 100%;
                margin-top: 300px;
                height: auto;
            }
            .block_10 p{
                max-width: 100%;
                width: 100%;
            }
            #zag-footer{
                font-size: 20px!important;
            }
            .footer{
                padding-bottom: 15px;
            left: auto;
                text-align: center;
                margin-left: auto!important;
                margin-right: auto!important;
                max-width: 100%;
                width: 100%;
            position: relative;
            }
            .arrowss{
                max-width: 100%;
                width: 100%;
                margin-bottom: 25px;
            }
            .arrowss img{
                display: none;
            }
            .green_line{
                display: none;
            }
            .block_11{
                color: black!important;
                height: auto;
                background: none;
            }
            .block_11 p{
                color: black!important;
            }
            .block_cback{
                width:      84%;
                margin: 0px auto;
            }
            
            

  }
  
  /* Extra Small Devices, Phones */
  @media only screen and (max-width : 480px) {
html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
#timer_iframe{

}
    #zcwMiniButton{
        left: 30px!important;
        
    }
    #btn-1{
        margin-left: 0;
    }
    .menu{
        position: relative;
        max-width: 100%;
        width: 100%;
    }
    .menu .conteiner{
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .logo{
  width: 80%;
  margin-left: 10px;
  display: inline-flex;
    }

    .menu-it{
        
       
        text-align: center;
        max-width: 100%;
        font-size: 2px;
background-color: white;
        width: 100%;
    }
    #menu-icon{
        display: inline-flex;
        width: 38px;
        height: 38px;
      float: right;
      margin-top: 5px;
      margin-right: 20px;
    }
    .dropdown{
        text-align: center;
        width: auto;
        height: 50px;
        max-width: 100%;
        width: 100%;
    }
    

    #text2{
        display: none;
    }
    .menu-it ul {
        z-index: 100;
        margin: 0px auto;
        text-align: center;
        width: auto;
        height: auto;
        max-width: 100%;
        width: 40%;
        display: block;
    }
    .menu-it ul li{
        z-index: 50;
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 0px;
        width: 60px;
        height: 40px;
        
    }
    #kniga1{
        z-index: 999;
    }
    .menu-it ul a{
        font-size: 15px;
    }
    .block_1_left{
        
        margin: 10px;
        max-width: 100%;
    }
    .block_1_left img{
        margin: 0px auto;
        max-width: 90%;
    }
    .block_1_right{
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
        background-color: rgb(89,35,69);
        text-align: center;
        margin-top: 200px;
    }
    .dow_rec{ 
        font-weight: 500;
        
        padding-bottom: 0px;
    }
    .pri_pokupke p{
        margin: 0px auto;
        width: 100%;
     
    }
    .pri_pokupke span{
        font-weight: 500!important;
        
    }
    #pri_pokupke{
        width: 100%;
        margin: 0px auto;
    }
    .pri_pokupke{
        width: 100%;
        background-position: center;
        
    }
    .butt_1{
        background: url(../img/new-butt-1.png) no-repeat;
        width: 280px;
        height: 70px;
        margin: 0 auto;
        cursor: pointer;
        margin-top: -60px;
    }
    .timer{
        background-position: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .block_2{
        max-width: 100%;
        width: 100%;
    }
    .block_2 .title{
        padding: 10px;
        font-size: 30px;
    }
    #setka-1{
        max-width: 100%;
        width: 100%;
    }
    .block_2 table tr {
font-size: 20px;
    }
    .block_2 table tr span{
        font-size: 22px;
    }
    .block_3{
        
        max-width: 100%;
        width: 100%;
        position: relative;
        
    }
    #text1{
        width: auto;
    }
    ul.dropdown li.dropdown-top:hover .dropdown-inside{
        z-index: 100!important;
    }
    .block_3 li{
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .block_4{
        max-width: 100%;
        width: 100%;
       margin-top: 235px;
     
        
    }
    .block_4 .title{
        padding: 10px;
        font-size: 30px;
    }
    .block_4 table tr td{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_4 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_4 table tr td img{
        max-width: 100px;
        
    }
    #bludo-1{
        display: block;
        position: relative;
width: 100%;
    }
    #bludo-2{
        display: block;
        position: relative;
        width: 100%;
    }
    .arr_2{
        display: none;
    }
    #img_4{
        margin-top: 25px;
    }
    .arr_3{
        display: none;
    }
    .text_block_4{
        margin: 25px;
    }
    .block_5 .title{
        padding: 10px;
        font-size: 35px;
    }
    .rec-1, .rec-2, .rec-3, .rec-4, .rec-5{
        max-width: 200px;
        width: 200px;
      display: block;  
      margin: 25px auto;
    }
    .block_5{
        text-align: center;
        max-width: 100%;
        width: 100%;
        
    }
    .block_5 table tr td{
        max-width: 100%;
        width: 100%;
    }
    .block_5 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_5 table{
        margin-top: 50px;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .butt_3{
        display: block;
    }
    .menu-table{
        position: absolute;

        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td{
        display: block; 
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .menu-table tr td img{
        max-width: 300px;
        width: 300px;
      display: block;  
      margin: 25px auto;
    }
    .block_6{
        margin-top: 650px;  
    }
    .block_6 .title{
        padding: 10px;
        font-size: 30px;
    }
    .text-block-6 {
        margin: 20px;
    }
    .block_6 .prim{
        max-width: 90%;
        width: 90%;
    }
    .block_6 table tr td{
        margin-top: 15px;
        max-width: 100%;
        width: 100%;
    }
    .block_6 table tr{
        max-width: 100%;
        width: 100%;
    }
    .block_6 table{
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .block_6 tr td{
        display: block;
    }
    .block_andrey{
    max-width: 100%;
    width: 100%;
    }
    #block-face{
        display: block;
        width: 100%;
        text-align: center;
    }
    #photo_face-1{
        margin-top: 30px;
        width: 100px;
        height: 100px;
    }
    .remodal-wrapper{
        max-width: 400px;
        width: 350px;
    }
    .remodal{
        float: left;
        margin: 0px auto;
        text-align: left;
        background-position: center;
        max-width: 100%;
        width: 100%;
        }
    .author{
        
        padding: 0px;
        background: none;
        max-width: 100%;
        width: 100%;  
    }
    .author ul li{
        max-width: 80%;
        width: 80%;
        }
        .author ul{
            max-width: 100%;
            width: 100%;
            }
            
            .block_7 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_7 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_7 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_7 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_7 tr td{
                display: block;
            }
           .block_7_bott{
            background: url(../img/bg_6.png)no-repeat center;
            
            width: 100%;
            position: absolute;
            height: 510px;
            
            }
            .block_8{
                margin-top: 1300px;
            }
            .block_8 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_8 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_8 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_8 table{
                padding-bottom: 15px;
                background-color: #592345;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_8 tr td{
                display: block;
            }
            .white{
                background: rgba(255, 255, 255, 0.85);
                text-align: left;
                margin: 0px auto;
                padding: 0;
                height: auto;
                max-width: 90%;
                width: 90%;
            }
            .white p{
                max-width: 100%;
                width: 100%;
            }
            .block_9{
                background: none;
            }
            .block_9 .title{
                padding: 10px;
                font-size: 35px;
            }
        
            .block_9 table tr td{
                margin-top: 15px;
                max-width: 100%;
                width: 100%;
            }
            .block_9 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_9 table{
                padding-bottom: 15px;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .block_9 tr td{
                display: block;
            }
            .block_10{
                max-width: 100%;
                width: 100%;
                margin-top: 300px;
                height: auto;
            }
            .block_10 p{
                max-width: 100%;
                width: 100%;
            }
            #zag-footer{
                font-size: 20px!important;
            }
            .footer{
                padding-bottom: 15px;
            left: auto;
                text-align: center;
                margin-left: auto!important;
                margin-right: auto!important;
                max-width: 100%;
                width: 100%;
            position: relative;
            }
            .arrowss{
                max-width: 100%;
                width: 100%;
                margin-bottom: 25px;
            }
            .arrowss img{
                display: none;
            }
            .green_line{
                display: none;
            }
            .block_11 .title{
                padding: 10px;
                font-size: 35px;
            }
            .block_11{
                text-align: center;
                max-width: 100%;
                width: 100%;
                
            }
            .block_11 table tr td{
                max-width: 100%;
                width: 100%;
            }
            .block_11 table tr{
                max-width: 100%;
                width: 100%;
            }
            .block_11 table{
                margin-top: 50px;
                text-align: center;
                max-width: 100%;
                width: 100%;
            }
            .divBTN4{
                text-align: center;
                margin: 0px auto;
                width: 100%;
            }
            #btn-4{
              margin-top: 30px; 
              margin-right: 0; 
            }
            .divBTN5{
                text-align: center;
                margin:20px auto;
                width: 100%;
            }
            .block_cback{
             height: 4000px;
             }
             .block_11{
                 height: auto;
                 background: none;
             }
  
  /* Custom, iPhone Retina */
  @media only screen and (max-width : 320px) {
    html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
      .remodal-wrapper{
    max-width: 100%;
    width: 95%;    
    }
  .block_4{
      margin-top: 300px;
  }
  .block_7{
      margin-top: 150px;
  }
  .block_8{
      margin-top: 1350px;
  }
  .logo{
      width:70%;
  }
  .bread-c {
    margin-left: 7px;
}
  }



  @media only screen and (max-width :280px) {
    html{max-width: 100%; width: 100%; overflow-x: hidden;}
    body{max-width: 100%; width: 100%; overflow-x: hidden;}
    .conteiner{max-width: 100%; width: 100%;}
    .logo{
        width:70%;
    }
      .remodal-wrapper{
    max-width: 90%;
    width: 90%;    
    }
  .block_4{
      margin-top:470px;
  }
  .block_6{
      margin-top: 700px;
  }
  .block_7{
      margin-top:240px;
  }
  .block_8{
      margin-top: 1580px;
  }
  .block_10{
    margin-top: 450px;
}
.bread-c {
    margin-left: 7px;
}
  }