@font-face { font-family: 'circe';
src: url('/fonts/circe.eot');
src: url('/fonts/circe.eot') format('eot'),
url('/fonts/circe.woff') format('woff'),
url('/fonts/circe.ttf') format('truetype');  } 


html, body { font-family: 'circe';  font-size:14px;  margin:0; padding:0; height:100%; width:100%; }

h1 { font-size:30px;  color:#555555; font-weight:normal; padding:0px; margin:0px; }
h2 { font-size:26px;  color:#555555; font-weight:normal; padding:0px; margin:0px;   }
h3 { font-size:18px;  color:#333; font-weight:normal; padding:0px; margin:0px;  }
p { color:#333; font-size:14px; text-align:left; margin:0px; padding:0 }
img { border:none; outline:0 }
a { color:#333; outline:0 }
ul, ol, li { padding:0px; margin:0px; font-size:14px; color:#333;}
a:hover {text-decoration: none;}
input {outline:0;  font-family: 'circe'; }
input[type="submit"] {cursor:pointer;  font-family: 'circe'; -webkit-appearance: none; }

#searchClose {visibility: visible;    zoom: 1;    opacity: 1;    position: absolute;    top: 15px;    right: 62%;}
#ajaxSearch_form {position: relative}
#ajaxSearch_input {    outline: 0;    font-family: 'circe';    font-size: 18px;    padding: 10px 30px;    border-radius: 5px;   font-size: 14px;    width: 500px;}
#ajaxSearch_submit {    cursor: pointer;    font-family: 'circe';    -webkit-appearance: none;    border: none;    padding: 10px 30px;    background: #333;    border-radius: 5px;    font-size: 16px;    color: #fff;    width: 160px;}
    
.top_part {background:url(/images/top_shadow.png) repeat-x bottom; width:100%; padding-bottom:30px;}
.top_part .wrap {box-sizing:border-box; display: flex;  justify-content: space-between;  width:1280px; background:#fff; padding:10px 0px 0 0px; margin:0 auto}
.top_part .wrap > a {display:inline-block; vertical-align:top; padding-left:10px;}
.top_part .wrap > a img {width:180px}
.top_part .wrap > .pc_menu {padding:45px 150px 50px;  display:inline-block; vertical-align:top;}
.top_part .wrap > .pc_menu > li {position:relative; color:#444444; font-size:15px; text-transform:uppercase; display:inline-block; vertical-align:top; padding:0 15px; }
.top_part .wrap > .pc_menu li a {color:#444444; font-size:15px; text-transform:uppercase; text-decoration:none}
.top_part .wrap > .pc_menu li a:hover,
.top_part .wrap > .pc_menu li.active a {text-decoration:underline}
.top_part .wrap > .pc_menu li a[href="/sale.html"]   {background:#2FCC2F; color:#fff; padding:3px 5px 1px; border-radius:5px;}
.top_part .wrap > .pc_menu li a[href="/about.html"]  {background:url(/images/down.png) no-repeat right center; padding-right:15px}
.top_part .wrap > .pc_menu li ul {display:none}
.top_part .wrap > .pc_menu li:hover > ul {z-index:99; padding:20px; position:absolute; display:block; top:20px; left:0; width:200px; background:#ccc}
.top_part .wrap > .pc_menu li > ul li {list-style-type:none}
.top_part .wrap > .pc_menu li > ul li a { text-transform: none;}  
.top_part .wrap .search {display:inline-block; vertical-align:top; padding:50px 0 0 0; margin-right:30px}
.top_part .wrap .search a {}
.top_part .wrap .sots {float:right; padding:50px 0 0 50px; display:inline-block; vertical-align:top;}
.top_part .wrap .sots a {padding:0 10px}
.top_part .wrap .sots a img {height:20px}
.cat_inner {display: flex; }

.about_pic {width:100%; margin-bottom:10px}
.center_part .slick-list {height:340px!important}
.center_part .slick-slide {height:340px!important} 
.banner {margin-top:-20px; height: 32vw;}
.banner .banner_part {outline:0; border:1px solid #ccc; height:338px!important}
.banner .banner_part img {max-width:100%;height: 100%; /*width: 100%;object-fit: cover;*/ margin: 0 auto ;}

.center_part .cat .slick-prev {left: 17px!important; z-index: 9999999;top: 35%!important;}       
.center_part .cat .slick-next { top: 48%!important; right: 23px!important;} 
.banner .slick-prev,
.banner .slick-next { top: 48%; }
.detail .banner .slick-next { top: 44%; }

.center_part {width:1280px; margin:0 auto; padding-bottom:60px;}
.center_part .cat_list {/* width:304px; display:inline-block; */ vertical-align:top; padding: 50px 10px 30px 5px;}
.center_part .cat .slick-prev, .center_part .cat .slick-next {top:51%}
.center_part .cat .slick-next    { right: -69px; }
.center_part .cat .slick-prev    { left: -69px; }
.center_part .cat_list > a {height:304px; width:100%;}
.center_part .cat_list > a img { width:100%; height:304px; object-fit:cover}
.center_part .cat_list p {padding:15px 0 5px 0}
.center_part .cat_list p a {font-size:19px; color:#444; text-transform: uppercase; text-decoration:none}
.center_part .cat_list span {color:#666666; font-size:15px;}

.center_part h2 {display:block; padding-top:40px;}
.center_part h2 a {float:right; color:#2FCC2F; font-size:17px; padding-top:10px; padding-right:20px}

.center_part h1 {padding-bottom:15px; text-transform:uppercase}
.center_part .bread {padding-bottom:30px;}
.center_part .bread span {color:#999; font-size:15px}
.center_part .bread a {color:#999; font-size:15px}

.center_part .news_block {width:304px; display:inline-block; vertical-align:top; padding: 30px 5px 30px 5px;}
/*.center_part .news_block:nth-of-type(2n+2) {padding-right:0} */
.center_part .news_block .img_prev {}
.center_part .news_block .img_prev img { max-width:304px}
.center_part .news_block span {color:#999999; font-size:13px; padding:20px 0 5px; display:block;}
.center_part .news_block p {height:75px;}
.center_part .news_block p a {font-size:16px; color:#555555; text-decoration:none; padding-bottom:20px; display:block;}
.center_part .news_block .more {background:#2FCC2F; color:#fff; font-size:14px;  padding:5px 10px 3px; border-radius:5px; text-decoration:none;}

.center_part .big_photo {padding:0 0 40px 0;}
.center_part .big_photo img {max-width:35%}

.center_part .cat_list_small { width:167px; height:167px; border:1px solid #ccc;    margin-right: 10px;}
.center_part .cat_list_small div { text-align:center;}
.center_part .cat_list_small div a {text-align:center;vertical-align:middle; display:table-cell; width:167px; height:167px;}
.center_part .cat_list_small div a img{max-width:167px; max-height:167px;}
.center_part .cat_list_small p a { text-transform:uppercase; display:block; padding-top:10px; text-decoration:none}

.center_part > p,
.center_part #ajaxSearch_output p {font-size:17px; color:#444; padding-bottom:10px;}

.center_part > b {    font-weight: bold; font-size: 17px}
.center_part > ul,
.center_part > ol {padding-bottom:10px; margin-left:40px}
 
.center_part ol {  list-style: none; margin-left:0; counter-reset: li; }
.center_part > ol li ol { padding:20px; }
.center_part > ol li ol li {padding:5px 0}
 
.center_part ol li:before {
   /* ���������� �������, ������� ����� ������������ � li. ������������� before ���������, ��� ����������, ����������� ��� ������ �������� content, ����� ������������� ����� �������� ������. ����� �� ��������������� �������� ���������� �������� (�� ��������� ����� 1). */
   counter-increment: li;
   /* � ������� �������� content ��������� ����� ������ ������. counters() ��������, ��� ������������ ����� ������������ ����� �������� ���� ��������� � ����� ������. ����� � �������� ��������� ����������� ����� ����� �������, � ����� � �������� ����������� ����� ���������� ������� ������ ������ */
   content: counters(li, ".") ". ";
}
.center_part > ul li,
.center_part > ol li {font-size:17px; color:#444; }
.center_part img {max-width:100%}

.order_news {background:#2FCC2F; padding: 40px 0 80px}
.order_news .wrap  {width:1280px; margin:0 auto; }
.order_news .wrap form {float:right}
.order_news .wrap form label,
.order_news .wrap form p {font-size:19px; color:#fff;}
.order_news .wrap form input[type="text"] {margin:0 15px 0 30px;border:none; padding:10px; width:250px; border-radius:5px; font-size:16px;}
.order_news .wrap form input[type="submit"] {border:none;padding:10px 30px; background:#333; border-radius:5px; font-size:16px; color:#fff}

footer {background:#eee; width:100%}
footer .wrap {width:1280px; margin:0 auto; padding:40px 0}
footer .wrap p {color:#666666; font-size:15px; display:inline-block; vertical-align:top; width:420px }    
footer .wrap p:nth-of-type(2) {font-size:16px; display:inline-block; vertical-align:top; width:400px; padding-right:130px;}
footer .wrap ul {display:inline-block; vertical-align:top; width:150px}
footer .wrap ul li {list-style-type:none}
footer .wrap ul li a {color:#666666; font-size:15px; text-decoration:none}

.copyright {width:1280px; margin:0 auto; padding:40px 0}
.copyright p {color:#666666; font-size:15px; display:inline-block; vertical-align:top; }
.copyright .sots {float:right; padding:50px 0 0 50px; margin-top:-45px; display:inline-block; vertical-align:top;}
.copyright .sots a {padding:0 10px}
.copyright .sots a img {}

.top_menu {display:none}

.shop_logo {    display: flex;    flex-wrap: wrap;    gap: 10px;}
.shop_logo img{    padding: 10px;       width: 110px;    height: 25px; object-fit: contain;}
.deatail_logo {width: 19%;}
.deatail_logo a {width:100%; display:block; text-align:center;  background-color: #3bcc2f;}
.deatail_logo a:hover{background:#b2e512}

.center_part .cat_list_small div a { background-color: #3bcc2f;}
.center_part .cat_list_small div a:hover{background:#b2e512} 

fieldset { border: none; padding: 0;}

#arenda-form{display: flex; flex-direction: column; width: 320px;}
#arenda-form input,
#arenda-form textarea{display: block; background: #eee; border: none; padding: 10px; width: 100%; border-radius: 5px; font-size: 16px; margin-bottom: 5px;}
#arenda-form textarea{resize: none; height: 150px;}
#arenda-form input[type=submit]{  background: #333;  color: #fff; width: auto; margin: 0 auto 0 0}
#arenda-form .note{padding: 5px 10px; background: #2FCC2F; margin-top: 10px; color: #fff;}

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

  html {overflow-x:hidden; max-width:768px}
  body { max-width:768px; position: relative; }
  .top_part .wrap,
  .center_part,
  .copyright,
  footer .wrap,
  .order_news .wrap {width:768px} 
  
  #arenda-form{margin: 0 15px; width: auto;}
  #arenda-form input,
  #arenda-form textarea{font-size: 23px; margin-bottom: 10px;}
  #arenda-form input[type=submit]{padding: 10px 20px}
  #arenda-form .note{ font-size: 23px;}
  
  .top_part .wrap { padding:10px 0}
  .top_part .wrap > ul,
  .top_part .wrap .search  {display:none}
  
  .top_part .wrap .sots {float:none; padding: 45px 0 0 107px; zoom: 1.2;}
  .center_part h2 {font-size:40px; padding-left:15px}
  .center_part h2 a {font-size:27px;}
  .center_part .cat_list,
  .center_part .news_block {/* zoom:1.13; */ margin-left:15px}
  .center_part .news_block {width:46%}
  .center_part .news_block p a {font-size:23px}        
  .center_part .news_block p {height:110px; overflow:hidden; padding-left:0}     
  .center_part .news_block .more {font-size:22px}
  
  .banner .slick-prev { top: 18%!important; }
  
  .center_part .cat .slick-prev {top: 30%!important;}
  .top_menu { padding: 40px 27px 40px 0; }
  
  .center_part .cat_list_small {zoom:1.2; margin:15px;}  
  
  .center_part .bread,
  .center_part h1,
  .center_part p {padding:0 15px}
  .center_part ul,
  .center_part ol {padding:0 40px}
    
    #ajaxSearch_form,
    .AS_ajax_grpResult
     { padding:0 10px}
     .center_part > p {font-size: 21px;}
     
     .shop_logo {padding:0 20px}
     .deatail_logo {width:32%}
     
     .center_part h1 {padding-top:30px; padding-bottom:20px}
     
  
  .order_news .wrap form {padding-left:15px; float:none}
  .order_news {padding:40px 0 30px}
  .order_news .wrap form input[type="text"] {font-size:23px; width:225px}
  .order_news .wrap form input[type="submit"] {font-size:23px;}
  
  footer .wrap {}
  footer .wrap p,
  footer .wrap p:nth-of-type(2) {width:90%; padding: 0 25px}
  footer .wrap p:nth-of-type(2) { font-size:26px; padding: 0 25px}     
  footer .wrap ul {width:45%; padding: 0 px}
  footer .wrap p,
  footer .wrap ul li a,
  .copyright p {font-size:26px; padding-left:25px}    
  .copyright .sots a img {zoom:1.2}
  
  
  .pc_menu {display:none!important}
 /*  .top_menu { padding:40px 0 40px 480px} */
  .top_menu {position:relative; display:inline-block!important; vertical-align:top; }
  .top_menu li {list-style-type:none}
  .top_menu li ul {display:none}
  .top_menu li.open > ul {display:block;  width:570px;  opacity:1; text-align:center; top:120px!important;  position:absolute; background:#ccc;     left: auto; right: 0;  z-index:9999; padding:20px 0px 20px 0px}
  .top_menu li.open ul li { font-size:24px!important; text-transform:uppercase}
  .top_menu li.open ul li { list-style-type:none; padding:25px 0}
  .top_menu li.open ul li > ul {left:0;background:#ddd; position: relative; top:26px!important}
  .top_menu li.open ul li > ul {display:block}
  .top_menu li.open ul li a {color:#333; font-size:24px!important; text-transform:uppercase;  text-decoration:none }
  
  .center_part .main p, .center_part .main li {    font-size: 22px!important; padding: 8px 23px!important; }
  .AS_ajax_resultLink {font-size:22px}
  
  .top_part .wrap .search {display:block; zoom:1.8; padding: 27px 0 0 0;}
  .detail {flex-wrap: wrap;}
  .detail .banner {width:100%!important; padding:0 10px}
  .detail .info_block {width:100%!important; padding:0 10px; order: 0!important;}
  .detail .banner .slick-prev { top: 37%!important; }
  .detail .banner .slick-next { top: 55%; } 
}

.detail .banner_part {}

.AS_ajax_resultLink {     font-size: 17px; text-transform: uppercase; }
.AS_ajax_result {padding:30px 0 0 0}
.button {
    padding: 10px 30px;
    background: #333;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;

}
.plans .map svg .fill11{fill:#4d4d4d;} 
.plans .map{display: block;position: relative;width: 100%;height: 900px}
.plans .map svg{box-sizing: border-box;height: 100%;width: 100%;}
.plans .map svg > *{pointer-events: none;}
.plans .map svg .block_store{pointer-events: all;cursor: pointer;fill: #55C421;}
.plans .map svg .block_store:hover{fill:#b2e512}
.plans .map svg .block_store.right{fill:#4d4d4d;} 
.plans .map svg #_adm{fill: #FF00BB;}
.plans .map .popup {
    position: absolute;
    z-index: 9999;
    background: #000;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.5s ease;
    width: auto;
    height: auto;
    padding: 35px;
    padding-right: 50px;
    padding-left: 50px;
    background-color: #fff;
    -webkit-filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, .23));
    filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, .23));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    color: #1f1c1b;
    white-space: nowrap;
}
.plans .map .popup > a{ /* pointer-events: all; */text-decoration: none;}
.plans .map .popup.open{opacity: 1;}
.plans .map .popup:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
}
.plans .map .popup > .work_time{text-transform: none;}
.center_part .main{display: flex}
.center_part .main > .img{max-width: 30%;}
.content {width:100%}
.center_part .main p, .center_part .main li{font-size:16px; padding:8px 0}
.center_part .main ul {padding:20px 0 20px 40px}