@font-face {
    font-family: "ArialNarrowRegular";
    src: url("fonts/ArialNarrowRegular.eot");
    src: url("fonts/ArialNarrowRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/ArialNarrowRegular.woff") format("woff"),
    url("fonts/ArialNarrowRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


* 		{margin:0;padding: 0;}
html 	{height:100%;}
body	{font:16px Arial, Helvetica, sans-serif;width:100%;height:100%;}

a 		{outline:none;}
a:hover	{text-decoration:none}
a.button{
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
	padding:0 10px;
	margin:0 10px;
}

	
img		{border:0}
p		{margin:0 0 20px 0}

.cl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl {display: inline-block;}
.cl {display: block;}
.clearboth {clear:both}
table {border-collapse: collapse}
table tr td {vertical-align: top}
ul {list-style:none}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

.w {width: 1170px; margin: 0 auto;}

fieldset {border:0}
input, textarea {outline:none;font:11px Tahoma, Geneva, sans-serif;}
input.button {cursor:pointer}


div.page {position: relative;min-height: 100%;height: 100%; }
.smallbg{background-position: 0 -600px !important;}
html>body div.page {height: auto;}

header {height: 190px; }

#logo {font-size: 39px; width: 345px; float: left;padding-top: 44px; line-height: 40px; font-weight: bold; }
#logo a {text-decoration: none;}
#logo .word1 {display: block; margin-left:16px; }
#logo .word2 {display: block; margin-left:96px; }



#topmenu {height: 55px; margin-bottom: 35px; line-height: 55px; position: relative; text-align: center; font-size: 0; font-family: "ArialNarrowRegular", sans-serif  }
#topmenu:before {position: absolute; content: ""; display: block; left: 0; bottom: -35px; width: 100%; height: 35px; }

#topmenu li {font-size: 24px;  display: inline-block; position: relative; }
#topmenu li a {text-decoration: none;display: block; padding: 0 15px;}

#topmenu li ul {position: absolute; display: none; left: 0; top:55px; width: 300px; z-index: 200; text-align: left; padding-top: 16px; padding-bottom: 10px; -moz-box-shadow: 5px 5px 5px RGBA(0,0,0,0.58); -webkit-box-shadow: 5px 5px 5px RGBA(0,0,0,0.58); box-shadow: 5px 5px 5px RGBA(0,0,0,0.55); }
#topmenu li:hover ul {display: block; }
#topmenu li ul li {display: block; margin: 0 15px 0 15px; line-height: 19px; font-size: 16px; margin-bottom: 4px;}
#topmenu li ul li a {text-shadow: none; padding: 4px 15px 3px 15px;}
#topmenu li ul li a:hover {text-decoration: underline}


header .table {display: table; width: 825px; float: left; margin-top: 29px;font-family: "ArialNarrowRegular", sans-serif; }
header .table .cell {display: table-cell !important; display: inline; vertical-align: top; }

#topPhone {font-size: 24px; padding-top: 18px; padding-right: 20px;}
#topPhone .inner {display: inline-block;  text-align: center;  position: relative}
#topPhone p {padding-left: 25px; text-align: left; margin-bottom: 14px; }
#openCallback {display: inline-block;font-family: "ArialNarrowRegular", sans-serif; font-size: 20px; padding: 0 20px 0 40px; line-height: 21px; height: 23px; cursor: pointer; -moz-box-shadow: 1px 1px 0px RGBA(0,0,0,0.12); -webkit-box-shadow:1px 1px 0px RGBA(0,0,0,0.12); box-shadow:1px 1px 0px RGBA(0,0,0,0.12); }

#topAddress {line-height: 30px; font-size: 20px; padding-top: 18px; }
#topAddress p.address {padding-left: 32px; margin-bottom: 6px}
#topAddress p.mail {padding-left: 32px; margin: 0;}

#topCart {width: 150px; padding-left: 46px; font-size: 18px; line-height: 22px;}
#topCart .title {font-size: 20px;  margin-bottom: 10px; }
#topCart b {font-family: Arial, Helvetica, sans-serif;}

#topCart .button {display: block; width: 150px; text-decoration: none; line-height:23px ; text-align: center; font-size: 19px; height: 23px; margin-top: 15px; }



#slider {height: 541px; position: relative; margin-bottom: 80px;}
#slider:before {position: absolute; content: ""; left: 0; bottom: -52px; height: 52px; width: 100%; display: block;}

#slider .block {width: 1170px; height: 541px; }
#slider .block .bg {position: absolute; }
#slider .block .bg img { border: 8px solid #fff}
#slider .block .text {position: absolute; right: 200px; top:200px;  width: 300px; padding: 20px;  }

#sliderPrev {position: absolute; left: 0; top:224px; width: 80px; height: 88px; cursor: pointer; z-index: 500; }
#sliderNext {position: absolute; right: 0; top:224px; width: 80px; height: 88px; cursor: pointer; z-index: 500 }

#sliderNav {position: absolute; font-size: 0; display: block; text-align: center;width: 100%; height: 21px; left: 0; bottom: 30px; z-index: 500;  }
#sliderNav span {display: inline-block; width: 21px; height: 21px; -webkit-border-radius:21px;-o-border-radius:21px; border-radius:21px; cursor: pointer; margin: 0 7px; -moz-box-shadow: 5px 5px 5px RGBA(0,0,0,0.75); -webkit-box-shadow: 5px 5px 5px RGBA(0,0,0,0.75); box-shadow:  5px 5px 5px RGBA(0,0,0,0.75);}

.body {padding-bottom: 320px;}


main {float: right; width: 820px; line-height: 24px;}
main a.readon {display: inline-block; font-size: 16px; float: right; margin-right: 26px; text-decoration: none; line-height: 25px; height: 25px; padding: 0 14px;}
main.fullwidth {float: none; width:  auto;}

main h1, p.h1 {margin: 0 0 44px 0; font-size: 38px; font-weight:bold;text-align: center;  }

main h1 span, p.h1 span {display: inline-block; line-height: 38px; padding: 10px 80px; max-width: 600px;}

section.catalog {padding-top: 10px; width:834px; position: relative; margin-bottom: 33px;  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;}
          
main.fullwidth section.catalog {width: 1170px}
.catalog .item {float: left; width: 224px; padding: 20px 20px 165px 20px; position: relative; text-align: center;margin:0 14px 14px 0; }
.catalog  .group{padding: 20px 20px 30px !important;}
.catalog .item .pic {height: 204px; line-height: 198px; vertical-align: middle}
.catalog .item .pic img {vertical-align: middle}

.catalog .item .title {font-size: 18px; font-weight: bold; line-height: 22px;margin-bottom: 0;}
.catalog .item .title a {text-decoration: none;}
.catalog .item .title a:hover {text-decoration: underline;}
.catalog .item .bottom {position: absolute; left: 20px; bottom: 27px; width: 224px; }
.catalog .item .price {font-size: 36px; margin-bottom: 20px;;}
.catalog .item .price small {font-size: 18px;}
.catalog .item .oldprice {font-size: 28px; margin-bottom: 15px; min-height: 10px;}
.catalog .item .oldprice small {font-size: 14px;}
.addToCart {display: block; font-size: 18px; width: 224px;  text-decoration: none; line-height: 23px; text-align: center;}
.noPrice{padding-bottom:140px !important;}

.catalog .item p{margin:0px;}



#indexNews .item {float: left; width: 350px; margin-left: 60px; font-size: 14px; line-height: 18px; margin-bottom: 40px;}
#indexNews .item:nth-child(2) {margin-left: 0px !important;}

#indexNews .item  img {float: left;margin: 0 20px 3px 0;}
#indexNews .item p.date {margin-bottom: 3px; position: relative;top:-3px;}
#indexNews .item .title {font-weight:bold; margin-bottom: 18px}
#indexNews .item .title a {text-decoration: none; display: block;}
#indexNews .item .title a:hover {text-decoration: underline;}

#indexNews p.readall {clear: both;}
#indexNews p.readall a {padding: 0 40px}


div.aside {float: left; width: 271px; padding-top: 27px; }
div.aside  h2 {font-size: 38px; font-weight: bold;  margin-bottom: 30px;}
div.aside  h2 a {color:inherit;}
#sideSearch {margin-bottom: 50px; height: 49px; width: 277px; position: relative; left: -2px; padding: 1px;  }
#sideSearch .text {border: 0;  font:24px/29px "ArialNarrowRegular", sans-serif ;  height: 29px; width: 194px; padding: 10px 0 10px 18px;  float: left; margin: 0;}
#sideSearch .button {width: 57px; height: 49px; border: 0; float: right; cursor: pointer; margin: 0; }

#sidemenu {margin-bottom: 30px; padding-top: 20px;}
#sidemenu li {border-top:1px solid #bababa; font-size: 14px;}
#sidemenu ul li:first-child {border: 0;}
#sidemenu ul li a {text-decoration: none; display: block;  border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; line-height: 17px; padding: 12px 22px 10px 22px}

#sidemenu ul li ul li {margin: 0 0 0 37px; border: 0;}
#sidemenu ul li ul li a {padding: 4px 22px 5px 22px; border: 0 !important; }

#sideNews  {margin-bottom: 60px;}
#sideNews .item {font-size: 14px; padding-bottom: 28px; border-bottom: 1px solid #bababa; margin-bottom: 26px;}
#sideNews .item:last-child {margin-bottom: 0; border-bottom: 0;padding-bottom: 0;}
#sideNews .item  img {float: left;margin: 0 20px 3px 0; }
#sideNews .item p.date {margin-bottom: 8px;}
#sideNews .item .title {font-weight:bold; margin-bottom: 24px}
#sideNews .item .title a {text-decoration: none;}
#sideNews .item .title a:hover {text-decoration: underline;}


#sideAuth {margin-bottom: 60px; width: 226px; position: relative; padding: 18px 22px; }
#sideAuth:before {position: absolute; content: ""; height: 24px; width: 263px; left: 0; bottom: -24px;  }
#sideAuth .h3 {font-size: 24px; font-weight:bold; margin-bottom: 17px;}
#sideAuth  input.text{margin-bottom:15px;}
input.text { height: 20px;  padding: 8px 20px 7px 20px; -webkit-border-radius:4px;-o-border-radius:4px; border-radius:4px; border: 0; margin-bottom: 15px;  font:18px/20px "ArialNarrowRegular", sans-serif; }
input.button {display: block; font-size: 16px;  width: 108px; height: 25px; margin-right: 20px;  text-decoration: none; line-height: 23px; }
textarea { -webkit-border-radius:4px;-o-border-radius:4px; border-radius:4px; border: 0; margin-bottom: 15px;  font:18px/20px "ArialNarrowRegular", sans-serif; }
#sideAuth a.lost {display: inline-block; line-height: 25px; font-size: 14px;font-family: "ArialNarrowRegular", sans-serif;margin-top: 10px;  }

#sideAuth input.text {width: 188px; }
#sideAuth input.button  {margin-top: 10px;float: left;}

div.aside section.catalog {width: 280px;}



main h2 {font-size: 30px; font-weight: bold; font-family: "Roboto", sans-serif;margin-bottom: 20px;}

.contactsPage .table {display: table; width: 100%; margin-bottom: 55px }
.contactsPage .leftCol {display: table-cell !important; display: inline; padding-right: 45px; font-size: 16px;font-family:"ArialNarrowRegular", sans-serif; padding-top: 5px; }
.contactsPage .rightCol {display: table-cell !important; display: inline;padding: 0 20px; width: 370px; }

.contactsPage p.phone {padding-left: 25px; line-height: 30px; padding-right: 20px; margin-bottom: 24px;font-size: 24px;   }
.contactsPage p.address {padding-left: 32px;font-size: 20px; margin-bottom: 16px;line-height: 30px;}
.contactsPage p.mail {padding-left: 32px;font-size: 20px; margin: 0;line-height: 30px;}
.contactsPage .leftCol p.info {line-height: 20px;}

.contactsPage input.text {width: 320px;  font: 300 14px/31px "Roboto", sans-serif; padding: 10px 25px; height: 32px;border: 0; margin-bottom: 12px;}
.contactsPage textarea {width: 320px; height: 60px;font: 300 14px/20px "Roboto", sans-serif; padding: 15px 25px;  border: 0; margin-bottom: 29px;}
.contactsPage .button {display: block; margin: 0 auto; width: 114px;}






footer {height: 220px; position: absolute; bottom: 0; width: 100%; height: 220px;}
footer #botmenu { text-align: center; line-height: 55px; height: 55px; font-size: 0}
footer #botmenu li {display: inline-block;font-size: 24px; font-family: "ArialNarrowRegular", sans-serif }
footer #botmenu li a {display: block; padding: 0 15px; text-decoration: none; }

footer .w {padding-top: 68px; position: relative}

footer .social {float: left;}
footer .social a {display:inline-block; width: 32px; height: 32px; background-position: 0 0; background-repeat: no-repeat; margin-right: 3px;}

footer .counters {position: absolute; left: 50%; margin-left: -150px; width: 300px; text-align: center;}

footer .creator {float: right; width: 130px; font-size: 14px; font-weight: bold; line-height: 15px; padding-top: 3px;}
footer .creator a.creator_logo {float: left;margin: -3px 6px 0 0; display: block; width: 46px; height: 36px; }
footer .creator a {text-decoration: none;}
footer .creator a:hover {text-decoration: underline;}


.popupWrapper {position: fixed; left: 0; top:0; width: 100%; height: 100%;  z-index: 999; display: none; }
.popupWrapper .popup { width: 264px; margin: 0 auto; padding: 55px 37px 33px 37px; -webkit-border-radius:12px;-o-border-radius:12px; border-radius:12px; -moz-box-shadow: 2px 2px 7px RGBA(0,0,0,0.29); -webkit-box-shadow: 2px 2px 7px RGBA(0,0,0,0.29); box-shadow: 2px 2px 7px RGBA(0,0,0,0.29); position: relative;}
.popupWrapper .popup .text {border: 1px solid #e9e7e7; font-size: 16px; margin-bottom: 10px; padding: 15px 23px; width: 216px; line-height: 21px; height: 21px; -webkit-border-radius:0;-o-border-radius:0; border-radius:0; }
.popupWrapper .popup textarea {border: 1px solid #e9e7e7; font-size: 16px; margin-bottom: 10px; padding: 12px 23px; width: 216px; line-height: 21px; height: 66px; -webkit-border-radius:0;-o-border-radius:0; border-radius:0; }
.popupWrapper .button {margin: 0 auto; display: block; width: 108px; float: none; margin-top: 12px;}

.popupWrapper .close {position: absolute; width: 27px; height: 27px;  right: 9px; top:9px; cursor: pointer; -webkit-border-radius:12px;-o-border-radius:12px; border-radius:12px; }