html { height:100%; }
html, body { padding:0; margin:0; font:normal 0.96em Verdana,Tahoma,sans-serif; }
body { min-height:100%; height:100%; color:#22222b; background:#fff url(../images/bgr/main_bgr.png); }

/* layout */
#root { height:auto;min-height:100%; max-width:1148px; margin:0 auto; }
#root_wrapper { width:100%;height:100%; }
#head { min-height:190px;width:100%; position:relative; z-index:4; }
#content { /*z-index:2;*/ position:relative; width:100%; margin:0 auto 15px; font-size:0.94em; background-color:#fff; }
#page_body #content { margin:0 auto; background:#fff url(../images/bgr/mol_bgr.png) bottom repeat-x; }
#wrapper, #footer { clear:both; height:125px; }
#wrapper { height:145px; }
#footer { z-index:999; max-width:1148px; margin:-125px auto 0; font-size:0.74em; background:#fff; overflow:hidden; }
#sub_content { z-index:2; overflow:hidden; clear:both; padding:1px 0; margin:0 0 40px; position:relative; width:100%; background:url(../images/bgr/mol_bgr.png); }
#sub_content.sub_content2 { background-image:none; }

.pad { padding:22px 12px 60px; overflow:hidden; width:100%; /*background:#fff;*/ }
.pad1 { padding:1px 0; height:100%; }
.pad2 { padding:1px 70px 0; margin:0 auto; position:relative; min-height:99%; }

#page_content { padding:14px 16px 14px 16px;margin:0 4px 4px 4px; position:relative; z-index:4; }
#left_content { width:900px; margin:0 -215px 0 0; float:left; z-index:1; }
#right_column { width:215px; margin:0; float:right; z-index:1; }
#sub_content_left { width:396px; margin:0 -470px 0 0; float:left; z-index:1; }
#sub_content_right { width:463px; margin:0; float:right; z-index:1; }

.sub_content2 #sub_content_left { width:186px; margin:0 -200px 0 0; }
.sub_content2 #sub_content_right { width:720px; }

.red { color:#f00; }
.green { color:#518d2a; }

.main-slider { margin:0 0 20px 0; }

.dropdown-search{
    display:none;
    border-top:1px solid #c2e3f4;
    position:absolute;
    background:#fff;
    box-shadow: 0 3px 15px rgba(29,155,214,0.3);
    width:100%;
    z-index:100;
}
.dropdown-search .product{
    padding: 5px 10px;
}
.dropdown-search .product:hover{
    background-color:#ffecc3;
}
.dropdown-search img{
    max-height:40px;
}
.dropdown-search .title{
    font-size:16px;
    color:#000;
    line-height: 2;
}
.dropdown-search .price{
    font-size:16px;
    color:#999;
    font-weight: 500;
    line-height: 2;
}
.dropdown-search .view_all{
    padding:10px;
}

/* styles */
a { color:#96c22b; }
a:hover { text-decoration:none; }
a img { border:0; }
p { margin:8px 0; padding:0; }
.a_c { text-align:center; }
.a_r { text-align:right; }
.clearing { clear:both;font-size:0; }
ul, ol { margin:8px 0; padding:0; list-style-position:inside; }
ol { list-style:none }
li { margin:6px 0 }
.fl, .fl_left { float:left; }
.fr, .fl_right { float:right; }
.image.fl, img.fl { margin:5px 15px 5px 0; }
.dn, .sm_dn { display:none !important; }
.hidden { display:none; }
.db { display:block !important; }
.o_hidden { overflow:hidden; position:relative; }
.more a { padding:6px 10px 6px 0; }
.space24 { height:24px; width:100%; }
.rub { font-size:1.0em; font-family:'DIN Rouble','DIN' !important; }
.rub.apply_rub { text-indent:-3000em; width:2em; /*background:url(../images/img/ruble_table.png) 0 0px no-repeat;*/ }
.print { margin:0; padding:0 0 0 30px; background:url(../images/icon/print.png) no-repeat left; }

.h2_green { color:#fff !important; background:#769823; padding:5px 10px; width:100%; }

#magazine { /*width: 910px; height: 644px;*/ width: 910px; height: 1288px; }
#magazine .turn-page { background-color:#ccc; }
#magazine .turn-page img { width:100%; }
#flipbook .shadow, #flipbook.shadow {
  -webkit-box-shadow: 0 4px 10px #666;
  -moz-box-shadow: 0 4px 10px #666;
  -ms-box-shadow: 0 4px 10px #666;
  -o-box-shadow: 0 4px 10px #666;
  box-shadow: 0 4px 10px #666;
}
.page-paginator { overflow:hidden; margin:0 0 5px; }
.page-paginator div { color:#769823; border-bottom:1px dashed #769823; cursor:pointer; }
.magazine-previous_page {}
.magazine-next_page {}

.bbordered_block { position:relative;top:15px; background:#bebdbd; }
.bbordered_block.with_shadow { z-index:4;
  -moz-box-shadow:    0px 6px 12px 8px #aaa, 11px -15px 2px 2px #aaa;
  -webkit-box-shadow: 0px 6px 12px 8px #aaa, 11px -15px 2px 2px #aaa;
  box-shadow:         0px 6px 12px 8px #aaa, 11px -15px 2px 2px #aaa;
}
.bbordered_block_cont { width:100%; background:#fff; position:relative;top:-15px;left:13px; }
.lt_corn, .lb_corn, .rb_corn { position:absolute; width:13px;height:15px; }
.lt_corn { top:0;left:-13px; background:url(../images/bgr/lt_corn.png) no-repeat; }
.lb_corn { bottom:-15px;left:-13px; background:url(../images/bgr/lb_corn.png) no-repeat; }
.rb_corn { bottom:-15px;right:0; background:url(../images/bgr/rb_corn.png) no-repeat; }
#sitemap { position:absolute;left:0;bottom:-15px; z-index:10; width:104px;height:84px; background:url(../images/button/site_map.png) no-repeat; }
#sitemap2 { position:absolute;right:0;bottom:-68px; z-index:10; width:90px;height:68px; background:url(../images/button/site_map2.png) no-repeat; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color:#54422e; font-family:Arial,sans-serif; }
h1, .h1 { margin:10px 0; font-size:1.9em; color:#000; }
h2, .h2 { margin:6px 0; font-size:1.5em; }
h3, .h3 { margin:6px 0; font-size:1.2em; }
h4, .h4 { margin:6px 0; font-size:1.1em; }

.breadcrumbs { font-size:1.0em; color:#769823; margin:16px 0; padding:2px 5px 4px; }
.breadcrumbs a { color:#769823; }

.pager { text-align:center; margin:10px 0; font-size:1.2em; font-weight:bold; }
.pager a, .pager span { }

.ajax_loader {display:none;position:fixed;top:20%;left:50%; z-index:999;width:280px;margin:0 0 0 -90px;padding:5px 5px;background:#fff;border:1px solid #769823;text-align:center;}
.ajax_loader strong {padding:5px 0 5px 50px;background: url(../images/loader.gif) no-repeat 0 center; display:block; line-height:48px; }

#logo { display:block;width:416px;height:55px; float:left; margin:15px 0 15px 12px; font:1.0em/1.8em "Times New Roman",sans-serif; position:relative;z-index:10; text-decoration:none; }
#logo em { position:absolute;top:0;left:0; width:100%;height:100%; background:url('../images/logo.png') 100%/100% no-repeat; }
#logo.logo2 em { background:url('../images/logo2.png') no-repeat; }

#socials { color:#000; float:right; margin:0 0 6px 25px; font-size:0.9em; }
#socials a { display:block; float:left; margin:2px 5px 0 0; width:25px;height:25px; text-indent:-3000em; background:url(../images/icon/socials.png) no-repeat; }
#socials a.fb_icon { }
#socials a.vk_icon { background-position:-27px 0; }
#socials a.ok_icon { background-position:-53px 0; }
#socials a.inst_icon { background-position:-81px 0; }
#socials a.gp_icon { background-position:-108px 0; }
#socials a.yt_icon { background-position:-135px 0; }
#socials a.tw_icon { background-position:-163px 0; }

#right_head_block { float:right; }

#head_line { width:570px; float:left; }

#phone_block { position:relative; margin:8px 0 0 8px; z-index:2; color:#96c22b; font-size:1.1em; font-weight:bold;font-style:italic; float:left; }
#phone_block span { color:#003b9b; }

#head_nav_cont { clear:both; height:90px; position:relative; }
#head_nav_cont .bbordered_block_cont { height:90px; }
#head_nav_cont .v_sep { width:1px;height:60px; float:left; margin:15px 0 0 0; border-left:1px solid #000; }

#tnav_cont { float:left; max-width:700px; position:relative;top:16px;left:14px; }
#tnavigation { list-style:none; margin:0;padding:0; font-size:1.0em; }
#tnavigation li { float:left; margin:0 1px 5px;padding:0; position:relative; }
#tnavigation a { color:#000; text-decoration:underline; }
#tnavigation .current a, #tnavigation .current span, #tnavigation a:hover { color:#000; text-decoration:none; }
#tnavigation .dropdown-item { display:none; background:#fff; text-transform:none; font-size:0.92em; z-index:100;position:absolute; }
#tnavigation .dropdown-item li { float:none; }
#tnavigation .dropdown-item li a { color:#003B9B !important; padding:4px 10px; }
#tnavigation .dropdown-item li a:hover { color:#000 !important; }

#cart_form { }

#big_map { width:680px;height:680px; border:4px solid #96C22B; float:left; margin-right:20px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#cart_map { width:100%; height:500px; border:4px solid #96C22B; margin-right:20px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#stores_map { width:100%;height:100%; }
.stores_nav { padding:5px 0 10px; }
.stores_nav a { padding:0 15px 0 0; color:#003B9B; }
.store_icon, .store_types li em { width:24px;height:24px; display:inline-block; margin:0 2px; background:url(../images/icon/icons_a.png) no-repeat; }
.store_icon.icon_optica, .store_types li#st_1 em { background-position:-103px -1px; }
.store_icon.icon_prod, .store_types li#st_2 em { background-position:-64px -1px; }
.store_icon.icon_vet, .store_types li#st_3 em { background-position:-32px -1px; }
.store_icon.icon_is_24, .store_types li#st_4 em { background-position:-1px -1px; }
.store_icon.icon_can_get_order, .store_types li#st_5 em { background-position:-134px -1px; }

#store_filter { border:1px solid #E3E3E3; width:200px; float:left; padding:10px 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.store_types { list-style:none; }
.store_types li { color:#0F52A6; padding:1px 0; margin:8px 0; }
.store_types li.active { color:#96C22B; }
.store_types li span { border-bottom:1px dashed #0F52A6; cursor:pointer; }
.store_types li.active span { border-bottom:1px dashed #96C22B; }
.store_types li em { margin-top:-3px; }

.online_block { float:left; position:relative; width:145px;height:72px; margin:5px 5px 10px; padding:2px 5px 0 5px; /*background:url(../images/img/online_cons.png) right 3px no-repeat;*/ }
.online_block h3, .online_block .h3 { margin:5px 0; position:relative;z-index:10; }
.online_status { position:absolute;z-index:9; top:3px;left:0; height:75px; }
.online_status p { margin:0; }
.online_status img { height:50px !important; width:auto !important; position:absolute; top:15px; }

.auth_block { border:0; float:right; padding:5px 5px 5px 10px; /*width:260px;*/ width:360px; }
.auth_block img { display:block; margin:-1px auto 0; }
#auth_cont { overflow:hidden; }
#auth_cont a { color:#000; }
.login_link { float:left; }
.logout { float:right; }
.reg_link { float:right; }
.block_title { padding:15px 0 5px 15px; margin:0; }
.block_title span { border-bottom:1px solid #000; padding:0 30px 8px 0px; }

.top_line2 { font-size:1.2em; }

#my_cart { color:#000; padding:3px 1px; }
#cart_head { font-size:1.6em;line-height:29px; display:block; color:#96c22b; background:url(../images/icon/gr_cart.png) 110px 13px no-repeat; }
#cart_status {  font-size:0.9em; margin:1px 0; height:1.5em; }
#cart_total_amount, #cart_total_price { color:#003b9b; font-size:1.12em; }
#cart_status.empty span { display:none; }

#user_data { font-size:0.9em; }

.iblock { background:#fff; margin:0 0 14px 0; }
.iblock h2, .iblock .h2 { margin:0; width:100%; }
.green_block.iblock {}
.iblock .ib_head { color:#96c22b; }
.iblock .ib_content { padding:6px 12px; }
.green_block.iblock .ib_content { border:3px solid #96c22b;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.lbanner { /*float:left; clear:left; width:280px;*/ }
.lbanner img { }

.today_price_block { background:none; }
.today_price_block.top_today_price_block { margin:0; }
.today_price_block.top_today_price_block h2 { margin:7px 16px 0 0; font-size:1.2em; font-weight:normal; color:#d30000; text-align:center; }
.today_price_block .ib_content { overflow:hidden; height:73px; background:#f8fbf2; }
.today_price_block.top_today_price_block .ib_content { border:0 !important; background:none; padding:0px 16px 0 0; height:53px; }
#today_price_list_cont { position:relative; height:100%; }
#today_price_list { overflow:hidden; position:relative; height:53px; top:0; }
.today_price_list { position:relative; }
.today_price_list .bproduct_item { padding:1px 0; height:71px; }
.bproduct_item .store { color:#d70713; margin:0 0 14px; }
.bproduct_item .prep { color:#000; margin:3px 0; }
.bproduct_item .prep a { color:#000; }
.bproduct_item .prep span, .bproduct_item .prep a { display:block; text-align:center;  }
.bproduct_item .prep .product_title { color:#769823; width:228px; float:left; font-size:14px; }
.bproduct_item .prep .product_price { color:#d30000; width:100px; font-size:1.2em; float:right; font-weight:bold; }
.bproduct_item .vendor { color:#003B9B; font-size:0.86em; }
#today_price_list_cont .prev_prj, #today_price_list_cont .next_prj { position:absolute;right:0; width:22px; cursor:pointer; height:16px; background:url(../images/bgr/gallery_arrows.png) top center no-repeat; }
.top_today_price_block #today_price_list_cont .prev_prj, .top_today_price_block #today_price_list_cont .next_prj { right:-16px; }
#today_price_list_cont .prev_prj { top:0; }
#today_price_list_cont .next_prj { bottom:0; background-position:center -16px; }

.poll_block .ib_content { background:url(../images/bgr/front_poll_block.png) top repeat-x; }
.poll_question { text-align:center; color:#000; font-size:1.2em; }
.poll_form { margin:10px 0; }
.poll_form label { width:120px; }
.poll_form .button-field { padding:0; }
.poll_form .poll_submit { border:1px solid #000; color:#000; background:#cee29c; cursor:pointer; padding:3px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.apt_net_block {}
.img_net { margin:0 -12px; }

.banner { text-align:center; }

.new_ones_block, .gallery_block { width:273px; margin:0 auto 14px; }
.new_ones_block .ib_content, .gallery_block .ib_content { padding:0; }
.new_ones_block img, .gallery_block img { display:block; width:100%; }

.videos-list { list-style:none; overflow:hidden; }
.videos-list .item { overflow:hidden; width:50%; float:left; }
.videos-list .item a { display:block; overflow:hidden; margin:0 auto; position:relative; color:#fff; background:#666; width:297px;height:194px; border:3px solid #b6b6b4; font-size:0.80em; }
.videos-list .item span { display:block; color:#fff; background:#000; position:absolute;left:0;bottom:0; margin:0; padding:8px 12px; width:273px; }
.videos-list .item img { width:100%; }

.lnavigation { list-style:none; margin:10px 0;padding:0; overflow:hidden; }
.lnavigation li { padding:3px 0 3px 10px; margin:0; }
.lnavigation li a { color:#db8264; padding-left:15px; text-decoration:none; }
.lnavigation li a.wsb { background:url(../images/icon/br_arrow.png) 2px 3px no-repeat; }
.lnavigation li a.wsb.selected { background:url(../images/icon/bd_arrow.png) left 5px no-repeat; }
.lnavigation ul { font-size:0.9em; margin:8px 0 0 0; }
.lnavigation ul li { border:0; list-style:none; }
.lnavigation ul li a { text-decoration:none; }

#main_page_text { margin:0 0 10px 0; overflow:hidden; /*width:830px;*/ }

#bot_icons { list-style:none; }
#bot_icons li { float:left; width:25%; text-align:center; }
#bot_icons li span { color:#000; display:block; font-size:1.2em; }
#bot_icons li a { text-decoration:none; }

#top_ban { list-style:none; margin:23px auto 20px; width:100%;height:280px; }
#top_ban img {  }

.flat-list { overflow:hidden; list-style:none; margin:0; }
.flat-list li, .flat-list .item { float:left; margin:0; }

.fl_list {  }
.fl_list .item, .fl_list li { float:left; }

#v-gallery-list-cont { margin:10px 0;padding:20px 0; position:relative; }
#v-gallery-list { height:730px; overflow:hidden; }
.v-gallery-list { list-style:none; margin:0 auto; width:164px; position:relative; }
.v-gallery-list li { padding:0 0 15px; margin:0; text-align:center; }
.v-gallery-list .image { display:block; border:3px solid #7d7b7b; }
.v-gallery-list .image img { display:block; }
.v-gallery-list a.title { color:#000; font-size:0.9em; }
#v-gallery-list-cont .prev_prj, #v-gallery-list-cont .next_prj { position:absolute;left:40px; width:108px; cursor:pointer; height:16px; background:url(../images/bgr/gallery_arrows.png) no-repeat; }
#v-gallery-list-cont .prev_prj { top:0; }
#v-gallery-list-cont .next_prj { bottom:0; background-position:0 -16px; }

.galleries-list {}
.galleries-list li { }
.galleries-list span { display:block; }

.gallery-thumb-list { }
.gallery-thumb-list li { width:100%; }
.gallery-thumb-list img { display:block; width:100%; }

.front_partners { padding:15px 10px; }
.front_partners .item { margin:0 auto; text-align:center; }
.front_partners .item img { width:auto !important; margin:0 auto; }

#services { margin:37px -24px 0 0; position:relative; }
#services .item { width:40.3%; height:86px; border:1px dashed #000; padding:0px 10px; margin:0 24px 0 0; background:#fff; position:relative; }
#services .item.vet_bk .item_outer { background:url(../images/icon/vet.png) 95% center no-repeat; }
#services .item.opt_bk .item_outer { background:url(../images/icon/opt.png) 95% center no-repeat; }
#services .item.rec_bk .item_outer { font-size:0.92em; background:url(../images/icon/rec.png) right center no-repeat; }
#services .item.mag_bk .item_outer { background:url(../images/icon/mag.png) 95% center no-repeat;  }
#services .item_outer { display:table; width:100%;height:86px; }
#services .item_cont { display:table-cell; vertical-align:middle; padding-right:70px; }
#services .item_inner { }
#services a { display:block; color:#000; text-decoration:none; }
#services a span { }

.newsDate { color:#000; }
.l_image { float:left; margin:3px 15px 10px 0; }
.front_news_list { overflow:hidden; padding:5px 2%; margin-left:0; margin-right:0; font-size:0.9em; background:#f3f5f0 url(../images/bgr/front_news_bgr.png) repeat-x; }
.front_news_list .item { margin-top:5px; margin-bottom:5px; }
.front_news_list .item:last-child, .front_news_list .item#fnews_4 { margin-right:0; }
.front_news_list .item .newsDate { font-weight:bold; }
.front_news_list .item .h3 { color:#77a917; font-weight:bold; font-size:1.1em; text-decoration:none; }
.front_news_list .item p, .front_news_list .item .newsText { font-size:0.9em; margin:4px 0; }
.front_news_list .sep { margin:0 20px; border-top:1px solid #f58a1f; margin:14px 0; }
.news_list, .magazine-list { margin:10px 0 0;padding:0; clear:both; overflow:hidden; }
.news_list .item, .magazine-list .item { text-decoration:none; overflow:hidden; position:relative; background:#f1f7e3; border:1px dashed #000; min-height:376px; }
.news_list .item:hover, .magazine-list .item:hover {
  -moz-box-shadow:    3px 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px 3px #aaa;
  box-shadow:         3px 3px 3px 3px #aaa;
}
.news_list .item .info, .magazine-list .item .info { padding:5px 10px; display:block; }
.news_list .item h3, .news_list .item .h3, .magazine-list .item h3, .magazine-list .item .h3 { display:block; font-weight:normal; color:#000; }
.news_list .item h3 a, .news_list .item .h3 a, .magazine-list .item h3 a, .magazine-list .item .h3 a { color:#000; }
.news_list .newsDate, .magazine-list .newsDate { font-style:italic; text-decoration:none; font-weight:bold; font-size:0.8em; color:#003b9b; }
.magazine-list .image { margin:8px 8px 0 8px; }
.news_list .image { margin:0; }
.news_list .image img, .magazine-list .image img { }
.news_list .item p { padding:5px 0; margin:0; font-size:0.9em; color:#000; }

.news_content {}
.news_content .image { width:300px; }
.news_content img { max-width:100%; height:auto; }

.action_content { clear:both; }

.vote_image_list { overflow:hidden; }
.vote_image_list .image { float:left; margin:0 20px 0 0; }
.vote_image_list .image a { overflow:hidden; width:222px;height:222px; display:block; }
.vote_image_list .image img { width:250px; }

#voted_image { background:#999; padding:68px 54px; position:relative; }
#voted_image img { display:block; margin:0 auto; max-width:100%; }
#voted_image .play { width:31px;height:33px; position:absolute;top:50%;left:50%; margin:-15px 0 0 -15px; background:url(../images/bgr/play_pause.png) no-repeat 0 -66px; }
#voted_image .prev, #voted_image .next { position:absolute; top:50%; width:19px;height:29px; background-color:#fff; border:1px solid #ccc; margin:-20px 0 0 0;
  border-radius: 4px;
}
#voted_image .prev { left:10px; background:#fff url(../images/icon/vi-prev.png) center no-repeat; }
#voted_image .next { right:10px; background:#fff url(../images/icon/vi-next.png) center no-repeat; }
.bx-wrapper .bx-pager { display:none !important; }

#voted_image_cont { margin:0 auto; text-align:center; }
#voted_image_cont frame {}

.photo_rate_info { overflow:hidden; margin:15px 0 0 0; }
.photo_rate_info .rating { float:left; margin:0 32px 0 0; }
.photo_rate_info .h3 { float:left; margin:0 15px 0 0; color:#770000; font-weight:bold; }
.photo_rate_info .annotation { float:left; margin:0 15px 0 0; color:#333; }
.photo_rate_info .like { float:left; display:block; cursor:pointer; width:19px; height:22px; margin:0 8px 0 0; background:url(../images/icon/like.png) no-repeat; }
.photo_rate_info .like.disabled { cursor:default; background:url(../images/icon/like2.png) no-repeat; }
.photo_rate_info .label { float:left; color:#000; margin:0 8px 0 0; }
.photo_rate_info .rate { float:left; }

.product_list .order_form_cont { border-top:1px dashed #f58a1f; }
.product_list .price { color:#000; background:#fddc76; }
.product_info { padding:7px 0; overflow:hidden; }
.product_info .l_info { float:left; /*width:360px; margin:0 20px 0 0;*/ }
.product_info .info { float:left; /*width:540px;*/ }
.product_info .b_image { width:346px; margin:0 21px 21px 0; }
.product_info .b_image img { display:block; width:100%; }
.product_info h1 { background:#f3f3f3; color:#000; padding:12px 30px 12px 12px; margin:0; }
.product_info .prod_sku { margin:10px 0 0 0; }
.product_info .prod_brand { margin:10px 0 0 0; }
.product_info .prod_availability { margin:10px 0 0 0; }
.product_info .prod_description { margin:20px 0 10px; }
.product_info .prod_content { font-size:0.86em; margin:20px 0 10px;padding:16px; border:3px solid #d0d0d0; }
.product_info .cart_price { font-weight:bold; margin:0px 10px 0 0 !important; }
.product_info .help { margin:1px 0 0 10px;padding:1px 6px; font-size:0.86em;font-weight:bold; color:#000; background:#f3f3f3; text-decoration:none;  }
.product_images { list-style:none; overflow:hidden; margin:0 0 40px 0; }
.product_images li { float:left; width:64px; margin:0 14px 0 0; }
.product_images li a { border:2px solid #d7d7d7; display:block; }
.product_images li a:hover { border:2px solid #888888; }
.product_images li img { display:block; width:100%; }
.txt { margin:0 0 8px; font-size:0.9em; }

.sub_categories { overflow: hidden; padding-top: 1px; width: 832px; }
.sub_categories.lvl_1, .sub_categories.lvl_2 { display:none; }
.sub_categories.lvl_3 { display:none; }
.sub_categories h2 { text-transform:lowercase; }

#order_form { clear:both; }
#order_form label { font-weight:bold; margin:2px 10px 12px 0; width:auto; }
#order_form .param_select { width:10em; }
#order_form .button-field { margin:0;padding:0; overflow:hidden; }

/* personal */
.head_block_line { cursor:pointer; }
.head_block_line h3 { text-align:left; color:#003B9B; font-size:1.4em; }
.personal_list { padding:1px 0; }
.personal_list .item { /*border-bottom:1px dashed #f58a1f;*/ overflow:hidden; padding:15px 10px 5px 0; }
.personal_list .item.odd { }
.personal_list .item.even { background:#F2F4F4; }
.personal_list .image { float:left; width:143px; margin:0 26px 5px 6px; }
.personal_list .image img {
  /*-moz-border-radius: 73px;
  -webkit-border-radius: 73px;
  -khtml-border-radius: 73px;
  border-radius: 73px;*/
}
.personal_list .position { color:#000; font-size:1.1em; margin:0; }
.personal_list .info { float:right; text-align:right; margin:10px 0; }
.personal_list .phone { float:right; color:#000; font-size:1.1em; margin:0; padding:0 0 0 25px; background:url(../images/icon/phone.png) 0 4px no-repeat; }
.personal_list .email { }
.accord_head { padding:0 0; overflow:hidden; /*cursor:pointer;*/ float:left; max-width:400px; }
.accord_head.selected {  }

/* vancancy */
#vacancy_text { position:absolute; bottom:0px; width:80%; left:50%;margin-left:-50%; }

.vacancy{display:none;}
.vacancy a{font-size:14px;font-style:italic;}
.vacancy li{margin:8px 0 0;}
.vacancy li dl{font-style:italic;margin:0 0 20px 20px;font-size:12px;display:none;}
.vacancy li dl dt{font-weight:bold;margin:8px 0 0;  background:#D9E1F4} /* */
.vacancy li dl dd{margin:0 0 12px;  background:#D9E1F4} /* */
.vacancy li dl a{font-size:12px;}

#actions { position:relative ;height:28px; float:right; margin:-1px 0 0 0; z-index:100; }
#actions a { text-decoration:none; float:right; display:block; width:13px;height:19px; margin:0 15px; }
#actions a.hidden { display:none; }
#actions #next_page, #actions #prev_page, #actions #next_page_dis, #actions #prev_page_dis { background:url(../images/icon/prev_next_page.png) no-repeat; }
#actions #next_page, #actions #next_page_dis { background-position:right; }
#actions #next_page_dis, #actions #prev_page_dis { opacity:0.5; }

/* footer */
#copyright, #developed { color:#7c7c7c; margin:20px auto 0; font-size:0.9em; float:left; }
#developed { text-align:right; float:right; }

.profile_nav { margin:0; padding:0; /*position:absolute;top:0;right:0;*/ list-style:none; float:right; font-size:1.2em; min-width:150px; }
.profile_nav li { border-top:1px solid #b8cb3b; margin:0;padding:0; }
/*.profile_nav li:last-child { border:0; }*/
.profile_nav a { color:#000; text-decoration:none; display:block; padding:12px 20px;  }
.profile_nav a:hover { background:#b8cb3b; }

/* forms */
form { padding:0; margin:0; }
form .field, form dl { clear:both; padding:0 0px 10px; overflow:hidden; position:relative; }
form .button-field { padding-left:190px; }
label { color:#333; margin:0 0 16px 0;  }
label.label { float:left; width:190px; }
.input { height:34px;line-height:34px; width:22em; vertical-align:middle; }
.input, .select, .textarea { font:0.9em Arial,Helvetica,Jamrul,sans-serif; border:0; background:#ebf0f3; color:#000; padding:0px 5px; }
.input.short { width:10em; }
.input.quantity { text-align:right; width:4em; height:30px; }
.select { height:32px; width:22.0em; padding:0; vertical-align:middle; }
.textarea { height:7.0em; width:23em; padding:2px 4px 2px 4px; }
.radio { float:left; margin:3px 12px 3px 0; }
.button { color:#000; border:0; padding:2px 8px; vertical-align:middle; cursor:pointer; text-decoration:none;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
form .input.error, form .textarea.error, form .select.error { border:1px solid #ec5a29; }
label.overlabel, label.overlabel-apply { color:#fff; width:auto; font:normal 0.83em Verdana,Tahoma,sans-serif; position:absolute;top:6px;left:6px; z-index:1; }
.form-errors { color:red; }
#captcha_img {vertical-align:top; }

#search_form { margin:0 0 15px; }

#top_search { margin:18px 0 5px; position:relative; }
#top_search_form, #search_form { position:relative; }
#top_search_form .input, #search_form .input, #search_form .select { width:40em;height:27px; line-height:27px; border:0; padding:0 4px; color:#fff; background:url(../images/bgr/top_seach_input.png) repeat-x; }
#search_form .input { width:30em; color:#000; }
#search_form .select { width:20em; color:#000; padding:5px 5px; }
#top_search_form .submit, #search_form .submit { border:1px solid #868a8f; vertical-align:middle; cursor:pointer; margin:0 0 0 -74px; background:url(../images/bgr/button_bgr.png) repeat-x; color:#000; width:74px;height:27px; }
#search_form .submit { margin:0; }
#top_search_form .input, #top_search_form .submit, #search_form .input, #search_form .submit, #search_form .select {
border-radius: 11px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
}

.button { height:32px; color:#fff; background:#518d2a; border:0; cursor:pointer; font-size:1.2em; padding:4px 10px; }
.button:hover {}
.small_button { text-decoration:none; }
.cart_button {}
.cart_button, .back_btn, .register_button { }
.cart_button, .register_button { }
.cart_button:hover, .register_button:hover { background:#96C22B !important; }
.change_details { position:relative;margin:15px 0 0 0; display:block;float:left; }
.change_password_btn { }
.remove_from_cart { margin:5px 0 0 20px; font-size:0.84em; color:#000; text-decoration:none; display:block; float:right; width:10px;height:10px; background:url(../images/icon/close.gif) no-repeat; }

.order_view_form {}
.bar_code { margin:0 0 30px 0; }
.order_info { float:left; }

.calculate_form { /*width:230px;*/ float:left; }
.btn, .small_button {
    line-height: 21px;
    float: right;
    margin: 0 5px;
    cursor: pointer;
    background: #769823;
    color: #ecf0f1;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 9px;
    text-decoration: none;
    border-bottom: solid 3px #769823;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.btn:hover, .small_button:hover {
    background: #e74c3c;
    border-bottom-color: #c0392b;
}
.small_button { float:none; }

.quont-minus { float:none; }
.quont-plus { float:none; }

#payment_form { margin:10px 0; }

#callback_form, #login_form {}
#callback_form { width:400px; }
#login_form { width:400px; /*margin:0 auto;*/ }
#callback_form .input, #login_form .input { width:70%; }
#callback_form label, #login_form label { background:#518d2a; color:#fff; height:34px;line-height:34px; margin:0;padding:0 0 0 10px; width:100px; }
#login_form .button-field { padding:0; }
#login_form .button { float:right; }

#cart_product_list .button-field { padding-right:35px; }

.we_accept { margin:0 0 0 20px; float:left; list-style:none; overflow:hidden; }
.we_accept .item, .we_accept li { margin:0 17px 0 0; }

.show_print { display:none; }

/* site map */
#site_map { text-align:left; padding:0 0 0 70px; margin:0; }
#site_map .li_1 {padding:5px 0 0 10px;list-style-position:inside;list-style-type: disc;font-weight:bold;}
#site_map .li_2 {padding:0 0 0 40px;list-style-position:inside;list-style-type: circle;}
#site_map .li_3 {padding:0 0 0 70px;list-style-position:inside;list-style-type: square;}
#site_map .li_4 {padding:0 0 0 100px;list-style-position:inside;list-style-type: square;}
#site_map .li_5 {padding:0 0 0 130px;list-style-position:inside;list-style-type: square;}

/* tables */
.table { margin:7px 0;padding:0; width:100%; color:#000; border-collapse:collapse; }
.table .odd td {  }
.table .even td { background:#F2F4F4; }
.table th { padding:10px 15px; font-weight:normal; line-height:1.5em; font-size:1.4em; background:#f58a1f; color:#fff; }
.table td, table th { padding:10px 15px; }
table th:first-child {
  border-radius: 9px 0 0 0;
  -moz-border-radius: 9px 0 0 0;
  -webkit-border-radius: 9px 0 0 0;
}
table th:last-child {
  border-radius: 0 9px 0 0;
  -moz-border-radius: 0 9px 0 0;
  -webkit-border-radius: 0 9px 0 0;
}
.table.info_table { width:99.7% !important; }
td.shop_icons { padding:2px 1px 2px 1px }
.cart_list .image { width:1%; }
.cart_list .image img { width:172px; }
.cart_list .item { vertical-align:middle; }
.cart_list .vl_sep { vertical-align:middle; }


.products_sorter { overflow:hidden; font-size:0.80em; padding:9px 0; /*border:1px solid #d5b29a;border-left:0;border-right:0;*/ }
.products_sorter .item { float:left; margin:0 15px 0 0; padding:3px 10px; }
.products_sorter .item.active { background:#ecd6c6; }
.products_sorter .item a { text-decoration:none; }
.products_sorter .item img { vertical-align:middle; }
.products_sorter.left_sorter { float:left; }
.products_sorter.right_sorter { float:right; }
.products_sorter_cont { overflow:hidden; margin:0 0 10px 0; width:100%; position:relative; }

.g-recaptcha { float:left; }

/* */
/* --------------------------------

Main Components

-------------------------------- */
.cd-accordion-menu {
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  color: #ffffff;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {

}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../img/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  }
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  }
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {

}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {

  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {

  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

/* flash messages */
.nz_messages { background:#a6ff9b;border:1px solid #063;margin:10px 0;position:relative;}
.nz_messages .message {margin:11px;font:bold 0.9em "Trebuchet MS",Helvetica,Jamrul,sans-serif;color:#063;}
.nz_errors { background:#fef2f2;border:1px solid #de5555;margin:10px 0;position:relative;}
.nz_errors .message {margin:11px;font:bold 0.9em "Trebuchet MS",Helvetica,Jamrul,sans-serif;color:#de5555;}
.cross { background:url(../images/icon/close.gif) no-repeat right center; cursor:pointer; width:10px;height:10px; position:absolute;top:1px;right:1px; }

.bg-light { background:#fff !important; }

@media print {
  body { background: none; }

  #head { display:none; }
  #root { width:1000px; min-width:1000px; max-width:1000px; }

  .show_print { display:block !important; }

  .profile_nav { display:none !important; }
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: block;
}

#sidebar {
    width: 260px;
    position: fixed;
    top: 0;
    left: -260px;
    height: 100vh;
    z-index: 999;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    overflow-y: scroll;
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 16px;
    height: 14px;
    line-height: 35px;
    text-align: center;
    /*background: #769823;*/
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background:url(../images/icon/vi-prev.png) no-repeat;
    z-index:10;
}
#dismiss:hover {
    /*background: #fff;*/
    color: #7386D5;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    /*padding: 10px;*/
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: #769823;
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #000;
    /*background: #6d7fcc;*/
}

#sidebar .dropdown-item { background:#fff !important; }

a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {

    display: block;
    position: absolute;
    right: 20px;
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {

}