@import url("/css/coin.css");



body { margin:0; padding:0; font-family: 'Roboto' !important; font-size:11pt }
table { width:100%; border-collapse: collapse }
a, .green { color:#417011; text-decoration:none; border:none }
.grey {font-size:11pt; color:grey }
.clear { clear:both }
.success {
    padding: 40px;
    display: none;
    font-size: 20px;
    text-align: center;
}

p { display: inline }

.menu  {
    list-style-type: none;
    margin: 0;
    padding:0;
    display:inline-block;
    vertical-align: top;    
}
.menu  li {
    display: inline-block;
    vertical-align: top;
    position: relative;    
}
.menu  li a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px    
}
.menu.user_menu a {
    padding: 0 10px    
}
.menu.menu_upper a {
    padding: 0 10px    
}


.content {
    max-width: 1200px;
    width: 100%;
  margin: 0 auto;
  position:relative;
  border-top: 1px solid transparent;
}
.header .content {
  border:0
}

.popup_form, .popup1_form , .dialog_box {
    display: none;
    position: fixed;
    _position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background:rgba(0,0,0,0.6);
}
.dialog_window {
    width:320px;
    background:#96c53b;
    margin: 10% auto;
    display:block;
    border: 1px solid #96c53b;
    position:relative;
    border-radius:5px;
}
.dialog_window  .h3 {
    color:#fff;
    text-align:center;
    font-size:25px;
    padding: 15px 10px 10px 10px;
    background:transparent;
}
.dialog_window  .h4 {
    color:#fff;
    text-align:center;
    font-size:20px;
    padding: 5px 10px 10px 10px;
    background:transparent;
}
.dialog_window input[type=submit]{
    display:block;
    width:100%;
    line-height:60px;
    background:#ffcc00;
    color:#fff;
    font-weight:500;
    font-size:18px;
    margin:0;
}
.activeButton{
    display:block;
    line-height:40px;
    background:#ffcc00;
    color:#fff;
    font-weight:500;
    font-size:18px;
    margin:10px;
    border-radius:5px;
    text-align:center;
}
.close_popup_form {
    position: absolute;
    top: -5px;
    right: -25px;
    width:16px;
    height:16px;
    font-size:25px;
    color:#fff;
    font-weight:500;
}
.close_popup_form::before{
    content:"x";
}
.close_popup_form:hover {
    color:#ffcc00;
}
.dialog_window .dialog_content{
    margin:10px;
    background:#fff;
    padding:20px 20px 0 20px
}
.popup1_form form input, .popup1_form form textarea{
   line-height: 30px;
   margin: 0 0 15px 0;
}


a.coin-text-edit{
    display:block;
    width:30px;
    height:30px;
    position: relative;
    top:-5px;
    left:-5px;
    margin: 0 0 -30px -30px;
    background-size:contain;
    background-repeat:no-repeat;
    
}
.seperator{
  background: url('bull.gif') 50% 50% no-repeat;
  width:16px; height:10px;
  display: inline-block;
}
#tips {
   font-size:13px ;
}
#tips strong{
  font-weight:normal
}
/*************************  main menu ************************************************/


ul.menu_upper{
  margin: 0 10px 0 10px;

  
}

.head_menu a {
   color:#fff;
   font-weight: 500;
   font-size: 14px;
       
}
#citylistLink{
    max-width:125px;
    overflow:hidden;
    display: inline-block;
    white-space: nowrap;    
}
#citylistLink::after {
    content:"";
    background:url('arrow_wite.gif') 50% 50%  no-repeat;   
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
#citylistLink::before {
    content:"ã.";
    margin-right:3px;
}    
.citylistLink{
    position:relative;
    display: inline-block;
}
.citylistLink:hover ul.submenu{
    display: block;
}
.citylistLink ul.submenu a{

}
ul.user_menu{
    background:url('user.gif') 0 50%  no-repeat;
    padding-left:15px;
    float: right;
    right: 100px; 
    margin: 0 15px;      
width: 175px;
white-space: nowrap;
}
.user_menu a span {
   border-bottom:1px dotted #fff
}




/*************************  header ************************************************/  
#logo {
   display:block; float:left;  
  width:205px;
  height: 140px;
  background:url('logo.png') 50% 50% no-repeat;
}
.header header{
   display:block; float:left;
   width:380px;
   text-transform:uppercase;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   vertical-align: top;
}
.header header > div{
    display: inline-block;
    width: 140px;
    height: 100%;
    vertical-align: top;
    margin:0; 
}
.header .block_info_slogan {
   padding: 60px 0 0 0
}
.header .block_info_slogan p{
  display:block;
  padding:0; margin:0;
}


.head_menu {
  height:33px;
  
  background:#7db627;
} 

#search_link {
  position:relative;
  float: right;
  top:0;
  right:-1px;
  height:34px;
  width:95px;    
  background:url('search.gif') 0 0 no-repeat;
}
#search_link:hover, #search_link.active {
  background-position: 0 -34px;
}
#search_close{
   background:url('close.png') 50% 50%  no-repeat;
   width:20px;
   height:20px;
   display:block;
   position:absolute;
   left:-22px;
   top:2px;
}


#search {
   position: absolute;
   top:3px;
   left:80px;
   right:95px
}
#search input{
   margin:0;
   padding: 0 10px;
   line-height:27px
}

    .head_menu {
      position:absolute; 
      right:1px;
      top:0;
      height:33px;
      max-width:100%;
      padding-left: 80px;
      display:inline-block;
      background:url('head_menu.gif') 0 0 no-repeat;
      width: 915px; 
    }    
    .head_content {
      display:block; float:left;
      vertical-align: top;
      margin-top: 70px;
    }
    
    .header {
      height:140px;
    }
    .head_content {
   display:block; float:left;
      vertical-align: top;
      margin-top: 70px;
      min-width:415px;
    }
    
.head_menu  span, .head_menu a, .head_content  span, .head_content a {    
    line-height: 30px;
    vertical-align: top;
}

.header .phone {
    font-size:25px;
    position:relative;
   display:block; float:left;
}
.hidden_phone {
    border:1px dotted #417011;
    padding:0px 8px;
    border-radius: 3px;
    font-size:11px;
    margin: 5px;
    position:absolute;
    right:-27px;
    top:-4px;
    background:#fff;
    display:block;
    width:30%;
    text-align:center;
    line-height:25px !important;    
}


.header .call_back{
    border: 1px solid #ffcc00;
    border-radius:3px;
    background:url('call_back.gif') 8px 50%  no-repeat;
    padding: 5px 20px 5px 37px;
    margin-left:45px;
    font-size:12px;
}

.header .mailto {
    margin-left:10px;
    background:url('mail.gif') 8px 50%  no-repeat;
    padding: 4px 20px 4px 33px;
    border: 1px solid #fff;        
    font-size:13px;
    text-decoration:underline
}

.header .cart {
    background:url('cart.gif') 8px 50%  no-repeat;
    line-height: 35px;
    padding: 4px 4px 4px 50px;
    position: absolute;
    top: 60px;
    right: 25px;
    font-weight: 500;
    font-size:17px;
    color:#417011;   
}
/* .header .cart::after {
    background:url('rub.gif') 50% 50%  no-repeat;
    content:"";
    width: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
} */
.header .cart .cart_num{
    position: absolute;
    top:25px;
    left:30px;
    border-radius:100%;
    background:#ffcc00;
    display:block;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
}
/*************************  munu Block ************************************************/
.menu_block{
  margin-bottom:20px;
}
.menu_block ul.menu > li > a {
  line-height:35px;
  font-weight: 500;

}

ul.menu_left > li > a  {
  
  border-bottom: 3px solid rgb(250,250,250);
  padding: 0 26px;
  font-size: 17px;
  color:#336600;
}
ul.menu_left > li > a.active, ul.menu_left > li >a:hover  {
  border-bottom: 3px solid #ffcc00;
}
ul.menu_left > li.service > a ,ul.menu_left > li.our_works > a {
  background: url('arrow_green.gif') right 50% no-repeat;
  padding-right: 25px;
} 


ul.menu_right {
   background:#7DB627;
   border-radius:3px;
   float: right;
   position: relative;
   z-index:10;
}
ul.menu_right > li > a {
    color:#fff;
    padding: 0 10px;
}
ul.menu_right > li > a:hover {
   text-decoration:underline;
}
ul.menu_right > li > a::after {
    content: "";
    background: url('arrow_wite.gif') 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}


ul.menu_top2 {
   background:#7DB627;
   border-radius:3px;
   float: right;
   position: relative;
   z-index: 8;
   width: 100%;
   margin-top: 4px;
   text-align: center;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAlCAYAAACDKIOpAAAAEElEQVR42mNgGDLgPxAgCABaXwv18USnYwAAAABJRU5ErkJggg==");
}
ul.menu_top2 > li > a {
    color:#fff;
    padding: 9px 38px;
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size:22px;
}
.menu_block  ul.menu.menu_top2  > li > a {
	line-height: 18px !important;
}
ul.menu_top2 > li  {
	height: 36px;
}
ul.menu_top2 > li > a:hover {
   text-decoration:underline;
}
ul.menu_top2 > li.with_submenu > a::after {
    content: "";
    background: url('arrow_wite.gif') 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
ul.menu_top2 > li.with_submenu > ul{
	text-align: left;
}
ul.menu_top2 > li.with_submenu > a{
	padding-right: 18px;
}
ul.menu_top2 .menu_top2_div{
   display: inline-block;
   position: absolute;
   width: 3px;
   height: 36px;
   top: 0px;
   background: #fff;
}




ul.submenu, ul.menu > li > ul {
   position:absolute;
   z-index:11;
   left:0; top: 100%;
   display:none;
   background:#fff;
   border:1px solid #417011;
   margin: -1px 0 0 0; padding:0;
}
@media screen and (min-width:600px){
  ul.menu > li:last-child > ul {
     left:auto; right:0;
     margin: -1px 0 0 0; padding:0;
  }
  ul.menu > li:hover > ul {
   position:absolute;
   display:inline-block
}
}
ul.menu > li.hover > ul {
   position:absolute;
   display:inline-block
}

ul.submenu > li, ul.menu > li > ul > li {
   display:block
}
ul.submenu > li > a,ul.menu > li > ul > li > a {
   font-size: 11pt;
   font-weight: 500;
   line-height:30px;
   white-space: nowrap;
   display:block;
   color:#417011;
   vertical-align: middle;
    padding: 0 17px;
}
ul.submenu > li > a:hover, ul.menu > li > ul > li > a:hover {
   background: #d7f1a4
}

#dop_navi {
   position:fixed;
   bottom:30px;
   width:100px;
}
#dop_navi div{
   margin-top:2px;
   height:50px;
   width:70px;
   border-radius: 0 25px 25px 0 ;
   background: #95c11f 10px 50% no-repeat;   
}
#dop_navi div.dostavka{
  background-image:url('car.png');
}
#dop_navi div.market{
  background-image:url('cert.png');
}
#dop_navi div.fresh_flowers{
  background-image:url('flowers.png');
}
#dop_navi div.gorshechnie_tsvety,
#dop_navi div.service109
{
  background-image:url('hand.png');
}
#dop_navi div a {
  width: 50px;
  padding: 11px 0 0 65px;
  color:#fff;
  font-size:11px;
  font-weight:500;
  display:none;
}
#dop_navi div.dostavka a{
  padding-top:20px;
}
#dop_navi div:hover {
  width: 150px;
  background-color: #336600;
}
#dop_navi div:hover a{
  width: 60px;
  display:block;
}
#dop_navi div.to_contacts_form {
  background-image:url('pen.png');
  margin-top:5px;
  background-color:#fff;
  border:1px solid #95c11f;  
}

#dop_navi div.to_contacts_form:hover {
  background-color:#fff;  
}
#dop_navi div.to_contacts_form a{
  color: #336600;
}
/***************************************     Ñòðàíèöà *********************************************/

main.main header h1 { display:none }

ul.subcat{
   text-align:center;
   padding: 0 30px 20px 30px
}
ul.subcat li {
   padding: 5px 15px 5px 25px;
   background: url('bull.gif') 0 50%  no-repeat;
}
ul.subcat li:first-child {
   background:none;
   padding-left: 0;   
}
ul.subcat li a {
   color: #79aa31;
   border-bottom: 3px solid #fff;
   padding: 1px 5px 
}
ul.subcat li a:hover, ul.subcat li a.active {
   color:#417011;
  border-bottom: 3px solid #ffcc00;   
}




h3 {
   color: #417011;;
   font-weight: 500;
   margin: 20px 0 5px 0;
}

.article h2{
     font-size:31px;
     margin-top:1px;
     margin-bottom:10px;
}
h1, h2 {
   color: #417011;
   font-weight: 300;
}
 main.main h2, .h1  {
    color: #79aa31;    
    font-size:31px;
    margin-bottom:10px;
    font-weight: 300;

    text-align:center;
    background: linear-gradient(180deg, transparent 20px, #79aa31 20px, #79aa31 21px, transparent 21px );
    line-height: 40px;
}

#contacts_form h2{
   text-align:center;
    
    font-size:31px;
}
main.main h2, .h1, #contacts_form h2 {
    text-align:center;  
  }
main.main h2, main.main .h1{
    margin-top:90px;
}
main.main #main_popular h2 {
    margin-top:40px;
}
  
  h1 span, h2 span, .h1 span {
     background: #fff 50% top no-repeat;
     padding: 0 30px;
  }
  
  main.main h2 span, .catalog h1 span {
    background: #fff url('buket.gif') 50% top no-repeat;
    padding-top:30px
  }

.green_bcg {
  background:url('grenn_back.gif') 50% top;
  padding: 50px 0 
}

.article{

}
.article img.thumbs {
   float:left;
   margin: 10px 50px 10px 10px;
}
#content{
   padding-bottom:50px
}
#content p {
    display: block;
}
.block_20 {
     width: 16%;
     padding: 0 2%;
     float:left;
}
.block_30 {
     width: 26%;
     padding: 0 2%;
     float:left;
}
.block_40 {
     width: 36%;
     padding: 0 2%;
     float:left;
}
.block_50 {
     width: 48%;
     float:left;
     padding: 0 2% 0 0;
}
.block_60 {
     width: 56%;
     padding: 0 2%;
     float:left;
}
.block_70 {
     width: 66%;
     float:left;
     padding: 0 2%;
}
.block_80 {
     width: 76%;
     float:left;
     padding: 0 2%;
}
.block_33 {
     width: 29%;
     padding: 0 2%;
     float:left;
}

#partners ul{display:block;padding:0;margin:0}
#partners ul li{display:block;margin:0;float:left;list-style:none;margin-left:5%;width:44%;height:120px;margin-bottom:20px;color:#8e8e8e;font-size:13px;text-align:center}
#partners ul li img{margin-right:10px}
#partners ul li a{display:block;height:80px}

.article  img {
    max-width: 100%;
    height: auto !important;
}
/********************************************************************                MIAN   ************/
.sorderBlock{
   height:80px;
}
.sorderBlock a {
    color:grey;
    border-bottom:1px dashed grey;
    margin-right:10px;
}
.sorderBlock a.active {
    color:#333;
    border-bottom:1px solid #fff
}
.sorderBlock a.sorder{
    width:13px; height:10px;
    display:inline-block;
    background:url('sorder.png') no-repeat;
    margin-right:4px;
    border:0;
}
.sorderBlock a.sorder.desc{
  background-position: -13px 0;
}
.sorderBlock a.sorder.desc.active{
  background-position: -13px -10px;
}
.sorderBlock a.sorder.asc.active{
  background-position: 0 -10px;
}
.slideBlock {
     position:relative;
}
.slideButs {
    position: absolute; z-index:2;
    top: 3px;
    right: 0;
    background: #fff;
    padding: 5px 15px;
    font-size: 13px;
    line-height:25px;
   
}
.slideButs .viewall{
    text-decoration: underline;
}
.slideButs .prev, .slideButs .next {
    display:inline-block;
    width:16px;
    height:25px;
    background: url('arrows.png') 0 0 no-repeat;
    vertical-align:middle;
    margin-left:15px
}
.slideButs .prev{
   opacity:0.3
}
.slideButs .next{
   background-position: -16px 0
}
.slideButs .next:hover{
   background-position: -16px -25px
}
.slideButs .prev:hover{
   background-position: 0 -25px
}
 .service h1.h1{
    margin-top: 35px; 
 }
#main_service h2 span, .service h1 span{
    background-image: url('service.gif');
    padding-top: 45px;
}
#main_cheep h2 span{
    background-image: url('chip.gif');
}
.main_service_item{
     float:left;
     width: 49%;
     margin-right:1%;
     margin-bottom: 20px;
     padding:0;
     position:relative;
     height:250px;
     background:#fff no-repeat 50% 50%;
}
.main_service_item_desc {
    height:50px;
    background:rgba(255,255,255,0.8);
    overflow:hidden;
    position:absolute;
    bottom:0; padding:0; margin:0;
    width:100%    
}
.main_service_item_desc h3 {
    font-weight: 100;
    text-align:center;
  font-size:30px;
  line-height:50px;
  padding:0; margin:0;
}

.main_service_item_desc .cont {
    height:150px; overflow:hiddden;
    padding: 20px 70px;
    display: none
}
@media screen and (min-width:601px){
  .main_service_item:hover .cont { display:block;  }
  .main_service_item:hover .cont::after { content:'ÏÎÄÐÎÁÍÅÅ'; text-decoration:underline; display:block; text-align:right; font-size:11px }
  .main_service_item:hover .main_service_item_desc { height: 100%; border: 2px solid #a7d64a; margin:-2px }
}

#preimuschestva {
    background: url('pink_back.jpg');
    height:270px;
    text-align:center;
    position: relative;
    padding: 30px 0;
    overflow:hidden;
}
#preimuschestva .slideButs{
    display:none;
}
#preimuschestva .content::before{
    content:'Íàøè ïðåèìóùåñòâà';
  font-size:31px;
  padding-top:30px;
  line-height: 40px;
  color:#4b4848;
  font-weight:100    
}
#preimuschestva ul {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding:0;    
}
#preimuschestva ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width:200px;
    height: 210px;
    margin:10px;    
}
#clients {
margin-bottom: 30px;

}
#clients h2 span, .clients h1 span{
    background-image:url('heart.gif');
    padding-top:35px;
}
#clients .wrap {
    margin: 20px 0 0 0;
    padding:0;    
    height: 60px;
    overflow:hidden;
}
#clients.gallery .slideButs {
    top: -80px;
}

#clients .item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width:20%;
    margin: 0 -2px; padding:0 ;
    text-align:center;   
}
#clients .item a{
    display: block;
    height:60px; width:100%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    padding:0; margin:0;   

}
main.gallery #clients .item {
    margin-bottom:50px;
}
main.gallery #clients .item a{
    height:80px;
}


@media not handheld { 
/*  #clients .item a{
    filter: gray;  For IE6-9 
    filter: grayscale(1);  For Microsoft Edge and Firefox 35+ 
    -webkit-filter: grayscale(1);  For Google Chrome, Safari 6+ & Opera 15+   
  }
  #clients .item a:hover{
    filter: none;
    -webkit-filter: grayscale(0);
  }*/

}

#main_action {
    padding: 0 0 0 2%;
}

#newsNews {
    background: url('newsbg.gif') 50% 0;
    margin:90px 0
}
#newsNews .content{
    padding:0
}

#newsNews  h3{
  text-align:left;
  color: #336600;
  font-size:31px;
  font-weight:100;
  margin-top:10px;
  line-height: 40px;
  border-bottom: 3px solid #ffcc00;  
}

.readmore {
  float:right;
  font-size:13px;
  font-weight:normal;
}
#newsNews .row {
  margin: 10px 0;
  padding:10px;
  height:120px;
  overflow:hidden
}

#newsNews .row:hover{
  background:#809e5e;
  color:#fff;
}
#newsNews .row:hover a{
  color:#fff;
}
#newsNews .row a:hover{
  text-decoration:underline
}  
#newsNews .img { 
  height: 120px;
  position:relative 
}

#newsNews .img .date {
  position: absolute;
  left:0; bottom:0;
  background:rgba(51,102,0,0.6);
  color:#fff;
  padding: 3px 10px;
  font-size:11px
}

#dostavka {
    padding: 0 10px;
    width:auto
}
#dostavka img {
  margin: 20px 40px;
  max-width:90%;
  max-height:80%;
  height:auto !important
}
#dostavka h1, #dostavka h2 {
  background:none;
  text-align:left;
  font-weight:normal;
  font-size:25px;
  color: #669933;
  margin-top:30px
} 

.news.service .item.cnt .date{
  display:none
}
/***************************************     Ôîðìà   *********************************************/ 



form input, textarea, select {
  border: 1px solid #BDDF86;
  margin: 15px 0;
  width: 100%;
  padding: 0 20px;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  box-sizing: border-box
}
textarea{
  line-height: 20px;
  padding-top:10px
}
input[type=radio], input[type=checkbox]{
  padding:0; margin-right:15px;
  width:auto;
}

#contacts_form textarea {
  height:130px;
}


#contacts_form .button.long {
  width: 100%;
  background: #ffcc00;
  color:#fff;
  font-weight: bold;  
}
#contacts_form .capture{
  width:200px;
}

form .success {
  display:none
}

.price_form{
  background:#cee2ae;
  border-radius:5px;
    display: inline-block;
    padding: 5px 20px;
    color:#fff;
    float:right
}

.price_form input{
  border-radius:5px;
  width: 130px;
  margin:0 5px;
  line-height: 27px;  
  color:grey;
  text-align:center;
  height: auto;
}
.price_form input[type=submit]{
  background:#fff;
  color:#417011;
  border:1px solid #ffcc00;
  font-size:13px;
  line-height: 25px;
  margin-left:20px;
  
}


/**********************************************************     footer   **************/
#footer {
   background: #2e342d;
   color:#fff;
   padding:30px 0 50px 0;
   font-size: 11pt;
   line-height:30px
}

.footer_content {
   width:90%
}

#footer h3 {
  border-bottom: 1px solid #fff;
  color: #99cc66;
  font-weight:500;
  line-height:30px
}
.footer_navi {
  width:100%
}
.footer_navi span {
  display:block; float:left;
  width:33%;
  min-width:120px;
  
  word-wrap: break-word;
  line-height: 15px;
  padding-bottom: 10px; 
}
.footer_navi span a{
  color:#fff;
  font-weight:500;
  font-size:13pt
}
.footer_navi span a:hover{
  color:#ffcc00;
  text-decoration:underline
}
#develop{
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.social a {
  display:inline-block;
  width:42px;
  height:42px;
  border-radius:22px;
  border:2px solid #fff;
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
.social a:hover {
  border-color:transparent;
  background-color:#ffcc00;
  
}
.vk { background-image: url('s_vk.png'); }
.fb { background-image: url('s_fb.png'); }
.ok { background-image: url('s_ok.png'); }
.tw { background-image: url('s_tw.png'); }
.inst { background-image: url('s_inst.png'); }

.pyment_img {
    background:url('payments.png') no-repeat;
    height:50px;
}

.phones > div {
  margin-top:10px
}
.phones  div.footerphones {
    font-size:25px;
    margin-top:25px;
    position:relative;
    display: inline-block;
}
.call_back {
  border-radius:5px;
  background: #ffcc00 url('call_back_w.png') 0 50% no-repeat;
  padding: 7px 35px 7px 60px;
  font-size: 12px;
}
#footer .mailto{
  color:#fff;
  text-decoration:underline;
  border-radius:5px;
  background: url('mail_w.png') 10px 50% no-repeat;
  padding: 7px 35px 7px 60px;
  font-size: 13px;  
}
#footer #contacts p{
  display:block;
  background: url('abull.gif') 1px 50% no-repeat;
  padding: 0 0 0 25px;
  margin: 0;  
}
/*******************************************   Êàòàëîã   ******************************/
#main_popular .goods {
  max-height: 1330px;
  overflow: hidden;
}
#main_cheep .goods{
  max-height: 435px;
  overflow: hidden;
}
.goods  {
}
.goods .item, .catalog .item {
    width: 390px;
    max-width: 98%;
    margin: 10px 0 10px 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
   text-align:center;
}
.our_works .item{
    margin-bottom:50px;
}
.img_list{
   text-align:center;
   margin-top:30px;
    max-height:450px;
    overflow:hidden;
}
.img_list img{
    max-width:100%;
outline: none
}
.img_list a{

outline: none
}
#preview ul{
   list-style-type: none;
   padding:0;
   margin:20px 0 0 0;
   text-align:center; 
}
#preview ul li{
   display:block;
   float:left;
   width:160px;
   height:160px;
   overflow:hidden;
   margin-right:10px;
   border:1px solid #fff;
}
#preview ul li.act{
   border:1px solid #c8fdb1
}
#goods .item{
  width:90%;
}
.item .itemBl {

   height:360px;
   position:relative;
}
.goods .img {
    display: block;
   height:320px;
    text-align: center;
    overflow: hidden;
    background: no-repeat center center;
    border: solid 1px #fff;
}

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

.goods .img_info a.name {
  font-weight:500;
} 

.price {
  font-weight:500;
  color:#666
}
.price .rub{
  font-size:80%;
}
#goods .price {
  font-size:32px;
  font-weight:normal;
}
#goods .descr h2, #goods .descr h3, #goods .descr h4, #goods .descr p{
  text-align:left;

  margin: 10px 0;  
}
#goods .descr p{
  font-weight:100;
  font-size:25px;
}
#goods .descr h2, #goods .descr h3, #goods .descr h4{
  font-weight:500;
}
#goods .descr ul{
  padding-left:0px
}
#goods .descr li {
  list-style-type: none;
  margin:0;
  padding-left:20px;
  background:url('green_bull.gif') 0 50% no-repeat;
  color:grey; 
}

.item .prop{
  position:absolute;
  bottom: 0; left:0;
  margin:0; padding:0;
  list-style-type: none;
  text-align: left;
}

.item .prop li{
height: 22px;
padding: 6px 0 7px 30px;
  background:  left center no-repeat;
  margin: 1px;
  width:50px;
}
.item .prop li span{

  font-size: small;
  line-height: 22px;
  padding: 0 15px;
  background: #ddd;
  border-radius: 0px 3px 3px 0;
  color:#fff;
  display:none;
  
}
 .item .prop li:hover{
  width:250px; 
 }
 .item .prop li:hover span{
  display: inline-block;
}
 .item .prop li.hit{  background-image:url('p_hit.png'); }
 .item .prop li.hit span { background: #ccc }


 .item .prop li.p_48{ background-image:url('p_vip.png'); }
 .item .prop li.p_48 span { background: #7bcc96 }

 .item .prop li.p_91{ background-image:url('p_hol.png'); }
 .item .prop li.p_91 span { background: #c0d44e }

 .item .prop li.p_90{ background-image:url('p_dux.png'); }
 .item .prop li.p_90 span { background: #e9b3e5 }

 .item .prop li.p_87{ background-image:url('p_but.png'); }
 .item .prop li.p_87 span { background: #e9755e }

 .item .prop li.p_88{ background-image:url('p_ekv.png'); }
 .item .prop li.p_88 span { background: #c0d44e }

 .item .prop li.p_89{ background-image:url('p_14d.png'); }
 .item .prop li.p_89 span { background: #83ac30 }

 .item .price { 
  line-height:42px;
}


#catalog_goods{
   background:#fefec3;
   border-radius:5px;
   padding: 1px 30px;
   position:relative;
   margin-top:20px;
}
#catalog_goods::before{
   content:"i";
   color:#fff;
   background:#83ac30;
   width:35px;
   height:35px;
   position:absolute;
   top: -10px;
    left: -10px;
   display:block;
   font-weight:bold;
   border-radius:16px;
   line-height:35px;
   text-align:center;
   font-family:Times;
   font-size:25px
}
.goodsPriceBlock {
   padding:10px;
   background:#fffce5
}
.goodsPriceBlock td{
   padding:10px;
   background:#fffce5
}
.one_click {
    display:inline-block;
    width:125px;
    border:1px dotted #417011;
    padding:10px 20px;
    border-radius: 3px;
    font-size:11px;
    text-align:center;
    margin: 20px 0;
    background:#fff;    
}
#goods .add {
    width:100px;
    height:42px; line-height: 42px;
    display:inline-block;
    background:#7db22d url('bask_min.png') 10px 50% no-repeat;
    border-radius: 3px;
    padding: 0 20px 0 45px;
    color:#fff;
   font-weight:500;
  }

.catalog_nav{
  text-align:center;
  font-size:17px;
}
.catalog_nav a{
  color:grey;
  text-decoration:underline;
  margin:0 10px
}
.catalog_nav a:hover{
  color: #417011;
}
.catalog_nav strong{
  color: #417011;
}

.basket_goods  {
  padding:10px;
  margin:20px 0 20px 0;
  border-bottom:3px solid #ffcc00;
  text-align:left;
}
.goods_row.thead {
  color:grey;
  font-size:10pt;
  font-weight:bold;
  border-top:1px solid #fff;
  line-height:50px;
}
.basket_goods  span.tb > span{
  text-align:center;
}
.basket_goods  span.tb > span.t12 {
  text-align:left;
}
.basket_goods  .tbody{
  border-bottom:1px solid #ccc;

}
#basket_goods  input{
  width:80px;
  border-radius:3px;
  padding: 3px;
  text-align:center;
  line-height: 25px; 
}

.goods_row .img{
  height:140px; 
  width:140px;
  border:0;
  display:inline-block;
  vertical-align: middle;
}
.goods_row {
  border-top:1px solid #ccc;
  padding-top:1px;
  color: #417011;
  white-space:nowrap;
  overflow-x:hidden;
}
.goods_row > span, .goods_row .tb > span  {
  display:inline-block;
  vertical-align: middle;
  padding:0; 
  margin:0px;

}

.th1{ 
  width: 45%; 
  min-width:280px;
 
}
.t11{
   width: 15%;
  min-width:140px;

}
.tb{
   width: 83%;
   min-width:140px;
   white-space: normal;
   padding-left:2%;
}
.t12{
   width: 35%;
   min-width:150px;
}


.t2, .t4{ width: 16%; } /* = 45  */
.t3{
 width: 19%;
 min-width:140px
}
.t5{ width: 7%; text-align:center }
.t1>a {
  display:inline-block;
  vertical-align: middle;
}

.t12 .name{
  font-weight:500
}


#basket_goods  .remove{
  display:inline-block;
  width:20px;
  height:20px;
  background:url('del.png') 50% 50% no-repeat;
    filter: gray; /* For IE6-9 */
    filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */  
  }
#basket_goods  .remove:hover{
    filter: none;
    -webkit-filter: grayscale(0);
  }
#basket-form .price {
  color: #417011;
  font-weight:500
}
#basket-form .left{
   width:60%
}
#basket-form .right{
   width:40%
}

.plus{
  display:inline-block;
  width:22px;
  height:22px;
  opacity:0.7;
}
.b_up{
  background:url('plus.png');
}
.b_down{
  background:url('minus.png');
}
.plus:hover{
  opacity:1;
}
.plus.disable{
    filter: gray; /* For IE6-9 */
    filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */
    opacity:0.3;  
}
.totalBlock{
  font-weight:500;
  font-size:15pt;
  color:#333;
  text-align:right;  
}
.total {
  display:inline-block;
  width:400px;
  max-width:96%;
  text-align: left;
}
.deliveryRow{

  max-width:1000px;

}
.totalSum{
  font-size:19px;
}
.totalSum2{
  font-size:19px;
  text-align:right;
  margin-top:20px
}
#delivery {
  width:auto;
  border-radius:5px;
  padding:3px 15px;
}
.totalSum .price{
  font-size:27pt;
  margin-left:10px;
}

div.error {
  color:red;
  font-size:11px;
position: relative;
top: -17px;
}

#order .block_30{
  width:30%;
  margin: 0 3% 0 0;
  padding:0;

}

#order .block_66{
  width:63%;
  margin: 0 3% 0 0;
  padding:0;
  float:left;
}


#order h3{
  font-weight:normal;
  margin-bottom:10px
}
#order input, #order select, #order textarea{
  border:1px solid #bbb;
  border-radius:5px;
  line-height:35px;
  height:auto;
  margin:0 0 20px 0;
}
#order .timeblock{
  line-height:30px;
  font-size:11pt;
  width:33%;
  margin: 0 0 0 0;
  white-space:nowrap  
}
#order .timeblock input[type=radio], #order .timeblock input[type=checkbox]{
  line-height:30px;
  margin:0 2px 0 0; 
  padding:0;
  width:auto;
}
#order textarea { 
  font-size: 11px;
  line-height:16px;  
}
.WMRM {
    background: url('ctrl/m_wm.png') bottom no-repeat;
    width: 36px;
}
.IncCurrLabel {
    display: block;
    float: left;
    height: 30px;
    margin-right: 5px;
}
.IncCurrLabel.act {
    display: block;
    border-bottom: solid 3px #fbb829;
}
.YandexMerchantOceanR {
    background: url('ctrl/m_yandex.png') bottom no-repeat;
    width: 60px;
}
.BANKOCEAN2R {
    background: url('ctrl/m_card.png') bottom no-repeat;
    width: 106px;
}

#order input.button.order{
  background: #ffcc00;
  color:#fff;
  font-weight: bold;
  margin: 0;
  width:300px;
}

#pay_type_blk p {
  margin:0 0 0 30px
}
#pay_type_blk input {
  margin: 20px 0 0 0 
}
.order_button{
  margin-top:30px
}
.order_button input {
  width:300px
} 

#city {
  width:auto;
}
.cabinet_menu{
   background:#ffffcc;
   border-radius:5px;
   padding:0;
   margin-right:2%;
   width:18%;
}
.cabinet_menu a{
    display:block;
    padding:10px;
}
.cabinet_menu a.active{
    border-radius:5px;
   background:#336600;
   color:#fff;
}
.item .head{
    font-size:17px;
    padding-bottom:20px;
}
.item.cnt{
    vertical-align:top;
    padding: 0 20px;
    margin-bottom:5px;
}
.item.cnt .date{
    display: block;
    color:grey;
}

.item.cnt .head{
    font-size:21px;
    font-weight:500;
}
.item.cnt .img {
    max-height:250px;
    width:250px;
    overflow: hidden;
}

#top-banner {
    margin:-20px 0 20px 0;
    max-width:100%;
    overflow:hidden;
}
#top-banner .img{
  width:100%;
  height:430px;
  background-position:50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
#top-banner ul {
 list-style-type: none;
 margin:0;
 padding:0;
}
#top-banner ul li {
 display:none;
}
#top-banner ul li:first-child {
 display:block;
}