/* recet.css */
html, body, div, span, applet, object, iframe,
 blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, legend,
 table, tbody, tfoot, thead, tr, th {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 15px;
 vertical-align: baseline;
 background: transparent;
 }
 body {
 line-height: 1;
 }
 ol, ul {
 list-style: none;
 }
 blockquote, q {
 quotes: none;
 }
 :focus {
 outline: 0;
 }
 ins {
 text-decoration: none;
 }
 del {
 text-decoration: line-through;
 }
 table {
 border-collapse: collapse;
 border-spacing: 0;
 }
/* recet.css */

h4, h5, h6 {
    font-size: 24px;
}
body{
    -moz-background-size: 100%;/* Firefox 3.6+ */
    -webkit-background-size: 100%;/* Safari 3.1+ � Chrome 4.0+ */
    -o-background-size: 100%;/* Opera 9.6+ */
    background-size: 100%;  /* ����������� �������� */  
    width: 100%;
}
#goods-content img{
    width: 100%;
}
@font-face{
    font-family: ANTQUAB; /* ��� ������ */
    src: url(../fonts/ANTQUAB.TTF); /* ���� � ������ */
}
#main{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
#header{
 width: 1100px;
    min-height: 170px; 
}
@media  (max-width:1100px){
    #header{
        min-height: 0; height: auto; 
    }

}

@media  (max-width:1100px){
    #main .screen.fourth .inner{
     background: none
    }

}
@media  (max-width:1100px){
         .gray{
         background: #e9e9e9;
         margin-top: 70px;
         padding-bottom: 10px;
    }
             .gray2{
         background: #e9e9e9;
         padding: 1px
    }

}
@media  (max-width:1100px){
   #main .screen.first .inner .ttl {
   padding-top: 30px;   
   
    }

}


.nav-holder {
    background-color: #ddd;
    border-bottom: 2px solid #D53C99;
    height: 48px;
    position: fixed;
    left: 0;
    width: 100%;
    padding-bottom: 0;
}
#nav, .nav-holder {
    z-index: 30;
}

.banner{
    display: block;
    width:100%;
    margin: 0 auto;
    padding:0;
}



#content{
    width: 100%;
    border-top: 2px solid #236B63;
}

.top_nav{
    position: relative;
    top: 0px;
    left: 53.5%;
    margin: 0 0 0 -572px;
    width: 1065px;
    z-index: 30;
}

.top_nav .logo {
    width: 250px;
    margin-top: 25px;
    margin: 55px 0 6px 15px;
    z-index: 10;
    position: relative;
    float: left;
}

.top_nav ul {
    left: 65px;
    width: 360px;
    margin: auto;
    bottom: 0;
    position: relative;
    float: none;
    list-style: none;
    padding: 0;
    }
.top_nav ul li{
    margin-left: 0px;
    margin-top: 37px;
    width: 180px;
}
.top_nav ul li a{
    margin-left: -50px;
}

.top_nav .logo a img {
    width: 100%;
    margin-top: -50px;
}    
    
                
.clear2{ clear: both; display:block;  }
.phone-cont {
    padding-top: 10px;
}
address.phone-cont {
    font-style: normal;
    margin: 0;
    position: relative;
    text-align: right;
    white-space: nowrap;
    padding-top: 15px;
}
.top_nav h2{
    font-style: normal;
    position: relative;
    text-align: right;
    white-space: nowrap;
    font: 25px ANTQUAB;
    color: white;
    float: right;
    margin-right: 0px;
    margin-top: -88px;
}

.top_nav .phone-cont span.nostrong {
    color: #5f6973;
    position: relative;
    text-align: right;
    float: right;
    margin-right: 5px;
    margin-top: -85px;
}

.toplink2 {
    font-size: 12px;
}

#buttonoredercall{
    color: white;
    background-color: #269084;
    border-bottom: 2px solid #1D6F65;
    padding: 5px 10px;
    font: 14px sans-serif;
    cursor: pointer;
    text-decoration: none;
    z-index: 101;
}
#buttonoredercall:hover{
    background-color: #2DAD9E;
}
#buttonoredercall2{
    color: #5f6973;
    border-bottom: 1px dashed black;
    padding: 6px 10px !important;
    font: 20px pf_dintext_prolight;
    cursor: pointer;
    right: 0px; top: 0;
    text-decoration: none;
    z-index: 101;
}
#buttonoredercall2:hover{
    border-bottom: none;
}

#ordercall{
    max-width: 450px;
    width: auto;
    display: none;
}
#ordercall .ttord{
    font: 26px sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
}
#ordercall p{
    font: 15px sans-serif;
    margin-top: 0px;
}
#ordercall input{
    max-width: 320px; width: auto;
    height: 40px;
    padding: 0 10px;
    font: 16px sans-serif;
    margin-top: 10px;
    border: 1px solid #8E8E8E;
}
#ordercall div{
    width: 300px;
    margin: 0 auto;
}
#ordercall button{
    width: 160px;
    height: 38px;
    font: 14px sans-serif;
    background-color: white;
    border: 2px solid #228075;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}



.letter{
   font-size: 150% 
}
#title1{
    font: 43px ANTQUAB;
    margin-bottom: 0;
    color: white;

}
#title2{
    font: 50px ANTQUAB;
    margin-top: 5px;
    margin-bottom: 0;
    text-shadow: 0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000;
    color: white;
}

#slider{
    max-width: 1100px;
    width: auto;
    height: 350px;
    margin-top: -30px;
}
.titleh3{
    font: 35px ANTQUAB;
    margin-bottom: 10px; 
    text-align: center;  
}
.titleh4{
    font-size: 24px;
    margin-bottom: 10px; 
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;  
}
.title3{
    font: 35px ANTQUAB;
    margin-bottom: 10px; 
    text-align: center;  
}
.title4{
    font-size: 24px;
    margin-bottom: 10px; 
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;  
}
#category{
    margin-top: 0;
    margin-bottom: 0;
}
#category a{
   font: 15px ANTQUAB; 
   padding: 7px 12px;
   display: inline-block;
   color: black;
   text-decoration: none;

}
#category a.active{
    background-color: #269084;
    border-radius: 10px ;
    text-decoration: underline;
    color: white;    
}
#category a:hover{
    text-decoration: underline;   
}

#category input{
   font: 15px ANTQUAB; 
   padding: 7px 12px;
   display: inline-block;
   color: black;
   text-decoration: none;

}
#category input.active2{
      background-color: #269084;
    border-radius: 10px ;
    text-decoration: underline;
    color: white;   
}
#category input.active2:hover{
      background-color: white;   
}

#cat H4 a{
overflow: hidden;
cursor: pointer;
}
.owl-prev img{
margin: -180px 0 0 1px;
    opacity: 0.2;
position: absolute;
z-index:1;
}
.owl-next img{
margin-left: 918px;
margin-top: -180px;
    opacity: 0.2;
position: absolute;
z-index:1;

}
#goods-box{
    height: 270px;
    margin-top: 40px;
    background-color: white;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.goods-box-item{
    height: 260px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid white;
    display: inline-block;
    width: 100%;
}
.goods-box-item img{
   display: inline-block; 
}
.goods-box-item:hover{
    opacity: 0.8;
}
.goods-box-item p{
    font: 19px ANTQUAB;
    color: #23877B;
    margin: 10px 0;
    text-align: center;
}


.clear{
    display: block;
    clear: left;
}
#main-photo{
    height: 600px;
    margin-top: 10px;
}
#main-photo div{
    display: inline-block;
}
#block-main-image{
    background-color: white;
}


#block-price{
    background: url(/files/images/fon-block-price.png);
    padding: 5px 0;
}
.white{
    color: white;
}
.old-price{
    font: 30px ANTQUAB;
    text-decoration: line-through;
    color: #2AA193;
}
.new-price{
    font: 30px ANTQUAB;
    color: #FF5B63;    
}
.rarr{
    font: 30px sans-serif;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}
#form-data ul{
    max-width: 420px;
    margin: 0 auto;
}
#form-data li{
    width: 100%;
    margin: 5px;
}
#form-data li input{
    width: 95%;
    height: 42px;
    padding: 5px;
    font: 17px sans-serif;
    border: 1px solid #299C8F;
}
#select-delivery{
    width: 420px;
    height: 42px;
    padding-left: 5px;
    padding-right: 5px;
    font: 17px sans-serif;
    border: 1px solid #299C8F;    
}
#block-textarea{
    max-width: 420px;
    margin: 0 auto;  
}
#block-textarea textarea{
    width: 95%;
    margin-left: 5px;
    height: 80px;
    padding: 5px;
    font: 17px sans-serif;
    border: 1px solid #299C8F;  
}
#send-data-form{
    font: bold 16px sans-serif;
    color: white;
    width: 250px;
    height: 50px;
    border: 2px solid #228075;
    background-color: transparent;
    margin: 25px 0 -5px 0;
    cursor: pointer;
}
#send-data-form:hover{
    border: 2px solid #2CA496;
}
.podrobnee{
    font: 18px sans-serif;
    color: white;
    text-decoration: underline;
    margin-top: 15px;
    cursor: pointer;
    display: block;
}
.podrobnee:hover{
    text-decoration: none;
}
.dopspisok{
    display: none;
}
.info-list{
    margin-top: 55px;
    margin-bottom: 60px;
}
.info-list li{
    margin-top: 15px;
    text-align: right;
}
.info-list img{
    float: right;
    margin-left: 25px;
    margin-right: 25px; text-align: center;
}
.info-list h4{
    font: 20px ANTQUAB;
    background-color: #F4DFA0;
    margin-top: 0;
    display: inline-block;
    padding: 8px 15px; 
    margin-left: 25px;
    text-align: right;
}
.info-list p{
    font: 15px sans-serif;
    margin-top: 0; 
    margin-left: 25px;
    text-align: right;
}
#vk_comments{
margin-top: 35px;
margin-left: ;
}
.reviews-block{
    margin-top: 35px; 
    margin-left: 15px;
    margin-right: 15px;   
}
.reviews-block li{
    margin-top: 15px;
    border: 1px solid #969696;    
}
.reviews-block img{
    float: left;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.reviews-block h4{
    font: 26px sans-serif;
    color: #269084;
    margin-top: 0;
    margin-bottom: 0;
}
.reviews-block p{
    font: 15px sans-serif;
    margin-top: 15px;
    margin-right: 15px; 
}
#o-nas-block p{
    font: 15px/20px sans-serif;
    margin-left: 15px;
    margin-right: 15px;
}
#contacts-block{
    margin-top: 40px;    
}
#contacts-block p{
    font: 16px/20px sans-serif;
    margin-left: 15px;
    margin-right: 15px;    
}
#subicon{
    background: url(/files/images/subscr.png);
    width: 105px;
    height: 39px;
    display: block;
    margin-top: 5px;
}
#subscription h4{
    font:bold 22px sans-serif;
    margin-top: 15px;
    margin-bottom: 0px;
}
#subscription p{
    font:15px sans-serif;
    margin-top: 10px;
    margin-bottom: 0px;
}
#block-subscrip{
    height: 40px;
    max-width: 400px;
    width: auto;
    margin: 20px auto;
    position: relative;
}
#subscrip-email{
    border: 1px solid #7B7A75;
    height: 40px;
    width: 95%;
    padding: 5px;
    font: 15px sans-serif;
}
#send-subscrip-email{
    height: 32px;
    width: 70px;
    background-color: #258E82;
    color: white;
    border: none;
    position: absolute;
    top: 4px;
    right: 13px;
}

#fixbox{
    width: 200px;
        position: fixed;
    top: 150px;
    right: 25px;
z-index: -1;
}
#block-sale{
    width: 200px;
    height: 270px;
    overflow: hidden;
}
#label{
    background: url(/files/images/label.png);
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#link-sale{
    
    font: 14px sans-serif;
    color: black;
    padding: 6px 12px;
    display: inline-block;
    margin-top: 25px;
    text-decoration: underline;
    cursor: pointer;
}
#link-sale:hover{
    text-decoration: none;
}
#block-sale img{
    margin-top: 25px;
}
#footer{
    border-top: 1px solid #898C8E;
    margin-top: 40px;
}
#title-footer{
    font: bold 14px sans-serif;
    margin-top: 20px;
}
#block-goods-coontent{
    padding-left: 15px;
    padding-right: 10px;
}
.loadgoods{
    opacity:0.6;
}
.active{
    border: 2px solid #269084;
}
.message-sub{
    font: 14px sans-serif;
    padding: 15px 20px;
    background-color: #B4D9D5;
    border: 1px solid #60B9AF;
    width: 300px;
    text-align: center;
}
#scrolltop{
    display: none;
    position: fixed;
    right: 20px;
    top: 62px;
    width: 40px;
    height: 26px;
    cursor: pointer;
    z-index: 15;
    background-image: url(/files/imagesvip/up.png);
    opacity: .8;
    transition: .2s;
}

#block-content div.image{
    width: 250px;
    height: 150px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
}
#content-load{
    border: 1px solid #E5E5E5;
    background-color: #EEEEEE;
    display: inline-block;
    font: 13px sans-serif;
    padding: 4px 15px;
    margin-top: 15px;
    cursor: pointer;
}
#content-load{
    border: 1px solid #E5E5E5; 
    background-color: #EEEEEE;
    display: inline-block;
    font: 13px sans-serif;
    padding: 4px 15px;
    margin-top: 15px;
    cursor: pointer;
}
#block-body{
    width: 990px;
    height: 600px;
    margin: 50px auto;
}
#img-list li{
    float: left;
    margin: 10px;
}
#img-list img{
    border: 1px solid #E5E5E5;
    padding: 3px;
}

.imgwidth{ width: 100%;  }
.cnt-block-countdown{ text-align: center;  }

#block-countdown{ display: inline-block;  }

.label-header-mobile{ visibility: hidden;  }


.menu {
    display: none;
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    position: absolute;
    text-align: right;
    background-color: rgba(255,255,255,0.8);
    z-index: 222;
    top:140px;
    right: 20px;
    padding: 0px;
}

/* menu icon */

.menu-icon {
    cursor: pointer;
    display: none;
    padding: 10px;
    margin: 0;
    width: 50px;
    height: 50px;
    right: 30px;
    top: 90px;
    position: absolute;
    user-select: none;
    z-index: 200;
}

.menu-icon .navicon {
  background: #fff;
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-out;
  width: 50px;
}

.menu-icon .navicon:before,
.menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.menu-icon .navicon:before {
  top: 14px;
}

.menu-icon .navicon:after {
  top: -14px;
}

/* menu btn */

.menu-btn {
  display: none;
}

.menu-btn:checked ~ .menu {
  max-height: 320px;
  display: block;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

    img.logoImage{
        float: left;
        max-width: 350px!important;
    }

@media  (max-width:768px){

    #top-fix-bar{
        min-height: 46px; 
        height: auto;
        padding: 0;
        margin: 0;
        margin: 20px 20px 0 0;
    }
    #top-bar{
        z-index: 100;    
    }
    #top-bar>ul>span{
        display: none;
    }
    #top-bar>ul{
        float: right;
    }

    #main #header{
        width: 100%;
    }
 
    img.logoImage{
        float: left;
        width: 70%!important;
        height: auto;
    }
    #main #header h1{
        padding:0;
        margin:0;
        clear: both;
        float: left;
        margin-left:10px; 
        margin-top: 40px;
    }
    .menu-icon{
        display: block;

    }
    .menu li {
        display: block;
    }
    .menu li a {
        padding: 1px 20px;
        font-size: 20px;
    }
    .menu {
        clear: none;
        float: right;
        max-height: none;
    }

}
@media  (max-width:1100px){
    #main .screen>.inner{
        width: 768px !important; 
    }

}
@media  (max-width:768px){
    #main .screen>.inner{
        width: 480px !important; 
    }
   
}
@media  (max-width:480px){
    #main .screen>.inner{
        width: 400px !important;
    }
   
}
@media  (max-width:375px){
    #main .screen>.inner{
        width: 320px !important;
    }
    
}
@media  (max-width:480px){

    img.logoImage{
        float: left;
        width: 240px!important;
        height: auto;
    }
    .label-header h1{
        clear: both;
        margin-left: 10px;
        margin-top: 0!important;
    }
    .menu-icon{
        display: block;
    }
    .menu li {
        display: block;
    }
    .menu li a {
        padding: 1px 30px;
        font-size: 28px;
    }
    .menu {
        clear: none;
        float: right;
        max-height: none;
    }
    #content{
        width:100%;
        
    }
    
}
@media  (max-width:400px){

    .menu-icon{
        top:100px;
    }

    img.logoImage{
        float: left;
        width: 300px!important;
        height: auto;
    }
    .label-header h1{
        clear: both;
        margin-left: 10px;
        margin-top: 50px!important;
        color: #fff;
    }
    #top-bar>ul{
        float: left;
        display: block;
        top:70px;
        left: 20px;
    }


}
.owlprev, .owlnext{
    position: absolute; font-size: 40px; color: black; cursor: pointer; top: 50%; margin-top: -15px; z-index: 555; color: #333333;
}
.owlprev{ left: 5px;  }
.owlnext{ right: 5px;  }
.goods-box-cnt{  position: relative; }
.gallSlide{ text-align: center; margin-top: 5px;  }
#mini-gallery{ margin-left: 10px; margin-right: 10px; }

#top-bar2 {
    width: 1100px;
    margin: 0 auto;
    position: fixed;
    display: block;
    left: 0;
    right: 0;
    
}
#top-bar2 ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 2px;  
}
#top-bar2 ul li{
    float: left; 
    
margin-left: 3.3%;
}
#top-bar2 ul li:last-child {
border-right: none;
}
#top-bar2 ul li a{
    padding: 14px 12px;
    display: block; 
    color: black; 
    font: 18px pf_dintext_prolight; 
    text-decoration:underline;
}
#top-bar2 ul li a:hover{
 
}
.top11{
    top: -30px;
}




/*--- ���������� ������ ---*/
#top-bar2 ol{
    background-color: white;
	list-style:none;
	position:absolute;
	left:-9999px; /* �������� �� �������, ����� �� ����� (������ ����� �����, ��� display:none;) */
	opacity:0; /* ������������ ��������� ��������� ������������ */
	-webkit-transition:0.25s linear opacity; /* � Webkit ���������� ������ ����� ����������� */
}

#top-bar2 ol li{
        border-bottom: 1px solid #e5e5e5;
	padding-top:1px; /* ������ ������ ����� li ����� ������� ������� ����������� ������� ���� */
	float:none; 
	background:url(/files/images/dot.gif);
}
#top-bar2 a{
	white-space:nowrap; /* ������������� ������� ������ � ������� ������������� ���������� ����� */
	display:block;
}
#top-bar2 li:hover ol{ /* ������� ���������� ����� ��� ��������� ������� */
	left:0; /* �������� ��� ������� �� �����, ����� ����� */
	border: 1px solid #e5e5e5;
    opacity:1; /* ������ ������������ */
}
#top-bar2 li:hover a{ /* ������������� ����� ��� �������� ������, ����� ��������� ���������� ������ */
	text-decoration:none;
}
#top-bar2 li:hover ol a{ /* �������� ��������� ����� �������� ������ ��� ������ ����������� ������ */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#top-bar2 li:hover ol li a:hover{ /* ������������� ����� ��� ���������� �������, ����� ������ ��������� �� ���������� ����� */
	text-decoration: underline;
	background:rgba(38, 144, 132, 1,0.01); /* ����� �������������� */
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
 

#shim {position: fixed; bottom: 0; left: 0; top: 0; right: 0; overflow: auto; background: rgba(0,0,0,0.8); zoom:1; display:none; z-index:99; opacity:0;}
#modal {margin-top:40px; margin-bottom:50px;}
#for_image {background-color:#fff; outline:#fff solid 5px; width:850px; background-image:url(../img/lightbox/test/lightbox.gif); background-repeat:no-repeat; background-position:center;}
#table_gal {min-height:400px; margin-top: 130px;}
#left_str_active, #right_str_active {cursor:pointer; opacity:0.3; width:100%; height:147px; margin-top: 10px;}
#left_str_active {background-image:url(/files/img_gallery/prev.png); background-repeat:no-repeat; background-position:center;}
#right_str_active {background-image:url(/files/img_gallery/next.png); background-repeat:no-repeat; background-position:center;}
#close {position:absolute; opacity:0.3; left:50%;     margin-left: 437px;margin-top: -40px; cursor:pointer;}
#description {background-color:#fff; outline:#fff solid 5px; padding-top:5px; width:850px;}
#description_text {width:770px; font-size:20px; margin-top:10px; margin-bottom:15px; color:#1b1a1a;}
#date {float:right; font-size:12px; color:#aeaeae; margin-bottom:5px;}



#myFooter {
    width: 100%;
    position:relative;
	background-color: #363636;
	color:white;
}

#myFooter .footer-copyright{
	background-color: #383737;
	padding-top:3px;
	padding-bottom:3px;
	text-align: center;
}

#myFooter .footer-copyright p{
	margin:10px;
	color: #ccc;
}

#myFooter ul{
	list-style-type: none;
    padding-left: 0;
    line-height: 1.7;

}

#myFooter h5{
	font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#myFooter a{
	color:#d2d1d1;
	text-decoration: none;
}

#myFooter a:hover, #myFooter a:focus{
	text-decoration: none;
	color:white;
}

#myFooter .myCols{
	text-align: center;
}

#myFooter .social-networks{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 38px;
}

#myFooter .social-networks a{
    font-size: 32px;
    margin-right: 5px;
    margin-left: 5px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover{
	text-decoration: none;

}

#myFooter .facebook:hover{
	color:#0077e2;
}

#myFooter .google:hover{
	color:#ef1a1a;
}

#myFooter .twitter:hover{
	color: #00aced;
}
#myFooter .vk:hover{
	color: #4A76A8;
}
#myFooter .instagram:hover{
	color: #EA9152;
}
@media screen and (max-width: 767px){
	#myFooter {
		text-align: center;
	}
}
.mapsyandex{
    margin-top: 25px; margin-bottom: 40px
}




.screen.first .inner {
    padding: 0;
    background: rgba(255, 255, 255, 0.8);
}


#main .screen>.inner {
    margin: auto;
    width: 1100px;
    position: relative;
    padding: 20px 0 30px;
}
* {
    outline: none;
}
div {
    display: block;
}
.screen.first .inner>div .priceBlock {
    margin-top: 30px;
}
.screen.first .inner>div {
    z-index: 1;
    position: relative;
    padding-top: 20px;
    height: 357px;
}
.screen .orangeBtn {
    display: inline-block;
    background: rgb(63, 174, 42);
    color: #fff;
    font: 18px pf_dintext_proregular;
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
    min-width: 282px;
    text-align: center;
    box-sizing: border-box;
    }
    .screen .orangeBtn:hover {
        opacity: 0.9;
        text-decoration: underline;
    }
a {
    background-color: transparent;
}
a {
    color: #000;
    outline: none;
    cursor: pointer;
}
.screen .priceBlock .price {
    font: 18px pf_dintext_proregular;
    color: #000;
    font-size: 22px;
    margin-bottom: 10px;
}
.screen.first .inner>div p {
    font: 18px pf_dintext_proregular;
    font-size: 20px;
    color: #484848;
}
#main .screen.first .inner .ttl {
    margin: 30px 0;
}
#main .screen .ttl {
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 56px;
    text-transform: none;
    line-height: 52px;
}

.screen.first .inner:before {
    content: '';
    display: block;
    position: absolute;
    width: 800px;
    height: 377px;
    right: 0;
    z-index: 1;
}
.screen {
    z-index: 1;
    position: relative;
}
.inner {
    margin: auto;
    width: 1100px;
    position: relative;
    padding: 40px 0;
}
.screen.second .inner>.left {
    background: rgba(219, 221, 221, 0.8);
    float: left;
    width: 33.33333333%;
    padding: 25px;
    box-sizing: border-box;
    height: 530px;
}
.screen.second .inner .sub {
    margin-bottom: 15px;
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 28px;
}
.screen.second .inner>.left ul {
    list-style: none;
    padding: 0;
}
.screen.second .inner>.left ul li {
    margin-bottom: 20px;
}
.screen.second .inner>.right {
    float: left;
    background: rgba(255, 255, 255, 0.8);
    width: 66.66666667%;
    padding: 30px;
    box-sizing: border-box;
    height: 530px;
}
.screen.second .inner>.right .icons {
    margin-top: 10px;
    margin: 40px 50px;
}
.screen.second .inner>.right .icons>div {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 15px 0;
    color: #5f6973;
    text-align: left;
}
.screen.second .inner .sub {
    color: #5f6973;

}
.screen.second .inner>.right .icons>div .sub {
    font: 18px pf_dintext_probold;
    font-size: 16px;
}
.screen.second .inner>.right .icons:after {
    clear: both;
    content: '';
    display: block;
}
.screen.second .inner>.left ul li a {
    color: #6c8742;
    font: 18px pf_dintext_prolight;
    font-size: 22px;
}
a {
    background-color: transparent;
}
a {
    color: #000;
    outline: none;
    cursor: pointer;
}
.screen.second .inner>.left ul li.active5 {
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 22px;
}
 .screen.second .inner>.left ul li {
    margin-bottom: 20px;
}




.screen.fourth {
    background: #fff; 
    width: 100%;
}
.screen.fourth .inner {
    background: url(/files/images/shadow.png) no-repeat;
    padding-bottom: 80px;
}

.screen.fourth .inner .blocks {
    padding-bottom: 40px;
    padding-top: 60px;
    padding-left: 15px;
}
.screen.fourth .inner .blocks1 {
    padding-bottom: 40px;
    padding-top: 60px;
    padding-left: 15px;
}
.screen .regTtl {
    padding-left: 120px;
    margin-top: -70px;
    margin-bottom: 20px;
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 46px;
    text-transform: none;
    line-height: 46px;
}
.screen.fourth .inner .sub {
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 28px;
}
.screen.fourth .inner .blocks .left ul {
    padding-left: 30px;
    padding-top: 20px;
    list-style: none;
}
#main .screen.fourth .inner .blocks .left ul li {
    margin-bottom: 15px;
    padding: 0 10px 0 20px;
}
.screen.fourth .inner .blocks .left ul li:before {
    background: url(/files/images/check.png) no-repeat;
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    margin-left: -30px;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right {
    width: 50%;
    float: left;
    padding-top: 30px;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right4 {
    width: 50%;
    float: left;
    padding-top: 30px;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right3 {
    width: 50%;
    float: left;
    padding-top: 30px;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right2 {
    width: 50%;
    float: left;
    padding-top: 30px;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right5 {
    width: 50%;
    float: left;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right6 {
    width: 50%;
    float: left;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right7 {
    width: 50%;
    float: left;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right8 {
    width: 50%;
    float: left;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right9 {
    width: 50%;
    float: left;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right10 {
    width: 50%;
    float: left;
}
#main .screen.fourth .inner .blocks .left, #main .screen.fourth .inner .blocks .right_calc {
    width: 50%;
    float: left;
}
.screen.fourth .inner .blocks .right:before {
    margin-top: -80px;
    margin-left: 80px;
    background: url(/files/images/vvan.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';
}
.screen.fourth .inner .blocks .right1:before {
    margin-top: -50px;
    margin-left: 80px;
    background: url(/files/images/vspal.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right2:before {
    margin-top: -50px;
    margin-left: 80px;
    background: url(/files/images/mattvdet.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right3:before {
    margin-top: -50px;
    margin-left: 80px;
    background: url(/files/images/mattiligloss.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right4:before {
    margin-top: -50px;
    margin-left: 80px;
    background: url(/files/images/fotocelling.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right5:before {
    margin-top: 30px;
    margin-left: 80px;
    background: url(/files/images/katalogphoto.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right6:before {
    margin-top: 30px;
    margin-left: 80px;
    background: url(/files/images/descor.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right7:before {
    margin-top: 30px;
    margin-left: 80px;
    background: url(/files/images/cvetdescor.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right8:before {
    margin-top: 30px;
    margin-left: 80px;
    background: url(/files/images/toolevel.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks .right9:before {
    margin-top: 30px;
    margin-left: 80px;
    background: url(/files/images/pricesilling.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}


.screen.fourth .inner .blocks .right_calc:before {
    margin-left: 80px;
    background: url(/files/images/mattvdet.png) no-repeat;
    width: 380px;
    height: 400px;
    display: block;
    content: '';    
}
.screen.fourth .inner .blocks:after {
    clear: both;
    content: '';
    display: block;
}
.screen .priceBlock.center {
    margin: auto;
    width: 282px;
    text-align: center;
}


.center {
    margin: auto;
    width: 282px;
    text-align: center;
}
.consult {
    margin-right: 40px;
}


.screen.fourth .inner .blocks>div {
    float: left;
    padding-left: 30px;    
}
.screen.fourth .inner .ttl2 {
    text-align: center;
}
.screen .ttl2 {
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 35px;
    text-transform: none;
    line-height: 52px;
}
.screen.fourth .inner .blocks {
    padding-top: 40px;
    padding-bottom: 40px;
}

.screen.fourth .inner .blocks1 {
    padding-top: 0px;
    padding-bottom: 40px;
}


.screen.third {
    background: #fff;
}
.screen.third .inner {
    background: url(/files/images/shadow1.png) no-repeat;
    box-sizing: border-box;
}
.screen>.inner {
    margin: auto;
    width: 1100px;
    position: relative;
    padding: 40px 0;
}
.screen.third .inner .blocks {
    padding-top: 40px;
    padding-bottom: 40px;
}
.screen.third .inner .blocks>div a img {
    width: 100%;
}
    
.screen.third .inner .blocks:after {
    content: '';
    display: block;
    clear: both;
}
.screen.third .inner:after {
    clear: both;
    content: '';
    display: block;
}

.screen.third .inner .regTtl2 {
    font: 16px 'pf_dintext_proregular',sans-serif;
    text-align: center;
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 46px;
    text-transform: none;
    line-height: 46px;
    margin: 0;
}
.screen.third .inner .subTtl {
    padding-top: 15px;
    text-align: center;
    color: #000;
    font: 18px pf_dintext_prolight;
    font-size: 24px;
    margin-bottom: 20px;
}


.screen.third .inner .blocks>div.big {
    color: #fff;
    border-radius: 100px 0;
    padding: 71px 0;
    box-sizing: border-box;
    padding-bottom: 60px;
    height:288px;
}
.screen.third .inner .blocks>div.big .head {
    font-size: 150px;
    letter-spacing: -25px;
    padding: 0 20px;
    line-height: 162px;
    display: inline;
    float: left;
    padding-right: 40px;
    margin-top: -15px;
    margin-left: -10px;
}
.screen.third .inner .blocks>div.big .text {
    font-size: 16px;
    padding: 0;
    margin-top: -30px;
}
.screen.third .inner .blocks>div.big .text span {
    font-size: 60px;
    display: block;
}
.screen.third .inner .blocks>div:nth-child(3n) {
    margin-right: 0;
}
#main .screen.third .inner .blocks>div {
    width: 326px;
    background: #fff;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
}


.screen.third .inner .blocks>div.texter:before {
    content: '';
    display: block;
    background: url(/files/images/icons2.png) no-repeat;
width: 61px;height: 46px;margin: auto;margin-bottom: 20px;position: relative;left: -35px; margin-top: 50px;
}
.screen.third .inner .blocks>div.texter p {
    margin: 20px;
}
.screen.third .inner .blocks>div.texter2:before {
    content: '';
    display: block;
    background: url(/files/images/icons2.png) no-repeat;
width: 61px;height: 46px;margin: auto;margin-bottom: 20px;position: relative;left: -30px; margin-top: 10px;
}
.screen.third .inner .blocks>div.texter2 p {
    margin: 20px;
}
.csc-default p {
    font-size: 16px;
}
.screen.third .inner .blocks>div .sub {
    color: #fff;
    font: 18px pf_dintext_prolight;
    font-size: 24px;
    background: #ddd;
    text-align: center;
    padding: 10px 20px;
}
.screen.third .inner .blocks>div .sub a {
    color: black;
    text-align: center;
    text-decoration: underline;
    font: 18px pf_dintext_prolight;
    font-size: 24px;
    padding: 10px 20px;
}
.screen.third .inner .blocks>div .sub a:hover {
    text-decoration: none;
}
.screen.third .inner .blocks>div .sub .price {
    margin-top: 10px;
        color: #D53C99;
    font: 18px pf_dintext_prolight;
    font-size: 24px;
    background: #ddd;
    text-align: center;
    padding: 10px 20px;
}



.screen.subIcons{
    background: #e9e9e9;
        padding: 0 0 0 ;
    }
.screen.subIcons .inner {
    background: url(/files/images/shadow1.png) no-repeat;
    box-sizing: border-box;
}
.screen.subIcons .inner .ttl {
    text-align: center;
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 56px;
    text-transform: none;
    line-height: 52px;
    text-shadow: 0 1px #fff;
    margin: 10px 0 0;
}
.screen.subIcons .inner .blocks {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
}
.screen.subIcons .inner .blocks>div {
    float: left;
    width: 25%;
    margin-bottom: 20px;
    padding-top: 20px;
}
.screen.subIcons .inner:after {
    clear: both;
    content: '';
    display: block;
}





.screen.seventh {
    background: #e9e9e9;
}
.screen.seventh .inner {
    background: url(/files/images/shadow1.png) no-repeat;
    box-sizing: border-box;
}
.screen>.inner {
    margin: auto;
    width: 1100px;
    position: relative;
    padding: 40px 0;
}
.screen.seventh .inner div {
   /*  width: 850px; */
    margin: auto;
    text-align: center;
}
.screen.seventh .inner:after {
    content: '';
    display: block;
    clear: both;
}
.screen.seventh .inner .headPhoneRg a, #main .screen.seventh .inner .subPhone {
    font: 18px pf_dintext_proregular;
    font-size: 34px;
    color: #eb5825;
    text-decoration: none;
}




.picto-energo {
    float: left;
    margin-top: -4px;
    padding-right: 10px;
}
img[Attributes Style] {
    width: 45px;
    height: 45px;
}
.compRight p {
    line-height: 140%;
    text-align: justify;
}
.compRight p {
    color: #505050;
    font-size: 14px;
    line-height: 170%;
    margin-bottom: 10px;
}
element.style {
    width: 670px;
    margin: 0 auto;
}
.compRight table {
    margin-bottom: 10px;
}


tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
td, th {
    display: table-cell;
    vertical-align: inherit;
}
a.modal {
    cursor: pointer!important;
}

.compRight a {
    color: #158FBD;
    text-decoration: none;
}
.fr {
    float: right !important;
    clear: both;
}
table .thumb_simple {
    width: auto !important;
}

a img, :link img, :visited img {
    border: 0 none;
}
.thumb_simple {
    border: 1px solid #D1D1D1 !important;
    padding: 5px;
    max-width: 100%;
}
.row {
    margin: 0 -10px;
}
element.style {
    margin: 0 20px;
}

@media only screen and (min-width: 768px)
.col_m3 {
    width: 25%;
}
[class*="col_"] {
    float: left;
}
@media only screen and (min-width: 768px)
.col_m3 {
    width: 25%;
}

.col_pad {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}





   .columns {
    display: block;
    position: relative;
    padding-bottom: 15px;
    background: #fff;
    width: 100%;
    left: 0;
    margin: auto;
    z-index: 5;
}
   .breadcrumbs {
    margin: 0; padding: 5px ; /* ������� ������� */
    height: 30px;
   }
      .breadcrumbs img {
        content: ''; /* ������� ����������� ��� ������� ������ */
    display: inline-block; /* ����������� �� ����������� */
    margin-right: 5px ;
    margin-top: -5px;    
   }
   .breadcrumbs li:before {
    margin-left: 5px; /* ������ ����� */
    margin-right: 5px; /* ������ ������ */
    color: #5f6973; /* ���� ����������� */
   }
   .breadcrumbs li:first-child::before {
    content: ''; /* ������� ����������� ��� ������� ������ */
   }

      .breadcrumbs li { 
        display: inline-block; /* ����������� �� ����������� */        
   color: #5f6973;
   font: 14px/18px pf_dintext_proregular;
   }
   .breadcrumbs li a { 
   color: black;
   font: 14px/18px pf_dintext_proregular;
   text-decoration: underline;
   }
   
   .breadcrumbs li a:hover{ 
    text-decoration: none; /* �������� ������������� � ������ */
   }
   
   
   .subsections {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.subsections a {
    display: inline-block;
    max-width: 212px;
    color: #200202;
    text-decoration: underline;
    outline: none;
    cursor: pointer;
}

.cont a {
    color: #c90202;
}
.ringe {
    display: table;
    border-collapse: separate;
    margin: 0 auto;
    padding: 4px;
    position: relative;
}
.subsections span {
    display: block;
}   
.subsections .subsect {
    display: inline-block;
    margin: 0 4px 30px;
    vertical-align: top;
}
p.ps {
    text-align: center;
    font-weight: bold;
    margin: 50px 0 14px;
}
h6{
    font-size: 160%;
    font-weight: normal;
    margin: 16px 0;

}




@media only screen and (min-width:768px){
    .col_m1{width:8.33333%}
    .col_m2{width:16.66666%}
    .col_m2_1{width:22%}
    .col_m4{width:33.33333%}
    .col_m5{width:41.66666%}
    .col_m6{width:50%}
    .col_m7{width:58.33333%}
    .col_m8{width:66.66666%}
    .col_m9{width:75%}
    .col_m9_1{width:78%}
    .col_m10{width:83.33333%}
    .col_m11{width:91.66666%}
    .col_m12{width:100%}
    .float_m_right{float: right;}
}
@media only screen and (min-width:992px){

    .col_l4{width:33.33333%}

}










.row .ttl5 {
    padding-bottom: 20px;
    text-align: center;
    color: #5f6973;
    font: 18px pf_dintext_prolight;
    font-size: 28px;
    text-transform: none;
    line-height: 52px;
}



.item {
    font-size: 18px;
    color: #222;
    margin-bottom: 15px;
}

.item, .circleItemCarrier, .mosaic .item, .title2 {
    text-align: center;
}
@media (min-width: 992px)
.col-md-3 {
    width: 25%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-3 {
    width: 25%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.item, .circleItemCarrier, .mosaic .item, .title2 {
    text-align: center;
}

@media (min-width: 992px)
.col-md-3 {
    width: 25%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-3 {
    width: 25%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.col-xs-6 {
    width: 50%;
}

.item img {
    display: block;
    margin: 0 auto 20px;
}

#header .container {
max-height: 140px;
    margin-top: -10px;
    margin-bottom: 30px;
}
.navbar-default {
    position: fixed;
    width: 100%;
    background-color: white;
}
@media (min-width: 1000px)
.container {
    width: 1032px;
    max-width: 1032px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
.container, .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
}

#header .content {
    padding: 70px 0px 20px 70px;
}

@media (min-width: 992px)
.col-md-5 {
    width: 41.66666667%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
#header .content #timeForm {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 70px;
    padding: 3px 3px 3px 85px;
    min-height: 83px;
    background-image: url(/files/imagesvip/clock.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #d33294;
    font-family: pf_dintext_promedium,sans-serif;
}

#header .content #timeForm .l {
    padding: 17px 10px 0;
}

@media (min-width: 768px)
.col-sm-7 {
    width: 58.33333333%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
#header .content #timeForm .r .button {
    font-size: 16px;
    max-width: 100px;
}

#header .content #timeForm .r .button, body {
    font-family: pf_dintext_proregular,sans-serif;
}
.fancybox{
    padding: 10px 7px!important;
        color: #d33294;
    font-size: 14px;
    display: inline-block;
    
}
a.fancybox:hover,.fancybox:hover{
     color: #fff;
    
}
.button {
    cursor: pointer;
    background-color: #8dd559;
    text-shadow: 0 2px 5px rgba(18,113,54,1);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.button, .button:hover, a.button:hover {
    color: #fff;
}
.button, h1, h2, h3, h4, h5, h6 {
    text-align: center;
}

#header .right {
    width: 300px;
    text-align: right;
    color: #333;
    font-size: 24px;
    padding: 78px 0 17px 0px;

}

@media (min-width: 992px)
.col-md-offset-0 {
    margin-left: 0;
}
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-offset-4 {
    margin-left: 33.33333333%;
}
@media (min-width: 768px)
.col-sm-5 {
    width: 41.66666667%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}

#header .right .textPhone {
    color: #565656;
    font-size: 25px;
    text-decoration: none;
    padding: 4px 0 0;
    font-family: pf_dintext_proregular,sans-serif;
    display: block;
}

#header .content #timeForm .r {
    padding: 17px 25px 0 0;
}

@media (min-width: 768px)
.col-sm-5 {
    width: 41.66666667%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}

.img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 80%;
    height: auto;
    margin-top: 85px;
}

#header .right .info1 {
    font-size: 12px;
    line-height: 15px;
    margin: 0 1px 0 0;
}
#header .right .modalCaller {
    color: #d33294;
    font-size: 14px;
    display: inline-block;
    padding: 0!important;
}


#gallery a {
    margin-left: 15px;
    margin-right: 15px;
}
#gallery {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}



.img-parts{
width: 100px;
    height: 50px;
      object-fit: cover;
display: block;
    margin: auto;
}
.img-parts:hover{
	transform: scale(3, 3);
}

.text-mut{
       color: white;
    font-size: 14px;
    font-weight: bold;
}
.mut{
 background-color: #94a0b2;
}








.content ul {
    list-style-position: inside;
}
.table_of_contents {
    margin:0 auto;
    list-style: none;
    display: inline-block;
}
.table_of_contents li {
    float: left;
    padding: 10px 20px;
    margin: 0px 10px;
    background-image: url(/images/punkt1.png);
    background-repeat: no-repeat;
    background-position: center left;
}


section.content h2:not(.h1), section.content .h2 {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #9b9899;
    font-size: 14.2px;
    font-style: italic;
    background: #ffffff;
    background: -moz-linear-gradient(top, #f1f2f2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f1f2f2 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f1f2f2 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f2', endColorstr='#ffffff', GradientType=0);
    line-height: 30px;
    box-shadow: 0px -1px 0px 0px #9b9899;
    color: black;
    padding-left: 10px;
}
section.content p {
    padding-left: 10px;
}

section.body p {
    text-align: justify;
}
pre {
    margin: 1em 0;
}
.price-text {
    display: inline-block;
    margin: auto;
    border: 2px solid #d71925;
    border-radius: 7px;
    padding: 11px;
    margin-left: 49%;
    margin-bottom: 36px;
}
#gx53 {
padding-top: 85px;
}
#gx70 {
padding-top: 85px;
}
#mr16 {
padding-top: 85px;
}



@media (max-width: 1220px)
section.content p {
    padding-right: 10px;
}
section.content p {
    padding-left: 10px;
}

section.body p {
    text-align: justify;
}

section.content {
    width: 100%;
    position: relative;
}

@media (max-width: 735px)
@media (max-width: 393px)
.new-main > * {
    padding-right: 20px;
    padding-left: 20px;
}

@media (max-width: 1220px)
.new-main > * {
    padding-right: 47px;
    padding-left: 47px;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

@media (max-width: 1220px)
section img {
    max-width: 100%;
}
img {
    vertical-align: middle;
}


.screen.second .inner .blocks .block .image img {
    display: inline;
    max-height: 160px;
    max-width: 100%;
}
.screen.second .inner .blocks .block .image {
    text-align: center;
    display: block;
    float: left;
    width: 40%;
    box-sizing: border-box;
}

.screen.second .inner .blocks .block {
    width: 50%;
    padding: 25px 40px 50px 0;
    box-sizing: border-box;
    float: left;
    min-height: 250px;
}
.screen.second .inner .blocks .block .name {
    font-size: 24px;
    margin: 15px 0;
}


#ordercall >b{
        font-size: 24px;
            font-weight: 100;
        padding-left: 20%;
}




.vkl3 > br,
.vkl3 > a:nth-of-type(2),
.vkl3 > br:target ~ a:nth-of-type(1) {display:none;}

.vkl3 > br {position:fixed;}

.vkl3 > br:target ~ a:nth-of-type(2) {display: block;}

.zamer{
    text-align: center;
}
.btn_zamer > a{
        color: #000;
        text-decoration: none;
}
.btn_zamer{
    isplay: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #8dd559;
    cursor: pointer;
    color: #000;
    border: 1px solid #cdd0d2;
    box-sizing: border-box;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 40px;
}
.btn_zamer:hover {

    background: #fff;

}



.logo_header {
    max-width: 120px;
    margin-top: 75px;
}

@media screen and (max-width: 768px) {
    .logo_mobile {
        max-width: 70px;
        padding-top: 5px;
    }
}