@import url("/css/coin.css");
@import url("/colorbox1.5.13/example1/colorbox.css");
@import url("default.css");
@import url("style.css");
@import url("shop.css");
@import url("easyslider.css");
@import url("/ui-1.11.1/jquery-ui.min.css");
html { min-width: 940px;_height:100%} 
body { min-width: 940px;_height:100%;background:url(img/bg.jpg) top;} 



/*#goup{background:url(img/goup.png);position:fixed;_display:none;bottom:0;right:0;width:108px;height:21px;color:#fff;text-decoration:none;padding-left:30px;padding-top:8px;z-index:1}
*/
#wrap{margin:0px auto;background:#fff;position:relative;z-index:2}

.wrapper{width:1182px;margin:0 auto;}

.hidden{display:none}

#header{position:relative;z-index:20;background:#fbfbfb;}



#slide-bar{height:70px;width:1240px;background:url(img/slide_bar_bg.png);border-top:solid 1px #ebebeb;position:relative;box-shadow:0 2px 5px #dbdbdb}

#slide-bar.slide{position:fixed;top:0;}


#middle{padding-top:10px;max-width:1300px;margin:0 auto}

#block-info {position:absolute;top:125px;left:57px;width:300px;z-index:1;color:#777;text-align:center}
#block-info1 {font-size:12px;padding-left:26px;}




#block-contact {background:url(img/block_contact_bg.png) no-repeat;position:absolute;width:220px;height:124px;top:10px;right:10px}
#block-contact .item {background:url(img/block_contact_item.jpg) no-repeat right 6px;color:#145398;display:block;text-align:right;}
#block-contact .item {margin:0;margin-bottom:7px;margin-right:10px;padding-right:11px;}
#block-contact div {height:48px}
#block-contact div {color:#666666;font:14px Tahoma;text-align:right;padding-right:20px;padding-top:8px}
#block-contact strong {color:#d6330d;font:24px Tahoma}


.pad{padding:18px}


#left-bar{float:left;width:208px;padding-bottom:20px}
#left-bar .tab{padding-bottom:20px}


#right-bar{float:right;width:208px;padding-bottom:20px}

#center-bar{padding-bottom:20px;min-height:400px;}


#content{position:relative}
#content .area1{padding:15px;background:#edf4fa;color:#7f868c;font-size:9pt;line-height:20px}
#content .area1 strong{color:#69a54b;}


#tips {margin-bottom:10px;font-size:13px;}
#tips strong{font-weight:300;}
#tips a{}
/*#tips span {color:#69a84a}*/




#footer{position:relative;z-index:1;padding-top:20px;clear:both;font-size:13px;color:#8a8a86;background:url(img/footer_bg.png) bottom repeat-x;margin-top:-22px;}
#footer .wrapper{position:relative;min-height:170px;}

#footer h6{font-weight:300;font-size:14px;margin:0;margin-bottom:25px;}

#footer a{color:#8a8a86}
#footer .block{border-top:#cfcfc4 solid 1px;padding:10px 20px;clear:both;}

#footer-menu{}
#footer-menu h6{font-size:14px;margin-bottom:10px;}
#footer-menu h6 a{text-decoration:none}
#footer-menu div{display:inline-block;width:50%;vertical-align:top}
#footer-menu a{display:block;margin-bottom:5px;}


#footer-menu-catalog{padding:30px 18px;background:#fafafa;}
#footer-menu-catalog h4{font-size:16px;color:#000;text-transform:uppercase;margin-bottom:40px;font-weight:bold;}
#footer-menu-catalog table{width:100%}
#footer-menu-catalog table td{vertical-align:top;width:25%}
#footer-menu-catalog table td a{text-decoration:none;}
#footer-menu-catalog table td a.root{font-size:14px;display:block;margin-bottom:15px;}
#footer-menu-catalog table td .ch {margin-bottom:35px;font-size:13px;}
#footer-menu-catalog table td .ch a{color:#474747;}
#footer-menu-catalog a:hover{text-decoration:underline}


#develop{float:right}
#develop a{text-decoration:none}
#develop a span{text-decoration:underline}


#footer .social {float:left;margin-bottom:20px}
.social a{display:block;width:28px;height:28px;float:left;margin-right:5px}
.social a.fb{background:url(img/soc_fb.png)}
.social a.vk{background:url(img/soc_vk.png)}
.social a.yt{background:url(img/soc_yt.png)}
.social a.tw{background:url(img/soc_tw.png)}
.social a.inst{background:url(img/soc_inst.png)}
.social a.tg{background:url(img/soc_tg.png);background-size: contain}


#contacts{position:absolute;font-size:14px;top:20px;right:0px;text-align:right}
#contacts strong{display:block;font-size:20px;font-weight:normal;padding-top:4px}

#copyrights{float:left}


#block-info-footer{float:left;}
#block-info-footer .phone{font-size:18px;}






.page {}
.page table {border-collapse:collapse;border-spacing: 0px;}
.page table .begin{display:none}
.page table .nextpage {text-align:right;vertical-align:middle;white-space:nowrap}
.page table .page_out {text-align:center}
.page strong{margin:0px;padding:10px 14px;font-weight:300;box-shadow:inset 2px 2px 2px #ccc}
.page a{margin:0px;padding:4px 10px;text-decoration:none;}
.page a:hover{text-decoration:none}
.page .page_out a{padding:10px 14px;border-left:solid 1px #ececec;border-right:solid 1px #f8f8f8}

.page .next{}
.page .next:hover{text-decoration:none}
.page .prev{}
.page .prev:hover{text-decoration:none}

.page_nav{width:100%;border-collapse:collapse;border-spacing: 0px;font-size:14px;margin-bottom:15px;background:url(img/pg_bg.png);height:40px;box-shadow:0 2px 3px #afafaf;border-radius:4px;}
.page_nav td{padding:0}
.page_nav .right{text-align:right}

.page_top {margin-bottom:15px;width:100%}
.page_top .page_size{font-size:13px;}
.page_top .page_size span{margin-left:4px;padding:8px 11px;background:#f9f9f9;box-shadow:inset 2px 2px 2px #dfdfdf;border-radius:3px;}
.page_top .page_size a{margin-left:4px;padding:3px 5px;text-decoration:none;border-bottom:dashed 1px #5683b3;}

.page_nav.top .view{text-transform:uppercase;font-size:13px;}
.page_nav.top .view a{display:inline-block;text-decoration:none;width:29px;height:29px;background:center;vertical-align:middle}
.page_nav.top .view a:hover{color:#32669a;}
.page_nav.top .view a:hover span{border-bottom:dashed 1px #32669a}
.page_nav.top .view a.act{color:#32669a;}
.page_nav.top .view a.act span{border-bottom:dashed 1px #32669a}

.page_nav.top .view a.cat_table{background-image:url(img/view_table.png)}
.page_nav.top .view a.act.cat_table{background-image:url(img/view_table_act.png)}
.page_nav.top .view a:hover.cat_table{background-image:url(img/view_table_act.png)}
.page_nav.top .view a.cat_list{background-image:url(img/view_list.png)}
.page_nav.top .view a.act.cat_list{background-image:url(img/view_list_act.png)}
.page_nav.top .view a:hover.cat_list{background-image:url(img/view_list_act.png)}

.page_top .sort {font-size:13px;}
.page_top .sort a{text-decoration:none;padding:4px 13px;display:inline-block;}
.page_top .sort a span{border-bottom:dashed 1px #5683b3;}
.page_top .sort a.act{padding-right:26px;box-shadow:inset 2px 2px 2px #dfdfdf;border-radius:3px;}
.page_top .sort a.act.asc{background:#f9f9f9 url(img/sort_asc.png) 94% no-repeat;}
.page_top .sort a.act.desc{background:#f9f9f9 url(img/sort_desc.png) 94% no-repeat;}
.page_top .sort a.act span{border-bottom:dashed 1px #5683b3;}

.ord_sort1 ico{background:url(img/i_act_sm.png) left no-repeat;padding-left:20px;}
.ord_sort2 ico{background:url(img/i_hit_sm.png) left no-repeat;padding-left:20px;}

#news .item{margin-bottom:40px;}
#news .item .header{display:block;font-weight:bold;margin-bottom:10px;color:#000;text-decoration:none}
#news .item .header:hover{text-decoration:underline}
#news .item .description{}
#news .item .author{font-size:11px;color:#7a7f92;padding-left:26px}
#news .item .date{color:#9a9a9a; font-style: italic;margin-bottom:5px;display:block}
#news .item .more{padding-left:15px;margin-left:400px}

.news_img{float:left;margin-right:20px;border-radius:14px;}
.news_img img{border-radius:14px;}

.news_view{min-height:200px;margin-bottom:20px}

#action {width:100%}
#action td{vertical-align:top}
#action td img{}
#action .item{display:inline-block;vertical-align:top;padding:20px;}

#action .item strong{color:#d5222c;font-size:14px;font-weight:300}
#action .item .header{display:block;margin-bottom:20px;font-size:18px;font-weight:500}
#action .item .date{font-size:14px;display:block;margin-bottom:10px;}

#action img{}


#feedback {}
#feedback .item{background:#fff;border-radius:3px;padding:30px;position:relative;margin-bottom:10px;min-height:90px;}
#feedback .item .autor{color:#8f8f8f;font-size:13px;display:block;margin-bottom:8px;text-transform:uppercase}
#feedback .item img{margin:-30px;margin-right:20px;float:left;}


.gallery_img {float:left;margin-right:20px}
.gallery {}
.gallery .date {text-transform:lowercase;}
.gallery .wrapper {width:960px;margin:0 -10px;}
.gallery .item{display:inline-block;*display:inline;zoom:1;width:280px;height:290px;margin:10px;position:relative;background:#f2f6fa;border-radius:18px;padding:10px}
.gallery .img_name_desc{position:relative;overflow:hidden;}
.gallery .img{display:block;height:200px;text-align:center;overflow:hidden;background: no-repeat center;border-radius:14px;}
.gallery .name{display:block;overflow:hidden;margin:14px 0;max-height:40px;}
.gallery .name:hover{overflow:visible;}
.gallery .more{display:block;padding:10px 0;text-decoration:underline;background:url(img/more.png) left no-repeat;padding-left:20px}
.gallery .more:hover{text-decoration:none;}

.gallery .block {background:#f2f6fa;border-radius:18px;margin-bottom:15px}
.gallery .block a.img{background: no-repeat center;border-radius:14px;height:200px;width:280px;margin:15px;display:inline-block;*display:inline;zoom:1;}

.news_gallery {background:#f2f6fa;padding:20px 5px;border-radius:20px;clear:both;margin-bottom:30px;}
.news_gallery .img{display:inline-block;zoom:1;*display:inline;width:280px;height:200px;background: no-repeat center;border-radius:14px;margin:0 14px;}
.news_gallery .more{text-align:center;padding:20px}
.news_gallery .more a{padding:10px 30px;text-decoration:underline;background:#ffffff url(img/more_main1.png) 96% no-repeat;padding-left:20px;border-radius:14px;}
.news_gallery .more a:hover{text-decoration:none;}

.back{padding:10px 0;text-decoration:underline;background:url(img/more.png) left no-repeat;padding-left:20px}

#faq{}
#faq .question{color:#10683e;margin-bottom:5px}
#faq .question .name{font-style: italic;text-align:right;display:block}
#faq .answer{margin-left:20px}

form.common {padding-bottom:40px;}
form.common .block{background:#fafafa;border-radius:4px;padding:20px 28px;}
form.common .field{font-size:18px;background:#fff;width:310px;border:solid 1px #b2b2b2;border-radius:3px;padding:0 10px}

form.common .field.w-20{width:20px;margin-right:4px}
form.common .field.w-30{width:30px;margin-right:4px}
form.common .field.w-40{width:40px;margin-right:4px}
form.common .field.w-50{width:50px;margin-right:4px}
form.common .field.sh{width:240px;margin-right:4px}
form.common .field.sh1{width:160px;margin-right:4px}
form.common .field.long{width:370px;margin-right:0}
form.common .field.w340{width:340px;height:37px;}
form.common .field.w480{width:480px;height:37px;}
form.common .field.w460{width:460px;height:37px;}
form.common .field.w300{width:300px;height:37px;}
form.common .field.extralong{width:670px;margin-right:0}
form.common .capture{font-size:18px;height:34px;background:#fff;width:100px;border:solid 1px #b2b2b2;border-radius:3px;margin-bottom:10px;}
form.common input.field{vertical-align:middle;height:34px;margin-bottom:12px;margin-top:2px;}
form.common select.field{font-size:15px}
form.common input.error{border:solid 1px #f88;}
form.common textarea.error{border:solid 1px #f88;}
form.common input.date{font-size:18px;width:130px;height:25px;padding:5px;background:#fff url(img/ctrl/date.png) no-repeat 90%;border:solid 1px #b2b2b2;border-radius:3px;margin-bottom:10px;}
form.common textarea.field{height:111px;margin-bottom:10px;font-size:14px;overflow:auto;width:350px;}
form.common textarea.field.long{width:480px;}
form.common textarea.post{font-size:22px;height:200px}
form.common label{font-size:15px;}
form.common label.r{font-weight:normal}
form.common label.i{display:block;height:20px;font-size:14px}
form.common label.i.sh{width:80px;}
form.common label span{color:#45b29d}
form.common span.example{vertical-align:top;font-size:13px;position:absolute;width:300px}


form.common .inline div{display:inline-block;*display:inline;zoom:1}
form.common .inline-block {display:inline-block;*display:inline;zoom:1;vertical-align:top}
form.common .inline-block.m {margin-left:30px}


form.common button{vertical-align:top}
form.common .button{background:url(img/ctrl/button.png);color:#fff;width:122px;height:42px;border:0;font-size:16px;font-weight:bold}
form.common .button.silver{background:url(img/ctrl/button_silver.png);color:#808080;width:201px;height:52px;border:0;}
form.common .button.silver.long{background:url(img/ctrl/button_silver.png);color:#808080;width:201px;height:52px;border:0;font-size:18px;font-weight:bold}
form.common .button.add{background:url(img/ctrl/button_add.png);width:42px;height:42px;border:0;}
form.common .button.send{background:url(img/send_long.png);color:#fff;padding:0 30px;padding-left:50px;height:40px;border:0;font-size:15px;text-transform:uppercase;}

form.common button.search_short{width:39px;height:42px;background:url(img/ctrl/search.png);border:none;margin-left:-3px}


form.common span.error{color:#F00;display:none;}
form.common div.error{color:#F00;display:none;width:320px;font-size:14px;}
form.common div.err{color:#F00;font-size:14px;}
form.common small.error{color:#F00;display:none;margin-left:10px;}
form.common th{text-align:left;vertical-align:top}


form.common .comment{font-size:13px}
form.common #comment-address{font-size:18px;font-weight: 500;}
form.common #comment-address strong{color: #d5222c;}
form.common .tab{margin-left:20px;margin-bottom:20px}
form.common .tab .field{width:330px}
form.common h3{margin:10px 0}

form.common .button.long{background:url(img/ctrl/button_long.png);width:199px;}
form.common .button.grand{background:url(img/ctrl/button_grand.png);width:239px;height:52px;}

form.common .button.short{background:url(img/btn_short_bg.png) no-repeat;color:#fff;width:110px;height:36px;border:0;font-size:15px;font-weight:bold}

form.common .button.order{}
form.common .button.logon{}


form.common input.select{width:200px;height:14px;padding:5px;background:url(img/select_row.png) no-repeat 98%;position:relative;border:solid 1px #bbbbbb;border-radius:6px;}

form.common select.select{padding:3px;border:solid 1px #bbbbbb;border-radius:6px;}


form.common .btn {margin-top:30px;margin-left:440px}


form.common .notice{background:#fff;width:190px;padding:20px 15px;position:absolute;bottom:100%;left:0;margin-bottom:25px;box-shadow: 0px 0px 10px 0px gray;border-radius: 3px}
form.common .notice span{background:url(img/notice_row.png);display:block;position:absolute;width:28px;height:22px;top:100%;right:43px}
form.common .notice .close{background:url(img/notice_close.png);display:block;position:absolute;width:19px;height:19px;top:10px;right:10px}


a.send{width:168px;display:block;background:url(img/send_long.png) left no-repeat;color:#fff;padding:10px 0px;padding-left:50px;border:0;font-size:15px;text-transform:uppercase;text-decoration:none}

span.pay_status{display:block;color:#F00;font-size:20px;}
span.error{display:block;color:#F00}
label .example{color:#ccc;vertical-align:top;margin-left:5px;color:#aaa;font-size:13px}
div.error{color:#F00}
form.common .msg{color:#00F;display:none}

#success {padding:40px;display:none;font-size:20px;text-align:center}
.success {padding:40px;display:none;font-size:20px;text-align:center}


.quest{display:inline-block;width:34px;height:20px;background:url(img/i_quest.png) left no-repeat;position:relative;z-index:20;}
.quest .coin-text-edit{margin-top:50%}
.quest p{display:none;position:absolute;left:100%;top:-66px;padding:18px;background:#fffab1;box-shadow:2px 2px 2px #b5b5b5;color:#464646;font-size:14px;font-weight:300;border-radius:3px;min-width:190px;}
.quest:hover{background:url(img/i_quest_over.png) left no-repeat}
.quest:hover p{display:block;}

.popup_form{display:none;position:fixed;_position:absolute;background:url(img/ctrl/popup_bg.png);width:100%;height:95%;top:0;left:0;z-index:1000;padding-top:5%}
.popup_form.w1500{height:99%;padding-top:1%;position:absolute}
.popup_form.w1000{height:99%;padding-top:1%;position:absolute;}
.popup_form .close_popup_form{display:block;position:absolute;height:13px;width:13px;background:url(img/ctrl/close.png) right no-repeat; top:15px;right:15px}
.popup_form .popup_header{height:31px;background:url(img/popup_header.png) ;}
.popup_form form{width:500px;margin:0 auto;background:#fff;position:relative;padding:30px}
#alert_box.popup_form form{width:300px;}
.popup_form.w1500 form{width:1500px;}
.popup_form.w1000 form{width:1000px;border:solid 1px #006e36}
.popup_form form .field{width:250px;border:solid 1px #000;padding:10px 5px;box-sizing: border-box}
.popup_form form th{text-align:left;font-weight:normal}
.popup_form .h1{margin:0;margin-bottom:10px;font-weight:bold;font-size:30px;text-align:center;display:block;}
.popup_form h2{margin:0;margin-bottom:10px;text-align:left;font-size:25px}
.popup_form button,.popup_form .button{font-size:18px;margin-left:3px}
.popup_form .msg{display:block;margin:10px 0}
/*.popup_form .close{text-decoration:none;color:#fff}*/
/*.popup_form .close{display:block;background:url(img/ctrl/button.png);width:122px;height:32px;padding-top:10px;text-align:center;text-decoration:none;color:#fff}*/


.popup {position:relative;width:700px;margin:0 auto;border-radius:10px;padding:20px;padding-left:30px;position:relative;background:#fabd30;}
.popup a{color:#fff}
.popup .i{border:solid 1px #AAA;border-radius:3px;width:180px;margin-bottom:6px;border:solid 1px #000}
.popup .l{display:block;float:left;width:80px;padding-top:3px}
.popup .b{border:0;width:110px;height:45px;color:#FFF;font:20px "Calibri";background:url(img/button_bg.png);vertical-align:middle}




.dialog_box{}

.dialog_box{display:none;position:fixed;_position:absolute;;width:100%;height:85%;top:0;left:0;z-index:1000;padding-top:15%}
.dialog_box .dialog_border{width:870px;margin:0 auto;background:url(img/popup1.png);padding:10px ;position:relative;border-radius:26px}
.dialog_box .dialog_border .dialog_content{box-shadow: 0px 4px 20px -6px gray;background:#fff;padding:20px;padding-left:30px;position:relative;min-height:170px;border-radius:14px}



#action-blk {}



#vote {font-size:12px}
#vote .item{margin-bottom:3px;}
#vote .item strong{font-weight:normal;display:block;margin:3px 0}
#vote label{}
#vote input{}

#contacts-form{}
#contacts-side{padding:12px 25px;background:#fff;margin-bottom:20px}



#top-menu{height:40px;background:#6e7067;;z-index:10;width:100%;border-bottom:solid 1px #ffffff}
#top-menu ul{font-size:14px;display:block;margin:0;padding:0;text-align:center}
#top-menu ul li{display:inline-block;margin:0;padding:0 28px;padding-top:10px;height:30px;}

#top-menu ul li a{color:#dfdfdf;}
#top-menu ul li.act{background:#fbfbfb}
#top-menu ul li.act a{color:#464646}

#top-menu ul li a:hover{}
#top-menu .wrapper{position:relative}


#menu {text-transform:uppercase;height:50px;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;font-size:14px}
#menu ul{margin:0;padding:0;text-align:center}
#menu ul li{margin:0 1px;  display: inline-block;*display:inline;zoom:1; list-style: none;padding:15px 13px;height:20px;position:relative}
#menu ul li:hover{border-left:solid 1px #e2e2e2;border-right:solid 1px #e2e2e2;margin:0}
#menu ul li a{color:#aaa;text-decoration:none}
#menu ul li a span{display:none}
#menu ul li a:hover{}
#menu ul li a.act{text-decoration:underline;color:#3a9dc0;}

#menu ul li ul{display:none;text-align:left;background:#fff;position:absolute;top:100%;left:0;border:solid 1px #e2e2e2;margin-left:-1px;font-size:14px;text-transform:none;box-shadow:7px 7px 0px rgba(0,0,0,0.2);}
#menu ul li ul li{display:block;padding:0;white-space:nowrap;height:auto;border:0}
#menu ul li ul li:hover{border:0;}
#menu ul li ul li a{display:block;color:#32669a;padding:9px 20px;}
#menu ul li ul li a span{color:#969696;margin-left:13px;text-decoration:none;display:inline}
#menu ul li ul li a:hover{text-decoration:underline;color:#fff;background:#32669a}
#menu ul li ul li a:hover span{color:#fff;text-decoration:none;}

#menu ul li:hover ul{display:block}



#debug{position:fixed;padding:3px;border:solid 1px #326695;bottom:30px;background:#eeffee;z-index:1000;display:none}
#notice{position:fixed;_position:absolute;left:50%;top:0;padding:20px;border:solid 1px #0093dd;background:#aadff9;display:none;min-width:200px;z-index:1000;border-radius: 0 0 6px 6px}

#title{display:none;position:absolute;padding:10px;background:#fff;z-index:100;max-width:500px;border-radius:6px;box-shadow: 0px 4px 20px -6px gray;}

.map_list{}
.myMap{width:480px;height:290px;}
.mapInf{vertical-align:top;width:400px;}

.side-bar {}
.side-bar h2{text-align:center;font-weight:bold;background:url(img/side_bar_header.png);width:207px;height:30px;padding-top:13px;text-align:center;color:#fff;font-size:15px;text-shadow: 1px 1px 2px green;line-height:15px;margin-bottom:-10px;position:relative;z-index:1}
.side-blk {background:url(img/side_bar_bg.png) top repeat-x;width:187px;padding:20px 10px;font-size:14px}
.side-blk a{text-decoration:none;}
.side-blk a:hover{text-decoration:underline}
.side-blk .more{padding-top:5px;font-weight:bold;display:block}

#content.faq{}
#content.faq h1{color:#6eb435}
#content.faq h2{color:#00582e}

#search-bar {width:675px;height:42px;background:url(img/search_bg.png) left 2px no-repeat;position:absolute;left:30px;top:15px;}
#search-bar input{width:538px;border:none;background:none;padding:13px 0px;padding-left:6px;color:#8f8f8f;vertical-align:top;}
#search-bar button{width:114px;height:42px;border:none;background:url(img/search.png) center no-repeat;vertical-align:top;color:#fff;font-weight:bold;margin-top:1px;}
#search-bar-mobile {height:42px;padding-top:10px;}
#search-bar-mobile input{width:50%;margin-left:20px;border:solid 1px #ccc;border-right:0;border-radius:4px 0 0 4px;background:none;padding:13px 0px;padding-left:6px;color:#8f8f8f;vertical-align:top;}
#search-bar-mobile button{width:114px;height:42px;border:none;background:url(img/search.png) center no-repeat;vertical-align:top;color:#fff;font-weight:bold;margin-top:1px;}


.info-block{border:solid 1px #fce879;padding:4px;margin-bottom:16px;border-radius:3px}
.info-block p{background:#fce879;font-size:14px;color:#000;margin:0;padding:25px;border-radius:3px}
.info-block p strong{font-size:18px;font-weight:normal;display:block;margin-bottom:10px;}
.info-block a{color:#000;}

#client-blk{border:solid 1px #d1e893;}
#client-blk p{background:#d1e893;}



.menu-mobile{background: #1f1d1d;height:42px;;z-index:21;position: fixed;width: 100%;}
.top-menu-mobile-buttons{background: #1f1d1d;height:42px;;z-index:21;width: 100%;position:relative}
.menu-mobile #top-menu-mobile {width:36px;height:42px;display:inline-block;vertical-align:top;}
.menu-mobile #top-menu-mobile button{border:none;background:url(img/ctrl/m-menu.png) center no-repeat;width:36px;height:42px;display:inline-block;border-right:solid 1px #fff}
.menu-mobile #top-catalog-mobile {height:42px;display:inline-block;vertical-align:top;}
.menu-mobile #top-catalog-mobile button{border:none;background:none;height:42px;display:inline-block;color:#fff;text-transform:uppercase;}

.menu-mobile .top-buttons{display:block;margin:0;padding:0;float:right;padding-top:1px;}
.menu-mobile .top-buttons li{display:block;margin:0;padding:0;float:left;width:40px;height:40px;background: url(img/ctrl/m-button.png);}
.menu-mobile .top-buttons li:hover{background: url(img/ctrl/m-button-hover.png)}
.menu-mobile .top-buttons li button{width:100%;height:100%;background:none;border:0;}
.menu-mobile .top-buttons li a{width:100%;height:100%;background:none;display:block;font-size:0;}

.menu-mobile .top-buttons li#m-delivery a{background:url(img/ctrl/m-delivery.png) center no-repeat;}
.menu-mobile .top-buttons li#m-basket a{background:url(img/ctrl/m-basket.png) center no-repeat;position:relative}
.menu-mobile .top-buttons li#m-basket a span{position:absolute;background:#d5222c;color:#fff;border-radius:50%;top:2px;right:1px;font-size:12px;width:22px;height:18px;padding-top:4px;text-align:center}
.menu-mobile .top-buttons li#m-login a{background:url(img/ctrl/m-login.png) center no-repeat;}
.menu-mobile .top-buttons li#m-phones button{background:url(img/ctrl/m-phones.png) center no-repeat;}
.menu-mobile .top-buttons li#m-search button{background:url(img/ctrl/m-search.png) center no-repeat;}


.submenu-mobile{display:none;position:absolute;left:0;top:100%;right:0;box-shadow:0 5px 4px #ccc;background:#fff}
.submenu-mobile .close{z-index:10;position:absolute;display:block;height: 32px; width: 32px;background: url(img/ctrl/close.png) center no-repeat;top: 0px; right: 0px;font-size:0;}
.submenu-mobile>ul{display:block;margin:0;padding:0;background:#fafafa;font-size:14px;}
.submenu-mobile>ul>li{margin:0;padding:0;list-style:none;border-top:solid 1px #f1f1f1;position:relative}
.submenu-mobile>ul>li>a{color:#425f68;text-decoration:none;display:block;padding:8px 20px;}
.submenu-mobile>ul>li.act{background:#fff}
.submenu-mobile>ul>li>a:hover{text-decoration:underline}
.submenu-mobile>ul>li>ul{display:none}
.submenu-mobile>ul>li.act>ul{margin:0;padding:0;padding-left:20px;font-size:13px;display:block;}
.submenu-mobile>ul>li.act>ul>li{margin:0;padding:0;list-style:none}
.submenu-mobile>ul>li.act>ul>li>a{color:#464646;text-decoration:none;display:block;padding:4px 20px;background:url(img/li.png) left no-repeat}
.submenu-mobile>ul>li.act>ul>li>a.act{color:#959595;background:url(img/li_act.png) left no-repeat}
.submenu-mobile>ul>li.act>ul>li>a:hover{text-decoration:underline;}


#search-rel-mobile{background:url(img/slide_bar_bg.png);border-top:solid 1px #ebebeb;position:absolute;box-shadow:0 2px 5px #dbdbdb;height:70px;}

#phones-rel-mobile{background:#fff;box-shadow:0 0 3px #ccc;margin:0 20px;margin-top:10px;border:solid 1px #ebebeb;padding:10px;text-align:center}

#logo {}

/*mobile*/
html { min-width: 320px;} 
body { min-width: 320px;} 
#wrap{width:auto;margin-bottom:20px;}/*overflow:hidden;*/
#header{height:180px;}
#header .wrapper{position:relative;padding-top:10px;}
#logo {display:block;background:url(img/logo.png) top no-repeat;width:203px;text-decoration:none;height:72px;margin:0 auto;margin-bottom:10px;}


#block-info-phone{font-size:14px;display:none}
#block-info-phone strong{font-size:24px;}
#block-info-phone a{text-decoration:none;border-bottom:dotted 1px #2969a5}

#block-info-phone-mobile{font-size:14px;text-align:center;}
#block-info-phone-mobile strong{font-size:24px;}
#block-info-phone-mobile a{text-decoration:none;border-bottom:dotted 1px #2969a5}

#block-info-phone-mobile-menu{font-size:14px;text-align:center;padding:10px 0}
#block-info-phone-mobile-menu strong{font-size:24px;}
#block-info-phone-mobile-menu a{text-decoration:none;border-bottom:dotted 1px #2969a5}

#block-info-pay-mobile-menu{font-size:14px;text-align:center;padding-bottom:10px;}
#block-info-pay-mobile-menu strong{font-size:24px;}
#block-info-pay-mobile-menu a.name{text-decoration:none;border-bottom:dotted 1px #2969a5}

#block-info-work{text-align:center;display:none}

#block-info-pay{font-size:14px;line-height:25px;display:none}
#block-info-pay img{vertical-align:middle}

.info-block{margin-left:15px;margin-right:15px;}


.wrapper{width:auto;}

#footer .block{clear:both;}


#footer-menu{}

/*desktop*/
@media (min-width: 768px){
    html { min-width: 940px;} 
    body { min-width: 940px;padding-top:19px;}
    #header{height:190px;}
    #header .wrapper{position:relative;padding-top:120px;}
    #logo {position:absolute;top:26px;margin:0}

    #wrap{width:1240px;margin-bottom:19px;box-shadow:0 0 5px #5a5a5a;border-radius:5px;overflow:hidden;}
    #middle{padding-top:40px;}

    #block-info-phone{position:absolute;top:24px;left:905px;display:block}

    #block-info-work{position:absolute;top:40px;left:310px;text-align:left;display:block}

    #block-info-pay{position:absolute;top:40px;left:615px;display:block}

    .info-block{margin-left:0px;margin-right:0px;}


    .wrapper{width:1182px;}
    #footer-menu{width:50%;float:left}
    
    #footer .block{clear:both;margin-left:-30px;margin-right:-30px;}

    #footer .social {width:25%}
    #block-info-footer{width:25%}
}

@media (max-width: 767px){
    #wrap{min-width:320px;}
    html,body,.sc-mobile.menu-mobile{min-width:320px;}
    .popup_form {padding:0;height:100%}
    .popup_form form{width:100% ;box-sizing: border-box}
    .popup_form form .field{width:100% ;}
    .popup_form form textarea.field{width:100% ;}
    .popup_form form table{display:block}
    .popup_form form table tbody{display:block}
    .popup_form form table tbody tr{display:block}
    .popup_form form table tbody th{display:block}
    .popup_form form table tbody td{display:block}
    
    
    #action img{width:100%}
}

#rezhim {
    display: none;
    position: fixed;
    top:0;left:0;right: 0;bottom: 0;
    z-index: 10000;
    background:no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(/template/rezim.jpg);
    background-position: center;
}
@media (max-width: 873px){
    #rezhim {
        background-size: contain;
    }
}

#cookie-popup{
    width: 100%;background: #fff;padding: 20px;box-sizing: border-box;
    position: fixed;bottom: 0;z-index: 1000;
    border: solid 1px #ddd;
}
#cookie-popup a.apply{
    display: block;text-align: center; text-transform: uppercase;
}