html, body{padding: 0; margin: 0; width: 100%; min-height: 100%;font-size: 100%;}
body {padding: 0 4%; box-sizing: border-box}
body > div {width: 92%;}
body > div.main {width: 100%;}

a {text-decoration: none;color: #2c2c2c;outline: none}
h1 {font-size: 180%;margin: 2% 3% 4% 0;font-weight: normal;text-transform: uppercase}
h3 {font-size: 170%;margin: 2% 3% 4% 0;font-weight: normal;text-transform: uppercase}
h2 {font-size: 180%;margin: 2% 3% 4% 0;font-weight: normal;text-transform: uppercase}

.fix {position: fixed;top: 0;z-index: 9999;background-color: #fff}




.fix:after {    content: "";    display: block;    width: 5%;    right: -5%;    background: #fff;    bottom: 0;    top: 0;    position: absolute;}
.fix:before {    content: "";    display: block;    width: 5%;    left: -5%;    background: #fff;    bottom: 0;    top: 0;    position: absolute;}
.top {margin: 3% 0;text-align: center;position: relative}

.top > .logo {width:30%;display:inline-block;}
.top > .logo img {max-width:100%}
.top  a.auth-link{font-size: 150%;    text-decoration: underline;    margin-top: 8px;    display: inline-block; }
.top a#one,.top a#two {display: inline-block;width: 23px;position: absolute;top:7%;right:12%;}
.top a#one {right: 15%;}
.top .top-left{position: absolute;top:9%;left:0;width: 30%;}
.top .search {position: absolute;top:9%;right:6%;overflow: hidden;width: 20%;}
.top .search input {outline: none;float: left;margin: 0;border-bottom: 1px solid #000;height: 3%;padding: 3%;font-size: 120%;}
.top .search input.pole {box-sizing: border-box;width: 90%;border-right: none;border-top: none;border-left: none}
.top .search input.btn {box-sizing: border-box;background: url(/images/search.jpg) no-repeat center center;background-size: cover;width: 10%;border: none;cursor: pointer}
.top a#one img,.top a#two img {width: 100%;height: auto;}

.menu {padding: 3% 0;background-color: /*#efefef*/#F4844A;}
.menu ul {/*width: 50%;*/margin: 0 auto;padding: 0;text-align:center}
.menu ul li {display: inline-block;list-style: none;padding: 0 4% 0 0;/*width: 20%;*/text-align: center;min-width:110px;}
.menu ul li#li1616 {width: 14%!important;padding: 0 6% 0 4%}
.menu ul li#li44 {padding: 0!important;}
.menu ul li a {font-family: Times; font-size: 131%;color: /*#2c2c2c*/#fff;text-transform: uppercase;text-decoration: none;padding-bottom: 2%; border-bottom: 4px solid transparent;}
.menu ul li.active a,.menu ul li:hover a {border-bottom: 4px solid #fff;
	-webkit-transition: border 1s ease-in-out;
     -moz-transition: border 1s ease-in-out;
     -o-transition: border 1s ease-in-out;
     transition: border 1s ease-in-out}


.banner {margin: 16.5% 0 1% 0; width: 100%}
.banner img {width: 100%;height: auto}
.category {margin: 0; width: 100%}
.category div {position: relative;width: 30%;display: table-cell;vertical-align: top;padding:0 0.5%;overflow: hidden}
.category div:nth-child(3n+3) {padding:0 0 0 1%;}
.category div:nth-child(3n+1) {padding:0 1% 0 0;}
.category div img {width: 100%;height: auto;}
.category div #popup2 {display: block;background-color: rgba(255,255,255,0.7); color: #2c2c2c;position: absolute;bottom: 0;width: 100%;height: 22%; text-align: center}
.category div #popup2 p { -webkit-transition: height 0.8s ease-in-out 0.5s;
     -moz-transition: height 0.8s ease-in-out 0.5s;
     -o-transition: height 0.8s ease-in-out 0.5s;
     transition: height 0.8s ease-in-out 0.5s;height: 10% }
.category div:hover #popup2 p {height: 50%}
.category div #popup2 p,.category div #popup2 a {text-transform: uppercase;}
.category div #popup2 p {font-size: 131%;margin: 0;bottom: 20%;position: absolute;text-align: center;width:100%;overflow: hidden;height: 30%}
.category div #popup2 a {font-size: 70%;margin: 2% 0 0}

.main, .in {margin: 17% 0 2% 0; /*overflow: hidden*/}
.main.cat ul {white-space: normal}
.main.cat ul li.first{float: none}
.main.cat ul li:nth-child(4n+4) {margin-right: 0!important; clear: left}
.main.cat ul li:nth-child(4n+5) { clear: left}
.main ul {display: inline-block; list-style: none;margin: 1.5% 0 0;overflow: hidden;width: 100%; white-space: nowrap;padding:0 0 0.5%;position: relative;}
.main.favorites ul{white-space: normal}
.main div.first + .slider {box-sizing:border-box;width:75.5%;margin:3% 0 0!important;float:left;padding:0 0 .5% .9%}
.main div.first + .slider ul {margin:0}
.main div.first + .slider li {width:32.5%;margin-top:0}
.main ul li.first {border: 2px solid #2c2c2c;float: left;z-index: 999;background-color: #fff;position: relative;box-sizing: border-box; left: 0;padding:0;}
.main div.first {border: 2px solid #2c2c2c;float: left;z-index: 999;background-color: #fff;position: relative;box-sizing: border-box;padding:0;width:24%;clear:left;margin-top:3%;background:#000}
.main div.first img {width: 100%;height: auto;}
.main ul li.first #popup2, .main div.first #popup2 {display: block;background-color: rgba(255,255,255,0.7); color: #2c2c2c;position: absolute;bottom: 0;width: 100%;height: 45%; text-align: center}

.main ul li.first #popup2:hover a, .main div.first #popup2:hover a {height: 20%}
.main ul li.first #popup2 p,.main ul li.first #popup2 a, .main div.first #popup2 a {text-transform: uppercase;}
.main ul li.first #popup2 h2, .main div.first #popup2 h2 {bottom: 25%;text-align: center;position: absolute;left:0;right:0;padding: 0 0 4%;margin: 2% 10%;line-height: 1.3em;white-space: normal;}
.main ul li.first #popup2 a, .main div.first #popup2 a {font-size: 100%;margin: 2% 0 0;height: 10%;bottom: 10%;position: absolute;left:0;right:0;-webkit-transition: bottom 0.5s ease-out 0.5s;
     -moz-transition: bottom 0.5s ease-out 0.5s;
     -o-transition: bottom 0.5s ease-out 0.5s;
     transition: all 0.5s ease-out 0.5s;height: 0% ;overflow: hidden}

/*.main ul li.first div h2 {bottom: 45%;text-align: center;position: absolute;left:0;right:0;border-bottom: 4px solid #303030;padding: 0 0 4%;margin: 2% 10%;line-height: 1.3em;white-space: normal;}
.main ul li.first div p {color: #303030;font-size: 120%;bottom: 10%;position: absolute;height: 30%;line-height: 1.3em;left:0;right:0;margin: 2% 10%;text-align: center;white-space: normal;}
*/
.main ul li {left: 0; width: 24%;margin: 0.5% 1% 0 0;border: 1px solid #ececec;z-index: 999;background-color: #fff;position: relative;height: 100%;overflow: hidden; display: inline-block;    box-sizing: border-box;vertical-align: top;padding:1px}
.main.cat ul li {left: auto; }
.main ul li img, .main li.first img {width: 100%;height: auto;}

.main  ul li #popup {display: block; position: absolute;bottom: -45%;background-color: rgba(0,0,0,0.7); color: #fff;width: 90%;height: 35%;padding: 5%;
-webkit-transition: bottom 0.5s;
     -moz-transition: bottom 0.5s;
     -o-transition: bottom 0.5s;
     transition: bottom 0.5s;}
.main  ul li:hover #popup {display: block;bottom: 0;}
.main  ul li #popup p {float: left;width: 38%;font-size: 120%;padding: 1% 0 1% 0%;margin: 0 3% 0 0;line-height: 1.4em;text-transform: uppercase}
.main  ul li #popup p.price {float: left;background-color: #fff;display: block;width: 51%;padding: 4% 4% 2% 4%;font-size: 130%;color: #303030;text-transform: none;text-align: center;margin: 2% 0}
.main  ul li #popup p.price span {font-size: 170%;display: inline-block;padding: 0 3%}
.main  ul li #popup h3 {width: 90%;height: 18%;overflow: hidden}
.main  ul li #popup a {font-family: 'Roboto', sans-serif;font-size: 89%;color: #fff;border: 1px solid #fff;padding: 1.5%;position: absolute;/*bottom: 8%;*/top:60%;right: 5%;text-transform: uppercase;width: 23%;text-align: center; cursor: pointer}
.main  ul li #popup a#one {/*right: 32%;*/top:40%}
.main  ul li #popup a#heart {border: none;width: 5%;position: absolute;top:11%;right:5%}


.main.favorites ul li .delete-fav{position: absolute;    right: 0;    top: 0;    width: 30px;    height: 30px;    line-height: 30px;    text-align: center;    background-color: rgba(0,0,0,0.7);    color: #fff;    font-family: Arial; font-size: 16px; opacity: 0; transition: all 0.5s ease; cursor: pointer}
.main.favorites ul li:hover .delete-fav{opacity: 1}



/*
@media all and (max-width: 770px){
.main div ul li {min-width: 350px}
.main div.first {min-width: 350px}
}
@media all and (max-width: 1500px){
.main, .banner {margin: 17% 0 2% 0;}
}
@media all and (max-width: 1180px){
.main, .banner {margin: 18% 0 2% 0;}
}
@media all and (max-width: 1000px){
.main, .banner {margin: 19% 0 2% 0;}
}
@media all and (max-width: 900px){
.main, .banner {margin: 20% 0 2% 0;}
}
@media all and (max-width: 750px){
.main, .banner {margin: 21% 0 2% 0;}
}*/
.in {padding: 2%;width:96%}
.auth ul.documents {padding: 1% 0 1% 0px;list-style: disc;margin: 0}
.auth ul.documents li {font-size: 180%;line-height: 1.5;border: none;width: 100%;display: block;list-style: disc}
.auth ul.documents li a {text-decoration: underline}
.auth ul.documents li a:hover {text-decoration: none}
.in p, .auth p, .auth form {font-size: 180%;padding: 1% 0}
.auth form table {margin:0px auto;padding:30px 0}
.auth form table td {padding:5px}
.auth form table td table {padding:0}
.auth > p {font-size: 170%;padding: 2% 0;text-align: center}
.auth > p > a {text-decoration: underline;}
.auth > p > a:hover{text-decoration: none}
.in p a, .in a {text-decoration: underline;}
.in p a:hover, .in a:hover {text-decoration: none}
.in h1, .favorites h1 {margin: 2% 0;font-size: 190%;}
.favorites {padding-top: 1px}



#tovar {display:none; position: relative; background: #fff;width: 100%;margin-top: 0%}
#tovar.block {display: block}
#tovar .close {position: absolute;right:5%;top:8%;width: 2%;}
#tovar .close img {width: 100%;height: auto}

#tovar > div {width: 46%!important;display: table-cell;vertical-align: top;position: relative}
#tovar div img {width: 100%;height: auto} 
#tovar div ul {white-space: nowrap;padding-left: 0}
#tovar div ul li {display: inline-block;vertical-align: top;width: 100%;}
#tovar span {cursor:pointer;}
#tovar div.product_content {padding: 12% 10% 5%;width: 47%!important}
#tovar .art {font-size: 130%;margin: 0 0 8%!important;}
#tovar .art, #tovar h1 {text-align: center}
#tovar div.product_content > p {line-height: 1.2em;font-size: 135%;margin: 2% 0}
#tovar div.product_content > p.art {font-size: 145%;}
#tovar div.product_content > a {font-family: 'Roboto', sans-serif;font-size: 89%;border: 1px solid #000;padding: 1.5%;position: absolute;bottom: 8%;right: 0;left: 43%;text-transform: uppercase;width: 13%;text-align: center; cursor: pointer}
#tovar div.product_content div.price p {font-size: 180%;text-align: center;margin: 6% 0!important; display: none;}
#tovar div.product_content div.price p.current {display: block;}
#tovar div.product_content .size, #tovar div.product_content .diametr {width: 100%;margin: 8% 0}
#tovar div.product_content .diametr p {font-size: 125%;}
#tovar div.product_content .color {width: 100%;margin: 8% 0}
#tovar div.product_content .size p {float: left;width: 18%;margin: 6% 0;font-size: 125%;}
#tovar div.product_content .color p {float: left;width: 18%;margin: 6% 0;font-size: 125%;}
#tovar div.product_content .size ul {width: 81%}
#tovar div.product_content .color ul {width: 81%}
#tovar div.product_content .size li {padding: 1% 0% 0.5%;display: inline-block;border: 1px solid #000;text-align: center;width: 10%;margin: 4% 0;margin-left: -1.2%; }
#tovar div.product_content .color li {width: auto; padding: 4px 5px;display: inline-block;border: 1px solid #000;text-align: center;margin: 4% 0;margin-left: -1.2%; }
#tovar div.product_content .size li a {font-size: 105%;color: #000; width: 100%; height: 100%; display: block;}
#tovar div.product_content .color li a {font-size: 105%;color: #000; width: 100%; height: 100%; display: block;}
#tovar div.product_content .size li:hover {background: #000;}
#tovar div.product_content .color li:hover {background: #000;}
#tovar div.product_content .size li:hover a {color: #fff}
#tovar div.product_content .color li:hover a {color: #fff}
#tovar div.product_content .size li.current {background: #000;}
#tovar div.product_content .color li.current {background: #000;}
#tovar div.product_content .size li.current a {color: #fff}
#tovar div.product_content .color li.current a {color: #fff}
#tovar div.product_content .size li:first-child {margin-left: 0}
#tovar div.product_content .color    li:first-child {margin-left: 0}

#tovar div.product_content .art span.current {display: block;text-align: center}
#tovar div.product_content .art span {text-align: center;display: none}



/*SLIDER*/

.slider{position: relative; }

.slider .controls a{display: block;    width: 25px;    height: 50px;    position: absolute;    top: 50%;    margin-top: -25px; cursor: pointer; z-index: 999}
.slider .controls a.prev{background: url(images/prev.png) no-repeat center center; left: -35px; display: none}
.slider .controls a.next{background: url(images/next.png) no-repeat center center; right: -35px; display: none}
.slider .controls .count{position: absolute;    bottom: 25px;    z-index: 999;    left: 50%;    margin-left: -75px;    width: 150px;    text-align: center;    font-size: 135%;}

.slider .detail_slider + .controls a{top: auto; bottom: 10px; display: block!important}
.slider .detail_slider + .controls a.prev{left: 30%}
.slider .detail_slider + .controls a.next{right: 30%}


.popup {background-color: rgba(0,0,0,0.3); position: fixed;z-index: 9999999999; width: 100%; height: 100%; opacity: 0; /*display: none;*/ }
.popup > div {width: 128px; margin: 10% auto 0 auto; background-color: white; border: 1px solid black; border-radius: 2px;  color: black; font-size: larger }
.popup > div.loaded {width: 500px;  }
.popup > div.loaded.long {width: 900px;  }
.popup > div.loaded.clicked {/*width: 450px;*/ height: auto!important; }
.popup > div > h1 { margin: 0;  font-size: 16px;  background-color: #444;  color: #fff;  font-weight: normal;  ;  padding: 5px 15px;  text-transform: uppercase;}
.popup > div > font {  margin-bottom: 0px;  float: right;  font-size: 20px;  margin-top: 2px;  margin-right: 12px;  cursor: pointer;  ;  color: #fff;}
.popup > div > span {color: black; margin-bottom: 10px; }
.popup > div table {color: black; width: 100%;padding: 15px 30px;}
.popup > div table td {color: black;  ; font-size: 16px;}
.popup > div table td.first {width: 150px; }
.popup > div table td > div { height: 29px; }
.popup > div table td input {border: 0;  color: black;  width: 99%;  font-size: 16px;  padding: 1px 3px;  background-color: #eee;  outline: 0;  height: 23px; }
.popup > div table td input.error{color: red; font-size: 14px}
.popup > div table td input[type="button"] {  border: none;  border-radius: 5px;  background: #444;  color: #333;  width: 54%;  font-size: 16px;  color: white;  padding: 5px;  height: 30px;}
.popup > div table td textarea {outline: none;  background-color: #eee; border: none;  color: #333;  width: 99%;  resize: none;  font-size: 14px;  height: 75px;  padding: 1px 3px; }
.popup > div table td span {color: black; font-size: 11px;margin-left: 30px;}
.popup > div table td font {color: red; text-align: center; }



.popup table td.del{color: #f63f3f; cursor: pointer; font-family: sans-serif}

.popup table td a{display: inline-block;    background: #444;    color: #fff;    padding: 5px 10px;    margin: 20px 10px 0; cursor: pointer}

#tovar ul li {left: 0; width: 100%;margin: 0;border: 1px solid #ececec;z-index: 999;background-color: #fff;position: relative;height: 100%;overflow: hidden; display: inline-block;    box-sizing: border-box;vertical-align: top}
#tovar ul li img {width: 100%;height: auto;}

#ajaxSearch_form {margin-bottom: 2%;}
.ajaxSearch_resultLink {font-size: 190%;}
.ajaxSearch_resultExtract p, .ajaxSearch_resultsInfos {margin: 0}
.ajaxSearch_grpResultName {display: none}
.paging1 {margin: 1% 0}
.paging1 span, .paging1 a {font-size: 140%;}
.ajaxSearch_resultsInfos {display: none}



.ajaxSearch_result {}
.ajaxSearch_result {left: 0; width: 24%;margin: 0.5% 0.5% 0 0;border: 1px solid #ececec;z-index: 999;background-color: #fff;position: relative;height: 100%;overflow: hidden; display: inline-block;    box-sizing: border-box;vertical-align: top;padding:1px}
.ajaxSearch_result {left: auto;}
.ajaxSearch_result img {width: 100%;height: auto;}

.ajaxSearch_result #popup {display: block; position: absolute;bottom: -45%;background-color: rgba(0,0,0,0.7); color: #fff;width: 90%;height: 35%;padding: 5%;
-webkit-transition: bottom 0.5s;
     -moz-transition: bottom 0.5s;
     -o-transition: bottom 0.5s;
     transition: bottom 0.5s;}
.ajaxSearch_result:hover #popup {display: block;bottom: 0;}
.ajaxSearch_result #popup p {float: left;width: 38%;font-size: 120%;padding: 1% 0 1% 0%;margin: 0 3% 0 0;line-height: 1.4em;text-transform: uppercase}
.ajaxSearch_result #popup p.price {float: left;background-color: #fff;display: block;width: 51%;padding: 4% 4% 2% 4%;font-size: 130%;color: #303030;text-transform: none;text-align: center;margin: 2% 0;display: none}
.ajaxSearch_result #popup p.price span {font-size: 170%;display: inline-block;padding: 0 3%}
.ajaxSearch_result #popup h3 {width: 90%;height: 18%;overflow: hidden}
/*.ajaxSearch_result #popup a {font-family: 'Roboto', sans-serif;font-size: 89%;color: #fff;border: 1px solid #fff;padding: 1.5%;position: absolute;bottom: 8%;right: 5%;text-transform: uppercase;width: 23%;text-align: center; cursor: pointer}*/
/*.ajaxSearch_result #popup a#one {right: 32%;}*/
.ajaxSearch_result #popup a#heart {border: none;width: 5%;position: absolute;top:11%;right:5%}
.ajaxSearch_result #popup a {font-family: 'Roboto', sans-serif;font-size: 89%;color: #fff;border: 1px solid #fff;padding: 1.5%;position: absolute;/*bottom: 8%;*/top:60%;right: 5%;text-transform: uppercase;width: 23%;text-align: center; cursor: pointer}
.ajaxSearch_result #popup a#one {/*right: 32%;*/top:40%}


.tooltip{position: absolute;    left: 0;    right: 0;    bottom: 150px;    background-color: rgba(0,0,0,0.7);    padding: 20px;    color: #fff;    text-align: center;    text-transform: uppercase;    font-size: 14px;}
.tooltip:after{content: ""; position: absolute; width: 0; height: 0; border:10px solid transparent; border-top: 10px solid rgba(0,0,0,0.7); right: 30px; bottom: -20px}

.top .inst-link{vertical-align: middle;    display: inline-block;    margin-left: 70px;}
.top .fav-top{display: inline-block;    vertical-align: middle;    margin-right: 60px; width: 50px; height: 46px; background: url(/images/top-heart.png) no-repeat center center; background-size: auto 100%; left: 6%}
.favorites .empty-fav{font-size: 190%; margin: 0}

.basket_minus {
    font-size: 12px !important;
    line-height: 20px;
    font-weight: bold !important;
    float: left !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    margin-left: 0 !important;
}
.basket_plus {
    font-size: 21px !important;
    font-weight: bold !important;
    float: left !important;
    line-height: 20px !important;
    margin-left: 10px !important;
    cursor: pointer !important;
}
.basket_quantity {
    border: 1px solid #000 !important;
    padding: 1px 10px !important;
    font-size: 16px !important;
    margin: 0 !important;
    float: left !important;
}
.popup > div table td {
    padding:5px;
}
.basket_name {
    font-size: 16px !important;
    font-weight: bold !important;
    padding-left: 30px !important;
}
.cart-top {
    display: block;
    width: 50px;
    height: 46px;
    position: absolute;
    background: url(/images/top_cart.png) no-repeat center center;
    background-size: auto 100%;
    left: 10px;
}
/*.fav-top {
   left: 100px !important; 
}*/

.tagcloud {padding: 20px 0 0;text-align: center}
.tagcloud > span {margin: 0 1% 0 1%;display: inline-block;vertical-align: top;padding: 2px 8px;background: rgba(0,0,0,.4);}
.tagcloud > span:hover, .tagcloud > span.active {background: #F4844A}
.tagcloud a {font-size: 140%;line-height: 1.4em;color: #fff}


.highslide img, .highslide:hover img {border: none!important}