@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;
}

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


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

a 		{outline:none; cursor: pointer}
a:hover	{text-decoration:none}
	
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;}


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

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

header {height: 156px;}

#logo {float: left; width: 270px; padding-top: 30px;}
#logo a {text-decoration: none;}
#logo .word1 {margin-left: 15px;display: block;font: bold 39px/46px Impa1ct, "impactregular", sans-serif;}
#logo .word2 { margin-left: 65px;display: block;font: 28px/29px Impa1ct, "impactregular", sans-serif;}


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

#topPhone {padding-right: 50px; padding-top: 38px; font-size: 24px; font-family: Impa1ct, "impactregular", sans-serif }
#topPhone .inner {display: inline-block;  text-align: center;  position: relative}
#topPhone p {padding-left: 25px; text-align: left; margin-bottom: 13px; }
#openCallback { padding: 0 26px 0 40px;font-family: "ArialNarrowRegular", sans-serif; position: relative }
#openCallback:before {position: absolute; content: ""; left: 17px; top:11px; width: 11px; height: 15px;  display: block; }

#topAddress {padding-top: 37px;line-height: 22px; font-size: 18px; padding-right: 40px; }
#topAddress p.address {padding-left: 32px; margin-bottom: 15px}
#topAddress p.mail {padding-left: 32px; margin: 0;}

#topCart {width: 160px; padding-top: 20px;line-height: 22px; font-size: 18px;padding-left: 40px; padding-right: 40px;}
#topCart .title {font: 20px/24px Impa1ct, "impactregular", sans-serif; margin-bottom: 12px;}
#topCart b {}
.cartContents { margin-bottom: 5px; line-height: 22px !important}

#topCart .button {white-space: nowrap}

header .button {line-height: 38px; height: 38px;  font-family: "ArialNarrowRegular", sans-serif; font-size: 20px; display: inline-block; padding: 0 25px 0 13px; text-decoration: none;} 


#topmenu {text-align: center; font-size: 0;height: 110px; padding-top: 15px; }
#topmenu .bg {height: 88px;  }
#topmenu ul li {font: normal 24px/60px Impa1ct, "impactregular", sans-serif; margin: 0 6px }


#topmenu li {display: inline-block; font-size: 18px;  text-transform: uppercase; position: relative;}
#topmenu>ul>li:first-child:before {display: none}
#topmenu li a {text-decoration: none; display: block; line-height: 60px; padding: 0 5px; }
#topmenu ul>li.parent:hover>a {position: relative;}
#topmenu ul>li.parent:hover>a:before {position: absolute;left: 0; bottom:0; width: 100%; height: 10px; content: "";  }

#topmenu li ul {position: absolute; z-index: 300; height: auto; display: none; left: 0px; top:60px;  width: 250px; padding:10px  20px 10px 25px; }
#topmenu li:hover ul {display: block;}
#topmenu li ul li {font: bold 14px/17px Arial, sans-serif; text-transform: none; text-align: left; ; display: block;padding: 0; margin: 0;}
#topmenu li ul li a {line-height: 17px; padding: 7px 0 6px 0;}
#topmenu li ul li a:hover {}
#topmenu li ul li:before {position: absolute; content: ""; top:0; left: -25px; width: 24px; height: 1px; }
#topmenu li ul li:first-child:before {display: none !important}


#slider { position: relative; height: 248px;margin-bottom: 20px; }
.sliderBg {position: relative; top:-35px; height: 266px; padding: 12px 13px !important; width: 1144px; margin: 0 auto;}


#sliderPrev {position: absolute; left: -40px; top:124px; width: 40px; height: 50px; cursor: pointer; z-index: 500;}
#sliderNext {position: absolute; right: -40px; top:124px; width: 40px; height: 50px; cursor: pointer; z-index: 500; }

.sliderNavWrapper {position: absolute;  z-index: 500; width: 100%; bottom:35px; left: 0; text-align: center}
#sliderNav { font-size: 0; text-align: center; display: inline-block;  }
#sliderNav span {display: inline-block; width: 20px; height: 20px; -webkit-border-radius:20px;-o-border-radius:20px; border-radius:20px; margin: 0 4px;position: relative; cursor: pointer}

.body { position: relative;  z-index: 100; padding: 40px 0 40px 0; }


main {float: right; width: 810px; margin-left: 30px; margin-right: 30px; font-size: 16px; line-height: 24px; font-family: Arial, Helvetica, sans-serif;}
main a.readon{float: right; }
main input.button {line-height: 26px; height: 26px}
main.fullwidth {float: none; width:  auto;}
main hr {height: 1px; margin: 40px 0; clear: both;}

main .button {height: 40px; line-height: 40px; display: inline-block; font-size: 16px; padding: 0 22px 0 17px; font-weight: normal; text-decoration: none; }
main .button:hover {}

main h1 {margin: 0 0 45px 0; padding-bottom: 25px; font:bold 38px Impa1ct, "impactregular", sans-serif;   }
main h2 {margin: 0 0 35px 0;font:bold 38px Impa1ct, "impactregular", sans-serif;   }
h3,h4,h5,h6{font-family: "impactregular", sans-serif; font-weight:100; }
section.catalog {padding-top: 5px; position: relative;  width:854px; position: relative; margin-bottom: 45px;  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; text-align: center; margin:0 0 12px 16px; position: relative;  width: 224px; padding:0 10px 180px 10px;}
.catalog .item:before {padding: 3px; content: ""; position: absolute; left: -4px; top:-4px; width: 100%; height: 100%; background: red; z-index: -1;  }
.catalog .item .pic {height: 166px; width: 244px; position: relative;left: -10px; line-height: 160px; vertical-align: middle;margin-bottom: 13px;}
.catalog .item .pic img {vertical-align: middle}
.group{padding: 0 10px 10px !important;}
.catalog .item p.title {font-size: 18px; font-weight: bold; line-height: 22px;margin-bottom: 0;}
.catalog .item .title a {text-decoration: none; display: block;}
.catalog .item .title a:hover {text-decoration: underline;}
.catalog .item .bottom {position: absolute; left: 10px; bottom: 24px; width: 224px;  }
.catalog .item .price {font-size:49px; line-height: 50px; margin-bottom: 10px; font-weight: bold; font-family:Impa1ct, "impactregular", sans-serif; }
.catalog .item .price small {font-size: 24px;}
.catalog .item .oldprice {font-size: 24px; margin-bottom: 0;  min-height: 10px;font-family:Impa1ct, "impactregular", sans-serif;}
.catalog .item .oldprice small {font-size: 12px;}
.catalog .item .button {padding: 0 ; padding: 0 35px 0 25px; display: inline-block; text-decoration: none; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold }
main div div.sorting {
    margin-bottom: 20px;
}

div.aside .catalog {width: 287px;}
div.aside .catalog .item {width: 227px !important;}


#indexNews h2 {}
#indexNews .item {float: left; width: 350px; margin-left: 60px; font-size: 14px; line-height: 18px; margin-bottom: 40px;}
#indexNews .item:first-child {margin-left: 0;}

#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; display: table; }
#indexNews .item .title a {text-decoration: none; }
#indexNews .item .title a:hover {text-decoration: underline;}

#indexNews p.readall {clear: both;}


div.aside {float: left; width: 280px;  }
div.aside  h2 { font: 38px/50px Impa1ct, "impactregular", sans-serif; margin-bottom: 30px; padding-left: 36px; height: 50px; }
#sideSearch {margin-bottom: 46px; height: 100px;  position: relative }
#sideSearch form {padding: 32px 0 0 23px}
#sideSearch .text {border: 0;  font:normal 14px/28px Arial, sans-serif ;  height: 28px; width:175px; padding: 5px 12px 5px 13px;  float: left; margin: 0; position: relative; z-index: 200 }
#sideSearch input.button {float: left; position: relative; border: 0;  padding: 0; width: 50px; height: 45px; cursor: pointer; margin: 0; z-index: 100;  left: -5px; top:-5px; }

#sidemenu {font-size: 14px; margin-bottom: 40px; padding: 22px 0 30px 26px}
#sidemenu h2 {margin-bottom: 30px; padding-left: 32px;}
#sidemenu li {padding: 10px 0; line-height: 17px; font-weight: bold}
#sidemenu ul li a {text-decoration: none; display: block; cursor: pointer; padding: 0 20px 0 0; }

#sidemenu ul li ul li { margin-top: 7px; margin-bottom: 0;padding:0 0 0 40px; border: 0;}
#sidemenu ul li ul li:first-child {margin-top: 20px;}
#sidemenu ul li ul li a {}

#sideNews  {margin-bottom: 40px;padding-top: 22px;padding-left: 20px; }
#sideNews h2 {margin-bottom: 45px;}
#sideNews .item {font-size: 14px; padding-bottom: 23px;  margin-bottom: 10px; padding-right: 10px;}
#sideNews .item:last-child {margin-bottom: 0; border-bottom: 0 !important;padding-top: 0;}
#sideNews .item  img {float: left;margin: 0 5px 0 0; }
#sideNews .item p.date {margin-bottom: 10px;}
#sideNews .item .title {font-weight:bold; margin-bottom: 18px; line-height: 18px;}
#sideNews .item .title a {text-decoration: none; }
#sideNews .item .title a:hover {text-decoration: underline;}


#sideAuth {margin-bottom: 35px; padding: 22px 0 20px  30px}
#sideAuth h2 {font-size: 30px; margin-bottom: 20px; padding-left: 20px; height: 50px; }
#sideAuth .button {border: 0; height: 40px; line-height: 40px; padding: 0 35px 0 22px}


input.text { height: 26px;  padding: 5px 15px 5px 15px;  border: 0; margin-bottom: 12px;  font:14px/26px Arial, sans-serif; }
input.button {font-size: 16px; padding: 0 33px; height: 27px; line-height: 25px; }
textarea {font:18px/20px "ArialNarrowRegular", sans-serif; }

#sideAuth a.lost {display: inline-block; line-height: 25px; margin-left: 20px; font-size: 14px;font-family: "ArialNarrowRegular", sans-serif;margin-top: 10px;  }

#sideAuth input.text {}
#sideAuth input.button  {}

#sideAuth input.text {
    margin-bottom: 15px;
}


.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 .text { height: 26px; width: 330px; padding: 5px 15px 5px 15px;  border: 0; margin-bottom: 0;  font:14px/26px Arial, sans-serif; }
.contactsPage .input_wrapper {margin-bottom: 12px;}
.contactsPage textarea {height: 49px; width: 330px; padding: 5px 15px 5px 15px;  border: 0; display: block; margin-bottom: 0;  font:14px/26px Arial, sans-serif; }
.contactsPage .textarea_wrapper {margin-bottom: 12px;  }
.contactsPage .button {border: 0; height: 40px; line-height: 40px; padding: 0 25px 0 17px; margin-top: 12px;margin: 0 auto;}






footer {height: 221px; }
#botmenu {margin-bottom: 33px; text-align: center; font-size: 0; height: 55px; padding-top: 10px; font-family: Impa1ct, "impactregular", sans-serif;  }
#botmenu li {display: inline-block; font-size: 24px;  position: relative; margin: 0 10px;}
#botmenu li a {text-decoration: none; display: block; line-height: 55px;}


footer .social {float: left; margin-left: 40px;}
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; margin-right: 30px; font-weight: bold; line-height: 15px; }
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; -moz-box-shadow: 6px 6px 7px RGBA(0,0,0,0.74); -webkit-box-shadow:  6px 6px 7px RGBA(0,0,0,0.74); box-shadow: 6px 6px 7px RGBA(0,0,0,0.74); position: relative;text-align: center}
.popupWrapper .popup .text { height: 26px; width: 234px; padding: 5px 15px 5px 15px;  border: 0; margin-bottom: 0;  font:14px/26px Arial, sans-serif;  }
.popupWrapper .popup .input_wrapper {margin-bottom: 12px;}
.popupWrapper .popup textarea {height: 49px; width: 234px; padding: 5px 15px 5px 15px;  border: 0; margin-bottom: 0 !important;  font:14px/26px Arial, sans-serif; display: block; }
.popupWrapper .popup .textarea_wrapper {margin-bottom: 12px;  }
.popupWrapper .button {border: 0; height: 40px; line-height: 40px; padding: 0 25px 0 17px; margin-top: 12px;margin: 0 auto;}

.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; }