@import url("../../../Core/Addons/chosen/chosen.css"); @import url("../../../Core/Templates/CSS/swiper.css"); .cs3-caption,.cs3-captions,.cs3-gallery,.cs3-gallery-thumbs,.cs3-gallery-thumbs div,.cs3-loader,.cs3-loader *,.cs3-view{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden}.cs3,.cs3-view{position:relative;z-index:1}.cs3-gallery-inner .cs3-gallery-slide,.cs3-skin-1 .cs3-pagination,.cs3-skin-1 .cs3-pagination-wrap,.cs3-skin-2 .cs3-pagination,.cs3-skin-3 .cs3-pagination,.cs3-skin-4 .cs3-pagination,.cs3-skin-5 .cs3-pagination-wrap,.cs3-skin-6 .cs3-pagination,.cs3-skin-7 .cs3-pagination,.cs3-skin-8 .cs3-pagination,.cs3-skin-9 .cs3-pagination,.cs3-skin-no .cs3-pagination,.cs3-skin-no .cs3-pagination-wrap{text-align:center}.cs3{display:block}.cs3-gallery,.cs3-gallery-thumbs,.cs3-loader,.cs3-loader *,.cs3-view{-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden}.cs3-caption,.cs3-captions,.cs3-gallery-thumbs div{backface-visibility:hidden}.cs3-view{width:100%;height:100%}.cs3-caption,.cs3-captions,.cs3-fade-black,.cs3-loader,.cs3-preloader,.cs3-preloader-in,.cs3-slice,.cs3-slices-block,.cs3-slide{position:absolute}.cs3-loader,.cs3-slide{display:none;left:0;top:0;z-index:10;overflow:hidden;width:100%;height:100%}.cs3-loader{overflow:visible;z-index:50}.cs3-active-slide{display:none;z-index:20}.cs3-slide>a>img,.cs3-slide>img{width:100%;max-width:none!important;min-width:0!important}.cs3-slice{background-repeat:no-repeat}.cs3-back-face,.cs3-bot-face,.cs3-front-face,.cs3-left-face,.cs3-loader canvas,.cs3-right-face,.cs3-top-face{position:absolute;left:0;top:0}.cs3-top-face{background:#666}.cs3-back-face{background:#555}.cs3-bot-face{background:#222}.cs3-right-face{background:#888}.cs3-left-face{background:#444}.cs3-fade-black{background:#000!important;opacity:0;left:0;top:0;width:100%;height:100%}.cs3-ambilight{opacity:1}.cs3-preloader{background:rgba(0,0,0,.7);box-shadow:0 0 10px #000;border-radius:5px;width:40px;height:40px;left:50%;top:50%;margin:-20px 0 0 -20px;z-index:60}.cs3-preloader-in{width:25px;height:25px;border:3px solid #fff;border-right-color:transparent;border-bottom-color:transparent;border-radius:50px;left:5px;top:4px;-webkit-animation-name:cs3-preloader-rotate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-timing-function:linear;-moz-animation-name:cs3-preloader-rotate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;-moz-animation-timing-function:linear;-ms-animation-name:cs3-preloader-rotate;-ms-animation-duration:1s;-ms-animation-iteration-count:infinite;-ms-animation-direction:normal;-ms-animation-timing-function:linear;-o-animation-name:cs3-preloader-rotate;-o-animation-duration:1s;-o-animation-iteration-count:infinite;-o-animation-direction:normal;-o-animation-timing-function:linear;animation-name:cs3-preloader-rotate;animation-duration:1s;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:linear}@-webkit-keyframes cs3-preloader-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes cs3-preloader-rotate{from{-ms-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cs3-preloader-rotate{from{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes cs3-preloader-rotate{from{-o-transform:rotate(0);transform:rotate(0)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}.cs3-pagination{z-index:200}.cs3-pagination-switch{cursor:pointer}.cs3-captions{z-index:25;left:0;top:0}.cs3-caption{opacity:0;filter:alpha(opacity=0);display:none}.cs3-wrap{position:relative}.cs3-skin-border-1,.cs3-skin-border-2{position:absolute;width:100%;height:100%}.cs3-skin-1{padding:10px}.cs3-skin-1 .cs3-skin-border-1{position:absolute;width:100%;height:100%;border:1px solid #000;box-shadow:0 0 1px rgba(255,255,255,.9) inset;background:#333;border-radius:3px;left:-11px;top:-11px;padding:10px}.cs3-skin-1 .cs3-skin-border-2{position:absolute;left:-1px;top:-1px;border:1px solid #000;width:100%;height:100%}.cs3-skin-1 .cs3-pagination-wrap{position:absolute;width:90%;left:5%;margin:0 auto;bottom:0;z-index:30}.cs3-skin-1 .cs3-pagination{display:inline-block;background:url(skins/black-60.png);padding:3px 5px;border-radius:3px 3px 0 0}.cs3-skin-1 .cs3-pagination-switch{background:url(skins/whitepane-pag.png) left bottom no-repeat;width:10px;height:10px;display:inline-block;margin:0 3px;vertical-align:middle}.cs3-skin-1 .cs3-active-switch{background-position:left top}.cs3-skin-2{padding:10px 10px 30px}.cs3-skin-2 .cs3-skin-border-1{box-shadow:0 2px 2px rgba(0,0,0,.7);background:#fff;left:-10px;top:-10px;padding:10px 10px 30px}.cs3-skin-2 .cs3-skin-border-2{left:0;top:0;box-shadow:0 1px 2px rgba(0,0,0,.4)}.cs3-skin-2 .cs3-slide-next,.cs3-skin-2 .cs3-slide-prev{position:absolute;top:50%;margin-top:-19px;background:url(skins/whitepane-nav.png) left top no-repeat;cursor:pointer;height:38px;width:38px;z-index:30}.cs3-skin-2 .cs3-slide-prev{left:10px}.cs3-skin-2 .cs3-slide-next{background-position:left bottom;right:10px}.cs3-skin-2 .cs3-pagination-wrap{position:absolute;width:40%;left:30%;margin:0 auto;bottom:-26px;z-index:30}.cs3-skin-2 .cs3-pagination-switch{background:url(skins/whitepane-pag.png) left top no-repeat;width:10px;height:10px;display:inline-block;margin:0 5px}.cs3-skin-2 .cs3-active-switch{background-position:left bottom}.cs3-skin-3{padding:30px 30px 60px}.cs3-skin-3 .cs3-skin-border-1{left:-30px;top:-30px;padding:30px 30px 60px;box-shadow:0 2px 2px #000;background:url(skins/wood.jpg);z-index:-2}.cs3-skin-3 .cs3-skin-border-2{box-shadow:0 2px 2px #000;padding:5px;background:#fff;top:-5px;left:-5px}.cs3-skin-3 .cs3-slide-next,.cs3-skin-3 .cs3-slide-prev{position:absolute;bottom:-50px;background:url(skins/wood-nav.png) left top no-repeat;cursor:pointer;height:33px;width:19px;z-index:30}.cs3-skin-3 .cs3-slide-prev{left:0}.cs3-skin-3 .cs3-slide-next{background-position:left bottom;bottom:-50px;right:0}.cs3-skin-3 .cs3-pagination-wrap{position:absolute;width:80%;left:10%;margin:0 auto;bottom:-42px;z-index:30}.cs3-skin-3 .cs3-pagination-switch{background:url(skins/wood-pag.png) left top no-repeat;width:10px;height:10px;display:inline-block;margin:0 5px}.cs3-skin-3 .cs3-active-switch{background-position:left bottom}.cs3-skin-4{padding:50px 50px 60px}.cs3-skin-4 .cs3-skin-border-1{padding:50px 50px 60px;box-shadow:0 2px 2px #000;background:url(skins/gloss.png) left top no-repeat #1c1c1c;left:-50px;top:-50px;z-index:-2}.cs3-skin-4 .cs3-skin-border-2{border:1px solid #000;box-shadow:0 0 1px rgba(255,255,255,.9) inset;padding:10px;background:#333;left:-10px;top:-10px}.cs3-skin-4 .cs3-slide-next,.cs3-skin-4 .cs3-slide-prev{position:absolute;top:50%;background:url(skins/device-nav.png) left top no-repeat;cursor:pointer;height:19px;width:12px;margin-top:-9px;z-index:30}.cs3-skin-4 .cs3-slide-prev{left:-36px}.cs3-skin-4 .cs3-slide-next{background-position:left bottom;right:-36px}.cs3-skin-4 .cs3-pagination-wrap{position:absolute;width:90%;left:5%;margin:0 auto;bottom:-42px;z-index:30}.cs3-skin-4 .cs3-pagination-switch{background:url(skins/whitepane-pag.png) left bottom no-repeat;width:10px;height:10px;display:inline-block;margin:0 5px}.cs3-skin-4 .cs3-active-switch{background-position:left top}.cs3-skin-5{padding-bottom:40px}.cs3-skin-5 .cs3-skin-border-1,.cs3-skin-5 .cs3-skin-border-2{display:none}.cs3-skin-5 .cs3-shadow{bottom:-40px;height:105px;left:0;position:absolute;width:100%;z-index:0}.cs3-skin-5 .cs3-shadow-left{background:url(skins/shadow-left.png) left top no-repeat;padding-left:150px}.cs3-skin-5 .cs3-shadow-right{background:url(skins/shadow-right.png) right top no-repeat;padding-right:150px}.cs3-skin-5 .cs3-shadow-mid{background:url(skins/shadow-mid.png) repeat-x;height:105px}.cs3-skin-5 .cs3-slide-next,.cs3-skin-5 .cs3-slide-prev{position:absolute;top:50%;background:url(skins/3d-nav.png) left top no-repeat;cursor:pointer;height:30px;width:30px;margin-top:-15px;z-index:30}.cs3-skin-5 .cs3-slide-prev{left:10px}.cs3-skin-5 .cs3-slide-next{background-position:left bottom;right:10px}.cs3-skin-5 .cs3-pagination-wrap{position:absolute;width:90%;left:5%;margin:0 auto;bottom:10px;z-index:30}.cs3-skin-5 .cs3-pagination{text-align:center;display:inline-block;padding:5px;background:url(skins/black-60.png);height:12px}.cs3-skin-5 .cs3-pagination-switch{background:url(skins/3d-pag.png) left bottom no-repeat;width:12px;height:12px;display:inline-block;margin:0 5px;float:left}.cs3-skin-5 .cs3-active-switch{background-position:left top}.cs3-skin-6{padding:15px 15px 15px 200px}.cs3-skin-6 .cs3-skin-border-1{background:#fff;border:1px solid #ccc;border-radius:4px;padding:15px 15px 15px 200px;right:-16px;top:-16px;z-index:-2}.cs3-skin-6 .cs3-skin-border-2{padding:10px 10px 10px 195px;right:-10px;top:-10px;background:#222;z-index:-1;box-shadow:0 0 5px rgba(0,0,0,.2) inset}.cs3-skin-6 .cs3-captions{left:-195px;width:195px;top:0;background:0 0!important}.cs3-skin-6 .cs3-caption,.cs3-skin-6 .cs3-caption-text,.cs3-skin-6 .cs3-caption-title{background:0 0!important;padding-bottom:0!important;color:#fff!important}.cs3-skin-6 .cs3-caption-text,.cs3-skin-6 .cs3-caption-title{padding-top:20px!important}.cs3-skin-6 .cs3-caption{top:0!important;bottom:auto!important}.cs3-skin-6 .cs3-view{box-shadow:0 1px 2px #000}.cs3-skin-6 .cs3-pagination-wrap{position:absolute;width:195px;left:-195px;margin:0 auto;bottom:0;z-index:30}.cs3-skin-6 .cs3-pagination-switch{background:url(skins/whitepane-pag.png) left bottom no-repeat;width:10px;height:10px;display:inline-block;margin:0 5px}.cs3-skin-6 .cs3-active-switch{background-position:left top}.cs3-skin-7{padding:30px}.cs3-skin-7 .cs3-skin-border-1{left:-30px;top:-30px;padding:30px;box-shadow:0 2px 2px rgba(0,0,0,.7);background:url(skins/metall.jpg);z-index:-2}.cs3-skin-7 .cs3-skin-border-2{box-shadow:0 2px 2px rgba(0,0,0,.7) inset;padding:10px;top:-10px;left:-10px;border-radius:3px}.cs3-skin-7 .cs3-slide-next,.cs3-skin-7 .cs3-slide-prev{position:absolute;top:50%;margin-top:-9px;background:url(skins/metall-nav.png) left top no-repeat;cursor:pointer;height:19px;width:11px;z-index:30}.cs3-skin-7 .cs3-slide-prev{left:-25px}.cs3-skin-7 .cs3-slide-next{background-position:left bottom;right:-25px}.cs3-skin-7 .cs3-pagination-wrap{position:absolute;width:100%;left:0;margin:0 auto;bottom:-25px;z-index:30}.cs3-skin-7 .cs3-pagination-switch{background:url(skins/metall-pag.png) left bottom no-repeat;width:12px;height:12px;display:inline-block;margin:0 3px;opacity:.8}.cs3-skin-7 .cs3-active-switch{background-position:left top;opacity:1}.cs3-skin-8{padding:10px}.cs3-skin-8 .cs3-skin-border-1{left:-10px;top:-10px;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.4);background:#fff;z-index:-2}.cs3-skin-8 .cs3-skin-border-2{display:none}.cs3-skin-8 .cs3-slide-next,.cs3-skin-8 .cs3-slide-prev{position:absolute;top:50%;margin-top:-20px;background:url(skins/pink-nav.png) left top no-repeat;cursor:pointer;height:30px;width:30px;z-index:30}.cs3-skin-8 .cs3-slide-prev{left:10px}.cs3-skin-8 .cs3-slide-next{background-position:left bottom;right:10px}.cs3-skin-8 .cs3-pagination-wrap{position:absolute;width:100%;left:0;margin:0 auto;bottom:10px;z-index:30}.cs3-skin-8 .cs3-pagination-switch{background:url(skins/pink-bg.png);width:10px;height:10px;display:inline-block;margin:0 4px;opacity:.5;border:1px solid #f67fbb}.cs3-skin-8 .cs3-active-switch{opacity:1}.cs3-skin-8 .cs3-caption-multi .cs3-caption-text,.cs3-skin-8 .cs3-caption-multi .cs3-caption-title,.cs3-skin-8 .cs3-caption-single .cs3-caption{background:url(skins/pink-bg.png)!important}.cs3-skin-8 .cs3-caption-text,.cs3-skin-8 .cs3-caption-title{color:#fff!important}.cs3-skin-9{padding:0 0 45px}.cs3-skin-9 .cs3-skin-border-1{left:-1px;top:-1px;padding:0 0 45px;box-shadow:0 0 2px rgba(0,0,0,.5);background:url(skins/pure-bg.png) left bottom repeat-x #f9f9f9;z-index:-2;border:1px solid #fff;border-radius:0 0 5px 5px}.cs3-skin-9 .cs3-skin-border-2{padding:0;background:#fff;top:0;left:0;border-bottom:1px solid #ccc}.cs3-skin-9 .cs3-slide-next,.cs3-skin-9 .cs3-slide-prev{position:absolute;bottom:-40px;background:url(skins/wood-nav.png) left top no-repeat;cursor:pointer;height:33px;width:19px;z-index:30}.cs3-skin-9 .cs3-slide-prev{left:10px}.cs3-skin-9 .cs3-slide-next{background-position:left bottom;right:10px}.cs3-skin-9 .cs3-pagination-wrap{position:absolute;width:90%;left:5%;margin:0 auto;bottom:-34px;z-index:30}.cs3-skin-9 .cs3-pagination-switch{background:url(skins/whitepane-pag.png) left top no-repeat;width:10px;height:10px;display:inline-block;margin:0 5px}.cs3-skin-9 .cs3-active-switch{background-position:left bottom}.cs3-skin-no{padding:0}.cs3-skin-no .cs3-skin-border-1,.cs3-skin-no .cs3-skin-border-2{display:none}.cs3-skin-no .cs3-slide-next,.cs3-skin-no .cs3-slide-prev{position:absolute;top:50%;margin-top:-15px;background:url(skins/default-nav.png) left top no-repeat;cursor:pointer;height:30px;width:30px;z-index:30}.cs3-skin-no .cs3-slide-prev{left:10px}.cs3-skin-no .cs3-slide-next{background-position:left bottom;right:10px}.cs3-skin-no .cs3-pagination-wrap{position:absolute;width:100%;margin:0 auto;bottom:10px;z-index:30}.cs3-skin-no .cs3-pagination{display:inline-block;background:url(skins/black-60.png);padding:5px 10px;border-radius:3px}.cs3-skin-no .cs3-pagination-switch{background:url(skins/whitepane-pag.png) left bottom no-repeat;width:10px;height:10px;display:inline-block;margin:0 5px}.cs3-skin-no .cs3-active-switch{background-position:left top}.cs3-caption-multi{left:10px;bottom:10px;width:100%;max-width:80%}.cs3-caption-multi-lt{left:10px;top:10px;bottom:auto}.cs3-caption-multi .cs3-caption{position:absolute;left:0;bottom:0;width:100%;padding:0}.cs3-caption-multi .cs3-caption-text,.cs3-caption-multi .cs3-caption-title{background:url(skins/white-70.png);padding:10px 20px;color:#000;text-transform:none!important;text-decoration:none!important;margin-top:0;margin-bottom:0;letter-spacing:normal;float:left}.cs3-caption-multi-lt .cs3-caption{bottom:auto;top:0}.cs3-caption-multi .cs3-caption-title{font-size:18px;font-weight:400;line-height:22px}.cs3-caption-multi .cs3-caption-text{clear:both;font-size:13px;line-height:15px;position:relative;top:2px}.cs3-caption-multi-black .cs3-caption-text,.cs3-caption-multi-black .cs3-caption-title{background:url(skins/black-60.png);color:#fff;margin:0}.cs3-caption-single{height:100%;left:0;top:0;width:35%;max-width:250px}.cs3-caption-single-right{height:100%;left:65%;top:0;width:35%;max-width:none}.cs3-caption-single .cs3-caption{height:100%;left:0;padding:0;position:absolute;top:0;width:100%;background:url(skins/white-70.png)}.cs3-caption-single .cs3-caption-title{color:#000;font-size:18px;font-weight:400;line-height:22px;padding:20px 20px 0;margin-top:0;margin-bottom:0;letter-spacing:normal}.cs3-caption-single .cs3-caption-text{padding:20px 20px 0;color:#000;font-size:13px;line-height:15px;letter-spacing:normal}.cs3-caption-single-black .cs3-caption{background:url(skins/black-60.png)}.cs3-caption-single-black .cs3-caption-text,.cs3-caption-single-black .cs3-caption-title{color:#fff}body.cs3-gallery-enabled{background:#000!important;position:static!important;min-width:320px!important;height:100%!important}.cs3-gallery,.cs3-gallery-thumbs{position:absolute;width:100%;left:0}html body.cs3-gallery-enabled .cs3-gallery-hidden{display:none!important}.cs3-gallery{top:0;height:100%;background:#000;min-width:320px;z-index:100000;display:none;-moz-perspective:1200px;-webkit-perspective:1200px;-o-perspective:1200px;-ms-perspective:1200px;perspective:1200px}body.cs3-gallery-enabled .cs3-gallery{display:block!important}.cs3-gallery-thumbs{bottom:0;height:60px;overflow:hidden}.cs3-gt-arrows .cs3-gt-left,.cs3-gt-arrows .cs3-gt-right{position:absolute;bottom:0;width:20px;height:60px;z-index:100;cursor:pointer;display:block}.cs3-gt-arrows .cs3-gt-left{left:0;background:url(assets/gallery-arrow-left.png) center no-repeat;background-size:50%}.cs3-gt-arrows .cs3-gt-right{right:0;background:url(assets/gallery-arrow-right.png) center no-repeat;background-size:50%}.cs3-gallery-thumbs-inner{position:relative}.cs3-gallery-thumb{float:left;width:40px;height:40px;background-size:cover;background-position:center center;margin:10px 5px;border:2px solid #000;cursor:pointer}.cs3-gallery-thumb:hover{border-color:#666}.cs3-gallery-active-thumb{border-color:#fff}.cs3-gallery-wrapper{position:absolute;left:0;top:0;overflow:hidden;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:10}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.cs3-gallery-inner{height:100%;position:relative}.cs3-gallery-inner .cs3-gallery-slide{float:left;height:100%;vertical-align:middle;position:relative}.cs3-gallery-inner .cs3-gallery-slide>img{vertical-align:middle;margin:0;padding:0;max-width:100%;max-height:100%}.cs3-gallery-close{width:40px;height:40px;position:absolute;z-index:20;cursor:pointer;background:url(assets/gallery-close.png) center no-repeat rgba(0,0,0,.8);top:0;right:0}.cs3-gallery-left,.cs3-gallery-right{width:40px;height:45px;z-index:20;top:50%;margin-top:-53px;cursor:pointer;position:absolute}.cs3-gallery-right{background:url(assets/gallery-arrow-right.png) center center no-repeat rgba(0,0,0,.8);right:0}.cs3-gallery-left{background:url(assets/gallery-arrow-left.png) center center no-repeat rgba(0,0,0,.8);left:0}.cs3-hidden-control{opacity:0!important;cursor:default}.cs3-gallery-slide .cs3-caption{background:rgba(0,0,0,.8);color:#fff;display:block;left:0;line-height:1.3em;position:absolute;text-align:left;top:0;right:auto;bottom:auto;z-index:200;opacity:1;padding:10px;max-width:20%}.cs3-gallery-slide .cs3-caption>*{opacity:1!important;margin-left:0!important}.cs3-gallery-slide .cs3-caption-title{font-size:18px;line-height:22px}.cs3-gallery-slide .cs3-caption-text{font-size:13px;line-height:15px;margin-top:10px}@media screen and (max-width:600px){.cs3-gallery-left,.cs3-gallery-right{margin-top:-43px;width:30px;height:35px;background-size:50%}.cs3-gallery-close{width:30px;height:30px;background-size:60%}}.cs3-fs-trigger{position:absolute;width:30px;height:30px;z-index:40;cursor:pointer}.cs3-fs-trigger-black{background:url(assets/fs-black.png) center no-repeat}.cs3-fs-trigger-white{background:url(assets/fs-white.png) center no-repeat}.cs3-fs-trigger-left{left:10px;bottom:10px}.cs3-gallery-slide iframe,.cs3-video-slide .cs3-video,.cs3-video-slide iframe,.cs3-video-slide img{position:absolute;left:0;top:0;height:100%;width:100%}.cs3-fs-trigger-right{right:10px;bottom:10px}.cs3-video-slide .cs3-video,.cs3-video-slide iframe{z-index:0}.cs3-video-slide img{z-index:1;display:none}.cs3-gallery-video-slide{background:#fff} .cs3.videoFrame .cs3-preloader { display: none; } #lightcase-info { width: 100%; } #lightcase-info #lightcase-caption { position: absolute; bottom: 30px; width: 100%; z-index: 999; background: rgba(0, 0, 0, 0.5); padding: 5px!important; box-sizing: border-box; color: #e0e0e0 !important; } .banner-zone { margin-bottom: 30px; } .banner-zone .banner { display: block; width: 100%; height: 240px; position: relative; overflow: hidden; text-align: right; padding: 15px; box-sizing: border-box; } .banner-zone .banner .before { content: ""; display: block; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 2s linear; transition-property: left, right; } .banner-zone .banner.animate .before { right: -10%; } .banner-zone > * { display: none; } .banner-zone.always > * { display: block; } .banner-zone > *:hover { opacity: 0.9; transition: opacity 0.3s; } .banner-zone .active { display: block; } .banner-zone .active .animate .before { left: -10%; right: 0px; top: 0px; bottom: 0px; } .banner-zone .banner .after { display: none; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; z-index: 1; background-color: rgba(0, 0, 0, 0.4); } .banner-zone .banner.caption .after { display: block; } .banner-zone .banner .label { display: none; position: absolute; left: 0px; right: 0px; bottom: 15px; padding: 0px 15px; box-sizing: border-box; text-align: center; z-index: 2; min-width: 100%; margin-left: 100%; } .banner-zone .banner.caption .label { display: block; } .banner-zone .banner span { color: #ffffff; margin: 0px; display: inline; font-size: 14px; font-family: arial; font-weight: bold; line-height: 22px; background: #867267; color: #F0F0F0; position: relative; padding: 5px; padding-left: 0; padding-right: 0; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; box-shadow: 5px 0 0 #867267, -5px 0 0 #867267; white-space: pre-line; } .banner-zone .active .banner .label { margin-left: 0px; transition: all 0.4s linear; transition-delay: 0.5s; } * { margin: 0; } body, html { margin: 0px; padding: 0px; } a.legal { color: #F0F0F0; } a { color: inherit; } body, html { -webkit-overflow-scrolling: touch; } body.lightcase-open, html.lightcase-open, body.lightcase-open body, html.lightcase-open body { height: 100%; } @media only screen and (max-width: 1010px) and (min-width: 740px) { body, html { height: 100%; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { body, html { height: 100%; } } @media only screen and (min-width: 1301px) { body, html { height: 100%; } } body { font-family: Verdana; } input { outline: none; } input[type="submit"] { -webkit-appearance: none; } a { border: none; color: #6a6a6a; } a:hover { text-decoration: none; } a img { border: none; } .adaptiveContent { margin-left: auto; margin-right: auto; } .adaptiveContent.wide { width: 100%; } @media only screen and (max-width: 740px) { .adaptiveContent { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .adaptiveContent { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .adaptiveContent { width: 1000px; } } @media only screen and (min-width: 1301px) { .adaptiveContent { width: 1260px; } } .adaptiveContent.wide { width: 100%; } .scrollToTop_btn { cursor: pointer; position: fixed; bottom: 10px; right: -60px; width: 44px; height: 44px; border: 3px solid #E3D1B9; background: #867267; text-align: center; -webkit-transition: right 0.3s, background 0.3s, border 0.3s; -moz-transition: right 0.3s, background 0.3s, border 0.3s; -o-transition: right 0.3s, background 0.3s, border 0.3s; transition: right 0.3s, background 0.3s, border 0.3s; z-index: 10; } .scrollToTop_btn.affix { right: 10px; zoom: 1; filter: alpha(opacity=1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .scrollToTop_btn.affix-bottom { position: absolute; right: 10px; } .scrollToTop_btn:after { content: '➔'; display: inline-block; position: relative; line-height: 44px; font-size: 26px; color: #F0F0F0; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .scrollToTop_btn:hover { background: #F0F0F0; } .scrollToTop_btn:hover:after { color: #867267; } .important_form { color: red; } .body_wrapper { min-height: 100%; height: auto !important; height: 100%; min-width: 320px; display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 740px) { .body_wrapper { margin-bottom: 50px; } } .body_wrapper > .header { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; position: relative; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .body_wrapper > .header .clearboth { clear: both; } .body_wrapper > .header.wide { width: 100%; } @media only screen and (max-width: 740px) { .body_wrapper > .header { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body_wrapper > .header { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body_wrapper > .header { width: 1000px; } } @media only screen and (min-width: 1301px) { .body_wrapper > .header { width: 1260px; } } @media only screen and (max-width: 740px) { .body_wrapper > .header { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 54px; margin-top: 0px; } } @media only screen and (max-width: 740px) { .body_wrapper > .header .r.r, .body_wrapper > .header .l.l { float: none; position: static; } } .body_wrapper > .header .l { width: 300px; float: left; margin-top: 30px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media only screen and (max-width: 740px) { .body_wrapper > .header .l { width: 100%; text-align: center; margin-top: 20px; margin-bottom: 5px; } } .body_wrapper > .header .l .callback_btn { display: block; overflow: hidden; height: 65px; margin-bottom: 8px; width: 194px; color: #F0F0F0; } @media only screen and (max-width: 740px) { .body_wrapper > .header .l .callback_btn { display: none; } } .body_wrapper > .header .l .callback_btn .callback { bottom: 1px; display: block; width: 184px; height: 42px; background: #867267; position: relative; border: 5px solid #E3D1B9; line-height: 42px; font-size: 12px; text-align: center; } .body_wrapper > .header .l .callback_btn .callback .out { border: 92px solid transparent; border-top: 10px solid #E3D1B9; position: absolute; top: 47px; -moz-transform: scale(0.9999); } .body_wrapper > .header .l .callback_btn .callback .in { border: 92px solid transparent; border-top: 10px solid #867267; position: absolute; top: 42px; -moz-transform: scale(0.9999); } .body_wrapper > .header .l .callback_btn:hover .callback, .body_wrapper > .header .header .l .callback_btn.selected .callback { background: #867267; border-color: #E3D1B9; } .body_wrapper > .header .l .callback_btn:hover .callback .in, .body_wrapper > .header .header .l .callback_btn.selected .callback .in { border-top-color: #867267; } .body_wrapper > .header .l .callback_btn:hover .callback .out, .body_wrapper > .header .header .l .callback_btn.selected .callback .out { border-top-color: #E3D1B9; } .body_wrapper > .header .l .callback_btn:hover .callback:hover, .body_wrapper > .header .header .l .callback_btn.selected .callback:hover { background: #8b786e; border-color: #E3D1B9; } .body_wrapper > .header .l .callback_btn:hover .callback:hover .in, .body_wrapper > .header .header .l .callback_btn.selected .callback:hover .in { border-top-color: #8b786e; } .body_wrapper > .header .l .callback_btn:hover .callback:hover .out, .body_wrapper > .header .header .l .callback_btn.selected .callback:hover .out { border-top-color: #E3D1B9; } .body_wrapper > .header .l .phone { color: #F0F0F0; font-size: 18px; text-align: left; white-space: nowrap; } @media only screen and (max-width: 740px) { .body_wrapper > .header .l .phone { text-align: center; } } .body_wrapper > .header .l .phone a { text-decoration: none; color: inherit; } .body_wrapper > .header .l .phone b { font-size: 24px; font-weight: normal; } .body_wrapper > .header .email { text-decoration: none; display: block; color: inherit; position: relative; top: 5px; margin-bottom: 20px; } .body_wrapper > .header .logo-space { text-align: center; margin: 20px auto; width: 400px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } @media only screen and (max-width: 740px) { .body_wrapper > .header .logo-space { width: 100%; margin-top: 5px; } } .body_wrapper > .header .logo-space .logo { margin: 4px auto 0px auto; } .body_wrapper > .header .logo-space .desc { margin: 0 auto; text-align: center; margin-top: 8px; color: #aeaeae; font-style: italic; font-size: 14px; } .body_wrapper > .header .r { float: right; margin-top: 30px; position: relative; z-index: 25; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } @media only screen and (min-width: 1301px) { .body_wrapper > .header .r { width: 300px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body_wrapper > .header .r { width: 300px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body_wrapper > .header .r { width: 232px; } } @media only screen and (max-width: 740px) { .body_wrapper > .header .r { margin-top: 0px; margin-bottom: 5px; } } .body_wrapper > .header .r .shop-informer { clear: both; text-align: right; font-size: 12px; position: relative; height: 35px; line-height: 55px; color: #6a6a6a; margin-bottom: 14px; padding-top: 4px; } @media only screen and (max-width: 740px) { .body_wrapper > .header .r .shop-informer { display: none; } } .body_wrapper > .header .r .shop-informer a { color: #6a6a6a; } .body_wrapper > .header .r .shop-informer a:hover { text-decoration: none; } .body_wrapper > .header .r .shop-informer a.fav { margin-right: 7px; } .body_wrapper > .header .r .shop-informer a.cart { margin-left: 7px; } .body_wrapper > .header .r .shop-informer .cartInfo { display: block; position: absolute; top: -5px; right: 0px; line-height: 19px; height: 19px; padding: 0px 8px 0px 10px; text-decoration: none; font-size: 11px; } .body_wrapper > .header .r .shop-informer .cartInfo span.arrow { display: block; position: absolute; right: 0px; top: 0px; width: 21px; height: 26px; text-align: center; top: 19px; right: 4px; } .body_wrapper > .header .r .shop-informer .cartInfo { display: block; position: absolute; top: -5px; right: 0px; line-height: 19px; height: 19px; padding: 0px 8px 0px 10px; text-decoration: none; font-size: 11px; } .body_wrapper > .header .r .shop-informer .cartInfo { border: 1px solid #E3D1B9; background: #FAF9F7; color: #F0F0F0; } .body_wrapper > .header .r .shop-informer .cartIcon { color: #6a6a6a; text-decoration: none; line-height: 0px; font-size: 17px; margin-right: 4px; } .body_wrapper > .header .r .shop-informer .cartIcon:hover { color: #9d9d9d; } .body_wrapper > .header .r .shop-informer .cartInfo .sf_holder { position: absolute; right: 16px; } .body_wrapper > .header .r .shop-informer .cartInfo .sf_holder .out { display: block; position: absolute; left: 0; top: 1px; width: 0px; border: transparent solid; border-width: 9px 12px/2 0 12px/2; border-top-color: #E3D1B9; } .body_wrapper > .header .r .shop-informer .cartInfo .sf_holder .in { display: block; position: absolute; left: 0; top: -1px; width: 0px; border: transparent solid; border-width: 9px 12px/2 0 12px/2; border-top-color: #FAF9F7; } .body_wrapper > .header .r .auth-panel { clear: both; text-align: right; font-size: 12px; position: relative; color: #6a6a6a; } .body_wrapper > .header .r .auth-panel a { color: #6a6a6a; } .body_wrapper > .header .r .auth-panel a:hover { text-decoration: none; } .body_wrapper > .header .r .auth-panel a.register { margin-right: 7px; } .body_wrapper > .header .r .auth-panel a.login { margin-left: 7px; } .header .search, .pm_slidingPanel .search, .search_page .search { width: 228px; height: 36px; overflow: hidden; float: right; clear: both; margin-bottom: 14px; border: 2px solid #E3D1B9; background: #867267; position: relative; } .header .search input[type="text"], .pm_slidingPanel .search input[type="text"], .search_page .search input[type="text"] { float: left; border: none; width: 178px; height: 20px; line-height: 20px; padding: 8px 6px 8px 6px; border-right: 2px solid #E3D1B9; background: #FAF9F7; color: #6a6a6a; -webkit-appearance: none; border-radius: 0px; } .header .search input[type="submit"], .pm_slidingPanel .search input[type="submit"], .search_page .search input[type="submit"] { position: absolute; right: 0px; display: block; width: 40px; height: 36px; cursor: pointer; font-size: 26px; line-height: 26px; color: #ffffff; border: none; border-left: 2px solid #E3D1B9; background: #867267; font-family: svg; -webkit-appearance: none; border-radius: 0px; padding: 0 0 7px 0; } .header .search input[type="submit"]:hover, .pm_slidingPanel .search input[type="submit"]:hover, .search_page .search input[type="submit"]:hover { background: #9f8c81; color: #ffffff; } .pm_slidingPanel .search { width: 100%; float: none; } .pm_slidingPanel .search input[type="text"] { width: 268px; } .body_wrapper > .header .search { width: 228px; float: right; clear: both; } @media only screen and (max-width: 740px) { .body_wrapper > .header .search { display: none; } } .search_page { margin: 25px 0; } .search_page .search { float: none; } .search_page .slider { height: auto; width: auto; max-width: 100%; border-color: #E3D1B9; padding: 10px; color: #F0F0F0; text-transform: uppercase; } .search_page .slider .button-r { text-align: left; margin: 15px 0; } .search_page .slider span { margin: 5px 0; display: inline-flex; justify-content: space-between; font-size: 14px; } .search_page .slider input { border: 1px solid #E3D1B9; } .search_page.mobile { padding: 10px; } .search_page.mobile .pointy { color: #F0F0F0; margin: 10px 0; display: block; padding: 10px; border: solid #E3D1B9; border-width: 5px 0; font-weight: normal; } .search_page.mobile .pointy .arrow { display: none; } .search_page.mobile .search input[type="submit"] { margin-right: 0; } .search_page.mobile .slider { display: block; } .search_page.left .slider, .search_page.mobile .slider { min-width: 0; } .search_page.left .slider span, .search_page.mobile .slider span { display: block; } .search_page.left .panels .list, .search_page.mobile .panels .list { width: 100%; } .search_page.additional1 .slider { margin: 20px 0; } .search_page.additional1 .handle { width: 200px; } .search_page .handle { border: none; height: 36px; cursor: pointer; display: none; font-size: 14px; padding: 10px 22px 10px 10px; background: #867267; color: #ffffff; } .search_page .handle:hover { background: #9e8e85; color: #6a6a6a; } .search_page .handle:before { content: "Показать параметры"; padding-bottom: 5px; font-size: 16px; } .search_page .rolltop { overflow: hidden; height: 0; } .search_page.opened .handle:before { content: "Скрыть параметры"; } .search_page.opened .rolltop { height: 100%; } .search_page .reset_params { border: none; height: 36px; cursor: pointer; font-size: 14px; background: #867267; color: #ffffff; } .search_page .reset_params:hover { background: #9e8e85; color: #6a6a6a; } .search_page .search_categories, .search_page .panels { display: flex; justify-content: flex-start; flex-wrap: wrap; } .search_page .search_categories .list, .search_page .panels .list { width: 300px; display: inline-block; vertical-align: top; margin-bottom: 10px; } .search_page .search_categories .list.big, .search_page .panels .list.big { max-height: 200px; overflow: hidden; position: relative; padding-bottom: 55px; transition: max-height 0.3s ease-out; } .search_page .search_categories .list.big .handle, .search_page .panels .list.big .handle { display: block; margin: 0; position: absolute; box-shadow: 0px -9px 13px -2px #fff; bottom: 0; width: 100%; box-sizing: border-box; z-index: 9; text-align: center; cursor: pointer; } .search_page .search_categories .list.big .handle:before, .search_page .panels .list.big .handle:before { content: "Показать параметры"; padding-bottom: 5px; font-size: 14px; } .search_page .search_categories .list.big.opened, .search_page .panels .list.big.opened { max-height: 1000px; padding-bottom: 35px; } .search_page .search_categories .list.big.opened .handle:before, .search_page .panels .list.big.opened .handle:before { content: "Скрыть параметры"; } .search_page .search_categories .list input, .search_page .panels .list input { border: 1px solid #867267; } .search_page .search_categories .list ul, .search_page .panels .list ul { display: block; margin: 0; padding: 0; } .search_page .search_categories .list ul li, .search_page .panels .list ul li { list-style-type: none; cursor: pointer; margin: 0; padding: 0; } .search_page .search_categories .list ul li a, .search_page .panels .list ul li a { display: block; padding: 7px 10px; font-size: 12px; text-decoration: none; margin-top: 0; border: 1px solid #E3D1B9; color: #F0F0F0; background: #FAF9F7; border-top: none; cursor: pointer; position: relative; z-index: 5; } .search_page .search_categories .list ul li a:first-child, .search_page .panels .list ul li a:first-child { border-top: 1px solid #E3D1B9; } .search_page .search_categories .list ul li a i, .search_page .panels .list ul li a i { font-size: 10px; font-style: normal; margin-left: 10px; } .search_page .search_categories .list ul li a:hover, .search_page .panels .list ul li a:hover { background: #867267; } .search_page .search_categories .list ul li a.selected:after, .search_page .panels .list ul li a.selected:after { content: "❌"; position: absolute; right: 10px; } #ya-site-results table * { border: 0px none; background: transparent; } #ya-site-results table.b-head td { vertical-align: middle; padding: 0px 5px; } .footer, .push { height: 196px; clear: both; -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; margin-top: 10px; } .footer a { color: #4d4d4d; } .footer .email { text-decoration: none; color: #F0F0F0; font-size: 16px; } .callback_block { width: 270px; padding: 35px 25px 25px 25px; position: absolute; top: 110px; left: 50%; z-index: 25; display: none; background: #FAF9F7; border: 5px solid #E3D1B9; } @media only screen and (min-width: 1301px) { .callback_block { margin-left: -630px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .callback_block { margin-left: -500px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .callback_block { margin-left: -371px; } } @media only screen and (max-width: 740px) { .callback_block { width: 100%; margin: 0px; left: 0px; top: 130px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .callback_block .err { text-align: right; } .callback_block .arrow { position: absolute; left: 92px; top: -14px; margin-left: -9px; z-index: 99; } .callback_block .arrow .out { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #E3D1B9; } .callback_block .arrow .in { display: block; position: absolute; left: 0; top: 5px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #FAF9F7; } .callback_block label { text-align: right; display: block; font-size: 12px; margin-bottom: 14px; color: #6a6a6a; } .callback_block label:last-child { margin-bottom: 0; } .callback_block label input { height: 30px; line-height: 20px; margin-left: 5px; border: 1px solid #E3D1B9; width: 130px; padding: 0 5px; } .callback_block label input.small { width: 50px; } .callback_block label input[type=submit] { border: none; width: 179px; height: 36px; cursor: pointer; font-size: 14px; background: #867267; color: #ffffff; } .callback_block label input[type=submit]:hover { background: #9e8e85; color: #6a6a6a; } .callback_block .close { width: 17px; height: 17px; color: #E3D1B9; position: absolute; right: 4px; top: 4px; cursor: pointer; font-weight: normal; text-align: right; } .callback_block .close:hover { opacity: 0.7; } .callback_block .message h2 { font-size: 18px; color: #6a6a6a; font-weight: normal; margin-bottom: 12px; } .callback_block .message p { font-size: 12px; color: #6a6a6a; margin-bottom: 1em; margin-top: 1em; line-height: 17px; } .callback_block .captchaImage { background-color: #FAF9F7 !important; } .comments_menu { color: #6a6a6a !important; } .row.comment-item .content { background: #867267; } .topMenu { margin: 0 auto 38px auto; padding-left: 20px; padding-right: 20px; border: 5px solid #E3D1B9; background: #867267; position: relative; z-index: 20; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .topMenu.wide { width: 100%; } @media only screen and (max-width: 740px) { .topMenu { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .topMenu { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .topMenu { width: 1000px; } } @media only screen and (min-width: 1301px) { .topMenu { width: 1260px; } } .topMenu .mobileIcons { display: none; font-family: svg; font-size: 0px; float: right; position: relative; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .topMenu .mobileIcons a { color: #F0F0F0; text-decoration: none; display: inline-block; text-align: center; height: 47px; line-height: 38px; position: relative; font-size: 30px; padding: 0 20px; } .topMenu .mobileIcons a:before { content: ""; display: inline-block; position: absolute; top: 12px; left: 0px; width: 1px; height: 30px; background: #E3D1B9; } .topMenu .mobileIcons a.cart-icon .cartAmount { font-family: Verdana; font-size: 12px; line-height: 12px; background: #FAF9F7; border: 1px solid #E3D1B9; color: #F0F0F0; display: inline-block; vertical-align: middle; border-radius: 10px; margin-left: 5px; padding: 4px 5px; } @media only screen and (max-width: 740px) { .topMenu .mobileIcons { display: inline-block; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } @media only screen and (max-width: 740px) { .topMenu { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; position: fixed; left: 0px; top: 0px; margin-bottom: 0px; z-index: 24; padding-left: 0px; padding-right: 0px; } } .topMenu .flex-container { margin: 0px; list-style: none; padding: 0px; font-size: 14px; color: #F0F0F0; line-height: 58px; font-family: arial; /*.background-image(linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 53px, @menu_divider 53px, @menu_divider 100%)); .background-size(100%, 58px); margin-bottom: -5px; */ } @media only screen and (max-width: 740px) { .topMenu .flex-container { background-image: none; line-height: 34px; } } .topMenu .flex-item { padding: 0px; margin: 0px; display: inline-block; text-transform: uppercase; padding-right: 18px; padding-left: 18px; font-weight: bold; position: relative; border-bottom: 5px solid #E3D1B9; margin-bottom: -5px; } .topMenu .flex-item.lastRow { margin-bottom: 0px; border-bottom: 0px; } @media only screen and (max-width: 740px) { .topMenu .flex-item { display: none; } } .topMenu .flex-item a { color: #F0F0F0; text-decoration: none; display: block; } .topMenu .flex-item a span.arrow { color: #F0F0F0; text-decoration: none; color: #E3D1B9; } .topMenu .flex-item .arrow { z-index: 12; position: absolute; left: 50%; margin-left: -18px/2; display: none; } .topMenu .flex-item .arrow .out { display: block; position: absolute; left: 0; top: -12px; width: 0; border: transparent solid; border-width: 0px 9px 12px 9px; border-bottom-color: #E3D1B9; } .topMenu .flex-item .arrow .in { display: block; position: absolute; left: 3px; top: -4px; width: 0; border: transparent solid; border-width: 0px 6px 8px 6px; border-bottom-color: #867267; } .topMenu .flex-item.selected .arrow, .topMenu .flex-item:hover .arrow { display: block; } .topMenu.Small .flex-item .arrow { bottom: -1px; } .topMenu.Small .flex-item .arrow .in { border-bottom-color: #F1EAD6; } .topMenu.Large .flex-item .arrow { bottom: -1px; } .topMenu.Large .flex-item .arrow .in { border-bottom-color: #867267; } .topMenu.Large .flex-item.lastRow .arrow .in { border-bottom-color: #F1EAD6; } .topMenu .flex-container { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .topMenu .flex-item { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-align: center; } .hamburgerHolder { display: none!important; height: 54px; /* active state, i.e. menu open */ } .hamburgerHolder.flex-item { padding: 0px; text-align: left; border-bottom: 0px none; } @media only screen and (max-width: 740px) { .hamburgerHolder { display: inline-block !important; } } .hamburgerHolder .c-hamburger { display: inline-block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; } .hamburgerHolder .c-hamburger:focus { outline: none; } .hamburgerHolder .c-hamburger span { display: block; position: absolute; top: 50px/2 - 4px/2; left: 12px; right: 12px; height: 4px; background: #F0F0F0; } .hamburgerHolder .c-hamburger span::before, .hamburgerHolder .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #F0F0F0; content: ""; } .hamburgerHolder .c-hamburger span::before { top: -10px; } .hamburgerHolder .c-hamburger span::after { bottom: -10px; } .hamburgerHolder .c-hamburger--htx { background-color: transparent; } .hamburgerHolder .c-hamburger--htx span { transition: background 0s 0.3s; } .hamburgerHolder .c-hamburger--htx span::before, .hamburgerHolder .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .hamburgerHolder .c-hamburger--htx span::before { transition-property: top, transform; } .hamburgerHolder .c-hamburger--htx span::after { transition-property: bottom, transform; } .hamburgerHolder .c-hamburger--htx.is-active span { background: none; } .hamburgerHolder .c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); } .hamburgerHolder .c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); } .hamburgerHolder .c-hamburger--htx.is-active span::before, .hamburgerHolder .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; } .pm_slidingPanel .hamburgerHolder { display: none!important; } @media only screen and (max-width: 370px) { .pm_slidingPanel .hamburgerHolder { position: absolute; display: block!important; top: 62px; right: 0px; z-index: 999; } } @media only screen and (max-width: 370px) { .topMenu .hamburgerHolder button.is-active { display: none; } } .slider { margin: 20px auto; height: 462px; margin-bottom: 45px; position: relative; border: 5px solid #E3D1B9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .slider.wide { width: 100%; } @media only screen and (max-width: 740px) { .slider { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .slider { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .slider { width: 1000px; } } @media only screen and (min-width: 1301px) { .slider { width: 1260px; } } @media only screen and (min-width: 1301px) { .slider { height: 580px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .slider { height: 462px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .slider { height: 342px; } } @media only screen and (max-width: 740px) { .slider { display: none; } } .slider .cs3-slide img { width: 100%; height: 100%; } .slider .row { position: absolute; height: 460px; } .slider .row .desc { width: 250px; padding: 25px; position: absolute; top: 22px; left: 22px; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .slider .row .desc .title { font-size: 18px; text-decoration: underline; text-transform: uppercase; color: #ffffff; } .slider .row .desc .text { font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: #ffffff; } .slider .button { display: block; float: left; padding: 0px 20px 0px 20px; height: 43px; line-height: 43px; font-size: 12px; background: #867267; color: #ffffff; border: none; margin-top: 25px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } @media only screen and (max-width: 740px) { .slider .button { line-height: 30px; margin-top: 15px; height: auto; } } .slider .button:hover { background: #9e8e85; } .body { margin: 0 auto; padding-bottom: 30px; overflow: hidden; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .body.wide { width: 100%; } @media only screen and (max-width: 740px) { .body { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body { width: 1000px; } } @media only screen and (min-width: 1301px) { .body { width: 1260px; } } @media only screen and (max-width: 740px) { .body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } } .body .side { width: 220px; position: relative; } @media only screen and (max-width: 740px) { .body .side { width: 100%; float: none; } } .body .l { float: left; } .body .r { float: right; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body .r { float: left; clear: left; } } .body .side .search { width: 216px; height: 36px; overflow: hidden; margin-bottom: 18px; border: 2px solid #E3D1B9; } .body .side .search input[type="text"] { float: left; border: none; width: 164px; height: 20px; line-height: 20px; padding: 8px 6px 8px 6px; border-right: 2px solid #E3D1B9; } .body .side .search input[type="image"] { float: right; border-left: 2px solid #E3D1B9; } .body .side .pointy { padding: 0px; margin: 0px; line-height: 26px; padding: 4px 8px 4px 8px; text-align: center; font-size: 18px; text-transform: uppercase; font-family: arial; position: relative; margin-bottom: 20px; display: block; text-decoration: none; border: 5px solid #E3D1B9; color: #F0F0F0; background: #867267; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .body .side .pointy:hover { background: #867267; } .body .side .pointy .arrow { position: absolute; bottom: 1px; left: 50%; margin-left: -18px/2; } .body .side .pointy .arrow .out { display: block; position: absolute; left: 0; top: 5px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .body .side .pointy .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #867267; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .body .side .pointy:hover .arrow .out { border-top-color: #E3D1B9; } .body .side .pointy:hover .arrow .in { border-top-color: #867267; } /* Catalog Back Button */ #back { font-size: 11px; background: #FAF9F7; line-height: 16px; display: block; text-decoration: none; padding: 0px; padding-top: 9px; padding-bottom: 9px; position: relative; padding-left: 34px; } #back .arrow { position: absolute; top: 50%; margin-top: -10px; left: 5px; height: 19px; width: 19px; border: none; line-height: 17px; color: #ffffff; text-align: center; font-size: 9px; background: #867267; font-weight: bold; } #back .arrow:hover { background-color: #9e8e85; } /* Page Menu */ .breadcrumbs { font-size: 12px; margin-bottom: 5px; } .breadcrumbs .footstep:first-child:before { content: ""; } .breadcrumbs a:hover { opacity: 0.7; text-decoration: none; } .breadcrumbs .footstep:before { content: "/"; margin: 0 5px; } .body .side .menu { margin-bottom: 20px; } .body .side .menu ul { padding-left: 10px; } .body .side .menu li { list-style: none; } .body .side .menu .icon-arrow { height: 100%; width: 20px; position: absolute; right: 0; top: 0; border-left: 1px solid #E3D1B9; } .body .side .menu .icon-arrow:before { content: "➤"; position: absolute; right: 2px; bottom: 30%; color: #E3D1B9; } /* Catalog Menu */ .body .side .menu .menu-item { display: block; padding: 10px 22px 10px 10px; position: relative; font-size: 14px; padding-right: 40px; cursor: pointer; text-decoration: none; margin-top: 5px; background: #FAF9F7; border: 1px solid #E3D1B9; color: #7C7062; } .body .side .menu .menu-item:hover, .body .side .menu .menu-item.selected { background: #fff; color: #7C7062; } .body .side .menu .menu-item.hasRows span.arrow { display: block; text-align: center; width: 40px; position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #E3D1B9; } .body .side .menu .menu-item.hasRows span.arrow:after { content: ''; font-family: svg; font-size: 10px; display: block; position: absolute; top: 50%; margin-top: -8px; left: 0; right: 0; } .body .side .menu .menu-item.opened.hasRows span.arrow:after { content: ''; font-size: 10px; } .sub { display: none; } .sub.opened { display: block; } .body .side .menu .sub .sub-item:before { content: '▶'; font-size: 8px; color: #867269; position: absolute; left: 10px; top: 50%; margin-top: -5px; } .body .side .menu .sub .sub-item { display: block; padding: 7px 10px 7px 24px; position: relative; font-size: 12px; text-decoration: none; margin-top: 0px; border: 1px solid #E3D1B9; color: #7C7062; background: #FAF9F7; border-top: none; } .body .side .menu .sub .sub-item:hover, .body .side .menu .sub .sub-item.selected { background: #fff; color: #7C7062; } .body .side .menu .opened + .sub { display: block; } .body .side .news { margin-bottom: 20px; } .body .side .news a { text-decoration: none; } .body .side .news h2 { padding: 0px; margin: 0px; line-height: 26px; padding: 4px 8px 4px 8px; text-align: center; font-size: 18px; text-transform: uppercase; font-family: arial; position: relative; font-weight: normal; text-decoration: none; border: 5px solid #E3D1B9; color: #F0F0F0; background: #867267; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .body .side .news a:hover h2 { background: #9f8c81; } .body .side .news .row { padding: 15px; border: 5px solid #E3D1B9; background: #FAF7F0; border-top: 0px; word-wrap: break-word; } .body .side .news.banner-zone .row { border-top: 5px solid #E3D1B9; } .body .side .news .row:hover { background: #ffffff; } .body .side .news .row .date { font-size: 11px; color: #6a6a6a; } .body .side .news .row h3 { font-size: 12px; margin-top: 6px; margin-bottom: 6px; text-decoration: underline; color: #6a6a6a; } .body .side .news .row p { font-size: 12px; color: #6a6a6a; } .body .side .news .row img { margin: 10px auto; display: block; border: 5px solid #E3D1B9; width: 170px; } .body .side .reviews { margin-bottom: 20px; } .body .side .reviews h2 { border: 5px solid #E3D1B9; padding: 0px; margin: 0px; line-height: 26px; padding: 4px 8px 4px 8px; text-align: center; font-size: 18px; color: #F0F0F0; text-transform: uppercase; font-family: arial; position: relative; font-weight: normal; background: #867267; } .body .side .reviews .row { border: 5px solid #E3D1B9; border-top: 0px; background: #ffffff; overflow: hidden; } .body .side .reviews .row .author { font-size: 14px; color: #847268; background: #FAF7F0; border-bottom: 1px solid #E3D1B9; padding: 12px 12px 12px 12px; position: relative; } .body .side .reviews .row .author span { width: 19px; height: 13px; background: url('/default/Files/images/colors/grey/sideblock-arrow.png') no-repeat; display: block; position: absolute; bottom: -13px; left: 15px; } .body .side .reviews .row .text { padding: 18px 12px 10px 12px; font-size: 12px; color: #6a6a6a; } .body .side .reviews .row .more { display: block; border: none; background: #867267; font-size: 12px; color: #6a6a6a; width: 110px; height: 31px; line-height: 31px; text-align: center; text-decoration: none; float: right; margin-right: 12px; margin-bottom: 12px; margin-top: 16px; } .body .side .reviews .row .more:hover { background-color: #9e8e85; } .body .side .qna { margin-bottom: 20px; } .body .side .qna a { text-decoration: none; } .body .side .qna h2 { border: 5px solid #E3D1B9; padding: 0px; margin: 0px; line-height: 26px; padding: 4px 8px 4px 8px; text-align: center; font-size: 16px; color: #F0F0F0; text-transform: uppercase; font-family: arial; position: relative; background: #867267; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .body .side .qna a:hover h2 { background: #9f8c81; } .body .side .qna .row { border: 5px solid #E3D1B9; border-top: 0px; background: #ffffff; overflow: hidden; } .body .side .qna .row .author { display: block; font-size: 14px; color: #847268; background: #FAF7F0; border-bottom: 1px solid #E3D1B9; padding: 12px 12px 12px 12px; position: relative; font-weight: bold; } .body .side .qna .row .author:hover { background: #ffffff; } .body .side .qna .row .author:hover .arrow .in { border-top-color: #ffffff; } .body .side .qna .row .text { padding: 18px 12px 10px 12px; font-size: 12px; color: #6a6a6a; background: #FAF9F7; } .body .side .qna .row .answer { font-size: 12px; color: #6a6a6a; background: #ffffff; border-top: 1px solid #E3D1B9; padding: 12px 12px 12px 12px; position: relative; } .body .side .qna .row .answer .arrow { position: absolute; right: 30px; top: 0px; } .body .side .qna .row .answer .arrow .out { display: block; position: absolute; left: 0; top: -12px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #E3D1B9; } .body .side .qna .row .answer .arrow .in { display: block; position: absolute; left: 0; top: -10px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #ffffff; } .body .side .qna .row .more { display: block; border: none; background: #867267; font-size: 12px; color: #ffffff; width: 110px; height: 31px; line-height: 31px; text-align: center; text-decoration: none; float: right; margin-right: 12px; margin-bottom: 12px; margin-top: 16px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .body .side .qna .row .more:hover { background-color: #9e8e85; } .answers ul { list-style: none; } .content .row .navigation { width: 100px; } .popup-err { color: red !important; } @media only screen and (max-width: 740px) { .body .side { display: none; } } .body .c { float: left; margin-left: 22px; width: 518px; } @media only screen and (min-width: 1301px) { .body .c { width: 778px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body .c { width: 518px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body .c { width: 500px; float: right; } } @media only screen and (max-width: 740px) { .body .c { width: 100%; float: none; margin: 20px 0; } } .body .c.both { float: right; } @media only screen and (min-width: 1301px) { .body .c.both { width: 1018px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body .c.both { width: 758px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body .c.both { width: 500px; } } @media only screen and (max-width: 740px) { .body .c.both { width: 100%; float: none; } } .body .c.rboth { float: right; margin-right: 0px; } @media only screen and (min-width: 1301px) { .body .c.rboth { width: 1018px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body .c.rboth { width: 758px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body .c.rboth { width: 500px; } } @media only screen and (max-width: 740px) { .body .c.rboth { width: 100%; float: none; } } .body .c.lboth { float: left; margin-left: 0px; } @media only screen and (min-width: 1301px) { .body .c.lboth { width: 1018px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body .c.lboth { width: 758px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body .c.lboth { width: 500px; } } @media only screen and (max-width: 740px) { .body .c.lboth { width: 100%; float: none; } } .body .c .title { margin-bottom: 20px; text-align: center; position: relative; overflow: hidden; margin-top: 12px; } .body .c .title h1, .body .c .title .h1-impostor { font-size: 18px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; font-weight: normal; color: #7C7060; display: inline-block; position: relative; max-width: 650px; } .body .c .title h1:before, .body .c .title h1:after, .body .c .title .h1-impostor:before, .body .c .title .h1-impostor:after { content: ""; position: absolute; height: 5px; width: 800px; background: #E3D1B9; } .body .c .title h1:before, .body .c .title .h1-impostor:before { right: 100%; margin-right: 15px; top: 50%; margin-top: -2px; } .body .c .title h1:after, .body .c .title .h1-impostor:after { left: 100%; margin-left: 15px; top: 50%; margin-top: -2px; } .body .c .title div { font-size: 18px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; font-weight: normal; color: #7C7060; display: inline-block; position: relative; max-width: 650px; } .body .c .title div:before, .body .c .title div:after { content: ""; position: absolute; height: 5px; width: 800px; background: #E3D1B9; } .body .c .title div:before { right: 100%; margin-right: 15px; top: 50%; margin-top: -2px; } .body .c .title div:after { left: 100%; margin-left: 15px; top: 50%; margin-top: -2px; } .body .c .container { padding: 29px; background: #ffffff; border: 1px solid #E3D1B9; overflow: hidden; clear: both; margin-bottom: 20px; } @media only screen and (max-width: 740px) { .body .c .container { clear: both; } } .body .c.w1000 { margin-left: 0px; margin-right: 0px; } @media only screen and (min-width: 1301px) { .body .c.w1000 { width: 1260px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .body .c.w1000 { width: 1000px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .body .c.w1000 { width: 742px; } } @media only screen and (max-width: 740px) { .body .c.w1000 { width: 100%; float: none; } } .body .c.w1000.wide { width: 100%; } .content { overflow: hidden; } .content, .textcontent { font-size: 12px; line-height: 17px; color: #6a6a6a; } .content a.hoverTitle[title] img, .textcontent a.hoverTitle[title] img { font-size: 0; line-height: 0; margin: 0; } .content a.hoverTitle[title], .textcontent a.hoverTitle[title] { position: relative; display: inline-block; overflow: hidden; line-height: 0; } .content a.hoverTitle[title]:after, .textcontent a.hoverTitle[title]:after { content: ""; background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; max-height: 0; bottom: -31px; overflow: hidden; transition: all 0.3s; border-top: 1px solid rgba(255, 255, 255, 0.8); display: block; content: attr(title); line-height: normal; padding: 15px 15px; left: 0; right: 0; text-align: center; } .content a.hoverTitle[title]:hover:after, .textcontent a.hoverTitle[title]:hover:after { max-height: 100%; padding: 15px 15px; bottom: 0; } .content h1, .textcontent h1, .content .h1-impostor, .textcontent .h1-impostor { font-size: 18px; font-weight: normal; color: #6a6a6a; } .content h2, .textcontent h2 { font-size: 18px; font-weight: normal; margin: 12px; color: #6a6a6a; } .content h3, .textcontent h3 { font-size: 14px; margin: 10px 0; font-weight: normal; color: #6a6a6a; } .content h4, .textcontent h4 { font-size: 14px; margin: 10px 0; font-weight: bold; color: #6a6a6a; } .content h4, .textcontent h4 { font-size: 12px; margin: 10px 0; font-weight: bold; color: #6a6a6a; } .content ul li, .textcontent ul li { font-size: 11px; color: #6a6a6a; line-height: 17px; padding-bottom: 5px; } .content ol li, .textcontent ol li { font-size: 11px; color: #6a6a6a; line-height: 17px; padding-bottom: 5px; } .content table, .textcontent table { border-collapse: separate; border-spacing: 2px; } .content table td, .textcontent table td { border: 1px solid #E3D1B9; background: #FAF9F7; } .content table td, .textcontent table td, .content .content table th, .textcontent .content table th { padding: 10px; } .content table td p:first-child, .textcontent table td p:first-child { margin: 0px; } .content table td p:last-child, .textcontent table td p:last-child { margin: 0px; } .content table td div:first-child, .textcontent table td div:first-child { margin: 0px; } .content table td div:last-child, .textcontent table td div:last-child { margin: 0px; } .content table td, .textcontent table td { font-size: 12px; margin-bottom: 1em; margin-top: 1em; line-height: 17px; color: #6a6a6a; } .content .noborder, .textcontent .noborder { border: 0px none; } .content table.noborder td, .textcontent table.noborder td { border: 0px none; background-color: transparent; } .content p, .textcontent p { font-size: 12px; margin: 10px 0; line-height: 17px; color: #6a6a6a; } .content > *:first-child, .textcontent > *:first-child { margin-top: 0px; } .content img, .textcontent img { margin-bottom: 10px; margin-top: 10px; border: 5px solid #E3D1B9; max-width: 100%; height: auto; } .content span.emoji { width: 16px!important; height: 16px!important; margin: 0!important; vertical-align: baseline; background-size: cover; padding: 0!important; display: inline-block !important; } .content .lSSlideOuter.slider-1 { max-width: 50%; margin: 0 auto; } .content * { box-sizing: border-box; } @media only screen and (max-width: 740px) { .content li, .content ul li, .content ol li, .content table td, .content table th { font-size: 1.2em; line-height: 1.4em; text-align: left; } } @media only screen and (max-width: 740px) { .content h1 { font-size: 28px; } .content h2 { font-size: 26px; } .content h3 { font-size: 16px; } .content h4 { font-size: 15px; } .content h5 { font-size: 14px; } .content p { font-size: 14px; } } @media only screen and (max-width: 740px) { .content table td p, .content table td div { font-size: 14px; } } .content ul, .content ol { padding-left: 20px; margin-left: 0px!important; } .content ul li, .content ol li { font-size: 14px; } @media only screen and (max-width: 740px) { .content ul ul li, .content ol ul li, .content ul ol li, .content ol ol li { font-size: 14px; line-height: normal; } } .content .left { text-align: left; } .content .right { text-align: right; } .content .center { text-align: center; } .content .full { text-align: justify; } @media only screen and (max-width: 740px) { .content .full { text-align: inherit; } } .content img.left, .content img[style*="float:left"], .content img[style*="float: left"] { float: left; margin-right: 15px; margin-bottom: 10px; } @media only screen and (max-width: 740px) { .content img.left, .content img[style*="float:left"], .content img[style*="float: left"] { float: none; margin: 10px auto!important; clear: both; display: block; } } .content img.right, .content img[style*="float:right"], .content img[style*="float: right"] { float: right; margin-left: 15px; margin-bottom: 10px; } @media only screen and (max-width: 740px) { .content img.right, .content img[style*="float:right"], .content img[style*="float: right"] { float: none; margin: 10px auto!important; clear: both; display: block; } } .content p { min-height: 1em; } .content img.center { margin: 0 auto; clear: both; display: block; } .content img.full { width: 100%; height: auto; clear: both; } .content img.makeRound { border-radius: 100%; } .content img { max-width: 100%; height: auto; } .content iframe { max-width: 100%; } @media only screen and (max-width: 740px) { .content table img { display: inline-block; } } .content table.noborder td, .content table.noborder th { background: transparent; border: 0; } .content table.noborderpadding td, .content table.noborderpadding th { background: transparent; border: 0px none; padding: 0px; } .content table.noborderpadding td *, .content table.noborderpadding th * { margin: 0px; padding: 0px; } .content table.noborderpadding td ul, .content table.noborderpadding th ul, .content table.noborderpadding td ol, .content table.noborderpadding th ol { padding-left: 20px; } .content table.center { margin: 0 auto; } .content table.right { margin: 0 0 0 auto; } .content .table-scroll-container { overflow: auto; max-width: 100%; } .content a:hover img { -webkit-backface-visibility: hidden; opacity: 0.7; } .content img { max-width: 100%; height: auto; } .content .mejs-container { overflow: hidden; } .content .content p span { line-height: normal; } .content .a-mce-button { display: block; border: 1px solid #cfcfcf; background: #f4f4f4; font-size: 12px; color: #6a6a6a; width: 110px; height: 31px; line-height: 31px; text-align: center; text-decoration: none; margin-right: 12px; margin-bottom: 12px; margin-top: 16px; } .content .a-mce-button:hover { background-color: #fff; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .content table.explode-in-tablet td, .content table.explode-in-tablet th { display: block; width: 100%!important; margin: 20px auto 0px auto; } .content .hide-in-tablet { display: none; } .content table.adapt-in-tablet { display: block; position: relative; text-align: center; } .content table.adapt-in-tablet tr { display: inline-block; text-align: center; width: 100%; } .content table.adapt-in-tablet tr td, .content table.adapt-in-tablet tr th { display: inline-block; margin: 5px; padding: 0px; text-align: center; } } @media only screen and (max-width: 740px) { .content table.explode-in-mobile td, .content table.explode-in-mobile th { text-align: center; display: block; width: 100%!important; margin: 20px auto 0px auto; } .content table.explode-in-mobile td *, .content table.explode-in-mobile th * { text-align: center; } .content table.explode-in-mobile td ul li, .content table.explode-in-mobile th ul li, .content table.explode-in-mobile td ol li, .content table.explode-in-mobile th ol li { text-align: left; } .content table.adapt-in-mobile { display: block; position: relative; text-align: center; } .content table.adapt-in-mobile tr { display: inline-block; text-align: center; width: 100%; } .content table.adapt-in-mobile tr td, .content table.adapt-in-mobile tr th { display: inline-block; margin: 5px; padding: 0px; text-align: center; } .content .hide-in-mobile { display: none; } } .content .pm-js, .content .pm-gallery-js, .content .pm-form-js { background: url('/Core/Files/images/loading_small.gif') center no-repeat #fff; } /* NEWS LIST */ #tags_chosen { margin: 10px 0; min-width: 150px; } .tags { margin: 20px 0; } .tags a { margin-right: 3px; padding: 3px 5px 3px 6px; font-size: 11px; background: #FAF9F7; border: 1px solid #E3D1B9; color: #7C7062; text-decoration: none; } .tags a:hover { background: #fff; color: #7C7062; } .news-content .row { margin-bottom: 15px; } .news-content .row .head { padding: 15px; position: relative; background: #FAF7F0; border: 1px solid #E3D1B9; } .news-content .row .head .date { font-size: 14px; position: absolute; display: block; bottom: 17px; left: 22px; width: 149px; text-align: center; color: rgba(132, 114, 104, 0.8); } .news-content .row .head h2 { color: #6a6a6a; font-size: 15px; font-family: Verdana; font-weight: normal; margin-left: 185px; } .news-content .row .head .arrow { position: absolute; left: 90px; bottom: 0px; } .news-content .row .head .arrow .out { display: block; position: absolute; left: 0; top: 0px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; } .news-content .row .head .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #FAF7F0; } .news-content .row .content { border: 1px solid #E3D1B9; padding: 22px; border-top: 0px; overflow: hidden; background: #ffffff; } .news-content .row .content img { margin-right: 19px; } .news-content .row .content .more { border: none; background: #867267; color: #ffffff; display: block; font-size: 12px; width: 110px; height: 31px; line-height: 31px; text-align: center; text-decoration: none; float: right; margin-right: 12px; margin-bottom: 12px; margin-top: 16px; } .news-content .row .content .more:hover { border: 1px solid #9e8e85; border: none; background: #9e8e85; color: #ffffff; } /* NEWS LIST */ .events-main .news-content .title { text-align: left; } /* NEWS OPEN */ .container-bottom { border: 1px solid #E3D1B9; border-top: none; height: 48px; background: #FAF9F7; line-height: 48px; font-size: 11px; padding-left: 29px; padding-right: 29px; } .container-bottom a { font-size: 11px; color: #757575; margin-left: 5px; } .container-bottom .larr { font-size: 10px; width: 19px; height: 19px; line-height: 19px; border: 1px solid #E3D1B9; display: inline-block; text-align: center; text-decoration: none; color: #9c9c9c; background: #FAF9F7; font-family: Trebuchet MS; margin: 0px; } /* NEWS OPEN */ /* QNA LIST */ .qna-content .form { border: 5px solid #E3D1B9; padding: 20px; margin-bottom: 20px; background: #FAF9F7; } .qna-content .form p.forminput label.checkbox { text-align: left; float: none; padding-left: 5px; } .qna-content .form table { padding: 0px; margin: 0 auto; } .qna-content .form table tr td { margin: 0px; padding: 0px; padding-bottom: 10px; } .qna-content .form table tr td:first-child { text-align: right; vertical-align: top; padding-top: 11px; padding-right: 10px; } .qna-content .form label { font-size: 12px; } .qna-content .form label.radio, .qna-content .form label.multicheckbox, .qna-content .form label.checkbox { display: block; max-width: 400px; position: relative; line-height: 20px; padding-left: 15px; margin-top: 0px; } .qna-content .form label.radio:first-child, .qna-content .form label.multicheckbox:first-child, .qna-content .form label.checkbox:first-child { margin-top: 12px; } .qna-content .form label.radio input[type="radio"], .qna-content .form label.multicheckbox input[type="radio"], .qna-content .form label.checkbox input[type="radio"] { position: absolute; top: 3px; left: 0px; } .qna-content .form label.radio input[type="checkbox"], .qna-content .form label.multicheckbox input[type="checkbox"], .qna-content .form label.checkbox input[type="checkbox"] { position: absolute; top: 3px; left: 0px; } .qna-content .form label.checkbox { margin-top: 0px!important; position: relative; } .qna-content .form label.checkbox input.error { margin-bottom: 20px; } .qna-content .form label.checkbox .err { position: absolute; white-space: nowrap; bottom: -20px; left: 0px; } .qna-content .descr { border-bottom: 2px solid #E3D1B9; margin-bottom: 30px; padding-bottom: 10px; overflow: hidden; } .qna-content .descr a { color: #E3D1B9; } .qna-content .form input[type="text"], .qna-content .form input[type="email"], .qna-content .form input[type="phone"], .qna-content .form input[type="password"], .qna-content .form select { width: 270px; height: 38px; padding: 0px 4px 0px 4px; line-height: 18px; border: 1px solid #E3D1B9; margin-right: 160px; outline: none; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .qna-content .form input[type="text"], .qna-content .form input[type="email"], .qna-content .form input[type="phone"], .qna-content .form input[type="password"], .qna-content .form select { margin-right: 0px; } } @media only screen and (max-width: 740px) { .qna-content .form input[type="text"], .qna-content .form input[type="email"], .qna-content .form input[type="phone"], .qna-content .form input[type="password"], .qna-content .form select { width: 200px; } } .qna-content .form input.small[type="text"] { width: 160px; margin-right: 0px; } @media only screen and (max-width: 740px) { .qna-content .form input.small[type="text"] { width: 96px; } } .qna-content .form textarea { width: 428px; height: 140px; padding: 5px; line-height: 18px; border: 1px solid #E3D1B9; resize: none; outline: none; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .qna-content .form textarea { width: 268px; } } @media only screen and (max-width: 740px) { .qna-content .form textarea { width: 200px; } } .qna-content .form .err { line-height: 18px; font-size: 12px; margin-top: 0px; } .qna-content .form input[type="submit"], .pm_slidingPanel .section input[type="submit"] { color: #ffffff; background: #867267; border: none; height: 40px; padding: 0px 30px; margin: 0px; font-size: 14px; font-weight: bold; font-weight: normal; margin-right: 250px; cursor: pointer; } .qna-content .form input[type="submit"]:hover, .pm_slidingPanel .section input[type="submit"]:hover { background: #9e8e85; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .qna-content .form input[type="submit"], .pm_slidingPanel .section input[type="submit"] { margin-right: 0px; } } .qna-content { overflow: hidden; } .qna-content .row { margin-bottom: 15px; } .qna-content .row .head { background: #FAF7F0; padding: 15px; border: 1px solid #E3D1B9; position: relative; } .qna-content .row .head .date { color: #aaaaaa; position: absolute; display: block; bottom: 20px; right: 15px; width: 149px; text-align: right; font-size: 10px; } .qna-content .row .head h2 { color: #6a6a6a; font-size: 15px; font-family: Verdana; font-weight: bold; } .qna-content .row .head .arrow { position: absolute; left: 15px; bottom: 0px; } .qna-content .row .head .arrow .out { display: block; position: absolute; left: 0; top: 0px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; } .qna-content .row .head .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #FAF7F0; } .qna-content .row .content { background: #FAF9F7; padding: 22px 15px 15px 15px; border: 1px solid #E3D1B9; border-top: 0px; } .qna-content .row .bottom { position: relative; } .qna-content .row .bottom .box { background: #fff; padding-top: 15px; } .qna-content .row .bottom .arrow { position: absolute; right: 15px; top: 0px; } .qna-content .row .bottom .arrow .out { display: block; position: absolute; right: 0; top: -12px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #E3D1B9; } .qna-content .row .bottom .arrow .in { display: block; position: absolute; right: 0; top: -10px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #ffffff; } .qna-content .row .content .more { display: block; border: 1px solid #cfcfcf; background: #f4f4f4; font-size: 12px; color: #6a6a6a; width: 110px; height: 31px; line-height: 31px; text-align: center; text-decoration: none; float: right; margin-right: 12px; margin-bottom: 12px; margin-top: 16px; } /* QNA LIST */ /* Catalog List*/ .steps { padding: 0px 0px 15px 0px; } .steps, .steps a { font-size: 11px; font-family: Verdana; color: #867267; } .steps a:hover { text-decoration: none; } .filter-box { background: #ffffff; border: 1px solid #E3D1B9; color: #757575; padding: 15px; font-size: 11px; overflow: hidden; } .filter-box span { color: #956e3b; } .filter-box span:hover { text-decoration: none; } .filter-box span.right { text-align: right; float: right; width: 370px; height: 13px; } .filter-box span.right .price { position: relative; text-decoration: underline; cursor: pointer; } .filter-box span.right .price:hover { position: relative; text-decoration: none; } .filter-box span.right .priceArrow { color: #956e3b; } .filter-box span.right .priceArrow:after { width: 5px; height: 13px; display: inline-block; } .filter-box .price-slider { width: 200px; position: absolute; bottom: 0px; left: 110px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .filter-box .price-slider { width: 150px; } } @media only screen and (max-width: 740px) { .filter-box .price-slider { width: 150px; } } .filter-box span.right .price.asc + .priceArrow::after { content: ""; font-size: 5px; text-align: center; position: relative; top: -2px; font-family: svg; } .filter-box span.right .price.desc + .priceArrow::after { content: ""; font-size: 5px; text-align: center; position: relative; top: -2px; font-family: svg; } .filter-box span.right .price.pos + .priceArrow::after { content: "-"; font-size: 9px; text-align: center; position: relative; font-family: svg; } @media only screen and (max-width: 740px) { .filter-box span.right { text-align: right; float: none; margin-top: 20px; display: block; width: auto; } } .catalog-settings span { color: #956e3b; } .catalog-settings .limits span { background: #FAF9F7; border: 1px solid #E3D1B9; color: #9c9c9c; height: 20px; line-height: 20px; display: inline-block; text-decoration: none; padding: 0px 4px; cursor: pointer; } .catalog-settings .limits span:hover, .catalog-settings .limits span.selected { background: #ffffff; color: #414141; border: 1px solid #E3D1B9; } .catalog-settings span.right { text-align: right; /* float: right; */ line-height: 14px; /* width: 160px; */ } .catalog-settings span.right span { display: inline-block; width: 16px; height: 17px; margin-left: 1px; font-size: 17px; text-decoration: none; color: #9c9c9c; background: #ffffff; cursor: pointer; } .catalog-settings span.right span:hover, .catalog-settings span.right span.selected { color: #575757; } .catalog-settings { color: #757575; padding: 15px 0; font-size: 11px; overflow: hidden; margin-bottom: 10px; position: relative; display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 740px) { .catalog-settings { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1301px) { .catalog-settings .limits { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 50%; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-settings .limits { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 50%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-settings .limits { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 70%; } } .catalog-settings .viewtype { display: inline-block; text-align: center; } @media only screen and (min-width: 1301px) { .catalog-settings .viewtype { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; text-align: center; width: 20%; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-settings .viewtype { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; width: 20%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-settings .viewtype { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; width: 30%; } } @media only screen and (max-width: 740px) { .catalog-settings .viewtype { text-align: left!important; } } .catalog-settings .itemsCounter { line-height: 22px; } @media only screen and (min-width: 1301px) { .catalog-settings .itemsCounter { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 30%; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-settings .itemsCounter { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 30%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-settings .itemsCounter { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; width: 40%; } } .catalog-settings .divider { border-bottom: 1px solid #E3D1B9; margin: 10px 0; } @media only screen and (min-width: 1301px) { .catalog-settings .divider { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; width: 100%; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-settings .divider { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-settings .divider { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; width: 100%; } } .catalog-settings .pager { margin: 0px; } @media only screen and (min-width: 1301px) { .catalog-settings .pager { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; width: 100%; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-settings .pager { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-settings .pager { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; width: 60%; } } .catalog-settings .mobile_filters, .catalog-settings .search_filters { display: none; } @media only screen and (max-width: 740px) { .catalog-settings .mobile_filters, .catalog-settings .search_filters { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; border: 5px solid #E3D1B9; text-align: center; margin: 10px 0; padding: 10px 0; text-decoration: none; font-weight: bold; text-transform: uppercase; } .catalog-settings .mobile_filters.hidden, .catalog-settings .search_filters.hidden { display: none; } } .pm-js.catalog .pm-embedded .newswrap { margin: 0; } .w1000 .pm-js.catalog .catalog-content .overflow { margin: 0 auto; width: calc(258px*3); display: flex; flex-wrap: wrap; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .w1000 .pm-js.catalog .catalog-content .overflow { width: calc(258px*2); } } @media only screen and (max-width: 740px) { .w1000 .pm-js.catalog .catalog-content .overflow { width: 100%; } } .w1000 .pm-js.catalog .catalog-content .overflow .row.block { margin: 5px 8px; } .catalog-content .overflow { margin-bottom: 10px; overflow: hidden; display: flex; flex-wrap: wrap; } @media only screen and (min-width: 1301px) { .catalog-content .overflow { width: auto; } } .catalog-content .row .item-title, .pm-js.catalog .swiper-container .swiper-slide .item-title { background: #867267; border-bottom: 5px solid #E3D1B9; padding: 10px; text-align: center; position: relative; } .catalog-content .row .item-title .name, .pm-js.catalog .swiper-container .swiper-slide .item-title .name { color: #F0F0F0; display: inline-block; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: underline; min-height: 18px; } .catalog-content .row .item-title .name:hover, .pm-js.catalog .swiper-container .swiper-slide .item-title .name:hover { text-decoration: none; } .catalog-content .row .item-title .description, .pm-js.catalog .swiper-container .swiper-slide .item-title .description { color: #E3D1B9; font-size: 11px; display: block; height: 15px; } .catalog-content .row .item-title, .pm-js.catalog .swiper-container .swiper-slide .item-title { box-sizing: border-box; } .catalog-content .row .item-title a.shadow, .pm-js.catalog .swiper-container .swiper-slide .item-title a.shadow { display: block; position: absolute; box-shadow: inset 0px -18px 15px -14px #867267; left: 0px; right: 0px; bottom: 0px; height: 20px; } .catalog-content .row .item-title .arrow, .pm-js.catalog .swiper-container .swiper-slide .item-title .arrow { position: absolute; left: 50%; margin-left: -18px/2; bottom: 0; z-index: 20; } .catalog-content .row .item-title .arrow .out, .pm-js.catalog .swiper-container .swiper-slide .item-title .arrow .out { display: block; position: absolute; left: 0; top: 5px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; } .catalog-content .row .item-title .arrow .in, .pm-js.catalog .swiper-container .swiper-slide .item-title .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #867267; } .catalog-content .row .bottom, .pm-js.catalog .swiper-container .swiper-slide .bottom { background: #ffffff; padding: 10px 10px 10px 10px; } .catalog-content .row .bottom .brief, .pm-js.catalog .swiper-container .swiper-slide .bottom .brief { font-size: 11px; margin-top: 0px; margin-bottom: 12px; color: #6a6a6a; } .catalog-content .row .bottom .price, .pm-js.catalog .swiper-container .swiper-slide .bottom .price { color: #6a6a6a; border-top: 1px solid #E3D1B9; font-size: 14px; text-align: center; margin: 0 auto; line-height: 45px; } .catalog-content .row .bottom .price span, .pm-js.catalog .swiper-container .swiper-slide .bottom .price span { font-size: 18px; } .catalog-content .row .bottom .price s, .pm-js.catalog .swiper-container .swiper-slide .bottom .price s { color: #E12023; font-size: 14px; } .catalog-content .row .bottom .amount, .pm-js.catalog .swiper-container .swiper-slide .bottom .amount { color: #9c9c9c; border-top: 1px solid #E3D1B9; font-size: 12px; text-align: center; margin: 0 auto; height: 40px; line-height: 40px; } .catalog-content .row .bottom .amount span, .pm-js.catalog .swiper-container .swiper-slide .bottom .amount span { color: #49ad00; } .catalog-content .row .bottom .purchase, .pm-js.catalog .swiper-container .swiper-slide .bottom .purchase { border-top: 1px solid #E3D1B9; margin: 0 auto; line-height: 31px; padding-top: 14px; overflow: hidden; } .catalog-content .row .bottom .purchase .fav, .pm-js.catalog .swiper-container .swiper-slide .bottom .purchase .fav { border: 1px solid #cfcfcf; background: #f4f4f4 url('/default/Files/images/colors/grey/content-catalog/fav-icon.png') center center no-repeat; color: #6a6a6a; float: left; width: 33px; height: 31px; display: block; } .catalog-content .row .cart, .pm-js.catalog .swiper-container .swiper-slide .cart { border: none; background: #867267; color: #ffffff; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .catalog-content .row .cart:hover, .pm-js.catalog .swiper-container .swiper-slide .cart:hover { background-color: #9e8e85; } .catalog-content .row .cart.disabled, .pm-js.catalog .swiper-container .swiper-slide .cart.disabled { opacity: 0.5; } .catalog-content .row .cart.disabled:hover, .pm-js.catalog .swiper-container .swiper-slide .cart.disabled:hover { background: #867267; } .catalog-content .row.block .image, .pm-js.catalog .swiper-container .swiper-slide.block .image, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image { border-bottom: 5px solid #E3D1B9; position: relative; line-height: 0px; display: block; background: #ffffff; text-align: center; } .itemRow.noimage .image, .goods.noimage .image { display: none; } .catalog-content .row.block.itemRow.noimage .rec-title, .pm-js.catalog .swiper-container .swiper-slide.block.itemRow.noimage .rec-title, .pm-js.catalog .swiper-container .swiper-slide .itemRow.itemRow.noimage .rec-title { border-top: 0; } .catalog-content .row.block.itemRow.noimage .image, .pm-js.catalog .swiper-container .swiper-slide.block.itemRow.noimage .image, .pm-js.catalog .swiper-container .swiper-slide .itemRow.itemRow.noimage .image { display: none; } .catalog-content .row.block .image img, .pm-js.catalog .swiper-container .swiper-slide.block .image img, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image img { height: 220px; margin: 0; border: 0; } .catalog-content .row.block .image:hover img, .pm-js.catalog .swiper-container .swiper-slide.block .image:hover img, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image:hover img { opacity: 0.9; } .catalog-content .row.block .image .arrow, .pm-js.catalog .swiper-container .swiper-slide.block .image .arrow, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .arrow { position: absolute; left: 50%; margin-left: -18px/2; bottom: 9px; z-index: 20; } .catalog-content .row.block .image .arrow .out, .pm-js.catalog .swiper-container .swiper-slide.block .image .arrow .out, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .arrow .out { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #E3D1B9; } .catalog-content .row.block .image .arrow .in, .pm-js.catalog .swiper-container .swiper-slide.block .image .arrow .in, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .arrow .in { display: block; position: absolute; left: 0; top: 5px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #ffffff; } .catalog-content .row .cart, .pm-js.catalog .swiper-container .swiper-slide .cart { margin: 0 auto; width: 112px; height: 31px; padding: 0 12px; white-space: nowrap; display: flex; justify-content: center; font-size: 12px; text-decoration: none; line-height: 29px; text-align: center; font-weight: bold; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .catalog-content .row .cart .icon, .pm-js.catalog .swiper-container .swiper-slide .cart .icon { font-size: 15px; font-weight: normal; position: relative; margin-left: 3px; top: 1px; } .catalog-content .row.block, .pm-js.catalog .swiper-container .swiper-slide.block, .pm-js.catalog .swiper-container .swiper-slide .itemRow { width: 230px; float: left; display: flex; flex-direction: column; margin-right: 19px; border: 5px solid #E3D1B9; margin-bottom: 15px; } .catalog-content .row.block .bottom, .pm-js.catalog .swiper-container .swiper-slide.block .bottom, .pm-js.catalog .swiper-container .swiper-slide .itemRow .bottom { display: flex; flex-direction: column; align-content: stretch; flex-grow: 1; } .catalog-content .row.block .bottom .brief, .pm-js.catalog .swiper-container .swiper-slide.block .bottom .brief, .pm-js.catalog .swiper-container .swiper-slide .itemRow .bottom .brief { flex-grow: 1; } .catalog-content .row.block .bottom .price, .catalog-content .row.block .bottom .amount, .catalog-content .row.block .bottom .purchase, .pm-js.catalog .swiper-container .swiper-slide.block .bottom .price, .pm-js.catalog .swiper-container .swiper-slide.block .bottom .amount, .pm-js.catalog .swiper-container .swiper-slide.block .bottom .purchase, .pm-js.catalog .swiper-container .swiper-slide .itemRow .bottom .price, .pm-js.catalog .swiper-container .swiper-slide .itemRow .bottom .amount, .pm-js.catalog .swiper-container .swiper-slide .itemRow .bottom .purchase { margin: 0; } @media only screen and (max-width: 740px) { .catalog-content .row.block, .pm-js.catalog .swiper-container .swiper-slide.block, .pm-js.catalog .swiper-container .swiper-slide .itemRow { margin-right: 0px; } } @media only screen and (min-width: 1301px) { .catalog-content .row.block:nth-child(4n), .pm-js.catalog .swiper-container .swiper-slide.block:nth-child(4n), .pm-js.catalog .swiper-container .swiper-slide .itemRow:nth-child(4n) { margin-right: 0px; } } @media only screen and (min-width: 1301px) { .catalog-content .row.block:nth-child(4n+1), .pm-js.catalog .swiper-container .swiper-slide.block:nth-child(4n+1), .pm-js.catalog .swiper-container .swiper-slide .itemRow:nth-child(4n+1) { clear: both; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-content .row.block:nth-child(3n), .pm-js.catalog .swiper-container .swiper-slide.block:nth-child(3n), .pm-js.catalog .swiper-container .swiper-slide .itemRow:nth-child(3n) { margin-right: 0px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-content .row.block:nth-child(3n+1), .pm-js.catalog .swiper-container .swiper-slide.block:nth-child(3n+1), .pm-js.catalog .swiper-container .swiper-slide .itemRow:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content .row.block:nth-child(2n), .pm-js.catalog .swiper-container .swiper-slide.block:nth-child(2n), .pm-js.catalog .swiper-container .swiper-slide .itemRow:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content .row.block:nth-child(2n+1), .pm-js.catalog .swiper-container .swiper-slide.block:nth-child(2n+1), .pm-js.catalog .swiper-container .swiper-slide .itemRow:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 740px) { .catalog-content .overflow { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .catalog-content .row.block .image .number, .pm-js.catalog .swiper-container .swiper-slide.block .image .number, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .number { background: rgba(0, 0, 0, 0.5); width: 37px; height: 19px; line-height: 19px; color: #ffffff; position: absolute; bottom: 5px; right: 5px; font-family: arial; font-size: 11px; text-align: center; } .catalog-content .row.block .image .larr, .catalog-content .row.block .image .rarr, .catalog-content .row.block .image .number, .pm-js.catalog .swiper-container .swiper-slide.block .image .larr, .pm-js.catalog .swiper-container .swiper-slide.block .image .rarr, .pm-js.catalog .swiper-container .swiper-slide.block .image .number, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .larr, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .rarr, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .number { opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .catalog-content .row.block .image.multi:hover .larr, .pm-js.catalog .swiper-container .swiper-slide.block .image.multi:hover .larr, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image.multi:hover .larr { opacity: 1; } .catalog-content .row.block .image.multi:hover .rarr, .pm-js.catalog .swiper-container .swiper-slide.block .image.multi:hover .rarr, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image.multi:hover .rarr { opacity: 1; } .catalog-content .row.block .image.multi:hover .number, .pm-js.catalog .swiper-container .swiper-slide.block .image.multi:hover .number, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image.multi:hover .number { opacity: 1; } .catalog-content .row.block .image .larr, .pm-js.catalog .swiper-container .swiper-slide.block .image .larr, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .larr { width: 23px; height: 73px; background: url('/default/Files/images/colors/grey/catalog-arrows-bg.png') right; left: 0px; position: absolute; top: 50%; margin-top: -45px; } .catalog-content .row.block .image .larr span, .pm-js.catalog .swiper-container .swiper-slide.block .image .larr span, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .larr span { width: 11px; height: 15px; background: url('/default/Files/images/colors/grey/catalog-arrows.png') left top; left: 3px; position: absolute; top: 50%; margin-top: -7px; } .catalog-content .row.block .image .larr:hover span, .pm-js.catalog .swiper-container .swiper-slide.block .image .larr:hover span, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .larr:hover span { background-position: left bottom; } .catalog-content .row.block .image .rarr, .pm-js.catalog .swiper-container .swiper-slide.block .image .rarr, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .rarr { width: 23px; height: 73px; background: url('/default/Files/images/colors/grey/catalog-arrows-bg.png') left; right: 0px; position: absolute; top: 50%; margin-top: -45px; } .catalog-content .row.block .image .rarr span, .pm-js.catalog .swiper-container .swiper-slide.block .image .rarr span, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .rarr span { width: 11px; height: 15px; background: url('/default/Files/images/colors/grey/catalog-arrows.png') right top; right: 3px; position: absolute; top: 50%; margin-top: -7px; } .catalog-content .row.block .image .rarr:hover span, .pm-js.catalog .swiper-container .swiper-slide.block .image .rarr:hover span, .pm-js.catalog .swiper-container .swiper-slide .itemRow .image .rarr:hover span { background-position: right bottom; } .pm-js.catalog { padding: 15px 0; margin: 15px -15px 0 -15px; } .pm-js.catalog .overflow { margin-right: -9px; } .pm-js.catalog .pm-embedded .flexblock { padding: 0; } .pm-js.catalog .pm-embedded .catalog-content .row.block, .pm-js.catalog .pm-embedded .pm-js.catalog .swiper-container .swiper-slide.block, .pm-js.catalog .pm-embedded .pm-js.catalog .swiper-container .swiper-slide .itemRow { margin: 0; width: 100%; } .pm-js.catalog .catalog-content .row.block, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow { box-sizing: content-box; margin: 0 9px 9px 0; } .pm-js.catalog .catalog-content .row.block .brief, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block .brief, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow .brief { color: #000; height: 27px; } .pm-js.catalog .catalog-content .row.block .brief p, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block .brief p, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow .brief p { margin: 0; line-height: 13px; } .pm-js.catalog .catalog-content .row.block div, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block div, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow div { margin-top: 0; margin-bottom: 0; box-sizing: content-box; } .pm-js.catalog .catalog-content .row.block div.brief, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block div.brief, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow div.brief { margin-bottom: 12px; font-size: 11px; } .pm-js.catalog .catalog-content .row.block .image, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block .image, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow .image { box-sizing: content-box; } .pm-js.catalog .catalog-content .row.block .image img, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide.block .image img, .pm-js.catalog .pm-js.catalog .swiper-container .swiper-slide .itemRow .image img { border: none; margin: 0; } /* Catalog Badges */ .b_new_item { background: url('/default/Files/images/catalog-b-new-item.png') no-repeat; right: 0px; top: 0px; } .b_hit { background: url('/default/Files/images/catalog-b-hit.png') no-repeat; left: 0px; top: 0px; } .b_promo { background: url('/default/Files/images/catalog-b-promo.png') no-repeat; left: 0px; bottom: 0px; } .b_sale { background: url('/default/Files/images/catalog-b-sale.png') no-repeat; right: 0px; bottom: 0px; } .bandage { width: 60px; height: 60px; position: absolute; z-index: 23; background-size: 100%; } /* -- Catalog Badges */ /* Catalog List */ .catalog-content .row.list, .pm-js.catalog .swiper-container .swiper-slide.list { margin-bottom: 10px; /* margin-right: 19px; */ background: #ffffff; border: 1px solid #E3D1B9; overflow: hidden; position: relative; width: 100%; display: flex; } @media only screen and (max-width: 740px) { .catalog-content .row.list, .pm-js.catalog .swiper-container .swiper-slide.list { width: 100%; overflow: hidden; height: auto; flex-wrap: wrap; flex-direction: column; } } .catalog-content .row.list img, .pm-js.catalog .swiper-container .swiper-slide.list img { border: 0; margin: 0; } .catalog-content .row.list.noimage .image, .pm-js.catalog .swiper-container .swiper-slide.list.noimage .image { display: none; } .catalog-content .row.list.noimage .content, .pm-js.catalog .swiper-container .swiper-slide.list.noimage .content { left: 0; } .catalog-content .row.list .image, .pm-js.catalog .swiper-container .swiper-slide.list .image { border-top: 4px solid #E3D1B9; border-bottom: 4px solid #E3D1B9; border-left: 4px solid #E3D1B9; border-right: 5px solid #E3D1B9; line-height: 0px; font-size: 0px; flex: 0 0 auto; } @media only screen and (max-width: 740px) { .catalog-content .row.list .image, .pm-js.catalog .swiper-container .swiper-slide.list .image { position: relative; width: 100%; text-align: center; } } .catalog-content .row.list .image img, .pm-js.catalog .swiper-container .swiper-slide.list .image img { width: 149px; } .catalog-content .row.list .image .bandage, .pm-js.catalog .swiper-container .swiper-slide.list .image .bandage { width: 45px; height: 45px; } .catalog-content .row.list .content, .pm-js.catalog .swiper-container .swiper-slide.list .content { padding: 14px 15px 14px 15px; flex-grow: 1; } .catalog-content .row.list .content .title, .pm-js.catalog .swiper-container .swiper-slide.list .content .title { color: #b7894c; font-size: 10px; font-family: Verdana; font-weight: bold; text-transform: uppercase; } .catalog-content .row.list .content .description, .pm-js.catalog .swiper-container .swiper-slide.list .content .description { margin-top: 4px; font-size: 11px; font-weight: bold; margin-bottom: 6px; font-family: Verdana; color: #F0F0F0; } .catalog-content .row.list .content .brief, .pm-js.catalog .swiper-container .swiper-slide.list .content .brief { font-size: 11px; color: #9c9c9c; font-family: Verdana; margin-top: 6px; } .catalog-content .row.list .right, .pm-js.catalog .swiper-container .swiper-slide.list .right { border-top: 4px solid #E3D1B9; border-bottom: 4px solid #E3D1B9; border-left: 5px solid #E3D1B9; border-right: 4px solid #E3D1B9; padding: 10px; flex: 0 0 auto; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content .row.list .right, .pm-js.catalog .swiper-container .swiper-slide.list .right { width: 160px; padding: 0px; height: 135px; } } @media only screen and (max-width: 740px) { .catalog-content .row.list .right, .pm-js.catalog .swiper-container .swiper-slide.list .right { position: static; width: auto; text-align: right; height: auto; min-width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content .row.list .right .varcount, .pm-js.catalog .swiper-container .swiper-slide.list .right .varcount { display: none!important; } } @media only screen and (max-width: 740px) { .catalog-content .row.list .right .tblcell, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell { width: auto!important; height: auto!important; display: block!important; } } @media only screen and (max-width: 740px) { .catalog-content .row.list .right .price, .catalog-content .row.list .right .amount, .catalog-content .row.list .right .btns, .pm-js.catalog .swiper-container .swiper-slide.list .right .price, .pm-js.catalog .swiper-container .swiper-slide.list .right .amount, .pm-js.catalog .swiper-container .swiper-slide.list .right .btns { display: inline-block; border-bottom: 0px none!important; } } .catalog-content .row.list .right .price, .pm-js.catalog .swiper-container .swiper-slide.list .right .price { display: block!important; } @media only screen and (max-width: 740px) { .catalog-content .row.list .right .price, .pm-js.catalog .swiper-container .swiper-slide.list .right .price { display: inline-block !important; } } .catalog-content .row.list .right .tblcell, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell { width: 175px; height: 115px; display: table-cell; vertical-align: middle; } .catalog-content .row.list .right .tblcell .price, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .price { border-bottom: 1px solid #E3D1B9; line-height: 20px; color: #F0F0F0; font-size: 12px; text-align: center; padding-bottom: 10px; } .catalog-content .row.list .right .tblcell .price span, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .price span { font-size: 14px; font-weight: bold; } .catalog-content .row.list .right .tblcell .amount, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .amount { border-bottom: 1px solid #E3D1B9; line-height: 30px; font-size: 12px; color: #9c9c9c; text-align: center; } .catalog-content .row.list .right .tblcell .amount span, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .amount span { color: #49ad00; } .catalog-content .row.list .right .tblcell .btns, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .btns { text-align: center; padding-top: 10px; } .catalog-content .row.list .right .tblcell .btns .fav, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .btns .fav { border: 1px solid #cfcfcf; background: #f4f4f4; height: 31px; line-height: 31px; display: inline-block; width: 33px; color: #ffffff; } .catalog-content .row.list .right .tblcell .price s, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell .price s { line-height: 7px; color: #E12023; font-size: 14px; } /* Catalog List */ /* Catalog Table */ .catalog-content .overflow .table { margin: 0px; padding: 0px; margin-right: 0px; border-collapse: collapse; background: #ffffff; display: table; } .catalog-content .overflow .table .tr { display: table-row; } .catalog-content .overflow .table .td, .catalog-content .overflow .table .th { display: table-cell; vertical-align: middle; } @media only screen and (min-width: 1301px) { .catalog-content .overflow .table { width: 1018px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .catalog-content .overflow .table { width: 758px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content .overflow .table { width: 500px; } .catalog-content .overflow .table td:nth-child(3) { display: none; } } .catalog-content .overflow .table .tr .td { border: 1px solid #E3D1B9; margin: 0px; } .catalog-content .overflow .table .tr .td.image_block { width: 85px; height: 84px; text-align: center; padding: 0px; font-size: 0px; } .catalog-content .overflow .table .tr .td.image_block img { border: 2px solid #E3D1B9; } .catalog-content .overflow .table .tr .td.image_block .bandage { width: 30px; height: 30px; } .row.table .td.image_block a.image { line-height: 0px; font-size: 0px; display: inline-block; position: relative; } .row.table.itemRow.noimage .image_block a { display: none; } .row.table .td.image_block a.image img { width: 67px; height: 65px; } .row.table .td.col2 { padding: 10px; } .row.table .td.col2 .title { color: #b7894c; font-size: 11px; text-transform: uppercase; } .row.table .td.col2 .description { margin-top: 4px; font-size: 11px; font-weight: bold; margin-bottom: 6px; font-family: Verdana; color: #F0F0F0; } .row.table .td.col3 { padding: 10px; } .row.table .td.col3 .brief { font-size: 11px; color: #6d6d6d; font-family: Verdana; margin-top: 6px; } .row.table .td.col4 { padding: 10px; } .row.table .td.col4 .price { color: #F0F0F0; font-size: 14px; text-align: right; padding-right: 8px; } .row.table .td.col4 .price .old { color: #e12023; line-height: 20px; } .row.table .td.col4 .price .old s { line-height: 11px; } .row.table .td.col4 .price span { font-size: 14px; font-weight: bold; } .row.table .td.col5 { padding: 10px; text-align: center; } .row.table .td .amount { line-height: 30px; font-size: 12px; color: #9c9c9c; text-align: center; margin-bottom: 5px; } .row.table .td .amount span { color: #49ad00; } @media only screen and (max-width: 740px) { .catalog-content .overflow .table { display: block; width: 100%; clear: both; overflow: hidden; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .tr { display: block; width: 100%; margin: 10px 0; border: 1px solid #E3D1B9; background: #ffffff; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td { border: 0px none!important; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(1) { display: block; float: left; padding-top: 5px!important; font-size: 0px; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(2) { display: block; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(3) { display: none; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(4) { display: block; padding-top: 5px; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(5) { display: block; width: auto; text-align: right; padding-bottom: 5px; padding-right: 5px; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(5) .amount { display: inline-block; } } @media only screen and (max-width: 740px) { .catalog-content .overflow .table .td:nth-child(5) .cart { display: inline-block; } } /* Catalog Table */ /* Catalog Open */ .catalog-open-header { background: #FAF9F7; border: 1px solid #E3D1B9; padding: 15px; overflow: hidden; font-size: 11px; color: #757575; } @media only screen and (max-width: 740px) { .catalog-open-header .history-back { display: block; text-align: center; position: relative; margin: 0px auto; margin-bottom: 10px; width: 150px; } .catalog-open-header .history-back:before { content: "←"; position: absolute; top: 0px; left: 0px; } } .catalog-open-header a { color: #757575; } .catalog-open-header .right { float: right; } @media only screen and (max-width: 740px) { .catalog-open-header .right { float: none; text-align: center; } } .catalog-content.open { /*overflow: hidden*/ margin-top: 20px; margin-bottom: 20px; } .catalog-content.open * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .catalog-content.open img { border: 0px none; margin: 0px; } .catalog-content.open.noimage .left { display: none; } .catalog-content.open.noimage .right { width: 100%; } .catalog-content.open.noimage .right .arrow { display: none; } .catalog-content.open .left { float: left; margin-bottom: 20px; width: 362px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .left { float: none; margin: 0px auto; } } @media only screen and (max-width: 740px) { .catalog-content.open .left { float: none; width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .mousetrap, .catalog-content.open .cloud-zoom-lens, .catalog-content.open .cloud-zoom-big, .catalog-content.open .cloud-zoom-loading { display: none; } } @media only screen and (max-width: 740px) { .catalog-content.open .mousetrap, .catalog-content.open .cloud-zoom-lens, .catalog-content.open .cloud-zoom-big, .catalog-content.open .cloud-zoom-loading { display: none; } } @media only screen and (max-width: 740px) { .catalog-content.open #wrap { margin: 0px auto; } } .catalog-content.open .left .main-image { border: 5px solid #E3D1B9; background: #867267; line-height: 0px; position: relative; } @media only screen and (max-width: 740px) { .catalog-content.open .left .main-image { width: 100%; height: auto; text-align: center; } } .catalog-content.open .left .main-image * { box-sizing: content-box; } .catalog-content.open .left .main-image a { display: inline-block; position: relative; text-align: center; } @media only screen and (max-width: 740px) { .catalog-content.open .left .main-image a img { max-width: 100%; height: auto; } } .catalog-content.open .left .thumbnails { width: 380px; overflow: hidden; } @media only screen and (max-width: 740px) { .catalog-content.open .left .thumbnails { text-align: center; width: auto; font-size: 0px; } } .catalog-content.open .left .thumbnails div { margin-top: 8px; margin-right: 9px; width: 74px; height: 78px; border: 5px solid #E3D1B9; float: left; cursor: pointer; background-size: cover; background-position: center center; } @media only screen and (max-width: 740px) { .catalog-content.open .left .thumbnails div { float: none; display: inline-block; } } .catalog-content.open .titleWrapper.top { border: 5px solid #E3D1B9; background: #ffffff; padding: 10px 30px; margin-bottom: 20px; display: none; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .titleWrapper.top { display: block; } } @media only screen and (max-width: 740px) { .catalog-content.open .titleWrapper.top { display: block; margin-bottom: 0px; border-bottom: 0px none; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .titleWrapper.bottom { display: none; } } @media only screen and (max-width: 740px) { .catalog-content.open .titleWrapper.bottom { display: none; } } .catalog-content.open .titleWrapper h1, .h1-impostor { font-size: 22px; color: #6a6a6a; font-family: Arial; font-weight: normal; } .catalog-content.open .right .amount { float: right; color: #9c9c9c; font-size: 12px; height: 30px; line-height: 30px; /*border-top: 1px solid @primary;*/ } .catalog-content.open .right .amount span { color: #49ad00; } .catalog-content.open .titleWrapper .subname { color: #6a6a6a; font-size: 14px; line-height: 40px; } .catalog-content.open .right .articule { color: #a2a2a2; font-size: 11px; border-top: 1px solid #E3D1B9; height: 30px; line-height: 30px; } .catalog-content.open .right .selectedVariant .price { color: #6a6a6a; text-align: center; font-size: 18px; border-top: 1px solid #E3D1B9; height: 50px; line-height: 50px; font-family: arial; } .catalog-content.open .right .selectedVariant .price span { font-size: 24px; font-weight: bold; } .catalog-content.open .right .selectedVariant .price s { color: #e12023; } .catalog-content.open .description { clear: both; background: #ffffff; position: relative; overflow: hidden; } .catalog-content.open .description .desc.btn { width: 332px; background: #ffffff; height: 52px; text-align: center; line-height: 52px; float: left; } .catalog-content.open .description .guarantee.btn { width: 332px; text-align: center; line-height: 52px; } .catalog-content.open .description .delivery.btn { width: 332px; border-right: 1px solid #E3D1B9; border-left: 1px solid #E3D1B9; } .catalog-content.open .description .btn { background: #FAF9F7; height: 52px; float: left; border-bottom: 1px solid #E3D1B9; line-height: 52px; text-align: center; cursor: pointer; } .catalog-content.open .description .btn:hover { background: #ffffff; } .catalog-content.open .description .btn.selected { border-bottom: none; background: #ffffff; } .catalog-content.open .description .block { overflow: hidden; padding: 20px; font-size: 14px; display: none; clear: both; } .catalog-content.open .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; position: relative; margin-bottom: 20px; width: 371px; border: 5px solid #E3D1B9; background: #ffffff; padding: 30px 30px 0 30px; } @media only screen and (min-width: 1301px) { .catalog-content.open .right { width: 631px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .right { float: none; width: 100%; margin-top: 20px; } } @media only screen and (max-width: 740px) { .catalog-content.open .right { float: none; width: 100%; margin-top: 20px; } } .catalog-content.open .right .purchase { border-top: 1px solid #E3D1B9; overflow: hidden; margin-bottom: 10px; } .catalog-content.open .right .purchase .cart { height: 31px; display: block; font-size: 12px; text-decoration: none; line-height: 26px; padding: 0 12px; font-weight: bold; margin-top: 10px; border: none; background: #867267; color: #ffffff; float: right; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; } .catalog-content.open .right .purchase .cart:hover { background-color: #9e8e85; } .catalog-content.open .right .purchase .cart.disabled { opacity: 0.5; } .catalog-content.open .right .purchase .cart.disabled:hover { background: #867267; } .catalog-content.open .right .arrow { position: absolute; left: -12px; top: 30%; z-index: 1; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .right .arrow { display: none; } } @media only screen and (max-width: 740px) { .catalog-content.open .right .arrow { display: none; } } .catalog-content.open .right .arrow .out { display: block; position: absolute; top: 0; left: -5px; width: 0px; border: transparent solid; border-width: 18px/2 12px 18px/2 0; border-right-color: #E3D1B9; } .catalog-content.open .right .arrow .in { display: block; position: absolute; top: 2px; left: 2px; width: 0; border: transparent solid; border-width: 7px 10px 7px 0; border-right-color: #ffffff; } .catalog-content.open .tabsHolder { border: 1px solid #E3D1B9; clear: both; background: #ffffff; position: relative; } .catalog-content.open .tabsHolder .tabHeaderLink { width: 252px; background: #ffffff; height: 52px; text-align: center; line-height: 52px; float: left; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .tabsHolder .tabHeaderLink { border-bottom: 1px solid #E3D1B9; width: 100%; padding: 0 20px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 740px) { .catalog-content.open .tabsHolder .tabHeaderLink { width: 100%; } } .catalog-content.open .tabsHolder .tabHeader { width: 503px; background: #FAF9F7; height: 52px; float: left; border-bottom: 1px solid #E3D1B9; border-left: 1px solid #E3D1B9; text-align: center; line-height: 52px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .catalog-content.open .tabsHolder .tabHeader { display: none; } } @media only screen and (max-width: 740px) { .catalog-content.open .tabsHolder .tabHeader { display: none; } } @media only screen and (min-width: 1301px) { .catalog-content.open .tabsHolder .tabHeader { width: 763px; } } .catalog-content.open .main-image .bandage { z-index: 9; } .catalog-content.open .content { clear: both; } .cloud-zoom-lens { border: 5px solid #E3D1B9; margin: -5px; background-color: #fff; cursor: move; } .cloud-zoom-title { font-family: Arial, Helvetica, sans-serif; position: absolute !important; background-color: #000; color: #fff; padding: 3px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; top: 0px; } .cloud-zoom-big { border: 5px solid #E3D1B9; overflow: hidden; } .cloud-zoom-loading { color: white; background: #222; padding: 3px; border: 1px solid #000; } /* Catalog Open */ /* Cart */ @media only screen and (max-width: 740px) { #mark { padding-top: 50px; } } .cart_table, .order_table { display: table; } .cart_table .tr, .order_table .tr { display: table-row; } .cart_table .td, .order_table .td, .cart_table .th, .order_table .th { display: table-cell; vertical-align: middle; } .coupons { text-align: right; } .couponholder { text-align: left; display: inline-block; } .coupons input[type="button"] { display: inline-block; border: none; background: #867267; font-size: 14px; font-weight: bold; color: #ffffff; width: 192px; height: 40px; line-height: 20px; margin-left: 10px; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .coupons input[type="button"]:hover { background: #9e8e85; } .coupons input[type=text] { width: 260px; line-height: 20px; padding: 9px; border: 1px solid #E3D1B9; } .coupons { margin: 15px 0; } .block-header.yourdiscount td { background: white; padding: 15px; text-align: right; border: 1px solid #E3D1B9; } .cart_table { border-collapse: collapse; color: #515151; } .cart_table.wide { width: 100%; } @media only screen and (max-width: 740px) { .cart_table { width: 99%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .cart_table { width: 741px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .cart_table { width: 999px; } } @media only screen and (min-width: 1301px) { .cart_table { width: 1259px; } } .cart_table .td:first-child { width: 10%; } .cart_table .th { font-weight: normal; font-size: 10px; /*color: @primary;*/ padding-left: 2px; height: 30px; text-transform: uppercase; } .cart_table .td { background: #ffffff; padding: 10px; border: 1px solid #E3D1B9; } .cart_table .td a { color: #777777; font-size: 12px; line-height: 26px; text-transform: uppercase; } .cart_table .td:first-child a { line-height: 0px; } .cart_table .td p { color: #F0F0F0; font-size: 12px; } .cart_table .td p b { color: #000; } .cart_table .td.thumb img { border: 2px solid #E3D1B9; } .cart_table .td.thumb img { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .cart_table .td.thumb img:hover { opacity: 0.85; } .cart_table .td.amount { text-align: center; } .cart_table .td.amount input { text-align: right; width: 75px; } .cart_table .td.price { text-align: center; font-size: 12px; } .cart_table .td.price span { font-size: 14px; color: #000; font-weight: bold; white-space: nowrap; } .cart_table .td.delete { text-align: center; } .cart_table .td.delete a { width: 28px; height: 28px; border-radius: 14px; background: #929292 url(/default/Files/images/colors/grey/item_close.png) center center no-repeat; display: inline-block; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .cart_table .td.delete a:hover { opacity: 0.7; } .container-bottom { border: 1px solid #E3D1B9; border-top: none; height: 48px; background: #FAF9F7; line-height: 48px; font-size: 11px; padding-left: 29px; padding-right: 29px; margin-bottom: 20px; } .container-bottom a { font-size: 11px; color: #757575; margin-left: 5px; } .container-bottom .larr { font-size: 12px; width: 19px; height: 19px; line-height: 19px; border: none; display: inline-block; text-align: center; text-decoration: none; color: #ffffff; background: #867267; font-family: Trebuchet MS; margin: 0px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .container-bottom .larr:hover { background: #9e8e85; } .cartTotal { color: #515151; font-size: 18px; float: right; text-align: right; } @media only screen and (max-width: 740px) { .cartTotal { margin-right: 0px; } } @media only screen and (max-width: 740px) { .cart_table * { box-sizing: border-box; } } @media only screen and (max-width: 740px) { .cart_table { width: 100%; } } @media only screen and (max-width: 740px) { .cart_table .tr { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } } @media only screen and (max-width: 740px) { .cart_table .th { display: none; } } @media only screen and (max-width: 740px) { .cart_table .td { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media only screen and (max-width: 740px) { .cart_table .td:nth-child(1) { -webkit-flex-basis: 40%; flex-basis: 40%; max-width: 125px; width: auto; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-grow: 0; flex-grow: 0; } } @media only screen and (max-width: 740px) { .cart_table .td:nth-child(2) { -webkit-flex-basis: 50%; flex-basis: 50%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } @media only screen and (max-width: 740px) { .cart_table .td:nth-child(3) { -webkit-flex-basis: 50%; flex-basis: 50%; min-width: 50%; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } } @media only screen and (max-width: 740px) { .cart_table .td:nth-child(4) { -webkit-flex-basis: 50%; flex-basis: 50%; min-width: 50%; -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; } } @media only screen and (max-width: 740px) { .cart_table .td:nth-child(5) { max-height: 100%; -webkit-flex-basis: 10%; flex-basis: 10%; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; -webkit-flex-grow: 0; flex-grow: 0; display: -js-inline-flex; display: -webkit-box; display: -moz-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .container.content .title h1 { background: #ffffff; } .order_table { width: 100%; margin-top: 30px; } .order_table .td { padding-bottom: 11px; font-size: 14px; } @media only screen and (max-width: 740px) { .order_table .td { display: block; } } .order_table .td input[type="text"] { width: 260px; line-height: 20px; padding: 9px; border: 1px solid #E3D1B9; } .order_table .td textarea { width: 260px; line-height: 20px; padding: 9px; height: 80px; border: 1px solid #E3D1B9; } .order_table .td input[type="submit"] { display: inline-block; border: none; background: #867267; font-size: 14px; font-weight: bold; color: #ffffff; width: 192px; height: 50px; line-height: 46px; margin-left: 88px; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .order_table .td input[type="submit"]:hover { background: #9e8e85; } .order_table .td label { display: block; margin-bottom: 10px; } .order_table .td:first-child { text-align: right; width: 40%; padding-right: 15px; } @media only screen and (max-width: 740px) { .order_table .td:first-child { text-align: left; width: 100%; } } .order_table .td:last-child { font-size: 12px; } .order_table .comment_label { text-align: right; padding-left: 140px; font-size: 11px; font-style: italic; margin-top: 4px; } .container.content.emptycart { text-align: justify; height: 185px; background: #ffffff url("/default/Files/images/cart.png") 50px 50% no-repeat; padding: 50px 100px 50px 250px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .container.content.emptycart { height: auto; } } .container.content.emptycart a.button { display: inline-block; background-color: #867267; border: none; padding: 0 20px; line-height: 33px; color: #ffffff; font-size: 12px; font-weight: bold; text-decoration: none; } .container.content.emptycart a.button:hover { background-color: #9e8e85; } /* Cart */ .footer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer .pm_copy { background: #202020; color: #eee; height: 58px; padding-top: 15px; text-align: center; font-size: 12px; } .footer .pm_copy a { color: #eee; } .footer .pm_copy a:hover { text-decoration: none; } .footer .pm_copy .pm { top: 5px; margin-left: 10px; display: inline-block; color: #f0f0f0; font-size: 22px; position: relative; } .footer .info { border-top: 5px solid #E3D1B9; height: 138px; margin: 0 auto; padding-top: 10px; display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer .info.wide { width: 100%; } @media only screen and (max-width: 740px) { .footer .info { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .footer .info { width: 1000px; } } @media only screen and (min-width: 1301px) { .footer .info { width: 1260px; } } @media only screen and (max-width: 740px) { .footer .info { height: auto; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info { height: auto; } } .footer .info .table { width: 100%; font-family: Verdana; } .footer .info .block { color: #6a6a6a; border-right: 1px solid #E3D1B9; font-size: 14px; display: inline-block; height: 67px; padding-top: 18px; overflow: hidden; padding-right: 25px; padding-left: 25px; text-align: center; vertical-align: middle; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; } .footer .info .block:first-child { -webkit-flex-grow: 0; flex-grow: 0; padding-left: 5px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block:first-child { -webkit-flex-grow: 1; flex-grow: 1; } } @media only screen and (max-width: 740px) { .footer .info .block:first-child { -webkit-flex-grow: 1; flex-grow: 1; } } .footer .info .block:last-child { border-right: none; padding-right: 5px; -webkit-flex-grow: 0; flex-grow: 0; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block:last-child { -webkit-flex-grow: 1; flex-grow: 1; } } @media only screen and (max-width: 740px) { .footer .info .block:last-child { -webkit-flex-grow: 1; flex-grow: 1; border-bottom: 0px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 10px 0; } } @media only screen and (max-width: 740px) { .footer .info .block { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; border-right: 0px none; border-bottom: 1px solid #E3D1B9; padding: 10px 0; height: auto; } } .footer .info .block.copy { font-weight: bold; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block.copy { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } } @media only screen and (max-width: 740px) { .footer .info .block.copy { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } } .footer .info .block.address { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block.address { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; border-bottom: 1px solid #E3D1B9; } } .footer .info .block.phone { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; text-align: center; overflow: visible; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block.phone { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; border-bottom: 1px solid #E3D1B9; border-right: 0px; } } .footer .info .block.social { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; text-align: left; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .footer .info .block.social { text-align: center; } } @media only screen and (max-width: 740px) { .footer .info .block.social { text-align: center; } } .footer .info .social_icons { cursor: default; white-space: nowrap; } .footer .info .social_icons a { display: inline-block; font-size: 26px; color: inherit; font-family: svg; cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .footer .info .social_icons a:hover { opacity: 0.7; } @font-face { font-family: 'svg'; src: url('/default/Files/svg-font/font.eot?46689135'); src: url('/default/Files/svg-font/font.eot?46689135#iefix') format('embedded-opentype'), url('/default/Files/svg-font/font.woff?46689135') format('woff'), url('/default/Files/svg-font/font.ttf?46689135') format('truetype'), url('/default/Files/svg-font/font.svg?46689135#font') format('svg'); font-weight: normal; font-style: normal; } .sf { font-family: svg; text-decoration: none; } .pager { font-size: 11px; display: block; text-align: right; line-height: 19px; clear: both; margin-bottom: 15px; color: #757575; } .pager a { display: inline-block; padding: 0px 5px 0px 5px; min-width: 10px; line-height: 19px; height: 19px; font-size: 10px; text-decoration: none; margin-left: 2px; text-align: center; border: 1px solid #E3D1B9; background: #FAF9F7; color: #9c9c9c; } .pager a:hover, .pager a.selected { color: #414141; background: #ffffff; cursor: pointer; } .pager .disabled { opacity: 0.5; } .pager .disabled:hover { border: 1px solid #E3D1B9; background: #FAF9F7; color: #9c9c9c; } .pager a.disabled:hover { color: #9c9c9c; cursor: pointer; cursor: default; } /* Slider Design skin down here */ /* Skin d1 */ .cs3-skin-d1 { padding-bottom: 0px; } .cs3-skin-d1 .cs3-skin-border-1, .cs3-skin-d1 .cs3-skin-border-2 { display: none; } .cs3-skin-d1 .cs3-shadow-left { background: url("skins/shadow-left.png") no-repeat scroll left top transparent; padding-left: 150px; } .cs3-skin-d1 .cs3-view { background: #FAF9F7; } .cs3-skin-d1 .cs3-shadow-right { background: url("skins/shadow-right.png") no-repeat scroll right top transparent; padding-right: 150px; } .cs3-skin-d1 .cs3-shadow-mid { background: url("skins/shadow-mid.png") repeat-x scroll 0 0 transparent; height: 105px; } .cs3-skin-d1 .cs3-slide-prev, .cs3-skin-d1 .cs3-slide-next { position: absolute; top: 50%; cursor: pointer; height: 58px; width: 34px; margin-top: -29px; z-index: 30; font-size: 54px; color: #E3D1B9; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .cs3-skin-d1 .cs3-slide-prev, .cs3-skin-d1 .cs3-slide-next { display: none; } } @media only screen and (max-width: 740px) { .cs3-skin-d1 .cs3-slide-prev, .cs3-skin-d1 .cs3-slide-next { display: none; } } .cs3-skin-d1 .cs3-slide-prev:hover, .cs3-skin-d1 .cs3-slide-next:hover { color: #c1af97; } .cs3-skin-d1 .cs3-slide-prev { left: -50px; text-align: left; } .cs3-skin-d1 .cs3-slide-next { right: -50px; text-align: right; } .cs3-skin-d1 .cs3-pagination-wrap { position: absolute; width: 90%; bottom: 10px; right: 10px; z-index: 30; text-align: right; } .cs3-skin-d1 .cs3-pagination { text-align: right; display: inline-block; } .cs3-skin-d1 .cs3-pagination-switch { background: #867267; border: 1px solid #b7894c; width: 16px; height: 16px; display: inline-block; margin: 0 5px 0px 0px; float: left; } .cs3-skin-d1 .cs3-pagination-switch:hover { background: #9e8e85; } .cs3-skin-d1 div.cs3-active-switch { background: #fff; } .cs3-skin-d1 div.cs3-active-switch:hover { background: #fff; } .cs3-skin-d1 .cs3-caption-single .cs3-caption .info { background-color: rgba(255, 255, 255, 0.86); background-image: none; } .cs3-skin-d1 .cs3-caption-single .cs3-caption .info .cs3-caption-title, .cs3-skin-d1 .cs3-caption-single .cs3-caption .info .cs3-caption-title a { color: #7C7062; } .cs3-skin-d1 .cs3-caption-single .cs3-caption .info .cs3-caption-text { color: #666461; font-size: 12px; } .cs3-skin-d1 .cs3-caption-single .cs3-caption .info .cs3-caption-text a.button { color: #ffffff; background-color: #867267; } .cs3-skin-d1 .cs3-caption-single .cs3-caption .info .cs3-caption-text a.button:hover { background-color: #9e8e85; } .cs3 { height: 100%; width: 100%; margin: 0 auto 60px; } .wrapper { margin: 0 auto; } .wrapper.wide { width: 100%; } @media only screen and (max-width: 740px) { .wrapper { width: 100%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .wrapper { width: 742px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .wrapper { width: 1000px; } } @media only screen and (min-width: 1301px) { .wrapper { width: 1260px; } } .cs3-caption-single { width: 100%; max-width: 100%; } .cs3-caption-single a.cs3-caption.fullslide { display: block; width: 100%; max-width: 100%; top: 0; left: 0px; bottom: 0px; display: none; } .cs3-caption-single div.cs3-caption { width: 250px; padding: 25px; bottom: none; position: absolute; top: 22px; left: 22px; overflow: hidden; height: auto; } @media only screen and (min-width: 1301px) { .cs3-caption-single div.cs3-caption { max-height: 474px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .cs3-caption-single div.cs3-caption { max-height: 358px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .cs3-caption-single div.cs3-caption { max-height: 240px; } } @media only screen and (max-width: 740px) { .cs3-caption-single div.cs3-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; left: 0px; top: 0px; right: 0px; max-height: 100%; padding: 5px; } } .cs3-caption-single .cs3-caption-title { padding: 0px; } .cs3-caption-single .cs3-caption-title a { font-size: 18px; text-decoration: underline; text-transform: uppercase; } @media only screen and (max-width: 740px) { .cs3-caption-single .cs3-caption-title a { font-size: 12px; line-height: 14px; } } .cs3-caption-single .cs3-caption-title a:hover { text-decoration: none; } .cs3-caption-single .cs3-caption-text { padding: 0px; font-size: 14px; margin-top: 30px; margin-bottom: 20px; } @media only screen and (max-width: 740px) { .cs3-caption-single .cs3-caption-text { margin-top: 10px; margin-bottom: 10px; } } .cs3-caption-single .cs3-caption { background: #ffffff; } .pm-form .validate .delimiter { color: #E3D1B9; margin-top: 32px; margin-bottom: 32px; } .delimiter h4 { color: #6a6a6a; } .delimiter .del_border hr { border: 0px; border-bottom: 1px solid #E3D1B9; } .delimiter .del_title { margin-top: 15px; } .container.shop-order .col { width: 300px; margin-left: 20px; } @media only screen and (max-width: 740px) { .container.shop-order .col { width: auto; float: none!important; margin: 10px 0!important; } } .container.shop-order .col:first-child { margin-left: 0px; } .container.shop-order .col.left { float: left; } .container.shop-order .col.center { float: left; } .container.shop-order .col a.btn { border: 1px solid #E3D1B9; display: block; padding: 8px 14px; line-height: 16px; text-align: left; position: relative; color: #000000; background: #f8f8f8; font-size: 14px; text-decoration: none; margin-bottom: 6px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } .container.shop-order .col a.btn:after { font-family: svg; position: absolute; right: 12px; top: 50%; font-size: 16px; transform: translateY(-50%); } .container.shop-order .col a.btn.self:after { content: '\e824'; } .container.shop-order .col a.btn.self\.pickpoint:after { content: '\e821'; } .container.shop-order .col a.btn.post:after { content: '\e823'; } .container.shop-order .col a.btn.courier:after, .container.shop-order .col a.btn.sendparcel:after, .container.shop-order .col a.btn.post\.cdek:after, .container.shop-order .col a.btn.post\.cityexpress:after, .container.shop-order .col a.btn.post\.ems:after, .container.shop-order .col a.btn.post\.pony:after { content: '\e826'; } .container.shop-order .col a.btn.cash:after, .container.shop-order .col a.btn.invoice:after, .container.shop-order .col a.btn.receipt:after { content: '\e822'; } .container.shop-order .col a.btn.sber:after, .container.shop-order .col a.btn.tinkoff:after, .container.shop-order .col a.btn.point:after, .container.shop-order .col a.btn.kupivkredit:after, .container.shop-order .col a.btn.yandexkassa:after { content: '\e825'; } .container.shop-order .col a.btn.paypal:after, .container.shop-order .col a.btn.robokassa:after, .container.shop-order .col a.btn.yandexmoney\.card:after { content: '\e820'; } .container.shop-order .col a.btn:hover { background: #ffffff; } .container.shop-order .col a.btn.selected { background: #ffffff; } .container.shop-order .col .block { margin-top: 10px; border: 1px solid #E3D1B9; padding: 15px; font-size: 14px; overflow: hidden; display: none; } .container.shop-order .col.selected .block { display: block; } .container.shop-order .col.selected a.btn { background: #ffffff; } .container.shop-order .col.mid { border: 1px solid #000; margin-left: 20px; border: 1px solid #E3D1B9; min-height: 200px; padding: 20px; font-size: 12px; float: left; } @media only screen and (min-width: 1301px) { .container.shop-order .col.mid { width: 518px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .container.shop-order .col.mid { width: 258px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .container.shop-order .col.mid { width: 320px; } } .container.shop-order .col.mid label { font-size: 12px; clear: both; display: block; margin-bottom: 14px; width: 100%; } .shop-order .mid input[type="radio"] { margin-bottom: 13px; } .shop-order .mid input[type="text"] { border: 1px solid #E3D1B9; height: 34px; padding: 0px 5px 0px 5px; width: 100%; margin-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 740px) { .shop-order .mid input[type="text"] { width: 100%; } } @media only screen and (max-width: 740px) { .shop-order .mid select { width: 100%; } } .shop-order .mid textarea { border: 1px solid #E3D1B9; height: 34px; padding: 5px; width: 246px; margin-top: 5px; resize: none; height: 60px; } @media only screen and (min-width: 1301px) { .shop-order .mid textarea { height: 100px; width: 400px; } } @media only screen and (max-width: 740px) { .shop-order .mid textarea { width: 100%; } } .shop-order .mid .submit { text-decoration: none; background: #867267; border: none; padding: 0px 20px; height: 50px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 50px; display: inline-block; margin: 10px auto; text-transform: lowercase; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .shop-order .mid .submit:hover { background: #9e8e85; } .container.shop-order .col.right { width: 298px; float: right; margin-bottom: 15px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .container.shop-order .col.right { margin-top: 20px; width: 362px; } } @media only screen and (max-width: 740px) { .container.shop-order .col.right { width: 100%; } } .shop-order .right .deliverySummary { border: 1px solid #E3D1B9; background: #f8f8f8; padding: 20px; text-align: center; line-height: 28px; margin-bottom: 20px; } .shop-order .right .deliverySummary .free { margin-top: 10px; } .shop-order .right .deliverySummary .stroke { text-decoration: line-through; } .shop-order .right .title { margin: 0px; font-size: 12px; color: #616161; font-weight: bold; line-height: 16px; margin-bottom: 10px; } .shop-order .right p { font-size: 12px; color: #616161; line-height: 16px; } .shop-order .right p.price { color: #000000; font-weight: normal; margin-top: 12px; margin-bottom: 12px; } .shop-order .right p.price span { font-size: 28px; color: #000; } .progress { margin-bottom: 10px; color: #6a6a6a; overflow: hidden; } @media only screen and (max-width: 740px) { .progress { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .progress .left { width: 329px; height: 43px; border: 1px solid #E3D1B9; font-size: 12px; line-height: 43px; text-align: center; background: #ffffff; float: left; color: #F0F0F0; text-decoration: none; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .progress .left { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } @media only screen and (max-width: 740px) { .progress .left { width: auto; } } .progress .arrow { display: inline-block; height: 43px; border: 1px solid #E3D1B9; font-size: 12px; line-height: 44px; text-align: center; background: #f8f8f8; margin-left: 6px; padding-left: 29px; padding-right: 29px; float: right; font-size: 10px; text-transform: uppercase; position: relative; color: #F0F0F0; text-decoration: none; } @media only screen and (max-width: 740px) { .progress .arrow { display: block; text-align: center; margin-left: 0px; } } .progress .arrow:nth-child(2) { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .progress .arrow:nth-child(3) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .progress .arrow:nth-child(4) { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .progress .arrow.selected { background: #ffffff; } .progress .arrow:hover { background: #ffffff; } .progress .arrow span { width: 28px; height: 28px; border: 1px solid #E3D1B9; display: inline-block; border-radius: 40px; position: absolute; left: 7px; top: 50%; margin-top: -15px; line-height: 28px; background: #f8f8f8; font-size: 12px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .progress { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .progress a { display: inline-block; width: auto!important; padding: 0 5px !important; font-size: 9px!important; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } @media only screen and (max-width: 740px) { .progress a { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .container.shop-order.step3 .col a.btn.selected { background: #ffffff; } .container.shop-order.step4 { overflow: hidden; position: relative; } .t2 { border: 1px solid #E3D1B9; width: 100%; border-collapse: collapse; border-left: 0px; border-right: 0px; } .t2 td { border: 1px solid #E3D1B9; } .t2 th { background: #FAF9F7; font-size: 10px; color: #989898; font-weight: normal; font-family: arial; height: 32px; line-height: 32px; vertical-align: top; text-transform: uppercase; } .t2 td:first-child { text-align: center; font-size: 0px; line-height: 0px; border-left: 0px; } .t2 td:first-child img { border: 2px solid #E3D1B9; width: 100px; } .container.shop-order.step4 .title { margin-left: 30px; margin-right: 29px; margin-top: 29px; margin-bottom: 15px; } .container.shop-order.step4 .info_block { background: #FAF9F7; padding: 30px; border-top: 1px solid #E3D1B9; border-bottom: 1px solid #E3D1B9; } .container.shop-order.step4 .info_table { width: 100%; font-size: 14px; } .container.shop-order.step4 .info_table td { line-height: 25px; padding: 0px; vertical-align: top; } .container.shop-order.step4 .info_table td:first-child { text-align: right; padding-right: 5px; width: 45%; } .container.shop-order.step4 .info_table td:last-child { padding-left: 5px; font-weight: bold; color: #6a6a6a; } .container.shop-order.step4 .bottom-line { text-align: center; padding: 12px; } .container.shop-order.step4 .bottom-line a { text-decoration: none; background: #867267; border: none; padding: 0px 20px; height: 50px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 50px; display: inline-block; margin: 10px auto; text-transform: lowercase; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .container.shop-order.step4 .bottom-line a:hover { background: #9e8e85; } .deliveryVariant { border: 1px solid #E3D1B9; padding: 10px 10px 10px 15px; background: #F8F8F8; overflow: hidden; cursor: pointer; margin-bottom: 10px; } .deliveryVariant.selected { background: #ffffff; } .deliveryVariant .price { margin-left: 10px; width: 90px; float: right; border: 1px solid #E3D1B9; background: #ffffff; height: 29px; line-height: 29px; color: #000000; font-size: 12px; text-align: center; } .deliveryVariant .name { text-transform: uppercase; color: #000000; text-decoration: underline; font-size: 12px; line-height: 17px; margin-bottom: 3px; } .deliveryVariant .brief { font-size: 10px; color: #626262; } .deliveryVariant .more { color: #626262; border-top: 1px solid #E3D1B9; font-size: 11px; padding: 5px 0px 0px 0px; margin-top: 5px; } form.formvalidation.formvalidation .err { color: #a94442; margin-top: 5px; clear: both; text-align: left; } form.formvalidation.formvalidation input { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline: none; } form.formvalidation.formvalidation input:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.3); border: 1px solid #66afe9; border-radius: 5px; } form.formvalidation.formvalidation input.error:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a94442; border: 1px solid #a94442; border-radius: 5px; } form.formvalidation.formvalidation input.valid:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; border: 1px solid #67b168; border-radius: 5px; } form.formvalidation.formvalidation table.order_table td { vertical-align: top; } form.formvalidation.formvalidation table.order_table td:first-child { padding-top: 13px; } form.formvalidation.formvalidation input[type="submit"] { box-shadow: none !important; } form .captchaImage { display: inline-block; width: 100px; height: 48px; color: #867267; background-color: #FAF9F7; vertical-align: middle; cursor: pointer; } .success { margin: 30px 0px; background: #DEF1CA; padding: 30px; color: #3a3a3a; text-align: center; border-bottom: 2px solid #D1E6BC; border-top: 2px solid #D1E6BC; } .fail { margin: 30px 0px; background: #FCE3E7; padding: 30px; color: #3a3a3a; text-align: center; border-bottom: 2px solid #FCD3E1; border-top: 2px solid #FCD3E1; } .promoblock { overflow: hidden; position: relative; padding-bottom: 20px; margin-bottom: 20px; clear: both; } .promoblock .header { text-align: center; position: relative; overflow: hidden; margin: 12px 0 20px 0; } @media only screen and (min-width: 1301px) { .promoblock .header { width: 1085px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .promoblock .header { width: 825px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .promoblock .header { width: 567px; } } .promoblock .header .text { font-size: 18px; padding-left: 0px; padding-right: 0px; text-transform: uppercase; font-weight: normal; color: #7C7060; display: inline-block; position: relative; max-width: 650px; } .promoblock .header .text:after, .promoblock .header .text:before { content: ""; position: absolute; height: 5px; width: 600px; background: #E3D1B9; } .promoblock .header .text:after { right: 100%; margin-right: 15px; top: 50%; margin-top: -2px; } .promoblock .header .text:before { left: 100%; margin-left: 15px; top: 50%; margin-top: -2px; } .promoblock a.more { display: inline-block; text-transform: lowercase; text-decoration: none; position: absolute; top: 6px; right: 0px; border: none; background: #867267; font-size: 12px; color: #ffffff; line-height: 31px; padding: 0 20px; min-width: 120px; text-align: center; white-space: nowrap; } .promoblock a.more:hover { background: #9e8e85; } @media only screen and (max-width: 740px) { .promoblock a.more { display: none; } } .promoblock .promo_sliderWrapper { overflow: hidden; clear: both; position: relative; margin-top: 10px; -webkit-overflow-scrolling: touch; } @media only screen and (max-width: 740px) { .promoblock .promo_sliderWrapper { overflow: auto; overflow-y: hidden; } } .promoblock .promo_sliderWrapper .promo_slider { width: auto; height: 500px; overflow: visible; font-size: 0px; white-space: nowrap; } .promoblock .promo_sliderWrapper .promo_slider .itemRow { display: inline-block; float: none; white-space: normal; } .promoblock .promo_pager { bottom: 15px; width: 100%; text-align: right; font-size: 0px; } .promoblock .promo_pager a { display: inline-block; width: 16px; height: 16px; background: #867267; border: none; margin-left: 5px; margin-bottom: 5px; cursor: pointer; } .promoblock .promo_pager a:hover, .promoblock .promo_pager a.selected { background: #9e8e85; } .menu a.promo { font-weight: bold; } .helper_hidden { display: none !important; } .item-content .params .param { display: block; border-top: 1px solid #E3D1B9; color: #6a6a6a; font-size: 11px; padding: 5px 0px; } .item-content .params .param .values { display: block; padding-top: 5px; } .item-content .params .param .values .value { display: inline-block; background: #867267; border: none; padding: 3px 5px; cursor: pointer; margin-right: 3px; margin-bottom: 3px; color: #ffffff; } .item-content .params .param .values .value.selected { background: #9e8e85; } .item-content .params .param .values .value.disabled { opacity: 0.5; } .item-content .allVariants { border-top: 1px solid #E3D1B9; color: #6a6a6a; font-size: 11px; text-align: center; padding: 10px 0 15px 0; } .item-content .allVariants span.showVariantsPanel { text-decoration: underline; cursor: pointer; } .item-content .allVariants span.showVariantsPanel:hover { text-decoration: none; } .variantsPanelWrapper.variantsPanelWrapper { width: 500px; border: 5px solid #E3D1B9; z-index: 9; position: absolute; top: 100%; right: -5px; display: none; max-height: 422px; padding: 20px 0px 0 0; background-color: #ffffff; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .variantsPanelWrapper.variantsPanelWrapper { width: 490px; } } @media only screen and (min-width: 1301px) { .variantsPanelWrapper.variantsPanelWrapper { width: 621px; } } @media only screen and (max-width: 740px) { .variantsPanelWrapper.variantsPanelWrapper { width: auto; right: 0px; margin: 0 -30px; position: static; height: auto; max-height: 100%; border: 0px none; } } .variantsPanelWrapper.variantsPanelWrapper a.close { display: inline-block; position: absolute; cursor: pointer; top: 0px; right: 4px; } .variantsPanelWrapper.variantsPanelWrapper .arrow.arrow { top: -12px; left: 307px; } .variantsPanelWrapper.variantsPanelWrapper .arrow.arrow .sf.in { left: 0; top: 3px; width: 0; border: transparent solid; border-width: 0 9px 12px 9px; border-bottom-color: #ffffff; } .variantsPanelWrapper.variantsPanelWrapper .arrow.arrow .sf.out { left: 0; top: -5px; width: 0; border: transparent solid; border-width: 0 9px 12px 9px; border-bottom-color: #E3D1B9; } .variantsPanelWrapper.variantsPanelWrapper .variantsPanel { width: 100%; height: 100%; max-height: 400px; overflow: auto; } @media only screen and (max-width: 740px) { .variantsPanelWrapper.variantsPanelWrapper .variantsPanel { max-height: 100%; } } .variantsPanelWrapper.variantsPanelWrapper table { width: 100%; border-collapse: collapse; font-size: 11px; color: #6a6a6a; } .variantsPanelWrapper.variantsPanelWrapper table tr td { background: #f2f2f2; border: 1px solid #E3D1B9; cursor: pointer; } .variantsPanelWrapper.variantsPanelWrapper table tr.selected td { background: #ffffff; color: #6a6a6a; } .variantsPanelWrapper.variantsPanelWrapper table td.rightPart { padding: 5px; } .variantsPanelWrapper.variantsPanelWrapper table td.rightPart .amount.amount { float: none; height: auto; white-space: nowrap; border: 1px solid #E3D1B9; text-align: center; padding: 3px 10px; margin: 0 15px 0 10px; font-size: 10px; line-height: 15px; } .variantsPanelWrapper.variantsPanelWrapper table td.rightPart .price { text-align: center; padding-top: 5px; } .variantsPanelWrapper.variantsPanelWrapper table td.rightPart .price span { font-size: 14px; color: #000; } .variantsPanelWrapper.variantsPanelWrapper table td.rightPart .price s { font-size: 14px; color: #E12023; } .variantsPanelWrapper.variantsPanelWrapper table td.leftPart { position: relative; padding: 5px 12px; } .variantsPanelWrapper.variantsPanelWrapper table td.leftPart .bandage { height: 20px; width: 20px; } .item-content.single .selectedVariant .variant { display: block; } .item-content.single .allVariants { display: none; } .item-content .selectedVariant .variant { display: none; } .item-content .selectedVariant .variant.selected { display: block; } .catalog-content .row.block .purchase span.varcount, .pm-js.catalog .swiper-container .swiper-slide.block .purchase span.varcount, .pm-js.catalog .swiper-container .swiper-slide .itemRow .purchase span.varcount { display: block; text-align: center; font-size: 11px; color: #9c9c9c; margin-top: -20px; } .catalog-content .row.block .purchase span.varcount span, .pm-js.catalog .swiper-container .swiper-slide.block .purchase span.varcount span, .pm-js.catalog .swiper-container .swiper-slide .itemRow .purchase span.varcount span { font-size: 12px; color: #6a6a6a; } .catalog-content .row.block .purchase a.cart, .pm-js.catalog .swiper-container .swiper-slide.block .purchase a.cart, .pm-js.catalog .swiper-container .swiper-slide .itemRow .purchase a.cart { margin-top: -2px; } .catalog-content .row.list .right .tblcell.minified .btns span.varcount, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell.minified .btns span.varcount { display: block; text-align: center; font-size: 11px; color: #9c9c9c; margin-top: -5px; line-height: 12px; } .catalog-content .row.list .right .tblcell.minified .btns span.varcount span, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell.minified .btns span.varcount span { font-size: 12px; color: #6a6a6a; } .catalog-content .row.list .right .tblcell.minified .btns a.cart, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell.minified .btns a.cart { margin-top: 5px; } .catalog-content .row.list .right .tblcell.minified .price, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell.minified .price { line-height: 25px; } .catalog-content .row.list .right .tblcell.minified .amount, .pm-js.catalog .swiper-container .swiper-slide.list .right .tblcell.minified .amount { line-height: 25px; } .catalog-content .row.table.minified .varcount, .pm-js.catalog .swiper-container .swiper-slide.table.minified .varcount { display: block; color: #9c9c9c; font-size: 11px; margin-bottom: 5px; line-height: 14px; } .catalog-content .row.table.minified .varcount span, .pm-js.catalog .swiper-container .swiper-slide.table.minified .varcount span { font-size: 12px; color: #6a6a6a; } .catalog-content .row.table.minified .amount, .pm-js.catalog .swiper-container .swiper-slide.table.minified .amount { line-height: 14px; margin-bottom: 0px; } .shopInformerBottom .cart { display: inline-block; font-size: 12px; color: #ffffff; text-decoration: none; border: none; background: #867267; height: 31px; width: 136px; text-align: center; line-height: 31px; position: relative; } .shopInformerBottom .cart:hover { background: #9e8e85; } .shopInformerBottom .cart span.sf { font-size: 14px; position: relative; } .shopInformerBottom .cart .circle { left: 96px; right: 0px; position: absolute; text-align: center; line-height: 14px; top: -8px; } .shopInformerBottom .cart .circle .cartAmount { border: none; height: 14px; min-width: 6px; padding: 0px 4px 0px 4px; text-align: center; background: #ffffff; border-radius: 100px; color: #6a6a6a; font-size: 10px; display: inline-block; } .shopInformerBottom { border: 5px solid #E3D1B9; border-right: 0px; position: fixed; bottom: 10px; right: 0px; height: 34px; padding: 8px; background: #ffffff; } .shopInformerBottom .uncovered { position: absolute; bottom: 65px; border: 5px solid #E3D1B9; right: 0px; width: 320px; background: #ffffff; display: none; } .shopInformerBottom .uncovered .totals { border-bottom: 5px solid #E3D1B9; line-height: 30px; text-align: center; font-size: 11px; color: #F0F0F0; } .shopInformerBottom .uncovered .display { padding: 20px; text-align: center; max-height: 300px; overflow-y: scroll; } .shopInformerBottom .uncovered .display .cart-item-row { border-bottom: 1px solid #E3D1B9; text-align: left; overflow: hidden; padding: 10px 0; } .shopInformerBottom .uncovered .display .cart-item-row img { float: left; border: 2px solid #E3D1B9; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .shopInformerBottom .uncovered .display .cart-item-row img:hover { opacity: 0.85; } .shopInformerBottom .uncovered .display .cart-item-row .right { width: 180px; float: right; position: relative; } .shopInformerBottom .uncovered .bottom { border-top: 5px solid #E3D1B9; padding: 8px; line-height: 30px; text-align: center; } .shopInformerBottom .uncovered .bottom a { width: 150px; height: 31px; border: none; background: #f4f4f4; display: inline-block; color: #6a6a6a; font-size: 12px; text-decoration: none; } .shopInformerBottom .fav { display: inline-block; font-size: 12px; color: #ffffff; text-decoration: none; border: 1px solid none; background: #867267; height: 31px; width: 32px; text-align: center; line-height: 31px; display: none; } .shopInformerBottom .fav:hover { background: #9e8e85; } .filters_holder .sub { display: none; } .filters_holder .opened + .sub { display: block; } .filters_holder .param { position: relative; z-index: 4; } .filters_holder .param label { display: block; padding: 7px 10px 7px 25px; font-size: 12px; text-decoration: none; margin-top: 0; border: 1px solid #E3D1B9; color: #F0F0F0; background: #FAF9F7; border-top: none; cursor: pointer; position: relative; z-index: 5; } .filters_holder .param label:hover { background: #867267; } .filters_holder .param input { position: absolute; display: inline-block; top: 50%; margin-top: -7px; left: 8px; z-index: 6; } .recommended.noimage .thumb { display: none; } .recommended.noimage .rec-title { border-top: 0; } .recommended .block-content { margin-bottom: 20px; display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 740px) { .recommended .block-content { -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } } .recommended .block-content a.item { display: inline-block; border: 5px solid #E3D1B9; background: #ffffff; vertical-align: top; margin-bottom: 25px; font-size: 12px; text-decoration: none; width: 160px; display: -js-inline-flex; display: -webkit-box; display: -moz-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1301px) { .recommended .block-content a.item:nth-child(5n) { margin-right: 0px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .recommended .block-content a.item:nth-child(4n) { margin-right: 0px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .recommended .block-content a.item:nth-child(3n) { margin-right: 0px; } } @media only screen and (min-width: 1301px) { .recommended .block-content a.item { margin-right: 42px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .recommended .block-content a.item { margin-right: 25px; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .recommended .block-content a.item { margin-right: -5px; margin-bottom: -5px; } } @media only screen and (max-width: 740px) { .recommended .block-content a.item { margin-right: 0px; } } .recommended .block-content a.item .thumb { font-size: 0px; position: relative; } .recommended .block-content a.item .thumb .arrow { position: absolute; left: 50%; margin-left: -18px/2; bottom: 9px; z-index: 1; } .recommended .block-content a.item .thumb .arrow .out { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #E3D1B9; } .recommended .block-content a.item .thumb .arrow .in { display: block; position: absolute; left: 0; top: 5px; width: 0px; border: transparent solid; border-width: 0 18px/2 12px 18px/2; border-bottom-color: #ffffff; } .recommended .block-content a.item img { width: 160px; height: 160px; border: 0px none; margin: 0px; } .recommended .block-content a.item .rec-title { border-top: 5px solid #E3D1B9; padding: 10px 10px 8px 10px; text-align: left; -webkit-flex-grow: 1; flex-grow: 1; } .recommended .block-content a.item .price { padding: 0 10px 10px 10px; text-align: right; } .recommended .block-content a.item .price .productBox-price { font-size: 13px; } .recommended .block-content a.item .price .productBox-price span { font-size: 16px; font-weight: bold; } .recommended .block-content a.item .price .productBox-price-old { font-size: 13px; text-decoration: line-through; } .flex-container { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-item { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-align: center; } /*Календарь событий*/ .side .calendar { display: block; background: #F8F8F8; border: 5px solid #E3D1B9; border-top: none; padding: 10px; font-size: 12px; } .side .calendar .month { height: 26px; background: #F8F8F8; line-height: 26px; text-align: center; border: 1px solid #E3D1B9; } .side .calendar .month span:first-child, .side .calendar .month span:last-child { font-family: svg; width: 25px; font-size: 10px; text-align: center; color: #F0F0F0; text-decoration: none; cursor: pointer; background: #867267; } .side .calendar .month span:first-child:hover, .side .calendar .month span:last-child:hover { background: #9f8c81; } .side .calendar .month span:first-child { float: left; border-right: 1px solid #E3D1B9; } .side .calendar .month span:last-child { float: right; border-left: 1px solid #E3D1B9; } .side .calendar .month span { color: #4c4c4c; font-size: 13px; } .side .calendar .week { display: block; width: 190px; overflow: hidden; line-height: 21px; } .side .calendar .week li { list-style: none; float: left; width: 24px; color: #4c4c4c; text-align: center; margin-right: 3px; } .side .calendar .week li:nth-child(6), .side .calendar .week li:nth-child(7) { color: #D62525; } .side .calendar .days { display: block; overflow: hidden; } .side .calendar .days span { border: 1px solid #E3D1B9; text-align: center; line-height: 27px; width: 24px; height: 27px; color: #F0F0F0; display: block; float: left; background: #867267; margin-right: 1px; margin-bottom: 1px; } .side .calendar .days span > a { font-weight: 700; color: #F0F0F0; display: block; text-decoration: underline; } .side .calendar .days span > a:hover { text-decoration: none; } .side .calendar .days span:nth-child(7n-1), .side .calendar .days span:nth-child(7n) { color: #ffffff !important; background: #b5a69e; } .side .calendar .days span.gone { border: 1px solid #E3D1B9; background: #867267; color: #4c4c4c; zoom: 1; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } .side .calendar .days span.gone > a { color: #4c4c4c; } .side .calendar .days span.gone:nth-child(7n-1), .side .calendar .days span.gone:nth-child(7n) { color: #D62525 !important; } .side .calendar .days span.current { border: 1px solid #E3D1B9; background: #ffffff; color: #867267; } .side .calendar .days span.current a { color: #867267; } .side .calendar .days span.event { border: 1px solid #E3D1B9; background: #ffffff; color: #867267; } .side .calendar .days span.event a { color: #867267; } .gallery .work { display: flex; flex-wrap: wrap; justify-content: center; } .gallery .work .galery-item { margin: 20px; } .photo_row { display: inline-block; } .container.content.gallery { position: relative; vertical-align: top; text-align: justify; } .container.content.gallery .photo_row { float: left; margin-left: 0px; } @media only screen and (max-width: 1010px) and (min-width: 740px) { .container.content.gallery { padding: 20px 15px; } } .body .side .filter { padding: 0px; margin: 0px; line-height: 26px; padding: 4px 8px 4px 8px; text-align: center; font-size: 18px; text-transform: uppercase; font-family: arial; position: relative; margin-bottom: 20px; display: block; text-decoration: none; border: 5px solid #E3D1B9; color: #F0F0F0; background: #867267; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .body .side .filter .arrow { position: absolute; bottom: 0px; left: 50%; margin-left: -18px/2; } .body .side .filter .arrow .out { display: block; position: absolute; left: 0; top: 5px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .body .side .filter .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #867267; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .container.shop-order.step4 .confirmation_cart { height: 48px; background: #FAF9F7; border-bottom: 1px solid #E3D1B9; line-height: 48px; text-align: right; padding-right: 60px; font-size: 18px; color: #515151; } .container.shop-order.step4 .confirmation_cart span { color: #000; } .pm_slidingPanel { overflow-x: hidden; background: #867267; -webkit-overflow-scrolling: touch; z-index: 11; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } .pm_slidingPanel:after { content: ""; display: block; position: absolute; top: 0px; right: -10px; height: 100%; width: 10px; -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); z-index: 10; } .pm_slidingPanel a { display: block; border-bottom: 1px solid #E3D1B9; padding: 10px 10px; color: #F0F0F0; text-decoration: none; position: relative; } .pm_slidingPanel a.promo { font-weight: bold; } .pm_slidingPanel a.back { cursor: pointer; padding-left: 50px; } .pm_slidingPanel a.back span.arrow { right: auto; left: 0px; right: 0px; border-width: 0 1px 0 0; } .pm_slidingPanel a.back span.arrow:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pm_slidingPanel .filter_param .name { display: block; border-bottom: 1px solid #E3D1B9; padding: 10px 10px; color: #F0F0F0; text-decoration: none; position: relative; } .pm_slidingPanel .filter_param .param { position: relative; } .pm_slidingPanel .filter_param .param input { display: inline-block; float: left; width: 17px; height: 17px; position: absolute; top: 50%; left: 10px; margin-top: -17px/2; } .pm_slidingPanel .filter_param .param label { display: block; border-bottom: 1px solid #E3D1B9; padding: 5px 10px 5px 35px; line-height: 20px; color: #F0F0F0; cursor: pointer; font-size: 0.8em; } .pm_slidingPanel span.arrow { dislay: inline-block; font-family: svg; position: absolute; width: 40px; text-align: center; border: solid #E3D1B9; border-width: 0 0 0 1px; right: 0px; top: 0px; height: 100%; } .pm_slidingPanel span.arrow:after { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; font-size: 10px; line-height: 10px; margin-top: -5px; margin-left: -5px; } .pm_slidingPanel h3 { color: #F0F0F0; margin: 20px 0 0 0; padding: 10px; border: solid #E3D1B9; border-width: 5px 0; font-weight: normal; } .pm_slidingPanel .section:first-child h3 { margin-top: 0px; } .pm_bodyContent { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; background: #f8f8f8; background-image: url('/default/Files/images/colors/fulltan/body_bg.png'); z-index: 10; -webkit-overflow-scrolling: touch; min-width: 320px; } .pm-form * { box-sizing: border-box; } .pm-form .forminput { display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; position: relative; margin: 12px auto; font-size: 0px; } .pm-form .forminput > .err { width: 100%; text-align: center; } .pm-form .forminput > label { display: inline-block; width: 30%; text-align: right; vertical-align: top; margin: 12px 0; padding-right: 5px; } .pm-form .inputs { display: inline-block; margin: 0px; width: 70%; vertical-align: middle; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .pm-form .inputs input, .pm-form .inputs textarea, .pm-form .inputs select { max-width: 100%; } .pm_slidingPanel .pm-form .forminput { margin: 0px; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pm_slidingPanel .pm-form .forminput > label { width: 100%; text-align: left; margin-bottom: 5px; } .pm_slidingPanel .pm-form .forminput .inputs { width: 100%; text-align: left; } .pm_slidingPanel .pm-form .forminput .inputs label.radio:first-child { margin-top: 0px; } .pm_slidingPanel .form { border: 0px none; } .pm_slidingPanel .hamburgerHolder + .section { margin-top: 60px; } .pm_slidingPanel { position: absolute; top: 0px; min-height: 100%; width: 320px; left: -320px; overflow: hidden; } .pm_slidingPanel .frames { -webkit-transition: left 0.3s linear; -moz-transition: left 0.3s linear; -o-transition: left 0.3s linear; transition: left 0.3s linear; left: 0px; position: relative; bottom: 0px; font-size: 0px; white-space: nowrap; min-width: 320px; } .pm_slidingPanel .frame { display: inline-block; font-size: 12px; position: relative; white-space: normal; min-width: 320px; width: 320px; overflow-y: scroll; vertical-align: top; } .pm_bodyContent { position: relative; top: 0px; left: 0px; min-height: 100%; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; -webkit-overflow-scrolling: touch; min-width: 320px; z-index: 10; display: -js-flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } html.pm_panelSlided, html.pm_panelSlided body { position: relative; height: 100%; min-width: 200%; -webkit-overflow-scrolling: touch; } html.pm_panelSlided .pm_slidingPanel { position: relative; left: 0px; display: none; } @media only screen and (max-width: 740px) { html.pm_panelSlided .pm_slidingPanel { display: block; } } @media only screen and (max-width: 740px) { html.pm_panelSlided .pm_bodyContent { left: 320px; top: auto; width: 100%; position: fixed; } html.pm_panelSlided .pm_bodyContent .body_wrapper .topMenu { left: 320px; } } @media only screen and (max-width: 370px) { html.pm_panelSlided .pm_bodyContent .topline .hamburgerHolder { display: none!important; } } .poll_body, .poll_pnavigation, .poll_qnavigation { padding: 15px; border: 5px solid #E3D1B9; background: #FAF9F7; border-top: 0; } .poll_pnavigation, .poll_qnavigation, .poll_pemail, .pollbig_navigation { display: block; text-align: center; } .poll_pemail { margin-top: 10px; } .poll_pnavigation a, .poll_qnavigation a, .pollbig_navigation a, .poll_pbody a, .pollbig_pbody a { display: inline-block; border: none; background: #867267; font-size: 12px; color: #ffffff; width: 110px; height: 31px; line-height: 31px; text-align: center; text-decoration: none; } .poll_pbody a, .pollbig_pbody a { width: unset; padding: 0 8px; margin-top: 12px; } .poll_pnavigation a:hover, .poll_qnavigation a:hover, .pollbig_navigation a:hover, .pollbig_pbody a:hover { background-color: #9e8e85; } .poll_qnavigation a:not(.poll_qvote) { width: 25px; } .hidden { display: none !important; } .poll_header, .poll_pheader { line-height: 26px; padding: 4px 8px 4px 8px; text-align: center; text-transform: uppercase; font-family: arial; position: relative; font-weight: 400; text-decoration: none; } .poll_header { font-size: 18px; border: 5px solid #E3D1B9; background: #867267; } .poll_pheader { font-size: 16px; } .poll_header:hover, .poll_pheader:hover { background: #9f8c81; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .poll_header a, .poll_pheader a { text-decoration: none; color: #F0F0F0; } .poll_qbody label, .pollbig_qbody label { display: block; font-size: 12px; color: #6a6a6a; margin: 5px; padding-left: 26px; } .pollbig_qbody label input { margin-left: -17px; } .poll_qbody label input { margin-left: -18px; } .pollbig_qbody { border: 1px solid #E3D1B9; padding: 20px; } .poll_qbody input { margin-right: 5px; } .poll_qbody { padding-top: 15px; } .poll_qbody label { padding-left: 14px; } .pollbig_pblock .pollbig_qblock .pollbig_qbody { margin: 0; } .poll_qheader { font-size: 14px; margin-top: 6px; color: #6a6a6a; text-align: center; border: 1px solid #E3D1B9; position: relative; padding: 5px; padding-bottom: 6px; } .pollbig_qblock { max-width: 486px; display: inline-block; min-width: 45%; margin-right: 20px; } .pollbig_pbody label { display: block; } .pollbig_qblock .head { margin-bottom: -1px; } .body .side .qna .row .author .arrow, .poll_block .arrow { position: absolute; left: 15px; bottom: 0px; } .body .side .qna .row .author .arrow .out, .poll_block .arrow .out { display: block; position: absolute; left: 0; top: 0px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; } .body .side .qna .row .author .arrow .in, .poll_block .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #FAF7F0; } .error { color: #ff0000 !important; } .pollbig_pheader h2 { font-size: 20px; } .pm_bodyContent .lSSlideOuter .lSPager.lSpg > li { padding: 0px 3px 0px 3px; } .pm_bodyContent .lSSlideOuter .lSPager.lSpg > li a { border-radius: 0px; background: #867267; border: 1px solid #b7894c; width: 16px; height: 16px; display: inline-block; transition: background 0.3s; } .pm_bodyContent .lSSlideOuter .lSPager.lSpg > li:hover a { background: #9e8e85; } .pm_bodyContent .lSSlideOuter .lSPager.lSpg > li.active a { background: #9e8e85; } .content .comments_menu { margin: 0; } @media only screen and (max-width: 740px) { .content h2 { line-height: normal; } } .comments_reply { float: right; } .row.nested { margin-top: -16px; } #inserted-block .section:first-child { display: none; } #inserted-block .section:last-child .pagerpages { display: none; } .c-tab1 { margin-left: 25px; } .c-tab2 { margin-left: 50px; } .c-tab3 { margin-left: 75px; } .c-tab4 { margin-left: 100px; } .c-tab5 { margin-left: 125px; } .c-tab6 { margin-left: 120px; } .c-tab7 { margin-left: 140px; } .c-tab8 { margin-left: 160px; } .c-tab9 { margin-left: 180px; } .c-tab10 { margin-left: 200px; } .c-tab11 { margin-left: 220px; } .c-tab12 { margin-left: 240px; } .c-tab13 { margin-left: 260px; } .c-tab14 { margin-left: 280px; } .c-tab15 { margin-left: 300px; } .c-tab16 { margin-left: 320px; } .c-tab17 { margin-left: 340px; } .c-tab18 { margin-left: 360px; } .c-tab20 { margin-left: 380px; } .c-tab10 { margin-left: 400px; } .comments-header { text-align: center; margin-bottom: 20px; } .pm-js.news { overflow: hidden; } .pm-js.news .row { width: 24%; overflow: hidden; box-sizing: border-box; margin: 1.5% 0.5%; border: solid 5px #bcbcbc; float: left; display: block; } .hover__title a.hoverTitle[title] img { font-size: 0; line-height: 0; margin: 0; } .hover__title a.hoverTitle[title] { position: relative; display: inline-block; overflow: hidden; line-height: 0; } .hover__title a.hoverTitle[title]:after { content: ""; background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; max-height: 0; bottom: -31px; overflow: hidden; transition: all 0.3s; border-top: 1px solid rgba(255, 255, 255, 0.8); display: block; content: attr(title); line-height: normal; padding: 15px 15px; left: 0; right: 0; text-align: center; } .hover__title a.hoverTitle[title]:hover:after { max-height: 100%; padding: 15px 15px; bottom: 0; } .pm_stickyPanel.wrapper .frames { position: fixed; top: -300px; transition: 0.3s; z-index: -1; } .pm_stickyPanel.wrapper .frames.pressed { top: 0; } .slice { position: fixed; top: -58px; z-index: 111; width: 100%; box-shadow: 0 0 5px 0 black; transition: 0.3s; } .slice.affix { top: 0; } .slice.affix-top .frames.pressed { top: -360px; } .slice .section h3 { display: none; } .slice .stickyHamburger { position: relative; overflow: hidden; margin: 0; top: 5px; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; box-shadow: none; background: #867267; border: 2px solid #E3D1B9; cursor: pointer; transition: background 0.3s; display: inline-block; left: 0; z-index: 99; } .slice .stickyHamburger span { display: block; position: absolute; top: 18px; left: 6px; right: 6px; border-radius: 4px; height: 4px; background: #E3D1B9; cursor: pointer; } .slice .stickyHamburger span::after, .slice .stickyHamburger span::before { position: absolute; display: block; left: 0; width: 100%; height: 4px; background: #E3D1B9; content: ""; border-radius: 4px; } .slice .stickyHamburger span::before { top: -9px; } .slice .stickyHamburger span::after { bottom: -9px; } .slice a.mobile { float: right; } .slice, .stickymenu { background: #FAF9F7; border-bottom: 5px solid #E3D1B9; height: 53px; } .slice .stickymenu { position: relative; } .slice .callback { position: relative; left: 30px; } .slice .items { border: 5px solid #E3D1B9; border-bottom: none; position: absolute; top: 53px; display: flex; flex-wrap: wrap; overflow: hidden; box-shadow: 0 6px 7px -6px black; background-color: #E3D1B9; } .slice .items.wide { width: 100%; } @media only screen and (max-width: 740px) { .slice .items { width: 90%; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .slice .items { width: 732px; } } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .slice .items { width: 990px; } } @media only screen and (min-width: 1301px) { .slice .items { width: 1250px; } } .slice .flex-item { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex: 1 0 auto; border-bottom: 10px solid #E3D1B9; } .slice .items a, .slice .items div { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-align: center; padding: 0; margin: 0; display: inline-block; text-transform: uppercase; padding-right: 18px; padding-left: 18px; font-weight: 700; position: relative; margin-bottom: -5px; background: #867267; text-decoration: none; font-size: 14px; color: #F0F0F0; line-height: 58px; font-family: arial; } .slice .contacts { display: flex; flex-wrap: nowrap; position: absolute; top: 0px; font-size: 12px; width: 100%; } .slice .phone, .slice .callbackholder { position: relative; left: 90px; top: 20px; height: 20px; display: flex; flex-grow: 5; } .slice .callbackholder { left: 60px; flex-grow: 1; justify-content: center; } .slice .widener { flex-grow: 12; } .slice .search:empty { display: none; } .slice .phone a, .email, .cartAmount, .contacts .callback { text-decoration: none; color: #F0F0F0; } .slice .phone a::after { content: " | "; } .slice .phone:empty { display: none; } .slice .phone a:last-child::after { content: ""; } .contacts .callback::before { content: ""; color: #F0F0F0; position: absolute; font-family: svg; font-size: 19px; width: 18px; height: 18px; left: -26px; top: -1px; } .slice .phone a:first-child::before { content: ""; position: absolute; font-family: svg; width: 18px; height: 18px; left: -27px; top: -3px; font-size: 21px; color: #F0F0F0; } .stickyHamburger.pressed span { transition: 0.3s; background-color: transparent; } .stickyHamburger.pressed span:before, .stickyHamburger.pressed span:after { transition: 0.3s; top: 0; } .stickyHamburger.pressed span:before { transform: rotate(45deg); } .stickyHamburger.pressed span:after { transform: rotate(-45deg); } .slice a.mobile.callback-icon { display: none; } .slice .mobile.cart-icon.cartIcon { width: 19px; height: 17px; background-color: transparent; background-repeat: no-repeat; font-family: svg; font-size: 19px; color: #F0F0F0; left: 9px; position: relative; bottom: 8px; line-height: 32px; } .slice .mobile.cart-icon.cartIcon span.cartAmount { font-size: 12px; position: relative; } .cartholder .Round { position: absolute; left: 25px; top: 1px; width: 29px; height: 29px; background-color: #fff; border-radius: 19px; display: flex; align-items: center; justify-content: center; transition: 0.3s; font-family: sans-serif; } .cartholder { width: 67px; height: 36px; background-color: #867267; display: flex; align-items: center; border: 2px #E3D1B9 solid; position: relative; top: 7px; right: 0; margin-left: 15px; float: right; transition: 0.3s; text-decoration: none; } .cartcatcher { position: relative; right: 0; float: right; } .cartholder:hover { background: #fff; color: #7C7062; } .cartholder span.cartAmount { font-size: 12px; color: #000; } .body_wrapper > .header .l { margin-bottom: 20px; } .slice .search { width: 228px; height: 36px; overflow: hidden; float: right; margin-bottom: 14px; border: 2px solid #E3D1B9; background: #FAF9F7; position: relative; top: 7px; right: 3%; } .slice .search input[type=text] { float: left; border: none; width: 178px; height: 20px; line-height: 20px; padding: 8px 6px 8px 6px; border-right: 2px solid #E3D1B9; background: #FAF9F7; color: #6a6a6a; -webkit-appearance: none; border-radius: 0; } .slice .search input[type=submit] { position: absolute; right: 0; display: block; width: 40px; height: 36px; cursor: pointer; font-size: 26px; line-height: 26px; color: #ffffff; border: none; border-left: 2px solid #E3D1B9; background: #867267; font-family: svg; -webkit-appearance: none; border-radius: 0; padding: 0; transition: 0.3s; } .slice .search input[type=submit]:hover, .stickyHamburger:hover { background: #fff; color: #7C7062; } .slice .email { text-decoration: none; } .slice .arrow { position: relative; left: -57%; display: none; top: 112%; } .slice .sf.out { display: block; position: absolute; left: 0; top: -12px; width: 0; border: transparent solid; border-width: 0 9px 12px 9px; border-bottom-color: #E3D1B9; } .slice .sf.in { display: block; position: absolute; left: 0; top: -6px; width: 0; border: transparent solid; border-width: 0 9px 12px 9px; border-bottom-color: #F1EAD6; } .slice .items .flex-item:hover .arrow { display: block; } .slice .callback_block { margin: 0; position: absolute; left: -75px; top: 33px; } .slice .callback_block .arrow { position: absolute; left: 78px; top: -5px; margin-left: 0px; display: block; } @media only screen and (max-width: 740px) { .slice { display: none; } } @media only screen and (max-width: 1010px) and (min-width: 740px) { .contacts .callback, .email, .slice .phone a { font-size: 10px; } .slice .search { width: 130px; right: 0px; } .slice .callbackholder { left: 80px; } /*.slice .contacts {top: 13px;} .slice .callback {top:5px; left:30px} .slice .phone a:after { content: "\A"; white-space: pre; } .slice .phone:before {top:5px} .slice .search { width: 134px; top: 6px; right: 81px } .cartholder { width: auto; background-color: transparent; border: none; right: 8%; position: absolute; } .cartholder .Round { background-color:transparent; left:15px; } .slice .items { width: 732px;} a.email {display:none} .slice .phone {right:15px;} .slice .callback_block { left: 14%; } .slice a.callback_btn {} .callback_btn {left:0!important; right:auto}*/ } @media only screen and (max-width: 1300px) and (min-width: 1011px) { .slice .callbackholder { left: 80px; } .search { width: 163px; } .slice .items { width: 990px; } /*.slice .contacts .phone {width:300px}*/ } #news_form_holder { color: #6a6a6a; } .comment-item { position: relative; } .comment-item .head { overflow: hidden; } @media only screen and (max-width: 740px) { .comment-item .head { text-align: center; } .comment-item .head .date { position: relative !important; text-align: center !important; width: 100% !important; top: -3px; margin: 0 15px; } } .comment-item::before { content: '•••••'; left: -120px; top: 14px; color: #d9c0a0; float: left; width: 90px; letter-spacing: 14px; pointer-events: none; position: absolute; font-weight: 600; font-size: 16px; } @media only screen and (max-width: 740px), only screen and (max-width: 370px) { .comment-item::before { left: -75px; top: 5px; letter-spacing: 6px; font-size: 13px; } } .comment-item .comments_menu { height: 40px; } .comment-item .comments_menu a { background: #867267; border: 1px solid #E3D1B9; text-decoration: none; padding: 6px 8px; margin: 5px 0 0 5px; transition: 0.2s; } .comment-item .comments_menu a:hover { opacity: 0.8; } @media only screen and (max-width: 740px) { .comment-item .comments_menu a { float: left; clear: both; margin: 5px 0 0 0; max-width: 96%; word-break: all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .comment-item .comments_menu a.comments_expand, .comment-item .comments_menu a.comments_collapse { float: left; } @media only screen and (max-width: 740px), only screen and (max-width: 370px) { .comments-main .form_holder * { display: block; } .comments-main .form_holder label { text-align: center; } .comments-main .form_holder td { padding: 5px 10px !important; } .comments-main .form_holder input, .comments-main .form_holder textarea { width: 100% !important; box-sizing: border-box; } .comments-main .form_holder tr:nth-child(4) td:last-child { display: flex; } .comments-main .form_holder tr:nth-child(4) td:last-child .captchaImage { min-width: 90px; } .comments-main .form_holder tr:nth-child(4) td:last-child input { margin-top: 7px; } } @media only screen and (max-width: 370px), only screen and (max-width: 740px) { .c-tab1 { margin-left: 15px; } .c-tab2 { margin-left: 30px; } .c-tab3 { margin-left: 45px; } .c-tab4 { margin-left: 60px; } .c-tab5 { margin-left: 75px; } } .banner-zone { margin: 20px auto; width: 100%; clear: both; } .views { font-size: 12px; text-align: center; } .views svg { position: relative; top: 3px; fill: #E3D1B9; } .news-content .views { text-align: left; } .pm-embedded { margin: 50px 0; position: relative; } .pm-embedded.block .swiper-container { overflow: visible; } .pm-embedded.block .swiper-container .swiper-wrapper { flex-wrap: wrap; } .pm-embedded.block .swiper-container .swiper-wrapper .swiper-slide { margin: 20px; } .pm-embedded .flexblock { width: 200px; } .pm-embedded .flexblock .block-title { padding: 15px; position: relative; background: #FAF7F0; border: 1px solid #E3D1B9; } .pm-embedded .flexblock .block-title .arrow { position: absolute; left: 90px; bottom: 0px; } .pm-embedded .flexblock .block-title .arrow .out { display: block; position: absolute; left: 0; top: 0px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #E3D1B9; } .pm-embedded .flexblock .block-title .arrow .in { display: block; position: absolute; left: 0; top: -2px; width: 0px; border: transparent solid; border-width: 12px 18px/2 0 18px/2; border-top-color: #FAF7F0; } .pm-embedded .flexblock .block-content { border: 1px solid #E3D1B9; padding: 22px; background: #ffffff; } .pm-embedded .flexblock .block-content .button-r { text-align: right; } .pm-embedded .flexblock .block-content .button-r .button-md { display: inline-block; border: none; background: #867267; color: #ffffff; font-size: 12px; padding: 5px 10px; text-align: center; text-decoration: none; margin-top: 1em; } .pm-embedded .flexblock .block-content .button-r .button-md:hover { border: 1px solid #9e8e85; border: none; background: #9e8e85; color: #ffffff; } .pm-embedded .swiper-pagination { margin-top: 20px; position: relative; } .pm-embedded .swiper-pagination .swiper-pagination-bullet { border-radius: 0; width: 15px; opacity: 1; height: 15px; border: 1px solid #E3D1B9; background: #fff; } .pm-embedded .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #E3D1B9; } .pm-js.catalog .swiper-container .swiper-slide { width: 230px; margin: 0; } .pm-js.catalog .swiper-container .swiper-slide .itemRow img { margin: 0; border: 0; } body { background: #f8f8f8; } body { background-image: url('/Templates/default/Files/images/colors/fulltan/body_bg.png'); } .header .phone { color: #867267 !important; } .header .phone b { color: #867267 !important; } .header .cartInfo { color: #7C7062 !important; } .logo-space .desc { color: #7C7062 !important; } .cart_table th { color: #867267; } .calendar .days span:nth-child(7n), .calendar .days span:nth-child(7n-1) { color: #C50C0C !important; background: #B38A74; } .slice .phone a, .contacts .callback, .email, .contacts .callback:before, .slice .phone:before { color: #6a6a6a !important; }