@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?97469779');
  src: url('font/fontello.eot?97469779#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?97469779') format('woff2'),
       url('font/fontello.woff?97469779') format('woff'),
       url('font/fontello.ttf?97469779') format('truetype'),
       url('font/fontello.svg?97469779#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('font/fontello.svg?97469778#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-search:before { content: '\e800'; } /* '' */
.icon-home:before { content: '\e801'; } /* '' */
.icon-earth:before { content: '\e802'; } /* '' */
.icon-metal:before { content: '\e803'; } /* '' */
.icon-hours:before { content: '\e804'; } /* '' */
.icon-phone:before { content: '\e805'; } /* '' */
.icon-mail:before { content: '\e806'; } /* '' */
.icon-mail2:before { content: '\e807'; } /* '' */
.icon-placeholder:before { content: '\e808'; } /* '' */
.icon-user-logout:before { content: '\e809'; } /* '' */
.icon-user-loged:before { content: '\e80a'; } /* '' */
.icon-basket:before { content: '\e80b'; } /* '' */
.icon-info:before { content: '\e80c'; } /* '' */
.icon-men-symbol:before { content: '\e80d'; } /* '' */
.icon-women-symbol:before { content: '\e80e'; } /* '' */
.icon-instagram:before { content: '\e80f'; } /* '' */
.icon-facebook:before { content: '\e810'; } /* '' */
.icon-youtube:before { content: '\e811'; } /* '' */
.icon-arr-right:before { content: '\e812'; } /* '' */
.icon-ddm-close:before { content: '\e813'; } /* '' */
.icon-ddm-open:before { content: '\e814'; } /* '' */
.icon-close:before { content: '\e815'; } /* '' */
.icon-payment-cash:before { content: '\e816'; } /* '' */
.icon-payment-card:before { content: '\e817'; } /* '' */
.icon-delivery:before { content: '\e818'; } /* '' */
.icon-on-store:before { content: '\e819'; } /* '' */
.icon-wallet:before { content: '\e81a'; } /* '' */
.icon-mastercard:before { content: '\e81c'; } /* '' */
.icon-visa:before { content: '\e81d'; } /* '' */
.icon-ppl:before { content: '\e820'; } /* '' */
.icon-gls:before { content: '\e821'; } /* '' */
.icon-apek:before { content: '\e823'; } /* '' */
.icon-twisto:before { content: '\e82e'; } /* '' */
.icon-platba24:before { content: '\e82f'; } /* '' */
.icon-ceskaposta:before { content: '\e831'; } /* '' */
.icon-completed:before { content: '\e81b'; } /* '' */
.icon-error:before { content: '\e824'; } /* '' */
.icon-check:before { content: '\e825'; } /* '' */
.icon-logo:before { content: '\e826'; } /* '' */
.icon-store:before { content: '\e827'; } /* '' */
.icon-basket-2:before { content: '\e828'; } /* '' */
.icon-delivery-2:before { content: '\e829'; } /* '' */
.icon-hand-pack:before { content: '\e82a'; } /* '' */
.icon-myID:before { content: '\e832'; } /* '' */
.icon-paypal:before { content: '\e834'; } /* '' */

* {outline: none;} 
#persooHPRecommened {display: none;}

.ui-tooltip {position: absolute; z-index: 9999; max-width: 300px; padding: 5px 0 0 29px; color: #ea0033; border: none; border-radius: 0; margin-top: -1px; background: rgba(255, 255, 255, 0.9); }
.ui-tooltip:before {content:"\E824"; font-family: fontello; font-size: 18px; position: absolute; left: 0; top: 5px;}

.validate-fail {border-color: #ea0033 !important;}

.menu-bt {display: none;}

input[type="text"], input[type="password"], input[type="number"], select, textarea, .mySelectBox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    outline: none;
    background: #fff;
    font-family: Overpass;
    font-size: 16px;
    padding: 0 20px;
    color: #acacac;
}

input:placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #acacac;;
    opacity: 1; /* Firefox */    
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #acacac;
}

input:-ms-input-placeholder { /* Microsoft Edge */
      color: #acacac;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, select:hover, textarea:hover { border-color: #9f9f9f; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), inset 0 3px 0 0 rgba(0, 0, 0, 0.05);}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus, textarea:focus { border-color: #000; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 3px 0 0 rgba(0, 0, 0, 0.05);}

input[type="text"], input[type="password"], input[type="number"] {padding: 14px 20px 10px 20px;}

.icheckbox {height: 20px; width: 20px; display: inline-block; cursor: pointer; vertical-align: middle;  background-color: #ffffff; border: solid 1px #d9d9d9; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);  position: relative;}
.icheckbox.checked:after {content: "\E81B";	font-family: fontello; color: #27282c; font-size: 8px; display: block; position: absolute; left: 50%;	top: 50%; transform: translate(-50%, -50%);}
.icheckbox input {height: 100%; width: 100%;}
.fake-check label {cursor: pointer;}


.iradiobox {width: 20px; height: 20px; display: inline-block; cursor: pointer; vertical-align: middle; background-color: #ffffff; border: solid 1px #d9d9d9; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1); position: relative; border-radius: 50%;}
.iradiobox.checked:after {content: "";	height: 10px; width: 10px; background: #27282c; display: block; position: absolute; left: 50%;	top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}  
.iradiobox input {height: 100%; width: 100%;}
.fake-radio label {cursor: pointer;}

.fake-select {position: relative;} 
.mySelectBox {color: #27282c; color: #acacac; padding: 0; margin: 0; list-style-type: none; overflow: hidden;	cursor: pointer; display: inline-block;	vertical-align: middle;	min-width: 280px;	min-height: 50px; height: auto;	padding-top: 48px;  position: absolute;  z-index: 1;}
.mySelectBox li {display: block; height: 41px; background-color: #fff; padding: 1px 20px 0px 20px; line-height: 42px;}
.mySelectBox li.li-select:hover {background-color: #f6f6f6;}
.mySelectBox li.li-select {display: none;}
.mySelectBox li.active {height: 49px; line-height: 50px; position: absolute;	top: 0;	left: 0; width: 100%;	border-bottom: solid 1px #d9d9d9; background-color: transparent;}
.mySelectBox li.active:before {content: "\E813"; font-family: fontello; color: #a7a7a7; font-size: 6px; display: block; position: absolute; right: 10px;	top: 0px;}
.mySelectBox:hover li.active:before {color: #27282c;}
.mySelectBox:hover {border-color: #000 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 3px 0 0 rgba(0, 0, 0, 0.05); z-index: 2;}
.mySelectBox:hover li.active:before {content:"\E814" !important;}

.fake-select.onesize .mySelectBox {box-shadow: none !important;}
.fake-select.onesize .mySelectBox li.active:before {display: none;}
.fake-select.onesize .mySelectBox:hover {border-color: #d9d9d9 !important; cursor: context-menu; }
.fake-select.onesize {display: table-cell; vertical-align: middle;}

.fake-select.singleOption .mySelectBox li.active:before,
.fake-select.singleOption .mySelectBox:hover li.active:before {content: "" !important;}
.fake-select.singleOption .mySelectBox:hover {border-color: #d9d9d9 !important; cursor: no-drop;}

div, p, a, ul, ol, li, strong, span, form, input, button, textarea, table, h1, h2, h3, h4, h5, img {box-sizing: border-box; outline: medium none;}
body {min-width: 320px; font-family: 'Overpass', sans-serif; font-size: 16px; background: #fff; color: #000; position:relative;}

body > iframe {display: none;}

h1 {font-family: 'Oswald', sans-serif; font-size: 36px;  color: #000; font-weight: 400;}
h2 {font-family: 'Oswald', sans-serif; font-size: 30px;  color: #000; font-weight: 400;}
h3 {font-family: 'Oswald', sans-serif; font-size: 24px;  color: #000; font-weight: 400;}
h4 {font-family: 'Oswald', sans-serif; font-size: 18px;  color: #000; font-weight: 400;}

.add-txt {font-family: 'Overpass', sans-serif; font-size: 14px;  color: #8b8b8b;}
a {color: #ed1b24; text-decoration: underline;}
a:hover {text-decoration: none;}

.btn {white-space: nowrap; cursor: pointer; display: inline-block; text-decoration: none; text-transform: uppercase; letter-spacing: 3px; font-family: Oswald; font-size: 12px; font-weight: 600; text-align: center; padding: 0 37px; line-height: 53px; height: 54px; color: #fff; background-color: #000; border: solid 1px #000;} 
.btn:hover {background-color: #5e6466; border-color: #5e6466;}

.btn.btn-red {background-color: #ed1c24; border-color: #ed1c24;}
.btn.btn-red:hover {background-color: #c0080f; border-color: #c0080f;}

.btn.btn-lineb {background-color: transparent; border-color: #999999; color: #000; height: 50px; line-height: 49px;}
.btn.btn-lineb:hover {background-color: transparent; border-color: #000;}

.btn.btn-linew {background-color: transparent; border-color: #999999; color: #fff; height: 50px; line-height: 49px;}
.btn.btn-linew:hover {background-color: transparent; border-color: #fff;}

.bt-line:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}

.btn.big {line-height: 53px; height: 54px;}
.btn.small {height: 50px; line-height: 49px;}

.resetFilter {
    display: block;
    margin: 10px auto;
}

/* modal */

.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(39, 40, 44, 0.6); /* Black w/ opacity */
     
}

.modal2-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    margin-bottom: 40px;
}

.modal2-content:after {content:""; display: block; clear: both; height: 0; overflow: hidden;}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}


.modal2-content .close,
.modal2-content .close-myid {position: absolute; top: 0px; right: 0px; height: 50px; width: 50px; cursor: pointer; font-size: 0; background-color: #f6f6f6;}
.modal2-content .close:before,
.modal2-content .close-myid:before {content:"\E815"; font-family: fontello; position: absolute; top: calc(50% + 1px); left: 50%; transform: translate(-50%, -50%); color: #9b9b9b; font-size: 12px;}
.modal2-content .close:hover:before,
.modal2-content .close-myid:hover:before {color: #000;}



.c-main {margin: auto;}
.c-main:after {content:""; height: 0; overflow: hidden; display: block; clear: both;}

/* header */
.c-header {height: 81px; border-bottom: solid 1px #e3e3e3;}
.header {max-width: 1600px; margin: auto; height: 100%; position: relative; xbackground: yellow;}

.header #search-abt {height: 100%; width: 80px; border-right: solid 1px #eaeaea; position: absolute; left: 0; top: 0; cursor: pointer;}
.header #search-abt:after {content: '\e800'; display: inline-block; font-family: fontello; font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.header #search-abt:hover:after {color: #ed1b24;}

#search-abt .modal2 {padding-top: 185px;}
#search-abt .modal2-content  {width: auto; max-width: 1180px;}
#searchForm {width: auto; max-width: 1180px; padding: 30px; display: block; position: relative;}
#searchForm input[type="text"] {height: 70px; width: 100%; font-size: 18px; padding: 16px 144px 10px 20px;}
#searchForm button {position: absolute; right: 38px; top: 38px;}

#search-abt .searchForm:after {content: '\E815'; display: inline-block; font-family: fontello; font-size: 20px; color: #fff; font-weight: 400; position: absolute; top: 58px; right: 59px;}


.header .header-txt {height: 100%; position: absolute; left: 80px; top: 0; font-family: Oswald; letter-spacing: 3px; font-size: 14px; color: #27282c; text-transform: uppercase;}
.header-txt ul {padding: 0; margin: 0; list-style-type: none; float: left; white-space: nowrap;}
.header-txt ul:after {content:""; height: 0; overflow: hidden; display: block; clear: both;}
.header-txt ul li {float: left; line-height: 80px; padding-left: 60px;}
.header-txt a {color: #27282c; text-decoration: none; line-height: 80px; display: inline-block;}
.header-txt a:hover {color: #27282c; text-decoration: underline;}

.respo-tomenu {display: none;}

#logo {width: 155px; height: 36px; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; background: url("../img/logo.svg") no-repeat center center; background-size: contain;}
#logo a {display: block; height: 100%; font-size: 0; color: #fff;} 

.c-basket {position: absolute; right:0; top: 0; height: 100%; }

.c-basket .basketinfo-t {font-family: Oswald; font-size: 14px; font-weight: 600; color: #27282c;  display: block; height: 100%;  cursor: pointer; padding: 0 27px 0 28px; border: solid 1px #fff; border-bottom: none;}
.c-basket:hover .basketinfo-t {border: solid 1px #000; border-bottom-color: #fff; border-bottom: none; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1;}
.c-basket .basketinfo-t:before {content: '\E80B'; display: inline-block; font-family: fontello; font-size: 16px; color: #ed1c24; font-weight: 400; margin-right: 6px; position: relative;}
.c-basket .basketinfo-t:after {content: '\E813'; display: inline-block; font-family: fontello; font-size: 6px; color: #a7a7a7; font-weight: 400; margin-left: 15px; line-height: 80px; position: relative; top: -2px;}

.c-basket .basketinfo-t > div {position: relative; display: inline-block;}
.c-basket .basketinfo-t span {position: relative; z-index: 1; letter-spacing: 2px; line-height: 76px;}
.c-basket .basketinfo-t strong {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; color: #efefef;}

.c-basket #mini-basket {position: absolute; right: 0px; width: 612px; background: #fff; border: solid 1px #000; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2); z-index: 100000; display: none;}
.c-basket:hover:before {content:""; position: absolute; right: 1px; top: 76px; width: calc(100% - 2px); background: #fff; xbackground: yellow; height: 5px; overflow: hidden; z-index: 1000000;}
.c-basket:hover #mini-basket {display: block;}

#mini-basket .mb-title {font-family: Oswald; font-size: 18px; padding: 40px 0 40px 40px;}
#mini-basket .mb-tbl {width: calc(100% - 80px); margin-left: 40px;}
#mini-basket .mb-tbl td {border-bottom: solid 1px #d8d8d8; padding: 10px 0;}
#mini-basket .mb-tbl tfoot tr:last-of-type td {border-bottom: solid 1px #fff;}
#mini-basket .mb-tbl .pict {height: 80px;	width: 80px; text-align: center;}
#mini-basket .mb-tbl .pict img {height: 80px;	max-width: 80px; padding: 0; margin: 0 0 -6px 0;}
#mini-basket .mb-tbl .name {padding:0 10px 0 20px; width :290px;}  
#mini-basket .mb-tbl .name a {font-size: 14px; padding-bottom: 2px; display: inline-block; text-transform: uppercase; line-height: 20px;}
#mini-basket .mb-tbl .name a > span {color: #000;}
#mini-basket .mb-tbl .name > span {display: block; color: #27282c; font-size: 12px;	padding-top: 4px;	line-height: 12px; padding-left: 1px;}
#mini-basket .mb-tbl .name > span strong {font-weight: 600;}
#mini-basket .mb-tbl  td.price {font-family: Oswald; font-size: 14px; font-weight: 600; padding: 10px 33px 10px 44px; text-align: right;}
#mini-basket .mb-tbl  td.del {width: 12px;}
#mini-basket .mb-tbl  td.del span {font-size: 0; display: inline-block; width: 12px; height: 12px; margin-top: 8px; cursor: pointer; position: relative; overflow: hidden;}
#mini-basket .mb-tbl  td.del span:before {content: '\E815'; display: inline-block; font-family: fontello; font-size: 11px; color: #9b9b9b; font-weight: 400;}
#mini-basket .mb-tbl  td.del span:hover:before {color: #000;}
#mini-basket .mb-tbl  td.del span input {border:none; background: transparent; opacity: 0; position: absolute; top: 0; left: 0; width: 12px; height: 12px;}

#mini-basket .mb-tbl tfoot .sum {padding: 22px 10px 18px 10px; font-size: 16px; text-align: right; vertical-align: bottom;}
#mini-basket .mb-tbl tfoot .price {font-family: Oswald; font-size: 18px; font-weight: 600; padding: 20px 45px 20px 44px; vertical-align: bottom;}

.delivery-line {background-color: #f6f6f6; padding: 24px 40px 23px 85px; color: #27282c; font-size: 14px; border-top: solid 1px #ececec; position: relative;}
.delivery-line:before {content: '\E818'; display: inline-block; font-family: fontello; color: #27282c; font-size: 23px; position: absolute; left: 40px; top: 18px;}
.delivery-line.free {color: #69c264;}
.delivery-line div.del-meter {position: absolute; left: 0; bottom: 0; height: 6px; width: 100%; background-color: #ededed;}
.delivery-line div.del-meter span { height: 100%; width:0; background: #7ed321; display: block; float: left;}

#mini-basket .bt-line {text-align: center; padding: 40px;} 

.c-user {position: absolute; right:174px; top: 0; height: 100%; width: 38px; line-height: 80px; cursor: pointer;}
.c-user * {line-height: normal; cursor: auto;}
.c-user .btn, .c-user a {cursor: pointer;}  
.c-user:before {content: '\E809'; display: inline-block; font-family: fontello; color:#c6c6c6; font-size: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.c-user:hover:before {color: #000;}
.c-user.logged:before {content: '\E80A'; color:#ed1b24; font-size: 22px; top: calc(50% + 1px);}
.c-user.logged > a {position:absolute; height: 100%; width: 100%;}

.login-box .modal2-content {width: 980px; max-width: calc(100% - 80px);}
.login-box .modal2-content:before {position: absolute; z-index: 0; content:""; width: 44.89795918367347%; height: 100%; right: 0; top: 0; background-color: #f1f1f1; }
.login-box .modal2-content .close {background: transparent; z-index: 3;}
.login-box .loginbox-1 {width: 55.10204081632653%; float: left; padding: 60px; height: 100%; position: relative; z-index: 2;}
.login-box .loginbox-2 {width: 44.89795918367347%; float: right; padding: 60px; height: 100%; background-color: #f1f1f1; position: relative; z-index: 2;}
.login-box .modal2-content h3 {padding: 0 0 22px 0; margin: 0;}
.login-box .modal2-content ul {padding: 0; margin: 0; list-style-type: none;}

.login-box .loginbox-1 label {display: block;}
.login-box .loginbox-1 input[type="text"],
.login-box .loginbox-1 input[type="password"]  {width: 100%; height: 60px; font-size: 17px; padding: 19px 20px 15px 20px; margin: 8px 0 22px 0;}
.login-box .bt-line.line1 {margin: 8px 0; padding-top: 0 !important; padding-bottom: 0 !important;}
.login-box .lostpass {float: left; font-size: 14px; color: #000; line-height: 53px;}
.login-box .bt-line.line1 .btn {float: right;}

.login-box .bt-line.line2 {margin-top: 12px; padding-top: 0 !important; padding-bottom: 0 !important;}
.login-box .bt-line.line2 .or-login {text-align: center; font-size: 12px; color: #acacac; position: relative; margin-bottom: 15px;}
.login-box .bt-line.line2 .or-login:before {content:""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); height: 1px; width: 100%; overflow: hidden; background: #ececec;}
.login-box .bt-line.line2 .or-login span {display: inline-block; padding: 8px 10px; position: relative; z-index: 2; background: #fff;}
.login-box .bt-line.line2 .btn:first-of-type {float: left; width: calc(50% - 10px);}
.login-box .bt-line.line2 .btn:last-of-type {float: right; width: calc(50% - 10px);}

.login-box .loginbox-2 h3 {padding-right: 100px; padding-bottom: 30px;}
.login-box .loginbox-2 ul li {padding: 12px 0 12px 30px; position: relative;}
.login-box .loginbox-2 ul li:before {content: '\e825'; display: inline-block; font-family: fontello; color: #000; font-size: 20px; position: absolute; left: 0; top: 9px; height: 20px; width: 20px; }
.login-box .loginbox-2 .bt-line {margin-top: 27px; text-align: center;}

.modal2-content .close-myid {background: #fff;}
.loginform.myid #logon_login {width: calc(100% - 80px);}
.loginform.myid .btn {position: relative; padding-right: 80px; overflow: hidden;}
.loginform.myid .btn::after {content: '\e832';	display: inline-block;	position: absolute;	right: -24px;	font-family: fontello;	font-size: 40px;	top: -1px;}

.multiLang {position: absolute; right:219px; top: 0; height: 100%; width: 108px; line-height: 80px; cursor: pointer; border: solid 1px #fff; border-bottom: none; font-size: 14px; letter-spacing: 3px; font-family: Oswald; color: #27282c;}
.multiLang:hover {border-color: #000; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);}
.multiLang #multilang-menu {width: 108px; background-color: #fff; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);  border: solid 1px #000; border-top: none; list-style-type: none; padding: 0; margin: -3px 0 0 -1px; z-index: 1001; position: relative;}
.multiLang #multilang-menu li {display: block; border-top: solid 1px #dcdcdc; background-color: #fff; line-height: 50px; text-align: center;}
.multiLang #multilang-menu li a {text-decoration: none; color: #27282c; display: block;}
.multiLang #multilang-menu li a:hover {text-decoration: none; color: #27282c; background-color: #f6f6f6; }
.multiLang:hover #multilang-menu {display: block !important;}
.multiLang > div {text-align: center; line-height: 78px;}
.multiLang > div span {font-size: 14px; letter-spacing: 3px; font-family: Oswald; color: #27282c;}
.multiLang > div span:before {content: '\E802'; display: inline-block; font-family: fontello; font-size: 22px; color: #c6c6c6; margin-right: 7px; vertical-align: middle; position: relative; top: -1px;}
.multiLang > div span:after {content: '\E813'; display: inline-block; font-family: fontello; font-size: 6px; color: #a7a7a7; font-weight: 400; margin-left: 6px; position: relative; top: -2px;}

.header-phone {position: absolute; right: 328px; top: 0; height: 100%; width: 190px; xbackground: yellow; white-space: nowrap;}
.header-phone > div {position: absolute; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%); padding-left: 41px;}
.header-phone > div:before {content: '\E805'; display: inline-block; font-family: fontello;	font-size: 22px; font-weight: 400; color: #c6c6c6; position: absolute; left: 0px;	top: 50%;	transform: translate(0,-50%);}
.header-phone strong {display: block; font-family: Oswald; color: #68c101; font-weight: 700; font-size: 15px;}
.header-phone span {display: block; font-family: Lato; color: #68c101; font-size: 13px; font-weight: 500; color: #bfbfbf;}



.c-menu {height: 59px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); position: relative; border-bottom: solid 1px  #e3e3e3; z-index: 10;}
.c-body {margin: auto;}

.navigate {max-width: 1180px; margin: auto; padding: 30px 0 8px 0; list-style-type: none; font-size: 12px; color: #acacac; text-transform: uppercase;}
.navigate:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.navigate li {float: left; position: relative; margin-right: 10px;}
.navigate li:first-of-type {font-size: 0; top: -4px;}
.navigate li:first-of-type a {float: left; height: 100%; width: 100%;}
.navigate li:first-of-type a:before {content: '\E801'; display: inline-block; font-family: fontello; font-size: 15px; color: #acacac; font-weight: 400; position: relative;}
.navigate li:before {content: ''; display: inline-block; height: 2px; width: 10px; background: #ededed; margin-right: 7px; position: relative; top: -3px;}
.navigate li:first-of-type:before {display: none;}
.navigate li a {color: #acacac; text-decoration: none;}
.navigate li a:hover {text-decoration: underline;}
.navigate li a.activNM {color: #27282c;}
.navigate li a.activNM:hover {text-decoration: none;}

.navigate li:last-of-type {color: #27282c !important;}

h1 {padding: 30px 0 39px 0; max-width: 1180px; margin: auto;}

/* category list */

.c-cat-top {background-color: #f6f6f6; border: solid 1px #eaeaea; border-left: none; border-right: none;}
.cat-top {max-width: 1180px; margin: auto; position: relative; padding-bottom: 4px;}
.cat-top h1 {padding-top: 12px;}
.cat-big-img {width: 41.695%; overflow: hidden; height: 100%; position: absolute; right: 0; bottom: 0;}
.cat-big-img img {position: absolute; left: 0; bottom: 0; max-width: 130%; max-height: 100%;}

.sub-cat {max-width: 1180px; margin: auto; padding: 40px 0 0 0;}
.sub-cat ul { margin: 0; padding: 0; list-style-type: none;}

.sub-cat li {position: relative; overflow: hidden; float: left; overflow: hidden; width:32.20338983%; margin-right: 1.694915254237288%; margin-bottom: 20px; border: solid 1px #cfcfcf; height: 114px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);}
.sub-cat li:nth-of-type(3n) {margin-right: 0;}
.sub-cat li > a {display: table; table-layout: fixed; width: 100%; height: 100%; text-decoration: none;}
.sub-cat li > a > strong {display: table-cell; width: 80%; vertical-align: middle; padding: 20px 0 20px 28px; color: #000; font-size: 16px; text-transform: uppercase; font-family: Oswald; font-weight: 400;}
.sub-cat li > a > strong span {display: block; color: #acacac;}
.sub-cat li > a > span {display: table-cell; vertical-align: middle; width: 138px;}
.sub-cat li > a > span > img {float:left;}
.sub-cat li > a:hover strong {color: #ed1b24;}
.sub-cat li > a:hover strong span {color: #acacac;}

.sub-cat.bott li { width:48.86363636363636%; margin-right: 2.272727272727273%; margin-bottom: 20px;}
.sub-cat.bott li:nth-of-type(3n) {margin-right: 2.272727272727273%;}
.sub-cat.bott li:nth-of-type(2n) {margin-right: 0;}

body.pg-category .main-content,
body.pg-producer .main-content,
body.pg-producerAndCategory .main-content,
body.pg-500 .main-content,
body.pg-404 .main-content,
body.pg-orderpay .main-content,
.pg-userdata.registration .main-content,
.pg-userdata.logged .main-content,
.pg-lostpass .main-content {max-width: 1180px; margin: auto;}

body.pg-orderpay .main-content {padding-bottom: 70px;}
body.pg-orderpay .main-content .orderDetail {line-height: 28px;}
body.pg-orderpay .main-content .information {padding: 30px 0;}
body.pg-orderpay .orderDetail {display: table;}
body.pg-orderpay .orderDetailItem {display: table-row;}
body.pg-orderpay .orderDetailItem > span {display: table-cell; padding-right: 30px;}
body.pg-orderpay .orderDetailItem > span.value {font-weight: 600;}
body.pg-orderpay .orderDetailItem:last-of-type > span  {font-size: 18px; padding-top: 10px; font-weight: 700;} 

/*
body.pg-500 .main-content,
body.pg-404 .main-content {padding: 0px 575px 100px 0; min-height: 628px; background: url("/img/404.jpg") no-repeat right 70px; }
*/

body.pg-500 .main-content h1,
body.pg-404 .main-content h1 {padding: 70px 0 27px 0; }
body.pg-500 .main-content .freetext,
body.pg-404 .main-content .freetext {font-size: 18px; line-height: 28px;}

.content-error {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.text-error {width: calc(50% - 10px);}
.img-error {width: calc(50% - 10px);}

.img-error img {max-width:100%;}

body.pg-category .main-content,
body.pg-producer .main-content,
body.pg-producerAndCategory .main-content {padding-top: 40px;}



.col-1  {width: 22.03389830508475%; float: left;}
.pg-userdata.registration .col-1 {width: 66.10169492%;}

.main-content:after,
.comLCatalog:after,
.c-body:after,
.col-1:after,
.col-2:after  {content:""; display: block; height: 0; clear: both; overflow: hidden;}

.col-2 {width: 74.57627119%; float:right;}

.pg-userdata.registration .col-2 {width: 32.20338983%; float:right; }
body.registration .col-2 {padding-top: 40px; }

.filterBox .count {display: none;}
.filterBox h2 {background: #000; height: 60px; color: #fff; font-family: Oswald; font-size: 18px; margin: 0; padding: 0 20px; line-height: 60px; margin-bottom: -1px;}
.filterBox h3 {background: #fff; height: 62px; color: #27282c; border: solid 1px #eaeaea; font-weight: 700; font-size: 16px; margin: 0 -1px -1px; padding: 0 20px; line-height: 60px; position: relative; cursor: pointer;}
.filterBox h3:after {content: "\E813"; font-family: fontello; color: #a7a7a7; font-size: 6px; display: block;	position: absolute;	right: 15px; top: 0px;}
.filterBox #leftFilterForm {background: #f6f6f6; border: solid 1px #eaeaea;}
.filterBox .box {padding: 21px 20px 20px 20px;display:none;}
.filterBox .box:after {content:""; display: block; height: 0; clear: both; overflow: hidden;}

.filterBox .sliderCol .prices {margin-top: 22px; position: relative; height: 30px; text-align: center; font-size: 14px; color: #9c9c9c; line-height: 32px;}
.filterBox .sliderCol .prices input {width: 80px; height: 100%; position: absolute; right: 0; top: 0; font-weight: 700; font-size: 14px; color: #27282c; text-align: center; padding: 3px 2px 0 2px; box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.05);}
.filterBox .sliderCol .prices input:first-of-type {left: 0;}

.filterBox .icheckbox {height: 16px; width: 16px;}
.filterBox .icheckbox.checked:after {font-size: 7px;}

.filterBox .prodCol label, .filterBox .sizeCol label {color: #acacac; font-size: 14px; cursor: pointer; display: block; margin-bottom: 11px;}
.filterBox .prodCol .box > label:last-of-type, .filterBox .sizeCol .box > label:last-of-type {margin-bottom: 0;}
.filterBox .prodCol label span:first-of-type, .filterBox .sizeCol label span:first-of-type {color: #ed1c24;}
.filterBox .prodCol label:hover span:first-of-type, .filterBox .sizeCol label:hover span:first-of-type {text-decoration: underline;}
.filterBox .prodCol .icheckbox, .filterBox .sizeCol .icheckbox {margin: -2px 7px 0 0px;}

.filterBox .colorCol .box > div {color: #acacac; font-size: 14px;	cursor: pointer; margin-bottom: 8px; font-family: Overpass;}
.filterBox .colorCol .box > div:last-of-type {margin-bottom: 0;}
.filterBox .colorCol .box > div span:first-of-type {color: #ed1c24;}
.filterBox .colorCol .box > div:hover span:first-of-type {text-decoration: underline;}

.filterBox .colorCol .colorButtonHolder {position: relative; display: inline-block; vertical-align: middle;	margin: -2px 3px 0 0; height: 24px; width: 24px;	overflow: hidden;	padding: 1px;	background-color: #ececec;	border-radius: 50%;}
.filterBox .colorCol .colorButton {background-size: 100% 100%; cursor: pointer;	height: 100%;	width: 100%;	border-radius: 50%;  border: solid 4px white !important;}
.filterBox .colorCol .colorButtonSelected {background-color: #000000; padding: 2px;}
.filterBox .colorCol .colorButtonSelected .colorButton {border: solid 3px white !important;}

.c-sort {height: 60px; background-color: #f6f6f6; color: #27282c; xoverflow: hidden; position: relative;}
.c-sort ul {padding: 0; margin: 0; list-style-type: none;}

.c-sort #ul-sort {height: 100%; float: left;}
.c-sort #ul-sort li {float: left; font-size: 14px; color: #acacac; border-bottom: solid 1px  #f6f6f6; list-style-type: none; height: 100%;}
.c-sort #ul-sort li a {color: #acacac; text-decoration: none; float: left; padding: 22px 20px 18px 20px; }
.c-sort #ul-sort li a:hover {color: #000; text-decoration: none;}
.c-sort #ul-sort li.active {color: #27282c; border-color: #000000;}
.c-sort #ul-sort li.active a {color: #27282c;}
.c-sort .on-page {position: absolute; top: 0; right: 0px; height: 100%; width: 240px; white-space: nowrap;}
.c-sort .on-page span {display: inline-block; vertical-align: middle; font-size: 14px; position: absolute; right: 96px; top: 22px;}
.c-sort #on-page  {overflow: hidden; cursor: pointer; z-index: 1; position: absolute; right: 20px; top: 12px; font-size: 14px; display: inline-block; vertical-align: middle; width: 66px; min-width: auto; min-height: 36px; padding-top: 34px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); border: solid 1px #b6b6b6; background-color: #fff;}
.c-sort #on-page li {display: block; height: 35px; background-color: #fff; padding: 0 13px; line-height: 36px; color: #27282c;}
.c-sort #on-page li:hover {background-color: #f6f6f6;} 
.c-sort #on-page li.active {position: absolute; top: 0; left: 0; width: 100%; border-bottom: solid 1px #d9d9d9;}
.c-sort #on-page li.active:hover {background-color: #fff;}
.c-sort #on-page li.li-select {display: none;}
.c-sort #on-page li.active:before {content: "\E813"; font-family: fontello; color: #a7a7a7; font-size: 6px;	display: block;	position: absolute;	right: 10px; top: 0px;}

.c-prvisible-pager {position: relative; margin: 20px 0 20px 0;}
.c-prvisible-pager p {padding: 0; margin: 0;}

.c-prvisible-pager .pr-visible {color: #acacac; font-size: 14px; display: inline-block; vertical-align: middle; line-height: 36px;}
.pager {display: inline-block;}
.pager {line-height: 36px; font-size: 13px;}
.pager a,
.pager span {display: inline-block; color: #000; background-color: #f6f6f6; text-decoration: none; min-width: 40px; padding: 0 8px; text-align: center;}
.pager a.active {background-color: #ed1c24; color: #fff; cursor: normal;}
.pager a:hover {text-decoration: underline;}
.pager a.active:hover {text-decoration: none; cursor: auto;}
.c-prvisible-pager .pager {position: absolute; right: 0; top: 0;}

.c-pager {text-align: center;}
.c-pager .pager {padding: 0; margin: 0;}

body.pg-category .c-pager {padding-bottom: 100px;}

.bt-line.cat .btn {margin: auto auto 40px auto ; display: block;}
.bt-line:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}

.catdes-txt {line-height: 28px;}

.pg-category .col-2,
.pg-producer .col-2,
.pg-producerAndCategory .col-2 {padding-bottom: 100px;}

.last-visited {clear: both; border-top: solid 1px #ececec; padding: 100px 0 100px 1px; max-width: 1180px; margin: auto;}
.last-visited h2 {margin: 0; padding-bottom: 40px;}
.last-visited .box:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.last-visited .box .item {float: left; width: 195px; height: 239px; border: solid 1px #fff; background-color: #fff; border-right-color: #ececec; padding: 20px;	text-align: center;	position: relative;}
.last-visited .box .item img {max-width: 100%; margin: auto;}
.last-visited .box .item > a {display: block; height: 100%; }
.last-visited .box .item .pr-price {font-family: Oswald; font-size: 18px;	color: #000; font-weight: 700; white-space: nowrap;	position: absolute;	bottom: 0; left: 0;	width: 100%;	padding: 0 20px 17px 20px;}

.last-visited .slick-arrow  {border: solid 1px #d8d8d8; background-color: #fff; height: 40px; width: 80px; position: absolute; top: -84px; right: 0; z-index: 1; font-size: 0;}
.last-visited .slick-arrow:hover  {border-color: #000; }
.last-visited .slick-arrow:before {content: "\E812";	font-size: 9px;	font-family: fontello; color: #231f20; position: absolute; left: 50%;	top: 50%;	transform: translate(-50%, -50%);}
.last-visited .slick-prev  {right: 84px;}
.last-visited .slick-prev:before {transform: translate(-50%, -50%) rotate(-180deg); margin-top: 1px;}

.comLCatalog {margin: 40px 0;}
body.pg-category .comLCatalog .pr-item:nth-of-type(3n),
body.pg-producer .comLCatalog .pr-item:nth-of-type(3n),
body.pg-producerAndCategory .comLCatalog .pr-item:nth-of-type(3n) {border-right-color: #fff;}


.comLCatalog  .pr-item {float: left; width: 33.33333%; border: solid 1px #fff; background-color: #fff; border-right-color: #ececec; border-bottom-color: #ececec; height: 518px; padding: 30px; text-align: center; position: relative;}

.pr-item:hover {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); border-color: #fff; z-index: 1;}


.pr-item .pr-img {position: relative; text-align: center;}
.pr-item .pr-img a {text-align: center; display: block;}
.pr-item .pr-img img {height: 232px; width: 232px; float: left; margin-bottom: 18px; position: relative;}
.pr-item .pr-producer {color: #bdbdbd; font-size: 13px; font-family: Oswald; text-transform: uppercase; font-weight: 700; height: 18px; overflow: hidden; margin-bottom: 22px;}
.pr-item .pr-name {color: #000; font-size: 16px; font-weight: 600; line-height: 1.38; padding: 0; margin: 0; max-height: 66px; overflow: hidden; font-family: Overpass;}
.pr-item .pr-name a {color: #000; text-decoration: none; display: block;}
.pr-item .pr-name a:hover {color: #ed1b24; text-decoration: none;}

.pr-item .pr-store  {font-size: 14px; font-family: Lato; color: #bdbdbd; position: absolute; bottom: 101px; left: 0; width: 100%; padding: 0 10px;}
.pr-item .pr-store .onstore {color: #429c2f;}

.pr-item .pr-prices  {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px 34px 30px;}
.pr-item .pr-price-del {font-family: Oswald; font-size: 16px; margin-bottom: -2px; color: #9b9b9b; white-space: nowrap;}
.pr-item .pr-price  {font-family: Oswald; font-size: 22px; color: #000; font-weight: 700; white-space: nowrap;}

#sliders .slider > .sub-sliders .pr-item .pr-price {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px 34px 30px;}
#sliders .slider > .sub-sliders .pr-item .pr-store {bottom: 76px;}


.pr-item:hover {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); border-color: #fff; z-index: 1; xborder-bottom-color: #ed1c24;}
 
.pr-item .sizes {display: none; position: absolute; bottom: 0; left: 0; width: 100%; color: #000000; font-size: 13px; font-weight: 500; text-transform: uppercase; padding: 10px 0 7px 0; background-color: rgb(255,255,255,0.75); }
.pr-item .sizes span {display: inline-block; border: solid 1px #cfcfcf; background-color: #fff; padding: 0 4px; min-width: 36px; line-height: 28px; white-space: nowrap; text-align: center; margin: 0 1.5px 3px 1.5px;   font-family: Oswald;}    
.pr-item:hover .sizes {display: block;}

.c-cat-top:after,
.cat-big-img:after,
.sub-cat:after,
.sub-cat ul:after,
.pr-img:after  {content: ""; height: 0; overflow: hidden; display: block;	clear: both;}

.filter-banners {margin-bottom: 100px;}

.filter-banner {display: block; width: 100%;	height: 220px;	position: relative; overflow: hidden; margin-top: 30px;}
.filter-banner > a {display: block; width: 100%;	height: 100%;	text-decoration: none; color: #fff; }
.filter-banner > a > strong {position: absolute; top: 0; left: 0; z-index: 2; padding: 30px 0 0px 31px;	color: #fff; font-size: 19px;	text-transform: uppercase; font-family: Oswald;	font-weight: 400; letter-spacing: 0.3px;}
.filter-banner > a > img {position: absolute; top: 0; left: 0; z-index: 1; }

.help-banner {display: block; width: 100%; background: #000; position: relative; overflow: hidden; margin-top: 30px; padding: 18px; color: #fff;}
.help-banner h4 {color: #fff; text-align: center; line-height: 26px; padding: 0; margin: auto; width: 60%;}
.help-banner .person {line-height: 26px; margin: 18px 0 0 0;}
.help-banner .person:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.help-banner .person img {float: left; margin: 0 12px 0 0; height: 60px; border-radius: 50%;}
.help-banner .person div {font-size: 16px; padding-top: 2px;}
.help-banner .person span {font-size: 14px; color: #9a9a9a;}
.help-banner .phone {padding-top: 12px;}
.help-banner .phone strong {font-family: Oswald; font-size: 16px; vertical-align: middle; font-weight: 400;}
.help-banner .phone span {font-size: 12px; color: #9a9a9a; vertical-align: middle; padding-left: 16px;}
.help-banner .mail {padding-top: 14px;}
.help-banner .mail strong {font-family: Oswald; font-size: 16px; vertical-align: middle; font-weight: 400;}
.help-banner .mail a {color: #fff; text-decoration: none;}

.help-banner .phone strong:before, .help-banner .mail strong:before {display: inline-block; font-family: fontello; color: #c6c6c6; font-size: 22px; display: inline-block; position: relative; top: 0px; color: #fff;	font-weight: 400; margin-right: 10px;  margin-left: 2px;}

.help-banner .phone strong:before {content: '\E805';}
.help-banner .mail strong:before {content: '\E806'; font-size: 17px; top: -1px;} 

.trustpilot-widget iframe {padding-top: 15px;}
/* home-page */
.hp-bigslider  {max-width: 1600px; margin:auto;}

.icon-line {color: #000000; padding: 20px 0;}
.icon-line > ul {width: 1180px; margin: 0 auto; padding: 0; list-style-type: none; display: table; table-layout: fixed;}
.icon-line > ul li {max-width: 1180px; margin: 0 auto; padding: 0; list-style-type: none; display: table; table-layout: fixed;}
.icon-line ul li {display: table-cell; width: 25%; text-align: left; vertical-align: middle; padding: 0 20px 0 0px; position: relative;}
.icon-line div {display: table; width: 100%; height: 80%;}
.icon-line div > a {text-decoration: none; color: #808080; display: table-row; color: #000000;}
.icon-line ul li span {display: table-cell; vertical-align: middle; width: 0;}
.icon-line ul li strong {display: table-cell; vertical-align: middle; font-weight: 400; padding-left: 20px; padding-right: 20px; font-family: Oswald; font-size: 16px;}

.icon-line ul li.icl-1 span:before {display: inline-block; content:"\E819"; font-size: 40px; font-family: fontello;}
.icon-line ul li.icl-2 span:before {display: inline-block; content:"\E81A"; font-size: 33.5px; font-family: fontello;}
.icon-line ul li.icl-3 span:before {display: inline-block; content:"\E818"; font-size: 30px; font-family: fontello;}
.icon-line ul li.icl-4 span:before {display: inline-block; content:"\e827"; font-size: 40px; font-family: fontello;}



.c-hpbanners {background: #f6f6f6; padding: 100px 0;}
.hp-banners {max-width: 1180px; margin: 0 auto; height: 220px; position: relative;}
.hp-banners:after {content: ""; height: 0; overflow: hidden; display: block;	clear: both;}
.hp-banners .block {float: left; width: 23.72881356%; margin-right: 1.694915254237288%; height: 100%; position: relative;  xbackground: yellow;}
.hp-banners .block:last-of-type {margin-right: 0;}
.hp-banners .block:after {content: ""; height: 0; overflow: hidden; display: block;	clear: both;}

.hp-banners .block .small {height: 100px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05); background-color: #fff; overflow: hidden; position: relative;}
.hp-banners .block .small:first-of-type {margin-bottom: 20px;}

.hp-banners .block .small > a {display: table; width: 100%;	height: 100%;	text-decoration: none;}
.hp-banners .block .small > a > strong {display: table-cell; width: 80%; vertical-align: middle; padding: 20px 0 20px 28px;	color: #000; font-size: 16px;	text-transform: uppercase; font-family: Oswald;	font-weight: 400;}
.hp-banners .block .small > a > img {position:absolute; right: 0; bottom: 0;}

.hp-banners .block .big {display: block; width: 100%;	height: 100%;	position: relative; overflow: hidden;}
.hp-banners .block .big > a {display: block; width: 100%;	height: 100%;	text-decoration: none; color: #fff; }
.hp-banners .block .big > a > strong {position: absolute; top: 0; left: 0; z-index: 2; padding: 30px 0 0px 31px;	color: #fff; font-size: 19px;	text-transform: uppercase; font-family: Oswald;	font-weight: 400; letter-spacing: 0.3px;}
.hp-banners .block .big > a > img {position: absolute; top: 0; left: 0; z-index: 1; }

.stores-summary {max-width: 1180px; margin: 80px auto 100px auto;}
.stores-summary:after  {content: ""; height: 0; overflow: hidden; display: block;	clear: both;}

.stores-summary .ss-txt {float: left; width: 62.71186440677966%; height: 420px; background: #000; color: #fff; margin-top: 60px; padding: 60px 54px; text-align: center;}
.stores-summary .ss-txt:after  {content: ""; height: 0; overflow: hidden; display: block;	clear: both;}
.stores-summary .ss-txt h2 {color: #fff; padding: 2px 0 37px 0; margin: 0;}
.stores-summary .ss-txt > div {float: left; width: 33.33333%;}
.stores-summary .ss-txt > div > strong {font-family: Oswald; font-size: 26px; line-height: 28px; display: block;}
.stores-summary .ss-txt > div > strong:after {content: ""; height: 3px; width: 50px; background: #2d2d2d; display: block; margin: 20px auto 20px auto;}
.stores-summary .ss-txt > div > span {font-size: 14px; line-height: 22px; display: block; color: #c2c2c2; font-weight: 800;}
.stores-summary .ss-txt .btn-line {clear: both; text-align: center; padding-top: 41px;}

.stores-summary .ss-img {float: left; width: 37.28813559322034%; height: 540px; position: relative;}
.stores-summary .ss-img:before {content:""; position: absolute; left: -20px; bottom: -20px; height: 72px; width: 72px; overflow: hidden; background: url("../img/bg-rastr1.png") left top;}


.c-hpnews {background-color: #f6f6f6; padding: 88px 0 100px 0; overflow: hidden;}
.hp-news {max-width: 1180px; margin: auto; text-align: center;}
.hp-news h2 {padding: 2px 0 18px 0; margin: 0;}
.hp-news > div {display: table;	width: calc(100% + 80px);	border-spacing: 20px;	position: relative;	left: -40px;}
.hp-news > div:before {content: ""; position: absolute;	left: 20px;	bottom: 0px; height: 152px;	width: 72px; overflow: hidden; background: url("../img/bg-rastr2.png") left top;}
.hp-news > div:after {content: ""; position: absolute; right: 20px; top: 0px; width: 152px;	height: 72px;	overflow: hidden;	background: url("../img/bg-rastr3.png") left top;}
.hp-news div > div {text-align: left; background-color: #fff; padding: 38px 40px 69px 40px; width: 33.3333%; display: table-cell; position: relative;}

.hp-news div > div .news-link,
.archive-news > div .news-link {position: absolute; left: 40px; bottom: 40px; width: 19px; height: 11px; cursor: pointer;}

.hp-news div > div .news-link:after,
.archive-news > div .news-link:after {content: "\E812"; font-family: fontello; font-size: 9px; position: absolute; left: 0px; bottom: 0px; color: #acacac; }

.hp-news div > div .news-link:hover:after,
.archive-news > div .news-link:hover:after {color: #000;}

.hp-news div > div:nth-of-type(3n),
.archive-news > div:nth-of-type(3n) {margin-right: 0;}

.hp-news div > div .date,
.archive-news > div .date {font-size: 14px; font-family: Oswald; color: #acacac; line-height: 30px;}

.hp-news div > div h3,
.archive-news > div h2 {font-family: Overpass; font-size: 20px; line-height: 30px; padding: 8px 0 9px 0; margin: 0; max-height: 103px; overflow: hidden;}

.hp-news div > div h3 a,
.archive-news > div h2 a {text-decoration: none; display: block;}

.hp-news div > div .freetext,
.archive-news > div .freetext {color: #000000; line-height: 28px; padding: 0; margin: 0; max-height: 112px; overflow: hidden;}

.hp-news .btn-line {clear: both; padding-top: 20px; margin: 0;}


.producers-fav  {max-width: 1180px; margin: 124px auto 125px auto; text-align: center; border: solid 1px #e7e7e7;}
.producers-fav  h2 {margin:0; padding: 0 40px; background: #fff; position: relative; top: -22px; display: inline-block; }
.producers-fav .items {margin: 23px 0 -9px 0;}
.producers-fav .item {display: inline-block; vertical-align: middle; margin: 0 15px 20px 15px;}
.producers-fav .btn-line {padding: 0 40px; background: #fff; position: relative; bottom: -25px; }

.pr-slider {max-width: 1180px; margin: auto; padding: 100px 0 60px 1px;}
.pr-slider h2 {padding: 0; margin: 0;}
.pr-slider .comLCatalog .pr-item {border: solid 1px #fff; background-color: #fff; border-right-color: #ececec;}
.pr-slider .comLCatalog .pr-item:hover {box-shadow: none;}

.pr-slider .slick-arrow  {border: solid 1px #d8d8d8; background-color: #fff; height: 40px; width: 80px; position: absolute; top: -84px; right: 0; z-index: 1; font-size: 0;}
.pr-slider .slick-arrow:hover  {border-color: #000;}
.pr-slider .slick-arrow:before {content: "\E812";	font-size: 9px;	font-family: fontello; color: #231f20; position: absolute; left: 50%;	top: 50%;	transform: translate(-50%, -50%);}
.pr-slider .slick-prev  {right: 84px;}
.pr-slider .slick-prev:before {transform: translate(-50%, -50%) rotate(-180deg); margin-top: 1px;}


/* news-archive */

body.pg-newsarchive .main-content {max-width: 1180px; margin: auto;}
.archive-news {padding: 0 0 80px 0;}
.archive-news:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.archive-news > div {float: left; height: 352px; width: 32.20338983%; margin-right: 1.694915254%; margin-bottom: 20px; padding: 38px 40px 69px 40px; position: relative; background-color: #fff; border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}



/* detail-page */

.dp-top {max-width: 1180px; margin: auto; padding-top: 22px;}
.dp-top:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.dp-img {float: left; width: 55.9322033%; position: relative;}
.dp-img:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.dp-top > .dp-info {float: right; width: 40.6779661%; position: relative;}
.dp-top > .dp-info h1 {padding: 0px 100px 26px 0; margin: -5px 0 0 0; }
.dp-top > .dp-info .producerImage {position: absolute; top: 5px; right: 0; text-decoration: none;}
.dp-top > .dp-info .producerImage img {max-height: 30px; max-width: 60px; opacity: 0.314; background: #fff; color: #fff; }
.c-dp-info {float: right; width: 40.6779661%;}
    .c-dp-info .dp-info .sCode {padding: 0;margin: 0;color: #acacac;text-transform: uppercase;font-size: 10px;font-weight: 700;}
    .c-dp-info .dp-info .sCode strong{font-weight:bold;}

.productAttribute {position: absolute; z-index: 1; top: 20px; left: -1px;}
.productAttribute span {font-size: 12px; text-transform: uppercase; background: #69c264; color: #fff; font-weight: 700; padding: 6px 10px 4px 10px; margin-bottom: 6px; float:left; clear: left;}
.productAttribute span.atrDelivery {background: #69c264;}
.productAttribute span.atrAction {background: #ed1c24;}
.productAttribute span.atrNew {background: #1c7fed;}
.productAttribute span.atrTip {background: #f5a623;}

.atrSex {position: absolute; z-index: 1; top: 14px; right: 14px; font-size: 0px;}
.atrSex > span  {display: inline-block; position: relative; float: right; clear: right; width: 54px; height: 54px; margin-bottom: 10px; border: solid 1px #e3e3e3; background: #fff;  border-radius: 50%; text-align: center; line-height: 52px; } 
.atrSex span:before {display: inline-block; font-family: fontello;	line-height: normal; color: #27282c;	font-size: 18px; position: absolute; left: 50%;	top: 50%;	transform: translate(-50%, -50%);}
.atrSex .male:before {content: '\E80D';}
.atrSex .female:before {content: '\E80E';}

.dp-img .productAttribute {top: 16px; left: 0;}
.dp-img .productAttribute span {margin-bottom: 10px;}
#detail-bigImages {cursor: pointer;}

.detailSizeBox {position: relative; padding-bottom: 17px;}
.detailSizeBox:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.SizeID-button {font-size: 12px; text-decoration: underline; color: #000; font-weight: 600; position: absolute; top: 0; right: 0; cursor: pointer;}
.SizeID-button:before {content: attr(data-text);}
.SizeID-button:hover {text-decoration: none !important;}
.SizeID-button *{display:none}
.detailSizeBox .sizeT {padding: 0; margin: 0; color: #acacac; text-transform: uppercase; font-size: 13px; font-weight: 700;}

.detailSizeBox .sizes {color: #0004;	font-size: 13px; font-weight: 500; text-transform: uppercase;	padding: 12px 0 7px 11px; margin: 0 -10px;}
.detailSizeBox .sizes:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.detailSizeBox .sizes > a {color: #000; text-decoration: none; display: inline-block; float: left; border: solid 1px #cfcfcf; background-color: #f6f6f6; padding: 0 4px; min-width: 50px;  line-height: 38px; white-space: nowrap;	text-align: center;	margin: 0 11px 11px 0;	font-family: Oswald;} 
.detailSizeBox .sizes > a:hover {border-color: #000;}
.detailSizeBox .sizes > a.selected {border-color: #000; background-color: #fff; color: #ed1c24; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);}
.detailSizeBox .sizes > a.selected:hover {cursor: context-menu;}
.detailSizeBox .sb-button {display:none;}

.detailColorBox {
    position: relative;
    padding-bottom: 17px;
}
.detailColorBox:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.detailColorBox .colorT {padding: 0; margin: 0; color: #acacac; text-transform: uppercase; font-size: 13px; font-weight: 700;}
.detailColorBox .colorBox {padding: 12px 0 7px 11px; margin: 0 -11px;}
.detailColorBox .colorBox:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.detailColorBox .colorBox > div {height: 60px; width: 60px; border: solid 1px #cfcfcf; float: left; text-align: center;	margin: 0 10px 10px 0; position: relative;}
.detailColorBox .colorBox > div a {display: block; height: 100%;}
.detailColorBox .colorBox > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.detailColorBox .colorBox > div:hover {border-color: #000;}

.c-avail-delivery {position: relative; padding-bottom: 17px; }
#deliveryOptions {position: absolute; top: 2px; right: 0;}
#deliveryOptions > span {font-size: 12px; text-decoration: underline; color: #000; font-weight: 600; position: absolute; top: 0; right: 0; cursor: pointer; white-space: nowrap;}
#deliveryOptions > span:hover {text-decoration: none;}
.c-avail-delivery #availabilityAtDays {font-size: 16px; font-weight: bold; color: #bdbdbd;}
.c-avail-delivery #availabilityAtDays.onstore {color: #68c101;}
.c-avail-delivery #deliveryText {font-size: 14px; color: #000000; line-height: 22px; padding-top: 1px;}
.c-avail-delivery #deliveryText a {color: #000000;}

.board-card {border-top: solid 1px #cfcfcf; position: relative; padding: 10px 0;}
.board-card > span {font-size: 14px; color: #ed1c24;}
.board-card  > a {font-size: 12px; text-decoration: underline; color: #000; font-weight: 600; position: absolute; top: 13px; right: 0; cursor: pointer; white-space: nowrap; padding-left: 10px;}
.board-card  > a:hover {text-decoration: none; }

.dp-info .price-box {height: 116px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: #f6f6f6; padding: 30px; position: relative;}
.dp-info .price-box button {position: absolute; top: 30px; right: 30px;}
.dp-info .price-box .prices {font-family: Oswald;}
.dp-info .price-box .price-del {min-height: 12px;}
.dp-info .price-box del {font-size: 13px; color: #9b9b9b; line-height: 16px; position: relative; top: -4px;}
.dp-info .price-box .dp-price {font-size: 32px; color: #000; line-height: 30px; font-weight: 600; padding: 0; margin: 0; position: relative; top: -1px;}

.dp-info .price-box .vocher-detail {margin-top: -16px;}
.dp-info .price-box .vocher-detail label {display: block;}
.dp-info .price-box .vd-Input {width: 90px;}

#theLowesPriceOnTheInternet > span {display: inline-block; font-size: 14px; color: #000; position: relative; padding: 0px 0 0px 28px; margin: 20px 0; line-height: 26px; cursor: pointer;}
#theLowesPriceOnTheInternet > span:before {content:"\E803"; display: inline-block; font-family: fontello; font-size: 23px;position: absolute; left: 0; top: 0px;}
#theLowesPriceOnTheInternet > span span {text-decoration: underline;}
#theLowesPriceOnTheInternet > span:hover span {text-decoration: none;}

.dp-links {border-top: solid 1px #cfcfcf; position: relative; font-size: 14px; padding: 22px 0;}
.dp-links:after {content:""; height: 0px; display: block; overflow: hidden; clear: both;}
.dp-links #reservationLinks {float:left;}
.dp-links #shareProduct {float:right;}
.dp-links > div > span {text-decoration: underline; cursor: pointer;}
.dp-links > div > span:hover {text-decoration: none;}

.detail .icon-line {border-top: solid 1px #ececec; border-bottom: solid 1px #ececec; margin-top: 37px;}

#detail-smallImages {padding: 10px 0 7px 11px;	margin: 0 -11px;} 

#detail-smallImages .slick-track {margin: initial;}
#detail-smallImages .slick-slide {height: 60px; width: 60px !important; cursor: pointer; border: solid 1px #cfcfcf; float: left; text-align: center; margin: 0 10px 10px 0; position: relative; background: #fff;}
#detail-smallImages .slick-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 50px; width: 50px;}
#detail-smallImages .slick-slide:hover {border-color: #000;}
#detail-smallImages .slick-slide.slick-current {border-color: #000; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);}
#detail-smallImages .slick-slide.slick-current:hover {cursor: context-menu;}


.dp-bott {background-color: #f6f6f6; padding: 100px 0;}
.dp-bott-inner {max-width: 1180px; margin: auto; position: relative;}
.dp-bott-inner:after {content:""; display: block; clear: both; overflow: hidden; height: 0;}
.dp-bott .help-banner {width: 410px; float: right; padding: 30px 38px; margin-top: 0; overflow: visible;}

.dp-desc {width: calc(100% - 500px); float: left;}

.dp-desc .dp-description {padding-bottom: 14px;}
.dp-desc .dp-description h2 {margin: 0; padding: 2px 0 18px 0;}
.dp-desc .dp-description .dp-txt {line-height: 28px;}

.dp-desc .dp-params {padding-bottom: 34px;}
.dp-params h3 {margin-bottom: 20px;}
.dp-params__items {border-top: solid 1px #cfcfcf;}
.dp-params__item {display: flex; flex-wrap: wrap; align-items: center; min-height: 59px; border-bottom: solid 1px #cfcfcf; padding: 21px 20px 17px 20px; position: relative;}
.dp-params__item--roll {cursor: pointer;}
.dp-params__item--roll:after {content: '\E813'; font-family: fontello; font-size: 6px; color: #a7a7a7; font-weight: 400; position: absolute; top: 27px; right: 10px;}
.dp-params__item--roll:hover:after {color: #000;}




.dp-params__name {width: 50%; font-weight: 700; padding-right: 20px;} 
.dp-params__value {width: 50%; text-align: right;}
.dp-params__item--roll .dp-params__value {padding-right: 20px;}

.dp-params__item.open:after {transform: rotate(-180deg);}

.dp-params__description {display: none; font-size: 14px; padding: 20px 0 4px 0; line-height: 23px;}
.dp-params__item.open .dp-params__description {display: block;}

.dp-features {padding-bottom: 26px;}
.dp-features h2 {margin-bottom: 14px;}
.dp-features ul {padding: 0; margin: 0; list-style: none; columns: 2;}
.dp-features li {padding: 6px 10px 6px 18px; position: relative;}
.dp-features li:before {content:""; position: absolute; left: 0; top: 11px; height: 8px; width: 8px; border: solid 2px #000; border-radius: 50%; box-sizing: border-box;}

.dp-video {}
.dp-video__wrapper {position: relative; padding-top: 56.25%;}
.dp-video__wrapper iframe {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

.dp-bott .help-banner:before {content: ""; position: absolute; left: -20px;	bottom: -20px; height: 152px;	width: 72px; overflow: hidden; background: url("../img/bg-rastr2.png") left top;}
.dp-bott .help-banner h4 {font-size: 24px; width: 100%; padding: 4px 0; letter-spacing: 0.7px;}
.dp-bott .help-banner .person {margin: 21px 0 0 0;}
.dp-bott .help-banner .person img {height: 80px; margin: 0 20px 0 0;}
.dp-bott .help-banner .person div {font-size: 18px;	padding-top: 18px;}
.dp-bott .help-banner .phone {padding-top: 20px;}
.dp-bott .help-banner .phone strong {font-size: 18px;}
.dp-bott .help-banner .phone span {padding-top: 2px;}
.dp-bott .help-banner .mail strong {font-size: 18px;}


#myLightBox .modal2-content {height: calc(100% - 80px); max-height: 900px; width: 900px; border: none; margin-top: 21px; }
#myLightBox .mLB-caption {font-size: 36px; font-family: Oswald; padding: 0; margin: 0; position: absolute; width: 100%; top: -88px; background: transparent;}
#myLightBox .mLB-caption p {padding: 0; margin: 0;}
#myLightBox .modal2-content .mLB-mySlides {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% - 100px);}
#myLightBox .modal2-content .mLB-mySlides img {max-height: 100%;}
#myLightBox .mLB-small {position: absolute; left: -310px; top: 0; width: 100px;}
#myLightBox .mLB-small {position: absolute; left: -310px; top: 0; width: 100px;}
#myLightBox .mLB-small .mLB-thumbnail {width: 100%; clear: left; margin-bottom: 10px; border: solid 1px #fff; background: #fff; padding: 9px;}
#myLightBox .mLB-small .mLB-thumbnail img {max-width: 80px; float: left;}
#myLightBox .mLB-small .mLB-thumbnail.active, #myLightBox .mLB-small .mLB-thumbnail:hover {opacity: 1; border-color: #000; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);}
#myLightBox .mLB-small .mLB-thumbnail.active {cursor: auto;}

.mLB-prev:before, .mLB-next:before {content: "\E812"; font-size: 9px; font-family: fontello; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.mLB-prev:before {transform: translate(-50%, -50%) rotate(-180deg);}
 .mLB-next::before {margin-top: -1px;}


/* popup after buying */

.bhb-info .bt-line {margin-top: 25px;}
.bhb-info .bt-line:after {content: ""; height: 0; overflow: hidden; display: block; clear: both;}
.bhb-info .bt-line .btn-red {line-height: 49px; height: 50px; float: right;}
.bhbi-item {margin-bottom: 30px; display: table; width: 100%;}
.bhbi-item:after {content: ""; height: 0; overflow: hidden; display: block; clear: both;}
.bhbi-item > span {display: table-cell; width: 0px; vertical-align: middle;}
.bhbi-item span img {float: left; width: 140px; margin-right:40px;}
.bhbii-text {display: table-cell; vertical-align: middle; width: 100%;}
.bhbii-text h3 {padding: 0; margin: 0; padding-bottom: 20px;}
.bhbii-text > strong {display: block; font-size: 18px; margin-bottom: 7px; font-weight: 400;}
.bhbii-text span {color: #acacac;} 

.bhb-youCouldLike {text-align: center; border-top: solid 1px #000; background: #f6f6f6; padding: 60px;}
.bhb-youCouldLike h3 {padding: 0 0 40px 0; margin: 0;}
.bhb-youCouldLike .comLCatalog {margin: 0;}
.bhb-youCouldLike .comLCatalog .pr-item {border-bottom-color: #f6f6f6; border-right-color: #f6f6f6;}

.bhb-info .delivery-line::before {
	left: 39px;
	top: calc(50% - 3px);
	transform: translate(0, -50%);
}

.basketHoverbox .modal2-content {width:998px; max-width: calc(100% - 80px);}
.bhb-info {padding: 50px 60px 60px 60px;}

/* registration */

.registration h2 {font-size: 24px;}
.form-block h2 {font-size: 24px; padding: 0 0 13px 0; margin: 0;}
.form-block {width: 480px; padding: 30px 0 24px 0;}
.form-block input[type="text"],
.form-block input[type="password"],
.form-block select,
.form-block .fake-select {width: 280px; height: 50px;}
.form-block .block-content > div {position: relative;}
.form-block .block-content > div:after {content: ""; height: 0;	display: block;	clear: both; overflow: hidden;}
.form-block .block-content > div label {width: 180px; position: absolute; padding-top: 5px; left: 0;	top: 50%;	transform: translate(0%, -50%);}

.form-block .block-content > div input[type="text"],
.form-block > div input[type="password"],
.form-block > div input[type="number"],
.form-block > div select,
.form-block > div .fake-select,
.form-block > div textarea {float: right; display: inline-block;	margin: 9px 0 8px 2.8%;}

.form-block .bank-code input.bankaccount {position: absolute; right: 90px; width: 190px;}
.form-block .bank-code input.bankcode {width: 80px;}

#DataB2B .branches,
#DataB2B .contacts {padding: 10px 0;}

#DataB2B .branches,
#DataB2B .contacts {position: relative;}

#DataB2B .branches span.del,
#DataB2B .contacts span.del {display: inline-block; width: 12px; height: 12px; position: relative; cursor: pointer; font-size: 0;}

#DataB2B .branches span.del:before,
#DataB2B .contacts span.del:before {content: "\E815"; display: inline-block; font-size: 12px; font-family: fontello; color: #9b9b9b;}

#DataB2B .branches span.del:hover:before,
#DataB2B .contacts span.del:hover:before {color: #000;}



.form-block.tac-block p:after {content: ""; height: 0;	display: block;	clear: both; overflow: hidden;}

.form-block.tac-block p input {float:right;}
.form-block.tac-block p img {vertical-align: middle; margin-right: 30px; margin-top: 5px;}

#otherAddress.form-block {border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; padding: 39px 0; margin: 8px 0; width: auto;}
#otherAddress .block-content {padding-top: 39px; width: 480px;}
.form-block .fake-check label {position: relative; padding-left: 30px; display: inline-block;}
.form-block .fake-check label .icheckbox {position: absolute; top: -1px; left: 0;}

.form-block.check-block {padding-top: 33px;}
.form-block.check-block h2 {padding: 0 0 12px 0;}
.form-block.check-block .fake-check {padding: 10px 0;}

body.registration .form-block.check-block {padding-bottom: 10px;}
body.registration .form-block.tac-block  {padding-top: 0px;} 

span.req_char {padding-left: 4px; color: #ed1c24;}

#ForumForm_ChckCode_div {margin-top: 30px;}
form.registration .btn-line {margin: 16px 0 100px 0;}

.B2CToB2BSwitch.fake-radio:after {content:""; display: block; height: 0; clear: both; overflow: hidden;}
.B2CToB2BSwitch.fake-radio label {float: left; clear: left; margin: 10px 0; position: relative; padding-left: 30px; display: inline-block;}
.B2CToB2BSwitch.fake-radio label .iradiobox {position: absolute;	top: -1px; left: 0;}

.why-us {padding: 42px 60px 35px 60px;background-color: #f1f1f1;}
.why-us h3 {margin: 0; padding: 0 0 21px 0;}
.why-us ul {padding: 0;	margin: 0; list-style-type: none;}
.why-us ul li {padding: 12px 0 12px 30px;	position: relative;}
.why-us ul li:before {content: '\e825'; display: inline-block; font-family: fontello;	color: #000; font-size: 20px;	position: absolute;	left: 0; top: 9px; height: 20px; width: 20px;}

body.registration .btn-line {clear: both; padding-top: 15px;}

/* basket */
.orderNav {height: 96px; background-color: #f6f6f6;}
.orderNav ul {padding: 0px; margin: 0; max-width: 1180px; margin: auto; list-style-type: none;}
.orderNav ul:after {content:""; height: 0; overflow: hidden; display: block; clear: both;}
.orderNav ul {padding: 0px; margin: 0; max-width: 1180px; margin: auto; position: relative;}
.orderNav ul li {float: left; width: 23.72881356%; margin-right: 1.694915254%; font-size: 18px; font-family: Oswald; color: #acacac; padding: 33px 0 27px 0; position: relative;}
.orderNav ul li:after {content:"\E812"; font-family: fontello; color: #acacac;  font-size: 11px; position: absolute; top: 50%; right: 3.571428571428571%; transform: translate(0%, -50%);}
.orderNav ul li.active {color: #000;}
.orderNav ul li:last-of-type {margin-right: 0;}
.orderNav ul li:last-of-type:after {display: none;}

.orderNav ul li > span {width: 36px; height: 36px; margin-right: 15px; border: solid 1px #fff; display: inline-block; background-color: #fff; vertical-align: middle; position: relative; top: -3px;}
.orderNav ul li > span:before {content:"1"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.orderNav ul li.step2 > span:before {content:"2";}
.orderNav ul li.step3 > span:before {content:"3";}
.orderNav ul li.step4 > span:before {content:"\E81B"; font-family: fontello; font-size: 8px;}
.orderNav ul li.active > span {color: #000; border-color: #000; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);}
.orderNav ul li > strong {font-weight: 400; display: inline-block; vertical-align: middle;}
.orderNav ul li > strong a {color: #acacac;}
.orderNav ul li.active > strong a {color: #acacac;}


#tabs-set .orderNav {height: 66px; box-shadow: 0 1px 0 0 #ececec;}
#tabs-set .orderNav ul {padding-left: 20px;}
#tabs-set .orderNav ul li {font-size: 14px; padding: 23px 0 17px 0px;}
#tabs-set .orderNav ul li > span {width: 26px; height: 26px;}
#tabs-set .orderNav ul li.step4 > span:before {content:"4"; font-size: 14px; font-family: Oswald;}
#tabs-set .comLCatalog {margin: 20px 0;}
#tabs-set .comLCatalog .pr-item {height: 464px; padding: 10px 12px; border: solid 1px #fff;}
#tabs-set .comLCatalog .pr-item .pr-img {height: 140px; overflow: hidden; margin-bottom: 9px;}
#tabs-set .pr-item .pr-img a {width: 140px; margin: auto;}
#tabs-set .pr-item .pr-img img {height: 140px; width: 140px; float: none;	margin-bottom: 0px; position: relative;}
#tabs-set .pr-item .pr-producer {margin-bottom: 6px; margin-top: 5px;}
#tabs-set .pr-item .pr-name {font-size: 14px; color: #ed1c24; line-height: 1.30;}
#tabs-set .pr-item .pr-name a {color: #ed1c24;}
#tabs-set .pr-sizes {height: 40px; position: relative; position: absolute; bottom: 169px;	left: 12px; width: calc(100% - 24px);}
#tabs-set .pr-sizes .fake-select {height: 40px; display: inline-block; width: 100px; text-align: left; }
#tabs-set .pr-sizes .fake-select .mySelectBox {min-height: 40px; min-width: 100px; padding-top: 38px;}
#tabs-set .pr-sizes .fake-select .mySelectBox li {height: 33px; padding: 2px 20px 0px 15px; line-height: 34px; font-size: 14px;}
#tabs-set .pr-sizes .fake-select .mySelectBox li.active {height: 39px; line-height: 40px; color: #000000; padding-top: 1px;}
#tabs-set .pr-item .pr-marketPrice {font-size: 14px; font-family: Oswald;	color: #acacac;	line-height: 20px;	position: absolute;	width: calc(100% - 24px);	left: 12px;	bottom: 116px;}
#tabs-set .pr-item .pr-marketPrice del {display: block;}
#tabs-set .pr-item .pr-price {bottom: 80px;	padding-bottom: 0;}
#tabs-set .pr-item .btn {position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0); height: 50px; line-height: 49px;}
#tabs-set .pr-item .productNameChoose {font-size: 14px; font-weight: 600;}

.order-content {margin-right: 0; max-width: 1180px; margin: auto; padding-bottom: 100px;}

.pg-order.step-1 .order-content {padding-top: 34px;}
.pg-order.step-2 .order-content {padding-top: 60px;}
.pg-order.step-3 .order-content {padding-top: 60px;}
body.pg-finish-order .order-content {padding-bottom: 100px;}

.pg-order .order-items {width: 100%;}
.pg-order .order-items td {padding: 10px;}
.pg-order .order-items td.item {padding-left: 0;}
.pg-order .order-items thead td {font-size: 12px; font-weight: 700; color: #acacac; text-transform: uppercase; border-bottom: solid 2px #acacac; padding-bottom: 8px;}
.pg-order .order-items td.sizes,
.pg-order .order-items td.avail,
.pg-order .order-items td.amount {text-align: center;}
.pg-order .order-items td.price {text-align: right;}
.pg-order .order-items tbody td {border-bottom: solid 1px #cfcfcf; vertical-align: middle; height: 100px;}
.pg-order .order-items tfoot td {height: 60px;}

.pg-order .order-items td.item a,
.pg-order .order-items tfoot td.item p {display: table; table-layout: fixed; padding: 0; margin: 0;}
.pg-order .order-items td.item a > span,
.pg-order .order-items tfoot td.item p > span {display: table-cell; vertical-align: middle; width: 100px;}
.pg-order .order-items td.item a > span img,
.pg-order .order-items tfoot td.item p > span img {float:left;}
.pg-order .order-items td.item a > strong {display: table-cell; vertical-align: middle; line-height: 28px; text-transform: uppercase; width: 320px; font-weight: 400;}
.pg-order .order-items td.item a > strong > span {color: #000;}
.pg-order .order-items tfoot td.item p > strong {display: table-cell; vertical-align: middle; line-height: auto; font-size: 14px; width: 320px; font-weight: 400;}
.pg-order .order-items tfoot td.item p > strong span {font-weight: 700;}

.pg-order .order-items tbody td .fake-select {display: inline-block; width: 90px; height: 40px;}
.pg-order .order-items tbody td .mySelectBox {left: 0; top: 0; width: 100%; min-width: auto; min-height: 40px; padding-top: 38px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); text-align: left;}
.pg-order .order-items tbody td .mySelectBox li {height: 31px; background-color: #fff; padding: 1px 20px 0px 20px; line-height: 32px;}
.pg-order .order-items tbody td .mySelectBox li.active {height: 39px;	line-height: 40px; color: #000;}
.pg-order .order-items tbody td .mySelectBox li.li-select:hover {background-color: #f6f6f6;}
.pg-order .order-items tbody td .mySelectBox:hover {z-index: 2;}
.pg-order .order-items tbody td .fake-select.sizeOne {padding-left: 25px;	display: table-cell; vertical-align: middle; text-align: left;}

.pg-order .order-items tbody td.avail > span {font-size: 14px; color: #acacac;}
.pg-order .order-items tbody td.avail > span strong {font-size: 16px; font-weight: 700; display: block; padding-bottom: 2px;}
.pg-order .order-items tbody td.avail > span.onstore strong {color: #68c101;}

.pg-order .order-items tbody td.amount .c-amount {display: inline-block; width: 90px; height: 40px; position: relative;}
.pg-order .order-items tbody td.amount .c-amount input {height: 100%; width: 100%; text-align: center; color: #000000;}
.pg-order .order-items tbody td.amount .c-amount a {text-decoration: none; color: #d8d8d8; position: absolute; top: 0px; left: 0px; height: 100%; width: 30px; text-align: center; font-size: 0;}
.pg-order .order-items tbody td.amount .c-amount a:hover:before {background: #000000;}
.pg-order .order-items tbody td.amount .c-amount a.plus {left: auto; right: 0px;}
.pg-order .order-items tbody td.amount .c-amount a:before {content: ""; width: 10px; height: 2px; background: #d8d8d8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pg-order .order-items tbody td.amount .c-amount a.plus:after {content: ""; width: 2px; height: 10px; background: #d8d8d8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pg-order .order-items tbody td.amount .c-amount a.plus:hover:after {background: #000000;}

.pg-order .order-items tbody td.price,
.pg-order .order-items tfoot td.price {color: #27282c; font-size: 16px; font-family: Oswald;}
.pg-order .order-items tbody td.price.item,
.pg-order .order-items tfoot td.price.item {font-weight: 700; padding-left: 10px; width: 106px;}

.pg-order .order-items td.del {padding-right: 13px; padding-left: 17px;}
.pg-order .order-items td.del span {display: inline-block; width: 12px; height: 12px; position: relative; cursor: pointer; font-size: 0;}
.pg-order .order-items td.del span:before {content: "\E815"; display: inline-block;	font-size: 12px; font-family: fontello;	color: #9b9b9b;}
.pg-order .order-items td.del span:hover:before {color: #000;}

.basket-coupon  {padding: 30px 0;}
.basket-coupon .fake-check label {position: relative; padding-left: 30px; display: inline-block;}
.basket-coupon .fake-check label .icheckbox {position: absolute; top: -1px;	left: 0;}
.basket-coupon .fake-check label span {font-size: 14px;}
.basket-coupon .block-content {padding-top: 18px; display: none;}
.basket-coupon .block-content input {width: 443px; margin-right: 7px;}

.order-content .c-total-sum  {height: 90px; background: #f6f6f6; position: relative;}
.order-content .total-sum {position: absolute; right: 58px; top: 29px; font-family: Oswald; }
.order-content .total-sum strong {font-size: 20px; font-weight: 700; padding-left: 49px;}
.order-content .delivery-line {padding: 24px 40px 23px 75px; border: none; position: relative; top: 6px;}
.order-content .delivery-line:before {left: 32px; top: 27px;}
.order-content .delivery-line div.del-meter {width: 510px; left: 74px; bottom: 12px;}
.order-content .bt-line,
.pg-userdata .main-content .bt-line {padding-top: 60px;}

.order-content .bt-line > a,
.pg-userdata .main-content .bt-line > a {line-height: 53px;}
.order-content .bt-line .btn,
.pg-userdata .main-content .bt-line .btn {float: right;}
.order-content .bt-line a.back-link,
.pg-userdata .main-content .bt-line a.back-link  {font-size: 14.5px; color: #000; cursor: pointer;}
.pg-userdata .main-content {padding-bottom: 100px;}

.pg-order.step-1 .order-content .icon-line {margin-top: 80px;}

.pg-order #logo  {left: 30px; transform: translate(0, -50%);}
.pg-order .header-phone  {right: auto; left: 50%; transform: translate(-50%, 0);}


body.pg-order.step-1 #logo {left: 50%; top: 50%; transform: translate(-50%, -50%);}
body.pg-order.step-1 .header-phone {left: auto; right: 328px; top: 0; transform: translate(0, 0);}


.pg-order.step-2 .order-content .col-1,
.pg-order.step-3 .order-content .col-1 {float: left; width: 66.10169492%; min-height: 400px;}

.pg-order.step-2 .order-content .col-2,
.pg-order.step-3 .order-content .col-2 {float: right; width: 30.508474576%; min-height: 200px; padding-top: 40px;}
.pg-order.step-3 .order-content .col-2 {padding-top: 0px;}

.pg-order.step-2 .order-content .bt-line,
.pg-order.step-3 .order-content .bt-line {min-height: 50px; clear: both;}


#order-minibasket {border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; font-size: 12px;}
#order-minibasket h2 {font-size: 18px; margin: 0; padding: 30px 30px 0;}
#order-minibasket .mb-tbl {width: calc(100% - 60px); margin: 0 30px;}
#order-minibasket .mb-tbl .pict img {height: 40px; width: 40px; float: left;}
#order-minibasket .mb-tbl .name {text-transform: uppercase;}
#order-minibasket .mb-tbl tbody .name {padding-top: 11px;}
#order-minibasket .mb-tbl .name > span {display: inline-block; padding: 0 30px 0 10px;}
#order-minibasket .mb-tbl tbody td {border-bottom: solid 1px #cfcfcf; height: 61px; padding: 6px 0; vertical-align: middle;}
#order-minibasket .mb-tbl tbody tr.price-all td {height: 48px; padding: 0;}
#order-minibasket .mb-tbl tbody tr.price-all td.name strong {padding-top: 1px; display: inline-block;}
#order-minibasket .mb-tbl .price {width: 50px; font-family: Oswald; text-align: right;}
#order-minibasket .mb-tbl tfoot td {vertical-align: middle;}
#order-minibasket .mb-tbl tfoot tr:first-of-type td {padding: 17px 0 5px 0;}
#order-minibasket .mb-tbl tfoot tr:last-of-type td {padding: 5px 0 15px 0; }
#order-minibasket .mb-tbl tfoot .price span {position:relative; top: -1px;}
#order-minibasket .total-price {padding: 20px 30px; background: #f6f6f6; border-top: solid 1px #cfcfcf;}
#order-minibasket .total-price label {text-transform: uppercase;}
#order-minibasket .total-price .price {font-size: 14px; float: right; font-family: Oswald; position: relative; top: -2px;}


.order-content .delivery.methods { margin: -5px 0 60px 0;}
.order-content .methods h2 {margin: 0; padding: 0 0 20px 0; font-family: Oswald; font-size: 18px; color: #000000;}

.order-content .methods > ul {padding: 0; margin: 0; list-style-type: none; border: solid 1px #f0f0f0; border-bottom: none;}
.order-content .methods > ul > li {border-bottom: solid 1px #f0f0f0; min-height: 67px;}
.order-content .methods > ul > li.active {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(0,0,0,1) inset; border-bottom-color: #dadada;}
.order-content .methods > ul > li.disabled {filter:grayscale(100%);opacity:0.4;}
.order-content .methods h3 {font-size: 16px; font-family: Overpass; font-weight: 700; padding: 25px 0 12px 0; margin: 0 170px 0 0;}
.order-content .delivery.methods h3 {margin: 0 310px 0 0;}

.order-content .methods li > label {min-height: 66px; position: relative; display: block;	padding: 0 0 0 159px; cursor: pointer;}
.order-content .methods li > label .icheckbox {margin-right: 8px;}
.order-content .methods label > p {font-size: 14px; color: #8b8b8b; line-height: 22px; padding: 0 0 14px 0; margin: 0 170px 0 0;}
.order-content .delivery.methods > ul > li > label > p {color: #27282c; position: absolute; top: 24px; right: 135px; max-width: 241px; margin: 0; padding: 0;}


.order-content .methods label > span {display: inline-block; width: 70px; height: 0; position: absolute; left: 69px; top: 35px; text-align: center;}
.order-content .methods label > .iradiobox {position: absolute; left: 29px; top: 23px;}
.order-content .methods label > strong {position: absolute; right: 29px; top: 25px;}

.order-content .methods label > span img {max-width: 100%; position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%);}
.order-content .methods li.pm-dobirka label > span img {height: 25px;}
.order-content .methods li.pm-cash label > span img {height: 27px;}
.order-content .methods li.pm-card label > span img {width: 40px;}
.order-content .methods li.pm-twisto label > span img {width: 100%;}
.order-content .methods li.pm-platba24 label > span img {width: 100%;}

.order-content .methods li.dm-gls-1 label > span img {height: 32px;}
.order-content .methods li.dm-sp label > span img {height: 36px;}

.order-content .dm-content > p {font-size: 14px; color: #8b8b8b; line-height: 22px; padding: 0 0 0 159px; margin: -13px 309px 0 0;}
.order-content .dm-content .choose-market {margin: 16px 30px 30px}
.order-content .dm-content .choose-market > ul {padding: 0; margin: 0; list-style-type: none;}
.order-content .dm-content .choose-market > ul h4 {font-size: 16px; font-family: Overpass; font-weight: 700; padding: 21px 0 0 0; margin: 0 30px 0 0;}
.order-content .dm-content .choose-market > ul li > label {min-height: 60px; padding: 0 0 0 51px; background-color: #f6f6f6;}
.order-content .dm-content .choose-market > ul li.active > label {background-color: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(0,0,0,1) inset;}
.order-content .dm-content .choose-market li label > .iradiobox {left: 20px; top: 20px;}
.order-content .dm-content .choose-market > ul li {padding-top: 1px; }
.order-content .dm-content .choose-market > ul > li > label > p {color: #27282c; padding: 0 0 15px 0; margin: 0 30px 0 0;}

.pg-order.step-3 #otherAddress.form-block {width: auto;}
.pg-order.step-3 #otherAddress.form-block .block-content {width: 480px;}
.pg-order.step-3 .form-block.order-note {width: auto; border-bottom: solid 1px #cfcfcf; padding: 23px 0 32px 0;}
.pg-order.step-3 .form-block.order-note label {transform: translate(0%, 0%); top: 21px;}
.pg-order.step-3 .form-block.order-note textarea {width: calc(100% - 200px); height: 120px; padding: 14px 20px 14px 20px;}
.pg-order.step-3 .bt-line .btn {position: relative;}

.order-content .OrderLoginDiv {background-color: #f6f6f6; padding: 32px 30px 27px 68px; color: #27282c; position: relative;}
.order-content .OrderLoginDiv > span {text-decoration: underline; color: #ed1c24; cursor: pointer;}
.order-content .OrderLoginDiv > span:hover {text-decoration: none;}
.order-content .OrderLoginDiv:before {content: '\E809';	display: inline-block; font-family: fontello;	color: #c6c6c6;	font-size: 20px; position: absolute; left: 30px; top: 28px;}

.order-content .bt-line {position: relative;}
.order-content .bt-bubbleinfo {position: absolute; right: 0; bottom: 74px; width: 456px; font-size: 13px; color: #000; border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 10px 20px;}
.order-content .bt-bubbleinfo a {color: #000; display: inline;}
.order-content .bt-bubbleinfo:before {border: medium solid transparent; border-top-color: #cfcfcf; border-width: 11px; bottom: -22px; right: 30px; content: " "; height: 0; position: absolute; width: 0;} 
.order-content .bt-bubbleinfo:after {border: medium solid transparent; border-top-color: #fff; border-width: 10px; bottom: -20px; right: 31px; content: " "; height: 0; position: absolute; width: 0;}

body.pg-finish-order .c-body {background: url("../img/basket4-bg.jpg") center top no-repeat;}
body.pg-finish-order h1 {text-align: center; padding: 73px 0 21px 0;}
.order-content .orderfinsh-info {text-align: center; max-width: 680px; margin: auto; line-height: 28px;}
.orderfinsh-info p {margin: 0; padding: 14px 0;}
.order-content .share-on-fb {padding: 20px 0 0 0;}
.order-content .share-on-fb .btn {height: 40px; line-height: 38px; padding: 0 16px 0 14px;}
.order-content .share-on-fb .btn:before {vertical-align: middle; font-size: 16px; position:relative; top: -2px; margin-right: 10px;}

.orderfinsh-icon { padding: 60px 0 20px 0; overflow: hidden;}
.orderfinsh-icon:after {content: ""; height: 0; display: block; overflow: hidden; clear: both;}
.orderfinsh-icon ul {margin: 0; padding: 0px 0; list-style-type: none;}
.orderfinsh-icon li {float: left; width: 23.72881356%; margin-right: 1.694915254237288%; position: relative;}

.orderfinsh-icon li:nth-of-type(4n) {margin-right: 0;}
.orderfinsh-icon li > p {padding: 7px 0 6px 0; margin: 0; font-size: 13px; color: #acacac; font-weight: 700; text-align: center; text-transform: uppercase;}
.orderfinsh-icon li > div {border: solid 1px #cfcfcf; background: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); height: 86px; position: relative;}
.orderfinsh-icon li> div:after {content: '\E813'; display: inline-block; color: #d8d8d8; font-size: 7px; font-family: fontello; font-weight: 400; position: absolute; left: calc(103.57142857% + 1px) ; top: 50%; transform: rotate(-90deg) translate(0,-50%);}
.orderfinsh-icon li > div > span {font-size: 15px; color: #27282c; position: absolute; top: 50%; left: 0px; transform: translate(0, -50%); padding: 4px 20px 0px 79px;}
.orderfinsh-icon li > div > span:before {content: ''; display: inline-block; font-family: fontello; font-size: 33px; font-weight: 400; position: absolute; left: 20px; top: 50%; transform: translate(0,-50%);}
.orderfinsh-icon li.type-1 > div > span:before {content: '\e828';}
.orderfinsh-icon li.type-2 > div > span:before {content: '\e829'; font-size: 30px;}
.orderfinsh-icon li.type-3 > div > span:before {content: '\e82a'; font-size: 40px;}
.orderfinsh-icon li.type-4 > div > span:before {content: '\E81A';}

.OrderLogin.login-box .modal2-content {width: 540px; {width: 980px; max-width: calc(100% - 80px);}}
.OrderLogin.login-box .modal2-content:before {display: none;}
.OrderLogin.login-box .loginbox-1 {width: 100%;}
.OrderLogin.login-box .modal2-content .close {background-color: #f6f6f6;}

.packageToPost .logos,
.packageToDepo .logos,
.packageToPPL .logos {
    margin-bottom: 20px;
    position: relative;
}
    .packageToPost .logos:after,
    .packageToDepo .logos:after,
    .packageToPPL .logos:after {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
    }
    .packageToPost .logos img,
    .packageToDepo .logos img,
    .packageToPPL .logos img {
        vertical-align: middle;
    }
.packageToPost .logos #secondaryLogo,
.packageToDepo .logos #secondaryLogo {position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}

.packageToPost .modal2-content,
.packageToDepo .modal2-content,
.packageToPPL .modal2-content {
    padding: 50px 60px 60px 60px;
    width: 980px;
    max-width: calc(100% - 80px);
}
    .packageToPost .modal2-content .selectionNaPostu,
    .packageToDepo .modal2-content .selectionBalikovna, .packageToPPL .modal2-content .selectionParcelShop {
        display: table;
        width: 100%;
        border: solid 1px #999999;
        height: 50px;
        margin-top: 6px;
        font-size: 14px;
        cursor: pointer;
    }



    .packageToPost .modal2-content .selectionNaPostu img,
    .packageToDepo .modal2-content .selectionBalikovna img,
    .packageToPPL.modal2-content .selectionParcelShop img {
        vertical-align: middle;
    }

.packageToPost .modal2-content .selectionNaPostu .ATM,
.packageToPost .modal2-content .selectionNaPostu .parking,
.packageToPost .modal2-content .selectionNaPostu .completServis,
.packageToPost .modal2-content .selectionNaPostu .longerOpenHours {padding: 4px 0px 3px 0px;}

    .packageToPost .modal2-content .selectionNaPostu .city,
    .packageToDepo .modal2-content .selectionBalikovna .city,
    .packageToPPL .modal2-content .selectionParcelShop .city {
        padding-left: 10px;
    }

.packageToPost .modal2-content .selectionNaPostu .longerOpenHours,
.packageToDepo .modal2-content .selectionBalikovna .longerOpenHours, 
.packageToPPL .modal2-content .selectionParcelShop .longerOpenHours {padding-right: 10px;}

.packageToPost .outputDataNaPostu > input[type="text"],
.packageToDepo .outputDataBalikovna > input[type="text"],
.packageToPPL .outputDataParcelShop > input[type="text"] {width: 100%; margin-top: 20px;}

.packageToPost .about,
.packageToDepo .about, 
.packageToPPL .about {padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #cfcfcf;  line-height: 26px;}
.packageToPost .confirm,
.packageToDepo .confirm,
.packageToPPL .confirm {
    text-align: right;
    padding-top: 20px;
}
.packageToPost .legend > h4 {font-size: 18px; letter-spacing: 1px;}
.packageToPost .legend > .item {padding: 3px 0; font-size: 15px; color: #8b8b8b;}
.packageToPost .legend > .item img {vertical-align: middle; margin-right: 4px;}
.packageToPost .legend > .item > span {display: inline-block; position: relative; top: 1px;}

.outputDataNaPostu div.table, .outputDataBalikovna div.table, .outputDataParcelShop div.table {
    max-height: 210px;
    overflow-y: auto;
    margin-top: 10px;
}
.outputDataNaPostu ul, .outputDataBalikovna ul, .outputDataParcelShop ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    display: table;
    width: 100%;
}
.outputBal > div, .selectionBalikovna > div, .selectionNaPostu > div, .outputPpl > div, .selectionParcelShop > div {
    display: table-cell;
    height: 30px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
    padding: 4px 5px 3px 5px;
}
.outputBal, .outputPpl {
    display: table-row;
    min-height: 30px;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 1%;
}

    .outputBal:hover > div, .outputPpl:hover > div {
        background: #f6f6f6;
    }

.packageToPost .city,
.packageToDepo .city,
.packageToPPL .city {
    width: 13%;
}
.packageToPost .cityPart,
.packageToDepo .cityPart {width: 20%;}
.packageToPost .address,
.packageToDepo .address,
.packageToPPL .address {
    width: 50%;
}
.packageToPost .openingHours,
.packageToDepo .openingHours,
.packageToPPL .openingHours {
    width: 5%;
}
    .packageToPost .openingHours img,
    .packageToDepo .openingHours img,
    .packageToPPL .openingHours img {
        vertical-align: middle;
    }

.packageToPost .iconGroup {width: 10%; white-space: nowrap;}
.packageToPost .iconGroup > div {display: inline-block; white-space: nowrap;}
.packageToPost .iconGroup > div img {margin: 0 2px; vertical-align: middle;}

.selectionNaPostu > div {border: none;}


.packageToPost .days, .packageToDepo .days, .packageToPPL .days {
    visibility: hidden;
    position: absolute;
    z-index: 100000;
    background: white;
    border: 1px solid #000;
    color: #000;
    font-size: 10px;
    padding: 10px;
    max-width: 250px;
    text-align: left;
    line-height: 1.3;
    margin-left: 10px;
}

    .openingHours:hover .days{
        visibility: visible;
    }
        /* my-account */
        body .pg-myaccount .main-content, body.pg-aboutbuying .main-content {max-width: 1180px; margin: auto; padding-bottom: 100px;}
body.pg-myaccount .col-1,
body.pg-aboutbuying .col-1 {min-height: 150px; padding: 18px 0 100px 0; xbackground: yellow;}
body.pg-myaccount .col-2,
body.pg-aboutbuying .col-2 {min-height: 300px; xbackground: pink;}



body.pg-myaccount h1,
body.pg-aboutbuying h1 {padding: 19px 0 28px 0; float: right;	width: 74.57627119%;	position: relative;}

.leftmenu-box h2 {background: #000; height: 60px;	color: #fff;	font-family: Oswald;	font-size: 18px;	margin: 0;	padding: 0 20px;	line-height: 60px;	margin-bottom: -1px;}
.leftmenu-box > ul {padding: 9px 20px 8px 20px; border: solid 1px #ececec; margin: 0; list-style-type: none;}
.leftmenu-box > ul > li {border-bottom: solid 1px #ececec; }
.leftmenu-box > ul > li:last-of-type {border-bottom: solid 1px #fff; }
.leftmenu-box > ul > li > a,
.leftmenu-box > ul > li > span {display: block; padding: 16px 0 11px 0} {display: block; padding: 16px 0 11px 0}
.leftmenu-box > ul > li > form > button{margin-top:10px;}
.ma-userinfo {background-color: #f6f6f6; border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); padding: 30px; position: relative;}
.ma-userinfo:after {content: ""; display: block; clear: both; overflow: hidden; height: 0;}
.ma-userinfo h3 {padding: 1px 0 16px 0; margin: 0;}
.ma-userinfo > p {padding: 0; margin: 0; float: left; width: 33.33333%; padding-right: 2%;}
.ma-userinfo > p > span {display: block; line-height: 28px;}
.ma-userinfo > p > span {display: block; line-height: 28px;}
.ma-userinfo > p.bc-points {background-color: #000; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2); color: #fff; text-align: center; padding: 15px 20px; position: relative; margin-top: -49px;}
.ma-userinfo > p.bc-points span {display: block;}
.ma-userinfo > p.bc-points span:first-of-type {font-size: 14px; text-transform: uppercase;}
.ma-userinfo > p.bc-points span:last-of-type {font-family: Oswald; font-size: 24px; padding: 9px 0 8px 0;}
body.pg-myaccount .bt-line {margin: 30px 0 0 0;}

body.pg-myaccount .last-orders {margin-top: 60px;}
body.pg-myaccount .last-orders h3 {padding: 20px 0 21px 0; margin: 0;}

body.pg-myaccount .tbl-orders {width: 100%;}
body.pg-myaccount .tbl-orders thead td {font-size: 12px; font-weight: 700; color: #acacac; text-transform: uppercase; border-bottom: solid 2px #acacac; padding-bottom: 8px; padding: 0px 10px 8px 10px;}
body.pg-myaccount .tbl-orders tbody td {border-bottom: solid 1px #cfcfcf; vertical-align: middle; height: 48px; font-size: 14px; color: #000000; padding: 5px 10px;}
body.pg-myaccount .tbl-orders tbody tr:hover td {background-color: #f6f6f6;}
body.pg-myaccount .tbl-orders tbody tr:hover td a {text-decoration: none;}

body.pg-myaccount .tbl-orders td.payment {text-align: center;}
body.pg-myaccount .tbl-orders td.or-price {text-align: right;}

body.pg-myaccount .all-orders .pager-line {margin-top: 17px;}
body.pg-myaccount .all-orders .pager-line:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
body.pg-myaccount .all-orders .pager-line .pager {float: right;}

.dpo-top {border: solid 1px #cfcfcf; background-color: #f6f6f6; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); padding: 30px; margin-bottom: 60px;}
.dpo-top:after {content:""; display: block; height: 0; clear: both; overflow: hidden;}
.dpo-top .or-tbl {float: left; width: 66.66666%; display: table; }
.dpo-top .or-tbl > div {display: table-row; }
.dpo-top .or-tbl > div > strong {display: table-cell; vertical-align: top; padding-bottom: 11px; line-height: 26px; padding-right: 10px; width: 50%;}
.dpo-top .or-tbl > div:last-of-type > strong {padding-bottom: 0;}
.dpo-top .or-tbl > div > span {display: table-cell;  vertical-align: top; padding-bottom: 11px; line-height: 26px; padding-left: 10px; width: 50%;}
.dpo-top .or-tbl > div:last-of-type > span {padding-bottom: 0;}
.dpo-top .or-txt {float: right; width: 33.33333%; line-height: 26px;}
.dpo-top .or-txt .note-title {padding-bottom: 11px;}
.dpo-top .or-txt .note-content {padding-bottom: 11px;}
.dpo-top .or-txt .reldoc-title {padding-top: 37px;}
.dpo-top .or-txt .related-doc {border: solid 1px #cfcfcf; background: #fff; font-size: 14px; margin-top: 14px; padding: 15px 20px 14px 20px; line-height: normal; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}
.dpo-top .or-txt .related-doc > a {display: block;}

.dpo-bot h2 {padding: 1px 0 11px 0; margin: 0; font-size: 24px;}
.dpo-bot .dp-order-sum {float: right; display: table; width: 339px; font-size: 14px; line-height: 30px; margin-top: 41px;}
.dpo-bot .dp-order-sum > div {display: table-row;}
.dpo-bot .dp-order-sum > div > span {display: table-cell;}
.dpo-bot .dp-order-sum > div > strong {display: table-cell; font-family: Oswald; text-align: right;}
.dpo-bot .dp-order-sum .dos-last > span,
.dpo-bot .dp-order-sum .dos-last > strong {padding: 0 0 14px 0;}
.dpo-bot .dp-order-sum .total-sum {font-size: 18px; margin-top: 14px;}
.dpo-bot .dp-order-sum .total-sum > span,
.dpo-bot .dp-order-sum .total-sum > strong {border-top: solid 1px #d7d7d7; padding: 10px 0 0 0;}
.dpo-bot .bt-line {clear: both; text-align: right; padding-top: 55px;}

.user-detail {border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}
.user-detail .ud-top {padding: 24px 30px;}
.user-detail .ud-top .form-block {padding: 0;}
.user-detail .ud-top .form-block .block-content > div input[type="text"] {color: #000; margin: 5px 0 5px 2.8%}
.user-detail .ud-top .form-block .block-content > div .mySelectBox {color: #000;}
.user-detail .ud-top .form-block .block-content > div label {padding-top: 4px;}
.user-detail .ud-bot {border-top: solid 1px #cfcfcf; background: #f6f6f6; padding: 37px 30px 25px 30px;}
.user-detail .ud-bot .form-block {padding: 0; width: auto;}
.user-detail .ud-bot .form-block .fake-check label span {font-size: 14px; color: #acacac;}
body.pg-myaccount .c-user-detail .bt-line {margin: 60px 0 0 0;}

.change-password {border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); padding: 24px 30px;}
.change-password .form-block,
.main-content.lostPass .form-block {padding: 0;} 

.change-password .form-block .block-content > div input[type="password"],
.main-content.lostPass .form-block .block-content form > div input[type="password"] {color: #000; margin: 5px 0 5px 2.8% !important;}

.change-password .form-block .block-content > div label,
.main-content.lostPass .form-block .block-content form > div label {padding-top: 4px;}
body.pg-myaccount .c-change-password .bt-line {margin: 60px 0 0 0;}

.main-content.lostPass .form-block .block-content {border: solid 1px #cfcfcf;	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);	padding: 24px 30px;}

.pg-lostpass .form-block .bt-line {padding: 30px 0 0px 0;}
.main-content.lostPass {padding: 0px 0 100px 0;}
.main-content.lostPass p {line-height: 28px;}


.pg-changepwd .changePass .c-change-password {width: 74.57627119%;}
.pg-changepwd .changePass {max-width: 1180px; margin: auto;}
.pg-changepwd .changePass .bt-line {padding: 60px 0 100px 0;}

.pg-coupon .order-items td.use {width: 0;}
.pg-coupon .order-items tbody td {height: 60px;}
.pg-coupon .order-items tbody td.use .btn {padding: 0 27px;}
.pg-coupon .order-items tbody td.use span {display: inline-block;	width: 12px; height: 12px; position: relative;	font-size: 0;}
.pg-coupon .order-items td.use span:before {content: "\E81B"; display: inline-block; font-size: 12px; font-family: fontello; color: #000;}

/* about buying */

.all-shops:after {content:""; height: 0; display: block; overflow: hidden; clear: both;}
.all-shops > div {float: left; height: 460px; width: calc(50% - 10px); margin: 0 20px 20px 0; border: solid 1px #cfcfcf; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}
.all-shops > div:nth-of-type(2n) {margin-right: 0;}
.all-shops > div .sh-img {height: 220px; overflow: hidden; text-align: cemter;}
.all-shops > div .sh-info {padding: 25px 30px;}
.all-shops > div .sh-info h2 {font-size: 24px; padding: 0 0 20px 0; margin: 0;}
.all-shops > div .sh-info p {padding: 0 0 0 30px; margin: 0; position: relative;}
.all-shops > div .sh-info p:before {content: '\E808'; font-family: fontello; color: #000; font-size: 16px; position: absolute; left: 2px;	top: -1px;}
.all-shops > div .sh-info .open-time {display: table; margin-top: 12px; position: relative;}
.all-shops > div .sh-info .open-time:before {content: '\E804'; font-family: fontello;	color: #000; font-size: 16px;	position: absolute;	left: 0; top: 2px;}
.all-shops > div .sh-info .open-time > div {display: table-row; }
.all-shops > div .sh-info .open-time > div > strong {display: table-cell; font-weight: 400; width: 105px; padding: 3px 0 3px 30px;}
.all-shops > div .sh-info .open-time > div > span {display: table-cell; padding: 3px 0;}

.pg-dpshop .main-content {max-width: 1600px; margin: auto;}
.pg-dpshop .shop-map {height: 500px; border: solid 1px #d3d3d3;}
.pg-dpshop .shop-map:after {content:""; height: 0; display: block; overflow: hidden; clear: both;}
.pg-dpshop .shop-map img {float: left;}
.pg-dpshop .col-1 {float: left; width: 40.6779661%; clear: left;}
.pg-dpshop .col-2 {float: right; width: 57.62711864%; padding-top: 15px;}

.pg-dpshop h1 {padding: 19px 0 31px 0;} 

.pg-dpshop .dp-shop {margin: auto; max-width: 1180px;}
.pg-dpshop .dp-shop:after {content:""; height: 0; display: block; overflow: hidden; clear: both;}


.pg-dpshop .about-shop {text-align: center; line-height: 28px !important; font-family: Overpass !important; font-size: 16px !important; padding: 100px 0; max-width: 880px; margin: auto; clear: both;}
.pg-dpshop .about-shop span,
.pg-dpshop .about-shop strong {text-align: center; line-height: 28px !important; font-family: Overpass !important; font-size: 16px !important; }
.pg-dpshop .about-shop h2 {font-size: 24px !important; font-family: Oswald !important;}

.dp-shop .open-time {display: table; position: relative;}
.dp-shop .open-time > div {display: table-row;}
.dp-shop .open-time > div > strong {display: table-cell; width: 165px; padding: 6px 0 5px 30px;}
.dp-shop .open-time > div > span {display: table-cell; padding: 6px 0 5px 0;}

.dp-shop .col-1 p {padding: 0 0 0 30px; margin: 28px 0; position: relative;}

.dp-shop .col-1 .shop-address {line-height: 24px; margin-top: 0; }

.dp-shop .col-1 .shop-address:before {content: '\E808'; font-family: fontello; color: #000; font-size: 16px; position: absolute; left: 2px; top: -2px;}
.dp-shop .col-1 .shop-phone:before {content: '\E805'; font-family: fontello; color: #000; font-size: 16px; position: absolute; left: 0px; top: 0px;}
.dp-shop .col-1 .shop-mail:before {content: '\E806'; font-family: fontello; color: #000; font-size: 13px; position: absolute; left: 0px; top: 3px;}
.dp-shop .col-1 .open-time:before {content: '\E804'; font-family: fontello; color: #000; font-size: 16px; position: absolute; left: 0px; top: 7px; line-height: 16px;}

.dp-shop .col-1 .plan-route {float: right; position: relative; z-index: 1; margin-right: 53px;}  

.dp-shop .shop-photos .sp-nav .slick-list {margin: 0 -4px;}
.dp-shop .shop-photos .sp-nav .slick-slide {text-align: center;}
.dp-shop .shop-photos .sp-nav .slick-slide img {display: inline-block; margin-top: 7px;}

.pg-aboutbuying-root .main-content  {max-width: 1180px; margin: auto;}
.pg-aboutbuying-root .sub-cat {padding: 0 0 78px 0;}
.pg-aboutbuying-root .sub-cat li > a span  {display: table-cell; vertical-align: middle; text-align: center; font-family: Oswald; font-size: 18px; text-decoration: underline;}
.pg-aboutbuying-root .sub-cat li > a:hover span  {color: #000000;}

/* contacts */

body.pg-contact h1 {float: none; width: auto; text-align: center;}
body.pg-contact .c-body h2 {font-size: 24px;}
body.pg-contact .c-body {background: url("../img/bg-contacts.jpg") center top no-repeat; padding-bottom: 100px;}
.contact-top {max-width: 1180px; margin: auto;}
.contact-top:after {content:""; display: block; height: 0; overflow: hidden; clear: left;}
.contact-top .ct-txt {text-align: center; font-size: 18px; line-height: 28px; padding: 6px 0 49px 0; margin: 0 auto 0 auto; max-width: 660px; }
.contact-top > div {width: 50%; float:left;}
.contact-top > div > p {width: 50%; float:right; padding: 0; margin: 0; text-align: center;}
.contact-top > div:last-of-type > p {float:left;}
.contact-top > div > p > strong {display: block; font-family: Oswald; font-size: 24px; font-weight: 500; color: #ed1c24; padding: 10px 0 4px 0;}
.contact-top > div > p > strong a {text-decoration: none;}
.contact-top > div > p > span {display: block; font-size: 14px; color: #898989;}

.contact-top > div > p:before {display: inline-block; font-family: fontello; color: #000; font-size: 20px; font-weight: 400; content: '\E805'}
.contact-top > div.ct-mail > p:before {content: '\E806'; font-size: 16px; position: relative; margin-top: 3px; top: -1px;}
.pg-contact p.social-icons {max-width: 1600px; clear: both; text-align: center; padding: 32px 0 0 0; margin: 0 auto; position: relative; border-bottom: solid 1px #e5e5e5;}
.pg-contact p.social-icons > span {font-size: 0; display: inline-block; height: 50px; width: 50px; margin: 0 3px; border: solid 1px #cfcfcf; background: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); position: relative; top: 31px;}
.pg-contact p.social-icons > span:before {font-size: 24px; color: #ed1c24; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; padding:0; }
.pg-contact p.social-icons > span a {display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.pg-contact p.social-icons > span:hover {border-color: #000;}

.pg-contact .c-owner-form {max-width: 1180px; margin: auto;}
.pg-contact .c-owner-form:after {content:""; display: block; height: 0; overflow: hidden; clear: left;}
.c-owner-form {max-width: 1180px; margin: auto; padding: 124px 0 0 0;}
.c-owner-form .owner-block {float: left; width: 49.15254237%; line-height: 28px; height: 586px; position: relative;}
.c-owner-form .owner-block > p {margin: 0; padding: 14px 0;}
.c-owner-form .owner-block h2 {margin: 0; padding: 3px 0 26px 0;}
.c-owner-form .owner-block span {color: #8b8b8b;}
.c-owner-form .owner-block .company-note {font-size: 14px; line-height: 20px; padding: 17px 0;}

.pg-contact .person-card {border: solid 1px #e3e3e3; overflow: hidden;}
.pg-contact .person-card:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.pg-contact .person-card h3  {font-size: 18px; padding: 0; margin: 0; font-family: Overpass; font-weight: 700;}
.pg-contact .person-card p  {font-size: 14px; color: #8b8b8b; line-height: 22px;}
.pg-contact .person-card .pc-phone:before,
.pg-contact .person-card .pc-mail:before {display: inline-block; font-family: fontello; color: #c6c6c6; font-size: 16px; color: #000; font-weight: 400; content: '\E805'; vertical-align: middle; margin-right: 9px; position: relative; top: -2px;}
.pg-contact .person-card .pc-mail:before {content: '\E806'; font-size: 13px;}
.pg-contact .person-card .pc-img {height: 140px; width: 120px; overflow: hidden; float: left;}
.pg-contact .person-card .pc-img img {float: left; width: 100%;}

.owner-block .person-card {width: 100%; position: absolute; bottom: 0; left: 0;}
.owner-block .person-card .pc-img:after {content:""; display: block; height: 0; overflow: hidden; clear: left;}

.owner-block .person-card .pc-info {float: right; width: calc(100% - 150px); padding: 30px 20px 20px 0;}
.owner-block .person-card .pc-info > p {padding: 0 0 10px 0; margin: 0;}
.owner-block .person-card .pc-info h3 {line-height: 22px; padding-top: 3px;}
.owner-block .person-card .pc-info > div {color: #000;}
.owner-block .person-card .pc-phone {margin-right: 30px;}


.c-owner-form .c-contactform {float: right; width: 49.15254237%; height: 586px;}
.c-owner-form .contact-form {border: solid 1px #cfcfcf; background-color: #f6f6f6; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); height: 586px; padding: 40px; width: auto; position: relative;}
.c-owner-form .contact-form:before {content: ""; position: absolute; right: 39px; top: -37px;	height: 72px;	width: 22px; overflow: hidden; background: url("../img/bg-rastr.png") left top;}
.c-owner-form .contact-form h2 {padding: 0 0 18px 0; margin: 0;}
.c-owner-form .contact-form > p {padding: 19px 0; margin: 0; line-height: 28px;}
.c-owner-form .contact-form .contact-note {position: relative;}
.c-owner-form .contact-form > div input[type="text"],
.c-owner-form .contact-form > div textarea {width: 340px; margin: 5px 0 5px 2.8%;}
.c-owner-form .contact-form textarea {height: 150px; padding: 14px 20px 14px 20px;}
.c-owner-form .contact-form > div label {padding-top: 3px; width: 140px;}
.c-owner-form .contact-form .contact-note label {transform: translate(0%, 0%);	top: 18px;}
.c-owner-form .contact-form .bt-line {padding-top: 30px; text-align: right;}

.c-important-contacts {background-color: #f6f6f6; padding: 100px 0; margin: 100px 0 0 0;}
.important-contacts {max-width: 1180px; margin: auto; text-align: center;}
.important-contacts:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.important-contacts h2 {padding: 0 0 30px 0; margin: 0;}
.important-contacts > div {float: left; background: #fff; width: 23.72881356%; margin-right: 1.694915254%; height: 150px; padding: 20px;}
.important-contacts > div:nth-of-type(4n) {margin-right: 0;}
.important-contacts > div h3 {font-size: 18px; margin: 0; padding: 1px 0 17px 0;}
.important-contacts > div p {margin: 0; padding: 6px 0;}

.important-contacts .ic-phone:before,
.important-contacts .ic-mail:before {display: inline-block; font-family: fontello; color: #c6c6c6; font-size: 16px; color: #000; font-weight: 400; content: '\E805'; vertical-align: middle; margin-right: 9px; position: relative; top: -2px;}
.important-contacts .ic-mail:before {content: '\E806'; font-size: 13px;}

.pg-contact .contact-markets {max-width: 1180px; margin: auto; padding: 100px 0 76px 0;}
.contact-markets > h2 {padding: 0 0 30px 0; margin: 0;}
.contact-markets .all-shops > div {width: calc(33.33333% - 13.33333px);}
.contact-markets .all-shops > div:nth-of-type(2n) {margin-right: 20px;}
.contact-markets .all-shops > div:nth-of-type(3n) {margin-right: 0;}

.pg-contact .wholesale {max-width: 1180px; margin: auto; padding: 0;}
.pg-contact .wholesale h2 {margin: 0; padding: 0 0 26px 0;}
.pg-contact .wholesale .person-card {float: left; width: 49.15254237%; margin-right: 1.694915254%; margin-bottom: 20px; height: 254px; padding: 40px 40px 0 40px;}
.pg-contact .wholesale .person-card.type2 {height: 276px;}
.pg-contact .wholesale .person-card:nth-of-type(2n) {margin-right: 0; }
.pg-contact .wholesale .person-card .pc-info {margin-left: 150px;}
.pg-contact .wholesale .person-card .pc-phone:before, .pg-contact .wholesale .person-card .pc-mail:before {color: #c6c6c6;}
.pg-contact .wholesale .person-card .pc-info > div {padding: 4px 0 4px 0;}
.pg-contact .wholesale .person-card .pc-info > p {padding: 15px 0; margin: 0;}
.pg-contact .wholesale .person-card .pc-info > h3 {line-height: normal; padding: 0px 0 13px 0; font-family: Oswald; font-weight: 400;}
.pg-contact .wholesale .person-card.type1 > strong {line-height: 28px; padding-bottom: 3px;}
.pg-contact .wholesale .person-card.type1 > div {padding: 10px 0 10px 0;}

body.pg-aboutus h1 {text-align: center;}

body.pg-aboutus .abus-top {max-width:1180px; margin: auto;}
body.pg-aboutus .abus-top .at-txt {line-height: 28px; text-align: center; width: 780px; margin: auto; max-width:100%;}

body.pg-aboutus .c-sb-community {background: url("../img/sbcom-bg.jpg") right 16px no-repeat;  max-width: 1600px; margin: auto;}
body.pg-aboutus .article-body {padding-bottom: 0;} 
.sb-community {max-width: 1180px; margin: 100px auto 0 auto; height: 812px; position: relative; overflow: hidden;}
.sb-community h2 {font-size: 24px; padding: 0; margin: 0;}
.sb-community .sbimg {position: absolute; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2);}
.sb-community .sbimg:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.sb-community .sbimg img {float: left; margin: 0; padding: 0;}
.sb-community .sbimg.img-1 {width: 480px; height: 270px; top: 70px; left: 0;}
.sb-community .sbimg.img-2 {width: 680px; height: 454px; top: 0px; right: 0;}
.sb-community .sbimg.img-3 {width: 380px; height: 370px; top: 119px; left: 400px; z-index: 1;}
.sb-community .sbimg.img-4 {width: 380px; height: 252px; left: 100px; top: 360px;}
.sb-community .sbimg.img-5 {width: 380px; height: 238px; left: 500px; top: 474px;}

.sb-community p.social-icons {padding: 0; margin: 0;}
.sb-community p.social-icons > span {font-size: 0; display: inline-block; height: 80px; width: 80px; background: #000; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2); position: absolute;}
.sb-community p.social-icons > span:before {font-size: 32px; color: #fff;	position: absolute;	top: 50%;	left: 50%; transform: translate(-50%, -50%);	margin: 0; padding: 0;}
.sb-community  p.social-icons > span a {display: block;	height: 100%;	width: 100%;	position: absolute;	top: 0;	left: 0; font-size: 0 !important;}

.sb-community  p.social-icons > span:hover {background-color: #5e6466;}
.sb-community  p.social-icons > span.icon-instagram {left: 0; top: 360px;}
.sb-community  p.social-icons > span.icon-facebook {left: 902px; top: 474px;}
.sb-community  p.social-icons > span.icon-youtube {left: 400px; top: 632px;}

.theLowesPriceOnTheInternet {text-align: center;}
.theLowesPriceOnTheInternet h3 {font-size: 30px; padding: 50px 0 40px 0; margin: 0;}
.theLowesPriceOnTheInternet ul {padding: 0; margin: 0; list-style-type: none;}
.theLowesPriceOnTheInternet ul > li {padding: 9px 0;	margin: 0; position: relative;}
.theLowesPriceOnTheInternet ul li > p {padding: 9px 0 9px 30px; position: relative; display: inline; margin: 0; font-size: 18px;}
.theLowesPriceOnTheInternet ul li > p:before {content: '\e825';	display: inline-block; font-family: fontello;	color: #000; font-size: 20px;	position: absolute;	left: 0; top: 4px; height: 20px; width: 20px;}
.theLowesPriceOnTheInternet ul li > span {color: #acacac; padding-top: 9px; padding-bottom: 10px; display: inline-block;}

.theLowesPriceOnTheInternet .modal2-content {width: 980px; padding: 0 60px 60px 60px; max-width: calc(100% - 80px)}
.theLowesPriceOnTheInternet .modal2-content div.gc-note {margin-top: 59px;}
.theLowesPriceOnTheInternet .modal2-content div.gc-note p {margin: 0; padding: 6px 0; line-height: 30px;}

/* delivery and payment */

body.pg-aboutbuying .order-content .methods h2 {margin: 0; padding: 6px 0 20px 0; font-size: 24px;}
body.pg-aboutbuying .order-content .methods > ul {border: none;}
body.pg-aboutbuying .order-content .methods li > label {padding: 0 0 0 90px; cursor: auto; }
body.pg-aboutbuying .order-content .methods label > span {left: 0;}
body.pg-aboutbuying .order-content .delivery.methods > ul > li > label > p {font-size: 14px; color: #8b8b8b; line-height: 22px;	position: relative;	top: auto; right: auto;	max-width: none; padding: 0 0 14px 0;	margin: 0 170px 0 0;}
body.pg-aboutbuying .delivery-line {border-top: none; padding: 22px 40px 19px 75px; margin: 4px 0 15px 0;}
body.pg-aboutbuying .delivery-line:before {left: 31px; top: 50%; transform: translate(0, -50%);}


/* delivery popup*/

.deliveryOptions .modal2-content {width: 980px; max-width: calc(100% - 80px);}
.do-info {padding: 50px 60px 60px 60px;}

.do-info h3 {text-align: center; font-size: 30px;  padding: 1px 0 40px 0; margin: 0;}
.do-info ul {padding: 0; margin: 0; list-style-type: none; border: solid 1px #f0f0f0; border-bottom: none;}
.do-info ul li {border-bottom: solid 1px #f0f0f0; min-height: 66px;}
.do-info ul label {min-height: 65px; position: relative; display: block; padding: 0 0 0 120px; cursor: pointer;}
.do-info ul label > span {display: inline-block; width: 70px; height: 0; position: absolute; left: 30px; top: 35px; text-align: center;}
.do-info ul label > span img {max-width: 100%; position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%);}
.do-info li.dm-gls-1 label > span img {width: 43px;}
.do-info li.dm-sp label > span img {width: 43px;}
.do-info ul label h4 {font-size: 16px; font-family: Overpass; font-weight: 700; padding: 25px 0 12px 0; margin: 0 335px 0 0;}
.do-info ul label p {color: #27282c; position: absolute; top: 25px; right: 155px; margin: 0; padding: 0;}
.do-info ul label strong {position: absolute; right: 30px; top: 25px;}
.do-info .delivery-line {margin-top: 39px; border-color: #f6f6f6;}
.do-info .delivery-line:before {left: 39px; top: calc(50% - 3px); transform: translate(0, -50%);}




/* shareProduct popup*/

.shareProduct .modal2-content {width:980px; max-width: calc(100% - 80px);}
.shareProduct .sp-info {padding: 50px 60px 60px 60px; font-size: 16px;}
.shareProduct .sp-info h3 {text-align: center; font-size: 30px;  padding: 1px 0 40px 0; margin: 0;}
.shareProduct .sp-info p {color: #27282c; text-align: center; padding: 0 0 40px 0; margin: 0px;}
.shareProduct .sp-info .spi-contact > span {display: inline-block; width: calc(50% - 10px); float: left;}
.shareProduct .sp-info .spi-contact > span:nth-of-type(2n) {float: right;}
.shareProduct .sp-info .spi-contact span input {width: 100%;}
.shareProduct .sp-info label {display: block; padding-bottom: 8px; font-weight: 600; color: #27282c;}
.shareProduct .spi-contact:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.shareProduct .spi-text {margin-top: 21px;}
.shareProduct .spi-text textarea {width: 100%; height: 200px; padding: 14px 20px 14px 20px; resize: none;}

.btnLine-modalDetail {margin-top: 57px;}
.btn-modalDetail {display: block; margin: auto;}


/* reservationOnStore popup*/

.reservationOnStore .modal2-content {width:980px; max-width: calc(100% - 80px);}
.ros-info {padding: 50px 60px 60px 60px;}
.ros-info h3 {text-align: center; font-size: 30px;  padding: 1px 0 40px 0; margin: 0; font-family: Oswald;}

.ros-info .pg-order {border: solid 1px #000000; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); }
.ros-info .pg-order .order-items tbody td {border: none;}
.ros-info .pg-order .order-items td.item {padding-left: 21px; width: calc(100% - 51px);}
.pg-order .order-items tbody td.price.item {padding-right: 21px;}
.ros-info .pg-order .order-items td.item a > strong {font-size: 18px;  text-transform: none; cursor: auto; width: auto; padding-top: 3px;}
.ros-info .pg-order .order-items td.item a {text-decoration: none;}
.ros-info .pg-order .order-items td.item a > span img {cursor: context-menu;}
.ros-info .pg-order .order-items tbody td .mySelectBox {min-height: 50px; height: auto; padding-top: 48px;}
.ros-info .pg-order .order-items tbody td .fake-select {width: 140px; height: 50px;}
.ros-info .pg-order .fake-select .mySelectBox li {height: 41px;	padding: 1px 20px 0px 20px;	line-height: 42px;}
.ros-info .pg-order .fake-select .mySelectBox li.active {height: 49px; line-height: 50px;}
.ros-info .pg-order .order-items td.sizes {padding: 13px 10px 7px 10px;}

.ros-success {padding: 50px 60px 60px 60px;}
.ros-success h3 {text-align: center; font-size: 30px;  padding: 1px 0 40px 0; margin: 0; font-family: Oswald;}
.ros-success p {text-align: center; font-size: 18px; line-height: 30px; color: #27282c;}

#reservationForm h4 {font-size: 24px; color: #000000; padding: 60px 0 0 0; margin: 0;}
#ajaxStores:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.rf-store {float: left; display: table; width: calc(50% - 10px); height: 104px; border: solid 1px #f6f6f6; background: #f6f6f6; margin-top: 20px; box-sizing: border-box; cursor: pointer; position: relative;}
.rf-store:nth-child(even) {margin-right:20px;}
.rf-store.active {border-color: #000; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); background: #fff; cursor: auto;}
.rf-store .iradiobox {top: 41px; left: 30px; position: absolute;}
.rf-address {font-size: 16px; line-height: 26px; color: #27282c; padding: 10px 20px 10px 72px; display: table-cell; vertical-align: middle;}
.rf-address strong {font-size: 18px;} 
.rf-store:hover {border-color: #000;}

#reservationForm .rf-contact h4 {margin-bottom: 21px;}
.rf-contact .contact-block {}
.rf-contact .contact-block:after  {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.rf-contact .contact-block > div {width: calc(50% - 10px); float: left;}
.rf-contact .contact-block > div:nth-child(even) {float: right;}
.rf-contact .contact-block > div > label {display: block; padding-bottom: 8px; font-size: 16px;}
.rf-contact .contact-block > div > input {margin-bottom: 20px; width: 100%;}
.rf-freetext {padding: 22px 0 0 0; margin: 0; font-size: 16px;}

/* article page */

.article-body {margin: auto; max-width: 1180px; padding: 0 0 100px 0; }

.article-body span,
.article-body strong,
.article-body p,
.article-body font {font-family: 'Overpass', sans-serif !important; font-size: 16px !important; color: #000 !important; line-height: 28px !important;}
.article-body a {font-family: 'Overpass', sans-serif !important; font-size: 16px !important; color: #000 !important;color: #ed1b24 !important;}

.catdes-txt span,
.catdes-txt strong,
.catdes-txt p,
.catdes-txt font {font-family: 'Overpass', sans-serif !important; font-size: 16px !important; color: #000 !important; line-height: 28px !important;}
.catdes-txt a {font-family: 'Overpass', sans-serif !important; font-size: 16px !important; color: #000 !important;color: #ed1b24 !important;}

.article-body img {max-width: 100%; height: auto; }

/* brand */

.brandsFilter {padding: 20px 0 18px 0;}
.brandsFilter ul,
.favourite-brands > ul {padding: 0; margin: 0; list-style-type: none;}
.brandsFilter ul:after,
.favourite-brands > ul:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.brandsFilter ul li {float: left; height: 40px; width: 40px; margin: 0 2px 2px 0; border: solid 1px #ececec; text-align: center; line-height: 38px; font-family: Oswald; color: #000;}
.brandsFilter ul li a {display: block; height: 100%; color: #000; text-decoration: none;}
.brandsFilter ul li:hover a {color: #ed1b24;}
.brandsFilter ul li.active {border-color: #000; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.2);}
.brandsFilter ul li.active a {color: #ed1b24;}

.favourite-brands {padding-bottom: 80px;}
.favourite-brands h2 {padding: 42px 0 40px 0; margin: 0;}
.favourite-brands ul li {position: relative; float: left; height: 164px; text-align: center; width: calc(16.949152544% - 20px); margin-right: 20px; margin-bottom: 20px; border: solid 1px #cfcfcf; background-color: #ffffff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}
.favourite-brands ul li:nth-of-type(6n) {margin-right: 0;}
.favourite-brands ul li span {position: absolute; width: 100%; display: block; bottom: 31px; xtop: 110px; max-height: 42px; padding: 0 6px; overflow: hidden; left: 0; text-transform: uppercase; font-family: Oswald;}
.favourite-brands ul li a {text-decoration: none; color: #000; display: block; height: 100%; padding: 30px 30px 0 30px;}
.favourite-brands ul li a:hover span {color: #ed1b24;}

.favourite-brands ul li div {text-align: center; overflow: hidden;}
.favourite-brands ul li div img {max-width: 100%; max-height: 100%; color: #fff; background: #fff;}


body.pg-producer .cat-big-img,
body.pg-producerAndCategory .cat-big-img {width: 15.25423729%; overflow: hidden; height: 120px; position: absolute; right: 0; top: 20px; border: solid 1px #ececec; background: #ffffff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);}
body.pg-producer .cat-big-img img,
body.pg-producerAndCategory .cat-big-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; max-width: 120px; max-height: 60px;}


/* c-enews-loyalty */

.c-enews-loyalty {background-color: #f6f6f6; height: 314px; padding: 20px 0;}
.enews-loyalty {max-width: 1180px; margin: auto; position: relative; height: 100%;}
.enews-loyalty:before {content:""; position: absolute; left: -96px; top: -56px; height: 72px; width: 22px; overflow: hidden; background: url("../img/bg-rastr.png") left top;}
.enews-loyalty .loyalty {background: url("../img/bg-loyalty.png") no-repeat right center #000; background-size: contain; height: 100%; width: 40.6779661%; position: absolute; right: 0; top: 0; color: #fff; padding: 40px;}
.enews-loyalty .loyalty h3 {color: #fff; padding: 1px 0 2px 0; margin: 0;}
.enews-loyalty .loyalty p {line-height: 1.75; margin: 0; padding: 12px 0;}

.enews-loyalty .enews {float: left; height: 100%; width: 55.93220338%; color: #27282c; padding-top: 60px;}
.enews-loyalty .enews h3 {font-size: 20px; padding: 1px 0 13px 0; margin: 0; text-transform: uppercase;}
.enews-loyalty .enews p {display: block; padding: 0 0 9px 0; margin: 0;}
.enews-loyalty .enews .bt-line {display:flex; align-items: center; flex-wrap: wrap; position: relative;}
.enews .bt-line .input_text {flex:1; height: 50px;}
.enews .bt-line .btn {margin-left:10px;}
.enews .GDPRNewsletter {font-size: 13px; margin-top: 14px; padding-left: 23px; position: relative;}
.enews .GDPRNewsletter input {vertical-align: middle; margin: 0 7px 0 0;}
.enews .GDPRNewsletter label {vertical-align: middle; padding-top: 1px;}
.enews .GDPRNewsletter a {color: #27282c; white-space: nowrap;}
.enews #EmailNews_ChckCode_div {padding-top: 10px;}
#EmailNews_ChckCode_div img {vertical-align: middle;}

/* footer */

.c-footer {background-color: #000; min-height: 100px;}

.footer [class^="icon-"]:before, .footer [class*=" icon-"]:before {width: auto; padding: 0; margin: 0; line-height: normal;}

.footer {max-width: 1180px; margin: auto; color: #fff; padding: 61px 0 0 0; font-size: 14px; position: relative;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: none;}
.footer ul {padding: 0; margin: 0; list-style-type: none;}
.ftc-1 ul li,
.ftc-2 ul li, 
 {padding: 5px 0; margin: 0;}

.footer h4 {color: #fff; font-family: Oswald; font-size: 26px; font-weight: 400; padding: 0; margin: 0;}
.footer .h4-info {color: #898989; font-size: 12px; display: block; font-family: Overpass;}

.ftc-row:after {content:""; display: block; height: 0; clear: both; overflow: hidden;}
.ftc-1, .ftc-2, .ftc-3, .ftc-4 {width: 23.72881356%; float: left; margin-right: 1.69491525%;}
.ftc-4 {margin-right: 0;}

.ftc-row.ftr-1 {padding-bottom: 9px;}
.ftc-1 li a:hover, .ftc-2 li a:hover {text-decoration: underline;}
.ftc-1 > ul, .ftc-2 > ul {padding: 21px 0;}
.ftc-1 > ul li, .ftc-2 > ul li {padding: 5px 0;}

.ftc-3 > h4, .ftc-4 > h4 {padding: 0 0 38px 36px; position: relative;}
.ftc-3 > h4:before, .ftc-4 > h4:before {display: inline-block; font-family: fontello; color:#c6c6c6; font-size: 22px; position: absolute; left: 0; top: 5px; color: #fff; font-weight: 400;}
.ftc-3 > h4:before {content: '\E805';}
.ftc-4 > h4:before {content: '\E806'; font-size: 18px; top: 10px;}

.ftc-row.ftr-2 {width:49.15254237%; float: right; position: absolute; right: 0; top: 152px; padding-top: 42px; border-top: solid 1px #2f2f2f;}
.ftc-5 {display: table; width: 100%;}
.ftc-5 h4 {display: inline-block; display: table-cell;}
.ftc-5 ul {display: inline-block; padding: 0; margin-bottom: 15px; display: table-cell; text-align: right;}
.ftc-5 ul li {display: inline-block; padding: 0; margin: 0; font-size: 0; position: relative; margin-left: 37px;}
.ftc-5 ul li:before {font-size: 32px;}
.ftc-5 ul li a {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}

.ftc-row.ftr-3 {padding: 30px 0; border-top: solid 1px #292929;}
.ftc-6 {display: table; width: 100%;}
.ftc-6 > ul {display: table-cell; vertical-align: middle;}

.ftc-6 ul li  {display: inline-block; padding: 0; margin: 0; vertical-align: middle; position: relative;}
.ftc-6 ul li a {font-size: 0; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0; top: 0;}
.ftc-6 > ul:first-of-type li {margin-right: 28px;}
.ftc-6 > ul:first-of-type li:last-of-type {margin-right: 0;}
.ftc-6 > ul:last-of-type  {text-align: right;}
.ftc-6 .icon-heureka {height: 80px; width: 80px;}
.ftc-6 .icon-heureka a {display: inline-block; height: 80px; width: 80px; float: left; font-size: 0; padding: 0; margin: 0;
background: url(../img/overeno-zakazniky.svg) no-repeat;
background-size: contain;
}
.ftc-6 li.icon-apek {height: 80px; width: 80px;}
.ftc-6 li.icon-apek:before {font-size: 80px; margin-top: -1px;}
.ftc-6 li.icon-apek a {height: 100%; width: 100%; float: left;}

.ftc-6 > ul:last-of-type li {margin-left: 17px;}
.ftc-6 > ul:last-of-type li:first-of-type {margin-left: 0;}
.ftc-6 > ul:last-of-type li:before {font-size: 16px;}

.ftc-row.ftr-4 {padding: 30px 0; border-top: solid 1px #292929}

.ftc-7 {display: table; width: 100%;}
.ftc-7 > div {display: table-cell; vertical-align: middle;}
.ftc-7 > div:last-of-type {text-align: right;}

@media(min-width:600px) {
.ftc-1 > ul, .ftc-2 > ul, .ftc-5 > ul {display: block !important;}
}

.GDPRNewsletter.fake-check .icheckbox {position: absolute; left: 0; top: 1px; height: 16px; width: 16px; margin: -1px 3px 0 0; border-color: #b6b6b6; box-shadow: none; background-color: transparent; font-size: 7px; }
.GDPRNewsletter.fake-check label {cursor: pointer;}

.c-main.clona { -webkit-filter: blur(3px); filter: blur(3px);}

/* menu-kategorie */

.main-menuBox  ul {padding: 0; margin: 0; list-style-type: none;}
.main-menuBox > ul {text-align: center;}
.main-menuBox > ul > li {display: inline-block; font-family: Oswald; letter-spacing: 3px; font-size: 14px; color: #27282c; text-transform: uppercase; padding: 0 50px; line-height: 60px; }
.main-menuBox > ul > li > a {position: relative; display: inline-block; height: 100%; }

.main-menuBox a {color: #27282c; text-decoration: none;}


.menu-holder {position: absolute; left: 0; width: 100%; z-index: 1000; background-color: #f6f6f6; border-top: solid 2px #000; top: 58px; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2); padding: 20px 0;}
.menu-holder:before {content:""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 1; background-color: #fff; }
ul.reset {text-align: left;}

.menu-holder > ul.reset {max-width: 1180px; margin: auto; background: #f6f6f6; position: relative; z-index: 10;}
.menu-holder > ul > li > a {padding: 0 22px;}

.menu-holder > ul > li > a {padding: 0 22px; display: block;}
.menu-holder > ul > li {border: solid 1px #f6f6f6; border-right: none; margin: 0 0 4px 0;}
.menu-holder > ul > li:last-of-type {margin-bottom: 0px;}
.menu-holder > ul > li.open {background: #fff; border: solid 1px #ececec; border-right: none;}
.menu-holder > ul > li.open > a {width: 262px; background: #fff; position: relative; z-index: 1; color: #ed1c24;}

.root.open > a {color: #ed1c24;}
.root.open > a:before {border-color: transparent transparent #000 transparent; border-style: solid; border-width: 5px;	content: " ";	display: block;	height: 0;	position: absolute;	left: 50%;	bottom: 1px;	width: 0;  transform: translate(-50%, 0)}


.menu-holder button {display: none;}

.sub-menu  {position :absolute; background-color: #fff; top: -20px; left: 260px; min-height: calc(100% + 40px); width: calc(100% - 260px); border-left: solid 1px #ececec; padding: 19px 19px 0 19px;}
.sub-menu > ul > li {float: left; width: 140px; height: 170px; margin-left: 36px; margin-bottom: 19px; line-height: normal; text-align: center;  xbackground-color: yellow;}
.sub-menu > ul > li:hover {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
.sub-menu > ul > li > a {display: block; height: 100%; text-align: center; position: relative;}
.sub-menu > ul > li > a > span {position: absolute; width: 100%; bottom: 10px; left: 0; padding: 0; font-size: 14px; background: #fff; padding: 2px 4px 0 4px;}
.sub-menu > ul > li:hover span {color: #ed1c24}
.sub-menu > ul > li > a > img {max-height: 100px; margin-top: 20px;}

/* persooSearchResults */

#persooSearchResults {border-top: solid 1px #79797a;}
.psr-catAndBrand {}
.psr-catAndBrand:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.prs-cat {float: left; width: 49.15254237%; padding: 30px 0 30px 30px; }
.prs-brand {float: right; width: 49.15254237%; padding: 30px 30px 30px 9px;}
.psr-catAndBrand h3 {padding: 0 0 12px 0; margin: 0; font-size: 18px}
.psr-catAndBrand ul {padding: 0; margin: 0; list-style-type: none;}
.psr-catAndBrand ul li {padding: 4px 0 3px 0;}

.modal2.searchForm .pr-slider {padding: 30px !important; border-top: solid 1px #ececec; max-width: auto;}
.modal2.searchForm .pr-slider h3 {font-size: 18px; margin: 0; padding: 0;}
.modal2.searchForm .pr-slider .all-link {font-size: 14px;}
.modal2.searchForm .pr-slider .pr-item {width: 20%; text-align: center; height: 352px; padding: 10px 20px 0px 20px; border-color: #fff;}
.modal2.searchForm .pr-slider .pr-item .pr-img a {display:block; width: 140px; height: 140px; margin:auto;}
.modal2.searchForm .pr-slider .pr-item .pr-img img {width: 140px; height: 140px; margin-bottom: 12px}
.modal2.searchForm .pr-slider .pr-item .pr-name {font-size: 14px; line-height: 1.57; font-weight: 700; color: #ed1c24; max-height: 66px; text-transform: uppercase;}
.modal2.searchForm .pr-slider .pr-item .pr-name a {color: #ed1c24;}
.modal2.searchForm .pr-slider .pr-item .pr-producer {margin-bottom: 10px;}
.modal2.searchForm .pr-slider .pr-item .pr-store strong {font-weight: 400 !important; font-family: Overpass;}
.modal2.searchForm .pr-slider .pr-item .pr-store {bottom: 66px;}
.modal2.searchForm .pr-slider .pr-item .pr-price {padding: 0 30px 25px 30px;}

.modal2.searchForm .pr-slider .comLCatalog {margin: 20px 0 25px 0;}

@media(max-width:1599px) {

.hp-bigslider #sliders .slick-list .slick-track .slider > a {max-width: 100%;}
.hp-bigslider .slick-slide img {max-width: 100%;}
#sliders .slick-list .slick-track .slider .slider-in {max-width: 100%;}

#sliders .slick-list .slick-track .slider > .sub-sliders {height: 72%; width: 296px; top: 10.5%;}
#sliders .slick-list .slick-track .slider > .sub-sliders:before,
#sliders .slick-list .slick-track .slider > .sub-sliders:after {height: calc(100% - 40px);}
#sliders .slider > .sub-sliders .pr-item {padding: 30px;}
#sliders .slider > .sub-sliders .pr-item .pr-store {display: none;} 

}


@media(max-width:1479px) {
#sliders .slider > .sub-sliders .pr-item .pr-name {font-size: 15px; line-height: 20px;}
}

@media(max-width:1439px) {
#sliders .slider > .sub-sliders .pr-item .pr-name {font-size: 14px;	line-height: 18px;}
#sliders .slider > .sub-sliders .pr-item .pr-producer {display: none;}
}

@media(max-width:1256px) {
#sliders .slick-list .slick-track .slider .slider-in {width: 100%; padding-left: 40px;}
#sliders-nav {width: 100%; padding: 0 40px;}
#sliders-nav .slick-prev {left: 32px;}
#sliders-nav .slick-next {left: 62px;}
#sliders .slider > .sub-sliders .pr-item .pr-price {padding: 0 30px 24px 30px;}
#sliders .pr-item .pr-img a img {max-height: 170px;}  
}

@media(max-width:1239px) {
.header-phone > div:before {display: none;}
}

@media (min-width:1180px) {
.c-menu {display: block !important;}
}

.error{
    color:red;
}

.success {
    color: #68c101;
}

.canceled {
    color: #ed1b24;
}

.detail-price-vat {
    font-size: 13px;
    color: #9b9b9b;
    line-height: 16px;
    position: relative;
    top: 3px;
}

.cart-price-vat {
    font-size: 13px;
    color: #9b9b9b;
    line-height: 16px;
    padding-left: 3px;
}

.cat-price-vat {
    font-family: Oswald;
    font-size: 13px;
    color: #9b9b9b;
    line-height: 15px;
    position: absolute;
    width: 100%;
    left: 0;
}