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

.button { text-decoration: none; display: inline-block; font-size: 19px; line-height: 25px; height: 26px; -webkit-border-radius:7px;-o-border-radius:7px; border-radius:7px; cursor: pointer;  padding: 0 22px;}


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: 143px;  }

#logo {float: left; width: 450px; font:bold 26px/40px "Roboto", cursive; padding-top: 32px;}
#logo a {text-decoration: none;}
#logo .word1 {margin-left: 0px;display: block;}
#logo .word2 { margin-left: 67px;display: block;position: relative; top:-10px;}


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

#topPhone {padding-right: 50px; padding-top: 30px; font-size: 24px; }
#topPhone .inner {display: inline-block;  text-align: center;  position: relative}
#topPhone p {padding-left: 25px; text-align: left; margin-bottom: 14px; }
#openCallback { padding: 0 30px 0 40px;position: relative}
#openCallback:before {position: absolute; content: ""; width: 11px; height: 15px;left: 16px; top:5px;}

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

#topCart {width: 160px; padding-top: 13px;line-height: 22px; font-size: 18px;padding-left: 45px;}
#topCart .title {font: 18px/24px "Roboto Condensed", cursive; margin-bottom: 5px;}
#topCart b {}
.cartContents { margin-bottom: 12px;}

#topCart .button {padding: 0 18px !important}


#topmenu {text-align: center; -webkit-border-radius:7px 7px 0 0;-o-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; font-size: 0; height: 41px;  padding-top: 6px;margin-bottom: 13px; }
#topmenu:after {position: absolute; content: ""; left: 0;  height: 10px;width: 100%}

#topmenu li {display: inline-block; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight:bold;  text-transform: uppercase; position: relative; padding: 0 2px;}
#topmenu>ul>li:first-child:before {display: none}
#topmenu li a {text-decoration: none; display: block; line-height: 35px; padding: 0 17px 6px 17px; -webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
#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; display: none; left: 3px; top:41px; background: #fff;  width: 250px; padding: 12px 20px }
#topmenu li:hover ul {display: block;}
#topmenu li ul li {font-size: 16px;text-transform: none; text-align: left; font-weight: normal; display: block;padding: 0;}
#topmenu li ul li a {line-height: 19px; padding: 5px 0 6px 7px;}
#topmenu li ul li a:hover {}
#topmenu li ul li:before {width: 4px; height: 4px; top:13px}



#slider { position: relative; height: 460px; top:-32px; margin: 0 3px 30px 3px;}

#slider .block {height: 460px; width: 1162px;}
#slider .block .bg {position: absolute; }
#slider .block .bg img {}
#slider .block .text {position: absolute;left: 93px; top:132px; width: 550px; color: #4e4c4c; font:bold 23px/36px "Roboto", sans-serif;  }
#slider .block .text .date {margin:0 0 0 60px;}
#slider .block .text .big {margin: 0; font-size: 42px; text-transform: uppercase;  line-height: 61px; margin-bottom: -6px}
#slider .block .text .big b { padding: 0 18px;}


#sliderPrev {position: absolute; left: 0; top:195px; width: 42px; height: 50px; cursor: pointer; z-index: 500;-webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }
#sliderNext {position: absolute; right: 0; top:195px; width: 42px; height: 50px; cursor: pointer; z-index: 500; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }
#sliderPrev:before {position: absolute; width: 10px; height: 15px; content: ""; left: 14px; top:18px;  }
#sliderNext:before {position: absolute; width: 10px; height: 15px; content: ""; left: 19px; top:18px;  }

.sliderNavWrapper {position: absolute;  z-index: 500; width: 100%; bottom:15px; left: 0; text-align: center}
#sliderNav { font-size: 0; text-align: center; display: inline-block; padding: 0 10px; }
#sliderNav span {display: inline-block; width: 18px; height: 18px; -webkit-border-radius:18px;-o-border-radius:18px; border-radius:18px; margin: 0 5px;position: relative; cursor: pointer}
#sliderNav span:before {display: block; content: ""; position: absolute; left: 3px; top:3px; width: 17px; height: 17px;}

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


main {float: right; width: 825px;   font-size: 16px; line-height: 24px; font-family: Arial, Helvetica, sans-serif;}
main a.readon {float: right;font-size: 16px;}
main.fullwidth {float: none; width:  auto;}

main h1, p.h1 {margin: 0 0 44px 0;  font:bold 38px/42px "Roboto Condensed", sans-serif; padding-right: 20px;}

section.catalog { width:854px; 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: 265px; padding:16px 0 90px 0; position: relative; text-align: center;margin:0 12px 13px 0; -webkit-border-radius:6px;-o-border-radius:6px; border-radius:6px;  }
.group{padding:16px 0 10px 0 !important;}
.catalog .item .pic {height: 204px; line-height: 198px; vertical-align: middle;margin-bottom: 3px;}
.catalog .item .pic img {vertical-align: middle}

.catalog .item p.title {font-size: 18px; font-family: "Roboto Condensed", sans-serif; 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: 0; bottom: 0; width: 100%; }
.catalog .item  .price, .item-price div.pricebuy .price {font-size: 36px; width: 196px; font-weight: bold; line-height: 47px; height: 47px; margin: 0 !important; float: left; font-family: "Roboto", sans-serif; }
.price small {font-size: 18px; font-weight: normal;  }
.catalog .item .oldprice {font-size: 28px; margin-bottom: 0;  min-height: 30px;margin-bottom: 10px; font-family: "Roboto", sans-serif; color:#ff0000;}
.catalog .item .oldprice small {font-size: 14px;}
.catalog .item .addToCart,.item-content  .addToCart {display: block; width: 53px; float: right; cursor: pointer;  height:35px; line-height: 35px;  padding: 0; margin: 3px 7px 0 0; position: relative}
.addToCart:before {position: absolute; content: ""; left: 11px; top:4px; width: 29px; height: 28px; }
.pricebuy {height: 47px;}

main div div.sorting {
    margin-bottom: 20px;
}

div.aside section.catalog {width: 280px;}
div.aside section.catalog .title {margin-bottom: 20px;}


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

#indexNews p.readall {clear: both;}


div.aside {float: left; width: 278px; }
div.aside  h2 { font:bold 38px "Roboto Condensed", sans-serif; margin-bottom: 30px; }

#sideSearch {margin-bottom: 36px; height: 51px; position: relative; }
#sideSearch .text {border: 0;  font:normal 24px/31px "Roboto Condensed", sans-serif ;  height: 31px; width: 188px; padding: 10px 70px 10px 20px;  float: left; margin: 0;-webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px; }
#sideSearch .button {position: absolute; border: 0;  padding: 0; width: 63px; height: 51px; right: 0; top:0; float: right; cursor: pointer; margin: 0; }
#sideSearch .button input { width: 63px; height: 51px;  border: 0; }

#sidemenu {font-size: 14px; margin-bottom: 40px;  padding-bottom: 30px}
#sidemenu h2 {margin-bottom: 25px; padding: 15px 10px 0 32px;}
#sidemenu li {padding:0; line-height: 17px;}
#sidemenu li:first-child {border-top:0;}
#sidemenu ul li a {text-decoration: none; display: block; cursor: pointer; padding: 10px 0 12px 21px;}

#sidemenu ul li ul li {padding:0 0 0 35px; border: 0;}
#sidemenu ul li ul li a {padding: 5px 0 7px 21px}

#sideNews  {margin-bottom: 60px;  }
#sideNews h2 {margin-bottom: 40px;}
#sideNews h2 span {padding-right: 4px;}
#sideNews .item {font-size: 14px; padding-bottom: 38px;  margin-bottom: 30px;}
#sideNews .item:last-child {margin-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: 15px}
#sideNews .item .title a {text-decoration: none;}
#sideNews .item .title a:hover {text-decoration: underline;}


#sideAuth h2 {font-size: 24px !important; margin-bottom: 20px;}
#sideAuth {padding: 20px; margin-bottom: 44px; width: 228px;}
#sideAuth  input.text{margin-bottom:15px;}

input.text { height: 20px;  padding: 8px 20px 7px 20px;  border: 0; margin-bottom: 15px; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px;  font:18px/20px "ArialNarrowRegular", sans-serif; }
input.button {font-size: 16px; padding: 0 33px; height: 27px; line-height: 25px; border: 0; }
textarea {font:18px/20px "ArialNarrowRegular", sans-serif; }

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

#sideAuth input.text {width: 192px}
#sideAuth input.button  {}





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; 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-family:Arial, sans-serif ;font-size: 16px; margin-bottom: 10px; padding: 15px 23px;  line-height: 21px; height: 21px; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px; font-size: 14px; }
.contactsPage textarea {width: 320px;margin-bottom: 10px; padding: 12px 23px;  line-height: 21px; height: 66px;-webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px;font-family:Arial, sans-serif; font-size: 14px;}
.contactsPage .button {display: block; margin: 0 auto; }








footer {height: 220px; }
#botmenu {margin-bottom: 70px; text-align: center;font-size: 0; height: 41px;  padding-top: 6px; font-family: "Roboto Condensed", sans-serif; font-weight:bold }
#botmenu li  {display: inline-block; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight:bold;  text-transform: uppercase; position: relative; padding: 0 2px;}
#botmenu li a {text-decoration: none; display: block; line-height: 35px; padding: 0 17px 6px 17px; -webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
#botmenu ul>li.parent:hover>a {position: relative;}
#botmenu ul>li.parent:hover>a:before {position: absolute;left: 0; bottom:0; width: 100%; height: 10px; content: "";  }


.social {float: left; margin: 10px 0 0 0;}
.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: 50px; 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 {font-family:Arial, sans-serif ; font-size: 16px; margin-bottom: 10px; padding: 15px 23px; width: 216px; line-height: 21px; height: 21px; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px; font-size: 14px;}
textarea{-webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px; padding: 12px 23px;}
.popupWrapper .popup textarea {font-size: 16px; margin-bottom: 10px; width: 216px; line-height: 21px; height: 66px;font-family:Arial, sans-serif; font-size: 14px;}
.popupWrapper .button {margin: 0 auto; display: block; padding: 0 50px; 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; }
 
div#topAddress div.social.top {
    float:none;
}



/*cookie privicy box start*/
 .cookie_privacy_box {
  position: fixed;
  bottom: 20px;
  left: -475px;
  max-width: 345px;
  width: 100%;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: left 0.3s ease;
  z-index: 999;
}
.cookie_privacy_box.enabled {
  left: 20px;
}

.cookie_privacy_box .cookie_privacy_box_data {

}
.cookie_privacy_box .cookie_privacy_box_data p {
  font-size: 14px;
}
.cookie_privacy_box .cookie_privacy_box_data p a {
  text-decoration: underline;
}
.cookie_privacy_box .cookie_privacy_box_data p a:hover {
  text-decoration: none;
}
.cookie_privacy_box .cookie_privacy_box_buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookie_privacy_box .cookie_privacy_box_buttons .cookie_privacy_box_button {
	font-size:14px;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 576px) {
	.cookie_privacy_box{
		bottom: 20px;
		width: calc(100% - 40px);
	}
	.cookie_privacy_box.enabled{
		left: 20px;
	}
	.cookie_privacy_box .data p {
		font-size:12px;
	}

}
/*cookie privicy box finish*/