html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0px;padding:0px;outline:0;vertical-align:baseline;box-sizing:border-box;}body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}
html { min-height:100%;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
input[type="text"], input[type="password"], textarea, select { border:1px solid #ccc; padding:5px!important;} 
.center { text-align:center!important;}
.left { text-align:left!important;}
.right { text-align:right!important;}
.nowrap { white-space:nowrap!important;}
.pad5 td { padding:5px;}
.error { background:#FFDFFF; color:brown; padding:10px; margin-bottom:10px;}



body { max-width:100%; background: #ffffff;}
p, body, html, font, div, td, input, select, textarea, a { font-size: 14px; line-height: 1.3; font-family:"Nunito",sans-serif; color:#000;}
a { text-decoration:none; color:#000; transition:0.7s;}
a:hover, .product_list_name:hover { color:#0086ac!important; text-decoration:none;}
img { vertical-align:middle; max-width:100%;}
td { vertical-align:top;}
h1 {font-size: 32px;
    margin: 0 0 18px;
    line-height: 1.1;
    font-weight: normal;
    color: #000;}

.white-bg { background:#fff;}

p { margin-bottom:10px;}
h2 { font-size:20px; line-height:22px; font-weight:normal; margin-bottom:5px;}/* названия разделов */
h3 { color:#555; font-size:15px; line-height:17px; font-weight:normal; margin-bottom:5px;}/* названия подразделов */

div.alarm_green, div.alarm_red   { padding:10px; text-align:left; margin-bottom:10px;}
div.alarm_green { background: #d9edf7; border:1px solid #bce8f1; color:#31708f;}
div.alarm_red { background:#fcf8e3; border:1px solid #faebcc; color:#8d714a;}

.services-wrap { text-align:center; margin-bottom:20px;}
.services { display:inline-block;}
.services a, .services span { display:inline-block; vertical-align:top; background:#FFF; border:1px solid #dcdcdc; text-decoration:none; height:30px; line-height:30px; min-width:30px; text-align:center; margin:0 0 0 -1px; padding:0 5px; color:#000;}
.services a:hover, .services span.cat-navi { background:#f1f1f1; color:#000!important; font-weight:bold;}
.services span { padding: 0 20px;}
.services span.cat-navi { padding: 0 5px;} 

table.pad3 td { padding:3px;}
table.pad2 td { padding:2px;}
td.cell_name { background:#f5f5f5;}
div.clear { height:10px; clear:both;}
div.confirmathion { padding:50px; text-align:center;}
div.NavPanelTitle { background:#f5f5f5; border-radius:100px; padding:10px 20px; margin-bottom:10px;}
div.NavSort { float:left;}
div.NavCount { float:right;}
.Buy { display:inline-block; border:none; height:38px; line-height:38px; text-decoration:none; background:#0086ac; color:#fff; font-weight:bold; padding:0 20px!important; border-radius:100px;font-size: 18px; transition:0.2;}
.Buy:hover { background:#159bc1; color:#fff!important;}
/*
*	Go up
*/
#back-top {position: fixed;bottom: 30px;z-index:9999;left:50%;margin-left:600px;}
#back-top a { width:40px;height:40px;display: block;background:url(images/totop.png); }
#back-top a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */}


/* разметка страницы */
.flex { display:flex; flex-wrap: wrap; justify-content: flex-start;}
.wrap { margin:0 auto; max-width:1440px; min-width:1200px; padding: 0 30px;}

.header .flex { align-items:center;}
.navi { margin-bottom:10px;}
.navi a, .navi i { font-size:13px; color:#A6A6A6; margin-right:10px;}

.button-blue { display:inline-block; border:none; height:38px; line-height:38px; text-decoration:none; background:#0086ac; color:#fff; font-weight:bold; padding:0 20px!important; border-radius:100px;font-size: 18px; transition:0.2;}
.button-blue:hover { background:#159bc1; color:#fff!important;}
/* .разметка страницы */

/* ============ СЕРВИСНОЕ МЕНЮ ============ */
.service-menu { background:#e2e7eb;}
.service-menu .wrap > a { display:inline-block; height:35px; line-height:35px; margin-right:15px; color:#000; float:left; font-size:12px;}

.icon {color: #0086ac; font-size: 16px; fill: currentColor; width:1em; height:1em;}
.language { display:inline-block; height:35px; line-height:35px;}
.language a { font-weight:bold;}
.auth { float:right!important; margin-right:0!important;}
.auth svg { margin-right:5px; width:10px; height:10px;}
.enter { float:right; height:40px; line-height:40px; background: url(images/pic1.png) 10px center no-repeat; padding:0 10px 0 35px; position:relative; cursor:pointer;}
.enter_popup { display:none; background:#fff; position:absolute; top:40px; left:0; border: 1px solid #D7D8DB; border-radius: 0px 0px 5px 5px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.196); padding:10px;}
.enter_popup a {line-height:20px; white-space:nowrap;}
.enter:hover, .enter_act { background: #fff url(images/pic1_h.png) 10px center no-repeat;}
.enter:hover .enter_popup { display:block;}

a.feedback, a.sitemap { background: url(images/pic3.png) center left no-repeat; padding:0 0 0 25px;}
a.feedback { background: url(images/pic4.png) center left no-repeat;}
a.sitemap:hover { background: url(images/pic3_h.png) center 13px no-repeat;}
a.feedback:hover { background: url(images/pic4_h.png) center left no-repeat;}


div.AuthPopup { display:none; padding:40px;}
div.AuthPopup td { padding:5px;}
div.AuthPopup table { margin-bottom:20px;}
div.AuthPopup input[type="text"], div.AuthPopup input[type="password"] { padding:9px; width:200px;}
/* ============ .СЕРВИСНОЕ МЕНЮ ============ */

.flex > div { padding: 10px 0;}
.logo { width:20%;}
.search { width:45%; padding: 10px 20px!important;}
.work_hours { width:25%; padding-right:20px!important; font-size:13px;}
.shopping_cart { width:10%; margin-top:-10px;}
.phones { text-align:center; margin-bottom:10px; font-size:16px;}
.search-wrap { border:1px solid #ccc; border-radius:30px; position:relative; padding-right:40px;}
.search-wrap input, .search-wrap button { border:none; background:none; height:30px;}
.search-wrap input { width:100%; margin-right:40px; border-radius: 30px 0 0 30px; padding:0 0 0 20px!important;}
.search-wrap button { width:40px; cursor:pointer; position:absolute; z-index:1; right:0; top:0; border-radius: 0 30px 30px 0;}


.resycler { display:block; position:relative;}
.resycler .icon { position:absolute; top:-10px; left:0; font-size:36px; font-weight:bold;}
#shpcrtgc { position:absolute; top:-5px; left:-5px; display:block; width:20px; height:20px; text-align: center; line-height:20px; border-radius:20px; background:#0086ac; color:#fff; font-size:12px; font-weight:bold;}
.resycler p { position:absolute; top:-5px; left:40px; font-size:18px; font-weight:bold; color:#0086ac;}

.text { margin-bottom:5px;}
.text ul { margin: 0 10px 5px 20px;}
.text li { margin-bottom:5px;}

/* ============ ВЕРХНЕЕ МЕНЮ ============ */
.main-menu { text-align:center; margin-bottom:10px; background: #fff linear-gradient(to bottom, #0086ad, #18B4EF); border-radius:100px; z-index:10; height:40px;}
.main-menu li { display:inline-block; list-style:none;position:relative;z-index:11;}
.main-menu div div {}
.main-menu .hid_sub_menu {  position:absolute; left:-10px; top:40px; background:#fff; text-align:left; box-shadow: 0 5px 25px rgba(120,120,150,.5); border-radius:5px; opacity: 0; /* По умолчанию скрываем подменю */
    visibility: hidden;
    transition: all .3s ease .15s; /* Добавляем анимацию 0.3 сек. и задержку в 0.15 сек. */
	 display:flex; flex-wrap: wrap; justify-content: flex-start; align-items:start;
	
	}
.main-menu .hid_sub_menu_last { right:-10px; left:auto;}
.main-menu > ul { display:inline-block;}
.main-menu > ul > li { display:inline-block;}
.main-menu > ul > li > a { display:block; height:40px; line-height:40px; white-space:nowrap; color:#fff; padding:0 10px; font-size:110%; border-right:1px solid #18b4ef;}
.main-menu > ul > li > a:hover { color:#fff!important;}

.main-menu > ul > li:hover .hid_sub_menu {opacity: 1; /* Показываем подменю при ховере */
    visibility: visible;}
.main-menu .hid_sub_menu a { font-weight:bold; font-size:110%;}

.sub_menu_column { padding: 10px 20px!important; align-items: center;!important;}
.sub_menu_column div {}
.sub_menu_column_img { width:20%; text-align:center; padding-right:10px;}
.sub_menu_column_name { width:80%;}
/* ============ .ВЕРХНЕЕ МЕНЮ ============ */

.admincatalog li { list-style:none;}
.admincatalog a, .admincatalog span { display:block; padding:5px 20px; border-radius:100px; transition:0.1s; margin-bottom:2px;}
.admincatalog a:hover, .admincatalog span { background:#0086ac!important; color:#fff!important;}
.admincatalog li.level2 { padding-left:15px;}
.admincatalog li.level3 { padding-left:30px;}

.home-h2 { text-align:center; font-size:22px; font-weight:bold; margin:40px 0 20px;}

/* ============ CATEGORY ============ */
.product_list {}
.product_list_show { width:25%; position:relative; padding:0px;}
.product_list_search { width:20%!important;}
.product_list_hidden { display:none;}
.product_list_showed { border-bottom:none; z-index:1; padding:10px;}

.product_list_show:hover .product_list_showed { border:1px solid #0086ac; border-bottom:none; border-radius:7px 7px 0 0; box-shadow: 0 0 10px #aaa; z-index:200; padding:9px 9px 10px 9px;}
.product_list_show:hover .product_list_hidden { background:#fff; border:1px solid #0086ac; border-top:none;  border-radius:0 0 7px 7px; display:block; position:absolute; top:0; left:0px; width:100%; z-index:200; box-shadow: 0 0 10px #aaa; padding:0 10px;}
.product_list_hidden_line { position:absolute; height:10px; background:#fff; width:100%; left:0; top:-10px;}


.product_list_img { display:block; margin-bottom:10px; text-align:center; height:200px; line-height:200px; position:relative;} 
.product_list_img img { max-height:200px!important; vertical-align:bottom;}
.icon-holder { position:absolute; top:0; right:0; z-index:10;}
.icon-sale, .fa-gift { margin: 5px 5px 0 0; display:block; width:60px; height:60px; border-radius:60px; line-height:60px; text-align:center; background:#F6C; color:#fff; font-weight:bold; font-style:normal; text-decoration:none; box-shadow: 0 0 5px 2px #fff; font-size:16px; transition:0.5s;}
.icon-sale:hover { background:#E8009C;}
.fa-gift { background:#3CF; font-weight:normal; font-size:25px; cursor: pointer;}
.fa-gift:hover { background:#0086ad; color:#fff;}
.product_list_code {font-size: 12px; color: #acacac;}
.product_list_name { text-decoration:none; color:#000; font-size: 15px; line-height: 1.2; display:block; margin-bottom:10px;}

.Price { color:#000; font-size:18px; margin-bottom:10px; font-weight:bold; display:inline-block; vertical-align:top;}/* цена */
.PriceOld { color:#aaa; font-size:18px; margin-bottom:10px; font-weight:bold; display:inline-block; vertical-align:top; text-decoration:line-through; margin-left:10px;}
.PriceNew { color:#cc0000;}
/* ============ .CATEGORY ============ */

.icon-holder-det .icon-sale, .icon-holder-det .fa-gift {width:60px; height:60px; border-radius:60px; line-height:60px; font-size:130%;}
.icon-holder-det .fa-gift { font-size:250%;}

.catalog_head { padding-right:20px; width:10%;}
.catalog_head h2 { width:250px;}



/* ============ PRODUCT DETAILED ============ */
div.product_grid{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;-moz-align-items:flex-start;align-items:flex-start;}
div.sticky {position:sticky;top:0; display:inline-block; vertical-align:top;}
div.product_column_left {width:40%;}
div.product_column_right {width:60%; padding-left:20px;}


a.img-detailed  { display: block; position:relative; text-align:center;}
a.img-detailed img { max-height:500px;}
div.sale-big { position:absolute; width:80px; height:79px; background:url(images/sale-big.png); top:-10px; right:-10px;}

.sub-img-det { text-align:center;}
.sub-img-det a { margin:10px 5px 0 5px; display:inline-block; width:100px; height:100px; border-radius:100px; overflow:hidden; border:1px solid #ddd;}
.sub-img-det img { max-width:100px; max-height:100px;}


.buy-det .Buy { display:inline-block; vertical-align:top; margin:0 0 0 10px;}
.brief-buy { display:inline-block; border:1px solid #ccc; height:38px; border-radius:38px; width:132px;}
.brief-buy i, .brief-buy input { float:left; display:block; height:36px!important; line-height:36px!important; padding:0!important; margin:0!important; border:none!important;}
.brief-buy i { cursor:pointer; width:40px; font-size:16px; text-align:center;}
.brief-buy input { width:49px; text-align:center; background:none;}
.detailed_head {font-size: 16px; font-weight: bold; margin:20px 0; border-bottom:1px solid #ddd; padding-bottom:10px;}
/* ============ .PRODUCT DETAILED ============ */



div.blog-news-pic { float:left; margin:0 10px 10px 0; overflow:hidden; min-width:200px;}
div.blog-news-pic img { width:200px;}

/* ============ PRICE LIST ============ */
table.pricelist td { padding:3px 5px; border:1px solid #CCC;}
/* ============ .PRICE LIST ============ */

ul.LastViwed li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; list-style:none;}
ul.LastViwed li:last-child { border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
ul.LastViwed li img { max-width:50px!important; max-height:70px!important;}
ul.LastViwed li a { display:block; text-decoration:none; color:#000;}
ul.LastViwed li td { padding-right:10px; vertical-align:middle; font-size:12px; line-height:14px;}
ul.LastViwed li div { width:50px; text-align:center;}



/* распродажа */
div.sale { position:relative; width:150px; margin:0 auto;}
div.sale img { max-width:150px; max-height:150px;}
div.sale-pic { position:absolute; width:50px; height:50px; background:url(images/sale.png); top:-15px; right:-15px;}
/* .распродажа */

/* .акции */
div.action { border:1px solid #ccc; padding:5px; position:relative; text-align:center;}
div.action-pic { position:absolute; width:80px; height:77px; background:url(images/actsiya-big.png); top:-20px; right:-20px;}
/* .акции */

/* welcome */
.welcome { margin:40px auto 20px;  max-width:1440px; min-width:960px;}
/* #welcome */


/* user account */
.userDefault { border-collapse:separate; border-spacing:10px; margin-top:-10px;}
.userDefault td { padding:20px; border:1px dashed #ccc; width:50%;}
.circle-color { background:#f5f5f5;}
td.user-left-middle { width:1%; vertical-align:middle; background: linear-gradient(to right,#fff,#eee);}
table.style001 th { background:#f5f5f5; white-space:nowrap;}
table.style001 p { margin-bottom:5px;}
table.style001 td, table.style001 th { text-align:center; line-height:16px; padding:5px 10px; border:1px solid #ccc; vertical-align:middle;}
table.style001 table td { border:none; padding:2px;}
table.adress-editor td { vertical-align:middle; padding:5px; border:none;}
ul.account li { width:150px; list-style:none; text-align:right; padding:5px 10px;}
ul.account li a { font-weight:normal;}
ul.account li.active { text-decoration:underline;}
.user-acc p { color:#888; margin-bottom:5px;}
.user-acc span { color:black;}
div.OrderStep { background:#f5f5f5; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:20px 0; padding:20px 20px 10px 20px;}
table.register_authorization { width:60%;}
td.register_authorization, th.register_authorization { border:1px solid #ccc; width:49%; vertical-align:middle;}
th.register_authorization { background:#f5f5f5; text-align:center; line-height:20px; font-weight:normal;}
td.register_authorization div { padding:10px;}
td.register_authorization td { padding:2px; vertical-align:middle;}
div.register_authorization { background:#ffffee; border:1px solid #ccc; padding:10px 10px 0 10px; text-align:center; margin-bottom:10px; width:60%;}
div.register_authorization  p { font-size:90%;}

.AjaxOrder input[type="text"], .AjaxOrder input[type="password"], .AjaxOrder textarea { width:220px; padding:3px;}
.AjaxOrder select { width:232px; padding:3px;}
.AjaxOrder input[type="text"]:hover, .AjaxOrder input[type="password"]:hover, .AjaxOrder textarea:hover, .AjaxOrder select:hover, .focus { border: 1px solid #aa88ff!important; background-color:#FFF3C4;}
.AjaxOrder p, .AjaxOrder div { margin-bottom:7px; line-height:25px;}
.AjaxOrder h5 { margin-bottom:10px; font-size:14px;}
.AjaxOrder h2 { margin-bottom:20px; font-size:30px;}
.AjaxOrder .editRes { display:block; margin-bottom:10px; float:right; display:inline-block; border-bottom:1px dashed #007db7; text-decoration:none; line-height:20px;}
.AjaxOrder .cart { padding:10px; background:#F1F4F8; border-bottom:3px solid #b6c4cd;}
.AjaxOrder .cart div { margin:30px 0; text-align:center; font-size:20px;}
.AjaxOrder .cart td { padding:5px;}
.AjaxOrder .cart td.nopad { padding-bottom:0px;}
.AjaxOrder .line { border-bottom:1px dashed #ccc;}
.AjaxOrder .change_address td { padding:3px;}
/* #user account */

table.cartPopup td, table.cartPopup th { padding:5px; vertical-align:middle; text-align:center; border:1px solid #ccc;}
table.cartPopup th { text-align:center; background:#f5f5f5;}
table.cartPopup td td { padding:0 2px; border:none;}
table.cartPopup input { text-align:center;}

/* Сравнение продуктов */
.Compare { width:100%;}
.Compare td, .Compare th { vertical-align:middle; text-align:center; padding:5px; border:1px solid #ccc;}
.Compare th { background:#f5f5f5; text-align:left; font-weight:normal; width:250px;}
.Compare div { margin:0;}
#compPrdsBlock { line-height:18px; color:#333; font-size:12px;}
.compare_brief li { list-style:none; padding-left:13px; position:relative; margin-bottom:5px;}
.compare_brief .compare_delete { position:absolute; top:0; left:0px;}
.more { display:block; margin-top:10px;}
/* .Сравнение продуктов */

.footer { border-top: 4px solid #ddd; background:#f1f1f1;}
.footer .wrap { padding: 30px 0 60px;}
.footer .flex div { width:20%; padding: 0 10px;}
.footer .flex div.footer-logo, .footer .flex div.footer_work{ width:30%;}
.footer h4 { margin-bottom:10px;}
.footer_info a { display:block; margin-bottom:5px;}

table.border-none { border-collapse:collapse;}
table.border-none td { border:none; padding:0;}

table.extraparametrs { margin-bottom:5px;}
table.extraparametrs td { padding: 0 10px 5px 0; vertical-align:middle;}
table.extraparametrs select { width:100px;}

table.related-products { width:100%;}
table.related-products td { padding:5px; vertical-align:middle;}
table.related-products div { width:120px; height:120px; overflow:hidden;}
table.related-products div div { display:table-cell;  width:120px; height:120px; text-align:center; vertical-align:middle;}
table.related-products img { max-width:120px; max-height:120px;}

ul.inform li { list-style:none; border-bottom:1px dotted #a4a793; line-height:30px; background:url(images/tmpl_based/a1000000.gif) 0 14px no-repeat; padding-left:15px;}

ul.inform li:last-child { border-bottom:none;}

.prd_gift img { width:auto!important; height:auto!important;}

/* ============ ВКЛАДКИ ============ */
.section {}
ul.tabs {
	height: 40px;
	list-style: none;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
.tabs li {
float: left;
display: inline;
cursor: pointer;
position: relative;
height:40px;
line-height:40px; font-weight:bold; font-size:16px; margin-right:20px;
}

.tabs li:hover, .tabs li.current {
    text-decoration:none;
	border-bottom:1px solid #0382af; color:#0086ac;
}
.box {
	display: none;
	padding: 0 12px;
}
.box.visible {
	display: block;
}
/* ============ .ВКЛАДКИ ============ */
.more_discount { border:1px solid #f62459; background:#FFF4FF; padding:10px; color:#f62459; margin-bottom:10px;}

.promo_percent_wrap { margin-bottom:10px;}
.promo_percent { display:inline-block; border-radius:10px; background:#FFEAFF; color:#F39; padding:10px; font-size:140%; font-weight:bold;}

.promo_timer td, .promo_timer th { vertical-align:middle; padding:0 2px; text-align:center;}
.promo_timer th { color:#F00;}
.promo_act { padding-right:20px!important; font-weight:bold;}
.promo_code_copy { display:inline-block; border:2px #F39 dashed; border-radius:50px; padding:5px 10px; cursor:pointer; position:relative;}
.promo_code_copy i { font-size:12px; margin-left:5px; color:brown;}
i.fa-check-circle-o { color:#3C3; font-size:14px;}
.promo_copied { position:absolute; top:-32px; left:-40px; padding:5px 10px; border-radius:50px; white-space:nowrap; color:#888; background:#fff; box-shadow: 0 0 10px 1px #ddd;}