html { verflow-y:scroll; overflow-x:hidden; margin:0px; padding:0px; }
body { background-color:#fff; color:#000; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; min-width:320px; }
.CDEK-widget__popup-mask { z-index:999; }

body,
td,
th,
input,
textarea,
select,
a { font-size:12px; }

h1,
.welcome { color:#373737; font-family:Verdana; margin-top:0px; margin-bottom:20px; font-size:24px; font-weight:normal; text-shadow:0 0 1px rgba(0,0,0,0.01); }

h2 { color:#000; font-size:16px; margin-top:0px; margin-bottom:5px; }
p { margin-top:0px; margin-bottom:20px; }

a,
a:visited,
a b { color:#a50000; text-decoration:underline; cursor:pointer; }

a:hover { text-decoration:none; }
a img { border:none; }
form { padding:0; margin:0; display:inline; }

input[type='text'],
input[type='password'],
textarea {
	background:#f8f8f8; border:1px solid #ccc; -webkit-border-radius:3px; border-radius:3px; padding:3px; margin-left:0px; margin-right:0px;
	-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.11) inset; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.11) inset;
}

select { background:#f8f8f8; border:1px solid #ccc; padding:2px; }
label { cursor:pointer; }


/* layout */

.blackFriday { position:absolute; top:0px; left:0px; display:block; opacity:0.8; background:url('/image/data/black-friday.png') no-repeat center; width:110px; height:110px; }
.saleIcon { position:absolute; top:0px; left:0px; display:block; background:url('/image/data/23feb.png') no-repeat center; width:70px; height:70px; }
.contentCenter { text-align:center; }
table.contentCenter { border-collapse:collapse; border-left:1px solid #999; border-bottom:1px solid #999; }
table.contentCenter td { text-align:center; padding:5px 10px; border-right:1px solid #999; border-top:1px solid #999; }
#container { background:#fff; }

#container,
#container_top,
#container_top2 {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:auto; margin-right:auto; padding-left:15px;
	padding-right:15px; text-align:left;
}
#column-left { float:left; width:222px; }
#column-right { float:right; width:222px; }
#column-right .box-product { margin:0; padding:0; }
#column-right .box-product > div { display:block; position:relative; }
#column-right .box-product .name { min-height:10px; }
#column-right .box-product .price { padding-top:0; }
#column-right .box-product .cart { text-align:left; margin-top:14px; }
#content { min-height:400px; margin-bottom:25px; position:relative; }

#column-left + #column-right + #content,
#column-left + #content { margin-left:236px; }

#column-right + #content { margin-right:236px; }


/* header */

#top {
	color:#fff5cc; width:100%; min-height:30px; border:1px solid #232323; background:#373737; padding:4px 0 2px 0; -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;
	-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,0.1), 0 -1px 3px 0 rgba(255,255,255,0.52) inset;
	box-shadow:0 4px 5px -2px rgba(0,0,0,0.1), 0 -1px 3px 0 rgba(255,255,255,0.52) inset;
}
.wrapContainerTop { border-bottom:1px solid #fff; -webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,0.1); box-shadow:0 4px 5px -2px rgba(0,0,0,0.1); margin-bottom:20px; }

#header {
	position:relative; z-index:99; border-bottom:1px solid #e7e7e7; margin-bottom:20px; padding-bottom:3px; background:#fff; 
	-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,0.1); box-shadow:0 4px 5px -2px rgba(0,0,0,0.1);
}

#header .skype { display:none; }
#top2 { position:relative; margin-top:8px; }
#header #logo { float:left; vertical-align:top; font-size:0; line-height:0; margin-right:15px; }
#header #logo a { display:block; }
#header #logo img { width:200px; height:47px; margin-bottom:15px; }
#cart_and_search { position:relative; float:right; }

#top2 #cart { z-index:9; min-width:250px; height:38px; overflow:visible; position:relative; margin-top:8px; }

#header #cart .heading {
	float:right; margin-right:0; height:38px; box-sizing:border-box; min-width:222px; padding-left:14px; padding-right:14px;
	background:url("../image/cart.png") 5px 50% no-repeat; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	-webkit-background-size:32px auto; -moz-background-size:32px auto; background-size:32px auto; position:relative; z-index:1;
	text-align:center; border:1px solid #a50000; -webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,0.1); box-shadow:0 4px 5px -2px rgba(0,0,0,0.1);
	-webkit-border-radius:3px; border-radius:3px;
}
#header #cart.empty .num { display:none; }
#header #cart.full .num {
	display:block; position:absolute; top:17px; left:21px; background:#a50000; border-radius:7px; min-width:14px; min-height:14px; font-size:12px; color:#fff;
}
#header #cart .heading h4 { color:#333; font-size:15px; font-weight:bold; margin-top:0px; margin-bottom:3px; }
#header #cart .heading a { color:#000; text-decoration:none; display:inline-block; }
#header #cart .heading a span { background:url("../image/arrow-down.png") 100% 50% no-repeat; padding-right:15px; margin-left:0px; line-height:34px; display:block; }

#header #cart .content {
	clear:both; display:none; position:absolute; top:35px; right:0; padding:8px; min-height:150px; min-width:259px; background:#fff; border:2px solid #a50000;
	border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius:3px;
	-webkit-box-shadow:0 5px 6px -2px rgba(0,0,0,0.13); box-shadow:0 5px 6px -2px rgba(0,0,0,0.13); z-index:9;
}

#header #cart.active .heading { font-weight:700; }
#header #cart.active .content { display:block; }

#header #cart .checkout { text-align:right; clear:both; }
#header #cart .empty { padding-top:50px; text-align:center; }
#search {
	position:relative; display:inline-block; height:32px; width:250px; float:left; margin:0 7px; z-index:7;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:33px;
}
#search.absolute { position:absolute; top:32px; left:0; right:0; width:auto; margin-right:14px; }
#header .button-search { position:absolute; left:0px; top:0; width:30px; height:30px; cursor:pointer; color:#cecece; }
#header .button-search:hover { color:#fff; }
#header .button-search:before {
	font-family:'FontAwesome'; font-weight:normal; font-style:normal; text-rendering:auto; -webkit-font-smoothing:antialiased !important;
	-moz-osx-font-smoothing:grayscale; -moz-font-smoothing:antialiased !important; -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0);
	-o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); letter-spacing:0; word-spacing:0; content:'\f002';
	display:block; width:100%; height:100%; line-height:30px; text-align:center; font-size:16px;
}
#header #search input {
	position:relative; left:0px; display:block; padding:5px 10px; margin-top:2px; margin-left:0px; width:100%; -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; box-sizing:border-box; height:25px; background:#2c2c2c; color:#fff; border:1px solid #000; -webkit-border-radius:3px;
	border-radius:3px; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.25) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.25) inset;
}

#header #myaccount { height:32px; line-height:32px; float:right; text-align:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#header #myaccount.doubleHeight { height:64px; }
#myaccount.opened #welcome { -webkit-box-shadow:0 2px 12px 5px rgba(0,0,0,0.15); box-shadow:0 2px 12px 5px rgba(0,0,0,0.15); }
#header #myaccount  .moreLinks {
	cursor:pointer; display:none; height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	margin:0px 7px 0 7px; padding:0 0 0 30px; position:relative; color:#f6f6f6; vertical-align:top;
}
#header #myaccount  .moreLinks:before {
	position:absolute; top:2px; left:0; width:24px; height:24px; content:'\f0c9'; font-family:'FontAwesome'; font-weight:normal; font-style:normal;
	text-rendering:auto; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale; -moz-font-smoothing:antialiased !important;
	-webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);
	letter-spacing:0; word-spacing:0; color:#cecece; text-align:center; line-height:24px; font-size:18px; border:1px solid rgba(0,0,0,0); 
	-webkit-border-radius:3px; border-radius:3px;
}
#header #myaccount  .moreLinks:hover:before { color:#f6f6f6; border:1px solid #cecece; }

#header #myaccount #accountModule ul,
#header #myaccount #accountModule li,
#header #myaccount #accountModule a { display:block; text-align:left; }
#header #myaccount #accountModule ul { padding:0; margin-bottom:0; }
#header .links { font-size:0px; line-height:0; padding:0; margin-top:0px; z-index:11; overflow:hidden; }
#header .links #wrapLinks { padding:0 7px; margin-top:1px; }
#header .links #wrapLinks.justify {
	border-top:1px solid rgba(255,255,255,0.1); -webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.22); box-shadow:0 -1px 0 0 rgba(0,0,0,0.22);
	text-justify:newspaper; text-align:justify;
}
#header .links #wrapLinks:after { content:''; width:100%; height:0; display:inline-block; }

#closeWelcome {
	display:none; width:28px; height:28px; padding:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	position:absolute; top:39px; right:3px; -webkit-border-radius:50px; border-radius:50px; border:1px solid rgba(255,255,255,0);
	-webkit-background-size:12px auto; -moz-background-size:12px auto; background-size:12px auto;
}
#closeWelcome:before {
	font-family:'FontAwesome'; font-weight:normal; font-style:normal; text-rendering:auto; -webkit-font-smoothing:antialiased !important;
	-moz-osx-font-smoothing:grayscale; -moz-font-smoothing:antialiased !important; -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0);
	-o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); letter-spacing:0; word-spacing:0; content:'\f0da'; top:0;
	bottom:0; left:0; right:0; line-height:20px; text-align:center; display:block;
}
#myaccount.opened  #closeWelcome,
#myaccount.logged.opened  #closeWelcome {
	display:block; border:1px solid #fff; background:url("/catalog/view/theme/default/image/cross_24.png") center center no-repeat;
	-webkit-background-size:10px auto; -moz-background-size:10px auto; background-size:10px auto;
}
#myaccount.opened  #closeWelcome:before,
#myaccount.logged.opened  #closeWelcome:before { content:''; }
#header .links a {
	display:inline-block; position:relative; padding:0px; height:24px; line-height:24px; margin:3px 7px; color:#cecece; text-decoration:none; font-size:12px;
}
#header .links a:hover { text-decoration:none; color:#f6f6f6; }
#header #phone { margin-left:240px; color:#565656; }
#header #phone .table { display:table; }
#header #phone .table .fake { display:none; }
#header #phone .table .tr { display:table-row; }
#header #phone .table .tr .td { display:table-cell; }
#header #phone .table .tr:first-child .td { padding-top:2px; }
#header #phone .table .tr:first-child .td:first-child { width:235px; }
#header .cellPhone { float:left; min-height:47px; padding:0px 5px; margin:0px 3px; }
#header .cellPhone.last { padding-left:15px; }
#header .phone1 {
	color:#565656; white-space:nowrap; font-size:22px; line-height:22px; display:inline-block; position:relative; padding:0px 0 0px 20px; vertical-align:top;
	margin-right:30px; text-decoration:none;
}
#header .phone1:before {
  position:absolute;
  top:3px;
  left:0;
  font-family:'FontAwesome';
  font-weight:normal;
  font-style:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale;
  -moz-font-smoothing:antialiased !important;
  -webkit-transform:translate(0, 0);
  -moz-transform:translate(0, 0);
  -o-transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  transform:translate(0, 0);
  letter-spacing:0;
  word-spacing:0;
  content:'\f095';
  font-size:18px;
  line-height:18px;
}
#header .phone1sign { color:#a50000; font-size:14px; margin-top:10px; }
#header .callback-view-top { display:block; vertical-align:top; }
#header .callback-view-top a {
	display:inline-block; line-height:22px; padding:0px 14px 0 20px; text-decoration:none; position:relative; font-weight:bold; font-size:14px;
}


#header .callback-view-top a:before {
  position:absolute;
  top:3px;
  left:0px;
  font-family:'FontAwesome';
  font-weight:normal;
  font-style:normal;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale;
  -moz-font-smoothing:antialiased !important;
  -webkit-transform:translate(0, 0);
  -moz-transform:translate(0, 0);
  -o-transform:translate(0, 0);
  -ms-transform:translate(0, 0);
  transform:translate(0, 0);
  letter-spacing:0;
  word-spacing:0;
  content:'\f095';
  font-size:18px;
  line-height:18px;
  color:#db3333;
}


#header .callback-view-top a:hover:before { color:#982626; }


@media only screen and (max-width:1195px) {
  #container, #container_top, #container_top2 { width:960px; }
  #column-left, #column-right { width:222px; }
  #column-left + #column-right + #content, #column-left + #content { margin-left:236px; }
  #column-right + #content { margin-right:236px; }
  .wideBanner { display:none; }
  .wideBanner660 { display:block; }
  #search { width:190px; }
}


@media only screen and (max-width:959px) {
  #container, #container_top, #container_top2 { width:724px; }
  #column-left, #column-right { width:222px; }
  #column-left + #content { margin-left:236px; }
  #column-right + #content { margin-right:236px; }
  #column-left + #column-right { display:none; }
  #column-left + #column-right + #content { margin-right:0; }
  #header { padding-bottom:12px; }
  #header #top2 { margin-bottom:0px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
  #header #logo img { margin-bottom:5px; }
  #top2 #cart { margin-top:15px; }
  #header #phone { position:absolute; top:-11px; right:0; width:458px; margin:0; }
  #header #phone span.phone1 { margin:0; line-height:24px; }
  #header #phone .callback-view-top a { line-height:22px; }
  #header #phone .table { display:inline-block; width:100%; }
  #header #phone .table .tr { display:block; }
  #header #phone .table .tr .td { display:block; }
  #header #phone .table .tr:first-child .td { padding-top:0; }
  .vr_rabot { line-height:20px; white-space:nowrap; }
  #header #myaccount { float:none; margin-left:0; }
  #header #topLinks.links { clear:both; }
  #header #topLinks.links #wrapLinks {
    border-top:1px solid rgba(255,255,255,0.1); -webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.22); box-shadow:0 -1px 0 0 rgba(0,0,0,0.22);
    text-justify:newspaper; text-align:justify;
  }
  #header #myaccount .moreLinks { float:left; }
  #search { width:220px; }
}


@media only screen and (max-width:723px) {
  #container, #container_top, #container_top2 { width:100%; max-width:723px; }
  #column-left, #column-right { float:none; width:auto; }
  #column-left > div, #column-right > div { display:none; }
  #column-left > div.kdo-before-box, #column-right > div.kdo-before-box { display:block; }
  #column-left > div.kdo-box, #column-right > div.kdo-box { display:block; }
  #column-left > div.div-mfilter-before-box, #column-right > div.div-mfilter-before-box { display:block; }
  #column-left > div.mfilter-box, #column-right > div.mfilter-box { display:block; }
  #column-left > div.box.account, #column-right > div.box.account { display:block; }
  #column-left + #content, #column-left + #column-right + #content { margin-left:0px; }
  #column-right + #content { margin-right:0px; }
  #header #myaccount .moreLinks { float:left; }
  #header #top2 { margin-bottom:0px; margin-top:6px; padding-top:6px; border-top:1px solid #e7e7e7; }
  #top2 #cart { margin-top:12px; }
  #header #phone {
    position:absolute; left:auto; right:0; top:-26px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
    box-sizing:border-box; width:100%; clear:both; margin:0;
  }
  #header .phone1 { font-size:18px; }
  #header .phone1sign { color:#a50000; font-size:11px; margin-top:10px; }
  #header .callback-view-top { margin-top:10px; }
  #header .callback-view-top a { line-height:14px; }
  #header .callback-view-top a:before { top:0px; font-size:15px; line-height:15px; }
  #header .cellPhone { min-height:80px; }
  #header #phone .table { display:table; overflow:hidden; width:58%; float:right; }
  #header #phone .table .tr { display:table-row; }
  #header #phone .table .tr .td { display:table-cell; vertical-align:top; }
  #header #phone .table .tr:first-child .td { padding-top:0; width:auto; }
  #header #phone .table .tr:first-child .td:last-child { text-align:right; }
  #header #phone .table .fake { display:inline-block; width:100%; height:0; }
  #header #phone .table .tr:first-child .td:first-child { width:auto; }
  #header #phone .table .tr:first-child .td:first-child span.phone1 { margin-left:0px; margin-right:20px; }
  .vr_rabot { line-height:18px; }
  .vr_rabot:before { top:1px; font-size:15px; line-height:15px; }
}


@media only screen and (max-width:597px) {
  #header { padding-bottom:10px; }
  #header #top2 { margin-bottom:0px; padding-bottom:0px; margin-top:7px; border-top:none; height:auto; }
  #header #logo { position:relative; top:0px; left:0; text-align:left; margin-bottom:0px; }
  #top2 #cart { margin-top:8px; width:100%; }
  #header #cart .heading { width:222px; }
  #header #phone {
    position:relative; left:auto; right:0; top:0px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
    box-sizing:border-box; width:100%; clear:both; margin:0;
  }
  #header .cellPhone { min-height:77px; }
  #header span.phone1 { margin:0; font-size:13px; font-weight:bold; line-height:18px; }
  #header span.phone1:before { top:1px; font-size:15px; line-height:15px; }
  #header .callback-boss { display:inline; }
  #header .callback-view-top { padding-top:0px; margin-bottom:10px; }
  #header .callback-view-top a { padding-right:10px; width:auto; line-height:14px; }
  #header .callback-view-top a:before { top:0px; font-size:15px; line-height:15px; }
  #header #phone .table { display:table; position:relative; overflow:visible; min-width:none; width:100%; float:none; }
  #header #phone .table .tr { display:table-row; }
  #header #phone .table .tr .td { display:table-cell; vertical-align:top; width:auto; }
  #header #phone .table .tr:nth-child(2) .td:last-child { text-align:right; }
  #header #phone .table .tr:first-child .td { padding-top:0; width:auto; }
  #header #phone .table .tr:first-child .td:last-child { text-align:right; }
  #header #phone .table .tr:first-child .td:first-child { width:auto; padding-bottom:0px; }
  #header #phone .table .tr:first-child .td:first-child span.phone1 { margin-left:0px; margin-right:20px; }
  #header .phone1sign { display:inline; font-size:12px; margin-left:10px; }
  .vr_rabot {
    position:relative; display:inline; left:auto; right:auto; top:auto; line-height:15px; text-align:right; white-space:normal;
    width:auto; min-width:0; max-width:none;
  }
  .vr_rabot:before { top:-1px; font-size:15px; line-height:15px; }
  .vr_rabot span, .vr_rabot span.first, .vr_rabot span.second { margin-right:0; }
  .vr_rabot span.second { white-space:nowrap; }
}


@media only screen and (max-width:479px) {
  .mobile_hidden { display:none !important; }
  #header #myaccount {
	  width:100%; margin-left:0; padding-left:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;
  }
  #header #myaccount #myaccountHeader { float:right; }
  #header #myaccount  a#wishlist-total, #header #myaccount  a.compare { text-decoration:none; }
  #header #myaccount  span.collapce { display:none; }
  .login-content .left { float:none; width:100%; }
  .login-content .right { float:none; width:100%; }
  #header #phone .table .tr:first-child .td:first-child { padding-bottom:0; }
  #header #cart .heading { width:44px; min-width:0; padding:0; }
  #header #cart .heading a { display:block; width:100%; height:100%; }
  #header #cart .heading a span { display:none; }
}


@media only screen and (max-width:320px) {
  html { overflow-x:auto; }
}

@media /*only handheld and*/ (max-width:500px) {
	#header #logo img { margin-bottom:7px; }
	#header .phone1 { font-size:16px; line-height:16px; padding:2px 0 5px 17px; margin-right:10px; }
	#header .phone1sign { font-size:10px; margin-left:0; }
	.vr_rabot { font-size:10px; }
	#container, #container_top, #container_top2 { padding-left:5px; padding-right:5px; }
	h1, .welcome { margin-bottom:15px; font-size:12px; }
	.breadcrumb a { margin-bottom:0; padding:3px 7px; }

}
