/* Start:/local/templates/dresscode/jquery.fancybox.min.css?151976356010424*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/local/templates/dresscode/swiper.min.css?151976356017759*/ /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* End */ /* Start:/local/templates/dresscode/fonts.css?16043941204630*/ @font-face { font-display: swap; font-family: 'robotobold'; src: url('/local/templates/dresscode/fonts/roboto/roboto-bold.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-bold.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'robotomedium';*/ /* src: url('/local/templates/dresscode/fonts/roboto/roboto-medium.eot');*/ /* src: url('/local/templates/dresscode/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/dresscode/fonts/roboto/roboto-medium.woff') format('woff'),*/ /* url('/local/templates/dresscode/fonts/roboto/roboto-medium.ttf') format('truetype');*/ /* font-weight: bold;*/ /* font-style: normal;*/ /*}*/ @font-face { font-display: swap; font-family: 'roboto_condensedlight'; src: url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.eot'); src: url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'roboto_cnregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-condensed.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-condensed.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-condensed.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'roboto_ltregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-light.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-light.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'robotoregular';*/ /* src: url('/local/templates/dresscode/fonts/roboto/roboto-regular.eot');*/ /* src: url('/local/templates/dresscode/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/dresscode/fonts/roboto/roboto-regular.woff') format('woff'),*/ /* url('/local/templates/dresscode/fonts/roboto/roboto-regular.ttf') format('truetype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ @font-face { font-display: swap; font-family: 'roboto_thregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-thin.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-thin.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Roboto-Regular'; src: url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.ttf') format('truetype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Roboto-Medium'; src: url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.ttf') format('truetype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Roboto-Light'; src: url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.ttf') format('truetype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Rouble'; src: url('/local/templates/dresscode/fonts/rouble.eot'); src: url('/local/templates/dresscode/fonts/rouble.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/rouble.woff') format('woff'), url('/local/templates/dresscode/fonts/rouble.ttf') format('truetype'), url('/local/templates/dresscode/fonts/rouble.svg#Intro') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'blr'; src: url('/local/templates/dresscode/fonts/blr.ttf'); url('/local/templates/dresscode/fonts/blr.ttf') format('truetype'), font-weight: normal; font-style: normal; } /* End */ /* Start:/local/templates/dresscode/custom.css?164362935023256*/ @media (max-width: 530px) { #logo-mobile.logo-mobile { width: 60%; display: inline-block; margin: 0 10px; text-align: left; } #logo-mobile.logo-mobile .logo { display: inline-block; vertical-align: middle; } #logo-mobile.logo-mobile .logo img { width: 53px; } #logo-mobile.logo-mobile .top_heading_mobile { display: inline-block; vertical-align: middle; } #logo-mobile.logo-mobile .top_heading_mobile img { width: 135px; } } @media (max-width: 530px) { .heading .b-heading__email { display: none; } #topService .top-auth-personal, #topService .top-auth-login { top: 114px; } #topService .top-auth-exit, #topService .top-auth-register { top: 140px; left: 5px !important; } #headerTools.header-tools { width: 30%; } #headerTools.header-tools .tools li.telephone { right: 0; text-align: right; } #headerTools.header-tools .tools li.telephone .ph { font-weight: normal; line-height: 25px; } #headerTools.header-tools .tools li.telephone .ph.watsap:before, #headerTools.header-tools .tools li.telephone .ph.b-heading__phone:before { width: 20px; height: 20px; background-size: 100%; left: 17px; top: 0; } #headerTools.header-tools .cart, #headerTools.header-tools .search { padding: 0; } #headerTools.header-tools .cart .icon, #headerTools.header-tools .search .icon { width: 25px; height: 25px; background-size: 100%; } #slider .sliderContent .cButton { background: #fff url(/local/templates/dresscode/images/str1.png); background-repeat: no-repeat; background-size: 10%; background-position: right 1px bottom 5px; height: auto; font-size: 12px; padding: 5px; padding-right: 21px; line-height: 15px; margin-top: 41px !important; } } .hidden-contacts__title { color: blue; cursor: pointer; text-decoration: underline; } .hidden-contacts__body { display: none; } #newsDetail .description > iframe { max-width: 100%; } #rightFooter p.social { display: flex; flex-direction: column; } #rightFooter p.social .block { margin-top: 15px; } #leftFooter p.social { margin: 0px auto; margin-left: 0; margin-top: 10px; width: 230px; font-size: 20px; font-family: 'Roboto-Medium'; } #leftFooter p.social, #leftFooter p.social { display: none; flex-direction: column; } #leftFooter p { color: white; } #leftFooter p.social .block { display: block; margin-top: 15px; } #leftFooter p.social .soc.vk { background-position: -5px -54px; } #leftFooter p.social .soc:first-child { margin-left: 0; } #leftFooter p.social .soc { width: 32px; height: 32px; border-radius: 6px; display: inline-block; background-color: #fff; vertical-align: middle; margin: 0 5px; padding: 3px; } #leftFooter p.social .soc.fb { background-position: -5px -5px; } #leftFooter p.social .soc img { border-radius: 4px; } #leftFooter p.social .soc.insta { background-position: -54px -5px; } @media (max-width: 1300px) { #leftFooter p.social, #leftFooter p.social { display: flex; } } @media (max-width: 480px) { #leftFooter p.social { margin-left: auto; text-align: center; } #leftFooter p.social .block { text-align: center; } } .pripev-item > a { margin-top: 6px; } .rating-stars { position: relative; display: inline-block; width: 175px; margin-top: 20px; margin-bottom: 20px; padding: 5px 15px; background-color: red; border: 2px solid #fff; border-radius: 4px; color: #fff; font-weight: bold; text-transform: uppercase; clear: both; } .rating-stars__tablet, .rating-stars__mobile { display: none; } .rating-stars__value { margin-bottom: 5px; } .rating-stars__count { margin-top: 7px; } .rating-stars__container .rating-stars__passive-rating-holder { box-sizing: content-box; position: relative; width: 178px; height: 37px; left: 0; margin-left: 0; display: block; } .rating-stars__container .rating-stars__passive-rating-holder > div { box-sizing: content-box; position: absolute; left: 0; top: 0; height: 37px; background-image: url(/local/templates/dresscode/images/stars.svg); background-repeat: no-repeat; background-size: 178px; } .rating-stars__container .rating-stars__passive-rating-holder .rating-stars__rating-bg { background-position: 0 0; width: 178px; z-index: 1; } .rating-stars__container .rating-stars__passive-rating-holder .rating-stars__rating-mask { background-position: 0 -41px; z-index: 99; } .rating-stars__container .rating-stars__user-rating-container { opacity: 0; } .rating-stars:hover .rating-stars__user-rating-container, .rating-stars .rating-stars__container.rating-stars__container--voted .rating-stars__user-rating-container { opacity: 1; } .rating-stars .rating-stars__container .rating-stars__user-rating { box-sizing: content-box; position: absolute; top: -10px; left: 0; margin-top: 10px; cursor: pointer; z-index: 9999; border-radius: 5px; width: 178px; height: 31px; } .rating-stars__container { box-sizing: content-box; position: relative; cursor: pointer; z-index: 99999; width: 32px; height: 31px; background-image: url(/local/templates/dresscode/images/stars.svg); background-repeat: no-repeat; background-position: 0; background-size: 178px; } .rating-stars__container.rating-stars__container--voted .rating-stars__vote { pointer-events: none; } .rating-stars__container .rating-stars__vote { box-sizing: content-box; position: absolute; top: 0; cursor: pointer; z-index: 99999; width: 32px; height: 31px; background-image: url(/local/templates/dresscode/images/stars.svg); background-repeat: no-repeat; background-position: 0 0; background-size: 178px; } .rating-stars .rating-stars__container .rating-stars__vote:hover, .rating-stars .rating-stars__container.rating-stars__container--voted .rating-stars__vote.rating-stars__vote--active { background-position: 0 -81px; } .rating-stars .rating-stars__container .rating-stars__vote:hover ~ .rating-stars__vote, .rating-stars .rating-stars__vote.rating-stars__vote--active ~ .rating-stars__vote { background-position: 0 -41px; } .rating-stars .rating-stars__container .rating-stars__voting-holder { direction: rtl; position: relative; } .rating-stars .rating-stars__container .rating-stars__vote.rating-stars__vote--1 { left: 80%; } .rating-stars .rating-stars__container .rating-stars__vote.rating-stars__vote--2 { left: 60%; } .rating-stars .rating-stars__container .rating-stars__vote.rating-stars__vote--3 { left: 40%; } .rating-stars .rating-stars__container .rating-stars__vote.rating-stars__vote--4 { left: 20%; } .rating-stars .rating-stars__container .rating-stars__vote.rating-stars__vote--5 { left: 0; } .rating-stars .rating-stars__container.rating-stars__container--voted .rating-stars__vote:hover { background-position: 0 0; } .rating-stars .rating-stars__container.rating-stars__container--voted .rating-stars__vote.rating-stars__vote--active ~ .rating-stars__vote { background-position: 0 -41px; } .rating-stars .rating-stars__container.rating-stars__container--voted .rating-stars__vote.rating-stars__vote--active:hover { background-position: 0 -81px; } @media (max-width: 850px) { .rating-stars__desktop { display: none; } .rating-stars__tablet { display: inline-block; } } @media (max-width: 480px) { .rating-stars__tablet { display: none; } .rating-stars__mobile { display: block; margin-left: auto; margin-right: auto; } } #flushTopCart ins.active.mobileCart { display: none; } /*@media screen and (max-width: 1300px){ #flushTopCart ins.active.mobileCart { display: inline-block; position: absolute; bottom: -15%; left: 55%; margin: 0; padding: 0px 5px; font-size: 10px; line-height: 1.7em; transform: translate(-50%, 100%); } #flushTopCart .wrap { position: relative; } } @media (max-width: 530px){ #headerTools.header-tools .cart .icon.active { background-size: 100%; } #flushTopCart ins.active.mobileCart { transform: translate(0, 100%); left: 10.25px; } }*/ @media screen and (max-width: 1300px){ #flushTopCart ins.active.mobileCart { display: inline-block; position: absolute; margin: 0; font-size: 12px; line-height: 1.7em; width: 20px;height: 20px; border-radius: 50%; text-align: center; right: -4px; top: -5px; padding: 0; } #flushTopCart .wrap { position: relative; } } @media (max-width: 530px){ #headerTools.header-tools .cart .icon.active { background-size: 100%; } #flushTopCart ins.active.mobileCart { font-size: 11px; right: 5px; top: -7px; width: 18px; height: 18px; } } @media screen and (min-width: 1920px){ #topSearch .submit { position: relative; } #topSearch input[type="submit"] { right: 80px !important; top: 30px; } } @media (max-width: 768px) { #left { margin-top: 24px; } } .franchiza .text-center { text-align: center; } .bannerFr { padding: 20px 30px; color: #fff; background-color: #344899; font-weight: 400; margin: 30px 0; position: relative; } .bannerFr-bear { display: flex; align-items: center; text-align: center; } .bannerFr-bear img { max-width: 200px; height: auto; margin-right: 40px; } .pushList { list-style: none; } .pushList li { position: relative; padding: 15px 0 15px 30px; } .pushList li:before { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #344899; content: ""; left: 0; transition: .3s ease-in-out; top: 50%; transform: translateY(-50%); } .pushList li:after { position: absolute; border-left: 1px dotted #4F5151; width: 1px; bottom: -12px; content: ""; left: 3px; top: 48px; } .pushList li:hover::before { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2); } .pushList li:last-child:after { content: none; } .budgeList { padding: 0; list-style: none; display: flex; flex-flow: wrap; align-items: stretch; box-sizing: border-box; margin: 20px -10px 10px; } .budgeList li { width: calc(100%/12 * 6 - 20px); min-height: 200px; box-sizing: border-box; flex-grow: 1; flex-basis: 300px; /*border: 2px solid #fdc300;*/ background: #f9f9f9; margin: 10px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); padding: 20px; text-align: center; transition: all .3s ease-in-out; display: flex; justify-content: center; /*border-radius: 5px;*/ align-items: center; } .budgeList li:hover { background: #fff9e6; } .zebraList { list-style: none; padding: 0; } .zebraList li { padding: 20px 30px; /* &:first-child { border-top: 2px solid #fdc300; }*/ } .zebraList li:nth-child(odd) { background: #344899; color: #fff; } .zebraList li:nth-child(even) { background: #f9f9f9; } .franchiza { font-size: 16pt; } .franchiza h2, .franchiza .h2 { font-size: 22px; font-family: 'robotobold'; font-weight: 400; } .headerFrRow { display: flex; align-items: center; flex-flow: wrap; box-sizing: border-box; padding: 0 0 40px 0; } .headerFrRow h1{ width: 50%; margin: 0; box-sizing: border-box; padding-right: 20px; } .franchizaMenu__rootLevel li a.active { color: #fdc300; } .franchizaMenuRow { display: flex; align-items: flex-start; /*max-width: 800px;*/ /*margin: 0 auto;*/ width: 100%; margin-bottom: 30px; /*padding: 40px 0;*/ } .franchizaMenuRow .prevLink, .franchizaMenuRow .nextLink { /*display: none;*/ box-sizing: border-box; } .franchizaMenuRow .prevLink a, .franchizaMenuRow .nextLink a { box-sizing: border-box; padding: 10px 30px; display: block; width: 100%; height: 100%; color: #000; text-decoration: none; border: 1px solid #344899; } .franchizaMenuRow .prevLink a.disabled, .franchizaMenuRow .nextLink a.disabled { color: #333; pointer-events: none; cursor: not-allowed; } .franchizaMenuRow .prevLink a.mobileVers, .franchizaMenuRow .nextLink a.mobileVers { display: none; } .franchizaMenuRow .prevLink a:hover, .franchizaMenuRow .nextLink a:hover { color: #fdc300; } .franchizaMenuRow .prevLink a { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .franchizaMenuRow .nextLink a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .franchizaMenu { position: relative; flex-grow: 3; } .franchizaMenu__head { background: #344899; border: 1px solid #344899; text-align: center; color: #fff; padding: 10px 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .franchizaMenu__head .burgerFranch { width: 20px; margin-left: 10px; } .franchizaMenu__head .burgerFranch div { width: 100%; height: 3px; background-color: #fff; margin: 3px 0; } .franchizaMenu__rootLevel { display: none; padding: 0; margin: 0; position: absolute; width: 100%; background: #fff; list-style: none; z-index: 300; padding: 0; border: 1px solid #eaeaea; } .franchizaMenu__rootLevel > li { padding: 10px 15px; cursor: pointer; } /*.franchizaMenu__rootLevel > li:not(:last-child) { border-bottom: 1px solid #eaeaea; }*/ .franchizaMenu__rootLevel a { text-decoration: none; color: #000; display: block; } .franchizaMenu__rootLevel a:hover { color: #fdc300; } .franchizaMenu__rootLevel li.has__child { position: relative; } /*.franchizaMenu__rootLevel li.has__child:after { content: ''; position: absolute; right: 15px; height: 10px; top: 13px; width: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border: solid black; border-width: 0 3px 3px 0; transition: all .2s ease-in-out; }*/ .franchizaMenu__rootLevel li.has__child.opened:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 16px; } .franchizaMenu__rootLevel .sub__level { display: block; padding: 0; list-style: none; } .franchizaMenu__rootLevel .sub__level > li { padding: 10px 15px;} .franchizaMenu__rootLevel .sub__level > li:first-child { padding-top: 20px; } .contactsFrRow { display: flex; margin: 0 -15px; } .contactsFr__phone, .contactsFr__email { width: 50%; margin: 0 15px; } /*.contactsFr__phone { border-right: 1px solid #eaeaea; }*/ .franchiza .webFormHeading { display: none; } .franchiza .webFormDescription { margin: 0; display: none; } .franchiza .imgRow { display: flex; margin: 0 -15px; flex-flow: wrap; padding: 15px 0; } .franchiza .imgRow a { width: calc(100% / 12 * 4 - 30px); margin: 0 15px; height: 180px; box-sizing: border-box; } .franchiza .imgRow a img { width: 100%; height: 100%; object-fit: cover; } .franchiza .webFormDw { max-width: 80%; } .franchiza a.openWebFormModal.downloadPdf { display: flex; padding: 20px; width: calc(100% / 12 * 6 - 20px); box-sizing: border-box; background: #fdc300; /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);*/ border: 1px solid #e7e7e7; text-decoration: none; color: #fff; margin: 5px 10px; justify-content: center; align-items: center; text-align: center; max-width: 350px; } .franchiza .filesRow { display: flex; align-items: stretch; margin: 0 -10px; flex-flow: wrap; justify-content: center; } .franchiza .h1 { font-family: "Roboto-Regular"; line-height: 36px; font-weight: 400; text-align: left; margin: 0 0 24px; font-size: 24px; color: #000000; display: block; } @media (max-width: 992px) { .franchiza .imgRow a { width: calc(100% / 12 * 6 - 30px); height: 300px; padding-bottom: 15px; flex-grow: 1; } .franchiza .imgRow a:last-child { padding-bottom: 0; } .contactsFr__phone { border-right: none; } } @media (max-width: 768px) { /*.franchizaMenuRow .prevLink a.mobileVers, .franchizaMenuRow .nextLink a.mobileVers {*/ /* display: block;*/ /* padding: 10px;*/ /*}*/ /*.franchizaMenuRow .prevLink a:not(.mobileVers), .franchizaMenuRow .nextLink a:not(.mobileVers) {*/ /* display: none;*/ /*}*/ .pushList { padding-left: 0; } .bannerFr-bear { flex-flow: wrap; } .bannerFr-bear img { margin: 0 auto; } .franchiza .webFormDw { max-width: 100%; } .headerFrRow h1 { width: 100%; padding-bottom: 20px; } .franchiza .imgRow a { width: 100%; height: 250px; padding-bottom: 15px; } .franchiza .imgRow a:last-child { padding-bottom: 0; } .franchizaMenuRow { width: 100%; } } /*# sourceMappingURL=custom.css.map */ .tab__links { overflow: hidden; border-bottom: 1px solid #f1f1f1; } .tab__links button { background-color: white; float: left; border: none; outline: none; cursor: pointer; padding: 0; transition: 0.3s; font-size: 17px; margin: 10px 20px 24px 0; } .tab__links button:hover { color: #eca712; } .tab__links button.active { color: #eca20c; } .tab__content div { display: none; padding: 6px 12px; border: none; } /*=========================================*/ .sotrudnichestvo_include { font-size: 14pt; line-height: 21px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; } .sotrudnichestvo_include ol li { margin-bottom: 15px; } .medved_bonus_page .lb_tabs .lb_table-wrap{width: 100%} .medved_bonus_page .lb_tabs .lb_table-wrap table.lb_history th{background: #344899;} .medved_bonus_page .lb_tabs > label[for*="1"]::before{content: '';margin: 0} .preview_length{display: none;font-size: 14px;color: red;margin-bottom: 10px} .preview_length.preview_visible{display: block;} .bonus__table { border-collapse: collapse; font-size: 16px; } .bonus__table th, .bonus__table td { border: 1px solid #000; text-align: center; vertical-align: middle; } a.price.product_sale > span:first-child { color: red; } .main_sale_price { color: red; } /* START Стили модального окна при оставлении отзыва не авторизованым пользователем */ .mymodal{ display:none; } .mymodal .overlay{ position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index: 999999; } .mymodal .content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; min-height: 220px; background-color: #fefefe; border-radius: 10px; padding: 20px; color: #333333; } #raitingModal .content { width: 400px; min-height: 180px; } #orderBeforeModal .content { display: flex; flex-direction: column; align-content: center; justify-content: center; width: 520px; min-height: 140px; } #orderBeforeModal .content .content_sec_first { margin-top: 20px; font-size: 12px; } .mymodal .content h3.content_title { font-size: 20px; font-weight: 700; letter-spacing: 1px; text-align: center; } .mymodal .content .content_sec_first, .mymodal .content .content_sec_second { display: flex; flex-direction: row; align-items: center; justify-content: center; } .mymodal .content .content_sec_second { margin-top: 40px; } .mymodal .content .content_sec_first .col:first-child, .mymodal .content .content_sec_second .col:first-child { margin-right: 10px; } .mymodal .content .content_sec_first .col:last-child, .mymodal .content .content_sec_second .col:last-child { margin-left: 10px; } .mymodal .content .content_sec_first .col, .mymodal .content .content_sec_second .col { display: flex; flex-direction: column; width: 50%; } .mymodal .content .content_sec_first .col .sale_reviews a { text-decoration: none; color: #344799; } #raitingModal .content .content_sec_first .col-12 button.addRaitingModal { margin-top: 40px; } .mymodal .content .content_sec_first .col a.auth_btn, .mymodal .content .content_sec_second .col a.addReview, #raitingModal .content .content_sec_first .col-12 button.addRaitingModal { display: inline-block; max-width: 200px; background: #344799; padding: 10px 20px; text-align: center; text-decoration: none; border-radius: 5px; color: white; font-size: 16px; font-weight: 600; cursor: pointer; border: 1px solid #344799; transition: 0.4s; } .mymodal .content .content_sec_first .col a.auth_btn:hover, .mymodal .content .content_sec_second .col a.addReview:hover, #raitingModal .content .content_sec_first .col-12 button.addRaitingModal:hover { background: white; border: 1px solid #344799; transition: 0.4s; color: #344799; } /*.mymodal .content .content_sec_second .col a.addReview {*/ /* display: inline-block;*/ /* background: #344799;*/ /* padding: 10px 20px;*/ /* text-align: center;*/ /* text-decoration: none;*/ /* border-radius: 5px;*/ /* color: white;*/ /* font-size: 16px;*/ /* font-weight: 600;*/ /*}*/ .mymodal .content .content_sec_second { } .mymodal .close{ position:absolute; right:20px; top:20px; transition: .5s; cursor: pointer; transform: scale(2); } .mymodal .close:hover{ transform: rotate(180deg) scale(2); } @media(max-width:550px){ .mymodal .content{ width:90%; margin-top: 5px; height:90%; } } /* Стили модального окна при оставлении отзыва не авторизованым пользователем END */ /* правки лого в разделе ПРИПЕВ */ .pripev_logo{text-align: center;position: relative} .pripev_logo .pripev_logo_span{ font-size: 14px; font-weight: normal; color: black; position: absolute; left: 5px; width: 100%; font-family: 'Roboto-Regular'; top: 27px; } .UserBonusBasket{padding-bottom: 4px!important;} .pripev_filtr{ text-align: center; display: block; font-size: 16px; /*font-family: 'robotobold';*/ } /* правки лого в разделе ПРИПЕВ END */ /* End */ /* Start:/local/templates/dresscode/themes/black/default/style.css?164025983941550*/ /* Base color: #ff9601 Base color hover: #ffa800; Base color focus: #ad7b00; */ body.index{ background-color: white; } #topHeader{ // border-bottom: 1px solid #344899; background: #344899; } #topService{ color: #cccccc; // border-left: 1px solid #3a3a3a; } #topService li{ // border-right: 1px solid #3a3a3a; } #topService li a{ color: white; position:relative; } #topService li a.lang{ margin-right:55px; text-decoration: none; } #topService li a:not(.lang):hover{ color: #344899; background: white; border: 1px solid white; border-radius: 5px; } #topService li a.lang.rus { margin-left:10px; } #topService li a.lang.rus:after{ position:absolute; content:""; width:37px; height:31px; background:url("/local/templates/dresscode/themes/black/default/images/rus_icon.png") no-repeat; left: 37px; } #topService li a.lang.eng:after{ position:absolute; content:""; width:37px; height:31px; background:url("/local/templates/dresscode/themes/black/default/images/eng_icon.png") no-repeat; left: 37px; } #topService .selected{ color: #ffa800; } #subHeader{ background: white; border-bottom: 1px solid #ebebeb; } #logo{ // border-left: 1px solid #ebebeb; // border-right: 1px solid #ebebeb; } #topHeading{ // border-right: 1px solid #ebebeb; } #topHeading .vertical p{ color: black; font-size:20px; line-height: 32px; } #topHeading p span.brand_text { color:#ff0000; font-size:26px; font-weight:bold; } #headerTools{ border-right: 1px solid #ebebeb; } #headerTools .tools .heading{ color: black; } #headerTools .tools .link{ font-family: 'Roboto-Light'; color: #e3000f; text-transform:lowercase; } #headerTools .tools .link:hover{ color: #e3000f; text-decoration:underline; } #headerTools .tools li.search.desktop { width: 420px; } #headerTools .text{ color: black; } #headerTools .telephone .icon{ background: url(/local/templates/dresscode/themes/black/default/images/phone.png) 0 0 no-repeat transparent; } #headerTools .search .icon{ background: url(/local/templates/dresscode/themes/black/default/images/lupa.png) no-repeat; } #headerTools .wishlist .icon{ background: url(/local/templates/dresscode/themes/black/default/images/wishlistHead.png) 0 0 no-repeat transparent; background-size:cover; } #headerTools .wishlist .icon.active{ background: url(/local/templates/dresscode/themes/black/default/images/wishlistHead-active.png) 0 0 no-repeat transparent; background-size:cover; } #headerTools .compare .icon{ background: url(/local/templates/dresscode/themes/black/default/images/compareHead.png) 0 0 no-repeat transparent; background-size:cover; } #headerTools .compare .icon.active{ background: url(/local/templates/dresscode/themes/black/default/images/compareHead-active.png) 0 0 no-repeat transparent; background-size:cover; } #headerTools .cart .icon{ background: url(/local/templates/dresscode/themes/black/default/images/cartHead.png) no-repeat transparent; background-size: cover; } #headerTools .cart .icon.active{ background: url(/local/templates/dresscode/themes/black/default/images/cartHead-active.png) no-repeat transparent; background-size:cover; } // #headerTools .cart .icon.active:hover{ // background: url(/local/templates/dresscode/themes/black/default/images/cartHead.png) no-repeat transparent; // } #headerTools .cart ins{ background: #344899; color: white; } #headerTools .cart ins.active{ color: white; } #changeYouCity{ background: url(/local/templates/dresscode/themes/black/default/images/modalBg.png) 0 0 repeat #232323; } #changeYouCity .heading{ color: #ffa800; } #changeYouCity .list li a{ color: #cccccc; } #changeYouCity .list li a:hover{ color: #ffa800; } #changeYouCity #cityClose{ background: rgba(0, 0, 0, 0.1); border: 1px solid #000000; color: #ffffff; } #changeYouCity #cityClose:hover{ color: #ffa800; } #changeYouCity #cityClose ins{ background: url(/local/templates/dresscode/themes/black/default/images/exit.png) 0 0 no-repeat transparent; } #changeYouCity #cityClose:hover ins{ background-position: -11px 0px; } #changeYouCity #cityClose:active ins{ background-position: -22px 0px; } #left .heading{ color: #ffffff; } #left .opener{ background: #ff9601; } #left .heading ins{ background: url(/local/templates/dresscode/themes/black/default/images/iconMenu.png) 0 50% no-repeat transparent; } #left .sideBlock .heading{ background-color: #344899; font-size:22px; font-style:normal !important; } #left #subscribe .sideBlockContent{ border: 1px solid #a9a9a9; } #left #subscribe .copy{ color: #888888; } #brandSearch td{ border-left: 1px solid #313131; background: #424242; color: #ffffff; } #brandSearch td a{ color: #ffffff; } #brandSearch td:hover a{ color: #ffa800; } #brandSearch a{ color: #000000; } #slider ol li{ background: url(/local/templates/dresscode/themes/black/default/images/slideButton.png) -5px -5px no-repeat transparent; width: 22px !important; height: 22px !important; } #slider ol li.selected{ width: 22px !important; height: 22px !important; background: url(/local/templates/dresscode/themes/black/default/images/slideButton.png) -37px -5px no-repeat transparent; } /*#slider ol li:hover{ background: url(/local/templates/dresscode/themes/black/default/images/slideButton.png) -18px 0 no-repeat transparent; } #slider ol li:active{ background: url(/local/templates/dresscode/themes/black/default/images/slideButton.png) -36px 0 no-repeat transparent;*/ } /*#slider ol li.selected:hover{ background: url(/local/templates/dresscode/themes/black/default/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active{ background: url(/local/templates/dresscode/themes/black/default/images/slideButton.png) -90px 0 no-repeat transparent; }*/ #popCats .sideBlockContent { border: 1px solid #e7e8ea; background-color: #ffffff; } #popCats li span, #popCats li a { background-color: #e7e8ea; color: #000000; } #popCats li a:hover { background-color: #ffa800; border-color: #ff9601; color: #fff; } #collectionList .collection .wrap { border: 1px solid #cccccc; background-color: #ffffff; } #collectionList .collection .heading { background-color: #ffffff; color: #000000; } #collectionList .goTo { border: 1px solid #cccccc; background-color: #f7f7f7; color: #000000; } #collectionList .goTo:hover { background-color: #ffa800; border-color: #ff9601; color: #ffffff; } #right .heading{ background: #344899; color: #ffffff; font-size:28px; text-align:center; } #footer{ background-color: #f9f9f9; } #catalogLine{ border: 1px solid #e7e8ea; } #catalogLine select{ border: 1px solid #e7e8ea; color: #888888; } #catalogLine .viewList .element a{ background: url(/local/templates/dresscode/themes/black/default/images/catalogView.png) 0 0 no-repeat transparent; } #leftFooter{ background: #172045; } #leftFooter .heading{ border-bottom: 1px solid #636981; color: #ffffff; } #leftFooter ul li{ /* border-top: 1px solid #313131;*/ } #leftFooter a{ font-family: 'Roboto-Light'; color: white; font-size:18px; text-decoration:none; } #leftFooter .pripev a { /*color: black;*/ font-weight: 500; } #leftFooter a:hover{ /*color: white;*/ text-decoration: white underline; } #leftFooter .selected{ color: white; text-decoration:none; } #rightFooter{ background: #161d3b; } #rightFooter .list li{ color: white; } #rightFooter .email a{ color: #ffffff; } #rightFooter p{ color: white; } #rightFooter .hr{ border-top: 1px solid #575757; } #rightFooter .telephone{ color: white; } #rightFooter .email{ color: #ffffff; } #rightFooter .showMap{ color: #fdc400; } // #rightFooter .showMap:hover{ // color: #fdc400; // } #footerBottom{ border-top: 3px solid #101010; background: #191919; color: #ffffff; } #appBasketContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; } #appBasket .heading{ background-color: #424242; color: #ffffff; } #appBasket .close{ background: url(/local/templates/dresscode/themes/black/default/images/exit.png) 0 0 no-repeat transparent; } #appBasket .close:hover{ background-position: 0 -21px ; } #appBasket .close:active{ background-position: 0 -42px ; } #appBasket .markerContainer .marker { background-color: #424242; color: #ffffff; } #appBasket .name{ color: #000000; } #appBasket .name:hover{ color: #ff9601; } #appBasket .price{ color: #000000; } #appBasket .price .discount { color: #888888; } #appBasket .plus, #appBasket .minus{ background: url(/local/templates/dresscode/themes/black/default/images/plusMinus.png) 0 0 no-repeat #424242; } #appBasket .plus{ background-position: 0 -19px; } #appBasket .plus:hover{ background-position: -19px -19px; } #appBasket .plus:active{ background-position: -38px -19px; } #appBasket .minus:hover{ background-position: -19px 0x; } #appBasket .minus:active{ background-position: -38px 0px; } #appBasket .qty{ background-color: #e7e8ea; color: #000000; } #appBasket .sum{ background-color: #fbfbfb; } #appBasket .sum .discount{ color: #888888; } #appBasket .lower{ background-color: #424242; } #appBasket .lower .tools .icon{ border-right: 1px solid #4c4c4c; } #appBasket .lower .tools .icon:hover{ background: #2b2b2b; } #appBasket .lower .tools .continue{ border-right: 1px solid #4c4c4c; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a{ color: #ffffff; } #appBasket .lower .tools .goToBasket{ background-color: #ff9601; } #appBasket .lower .tools .goToBasket:hover{ background-color: #ffa800; } #appBasket .lower .tools .continue:hover{ background: #2b2b2b; } #appFastBuyContainer .heading, #buyOnOrderContainer .heading { background-color: #424242; color: #ffffff; } #appFastBuyContainer input, #buyOnOrderContainer input { background-color: #f3f3f3; color: #000000; } #appFastBuyContainer textarea, #buyOnOrderContainer textarea { background-color: #f3f3f3; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus, #buyOnOrderContainer input:focus, #buyOnOrderContainer textarea:focus { background-color: #e9e9e9; } #appFastBuyContainer input.error, #appFastBuyContainer textarea.error, #buyOnOrderContainer input.error, #buyOnOrderContainer textarea.error { border: 1px solid #ff0000; } #appFastBuyContainer #fastBuyFormSubmit, #buyOnOrderContainer #buyOnOrderFormSubmit { background-color: #ff9601; color: #ffffff; } #appFastBuyContainer #fastBuyFormSubmit:hover, #buyOnOrderContainer #buyOnOrderFormSubmit:hover { background-color: #ffa800; } #appFastBuyContainer #fastBuyFormSubmit.loading, #buyOnOrderContainer #buyOnOrderFormSubmit.loading { background: url(/local/templates/dresscode/themes/black/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important; } #fastBuyResult #fastBuyResultClose /*, #buyOnOrderResult #buyOnOrderResultClose */ { background-color: #ff9601; color: #ffffff; } #fastBuyResult #fastBuyResultClose:hover/* , #buyOnOrderResult #buyOnOrderResultClose:hover */ { background-color: #ffa800; } #appFastBuyContainer .marker, #buyOnOrderContainer .marker { background-color: #424242; color: #ffffff; } #appFastBuyContainer .name, #buyOnOrderContainer .name { color: #000000; } #appFastBuyContainer .name:hover/*, #buyOnOrderContainer .name:hover*/ { color: #ff9601; } #appFastBuyContainer .price, #buyOnOrderContainer .price { color: #000000; } #appFastBuyContainer .price .discount{ color: #888888; } #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit{ background: url(/local/templates/dresscode/themes/black/default/images/exit.png) 0 0 no-repeat transparent; } #appFastView .appFastViewExit:hover, #fastViewStores .fastViewStoresExit:hover{ background-position: 0 -21px ; } #appFastView .appFastViewExit:active, #fastViewStores .fastViewStoresExit:active{ background-position: 0 -42px ; } #appProductPriceVariant .appPriceVariantExit{ background: url(/local/templates/dresscode/themes/black/default/images/exit2.png) 0 0 no-repeat transparent; } #appProductPriceVariant .appPriceVariantExit:hover{ background-position: 0 -21px ; } #appProductPriceVariant .appPriceVariantExit:active{ background-position: 0 -42px ; } #footerTabsCaption{ border-top: 1px solid #e7e8ea; background-color: #f9f9f9; } #footerTabsCaption .item a{ color: #888888; } #footerTabsCaption .item .selected{ border-bottom: 1px dashed #000000; color: #000000; } #footerTabsCaption .item .selected:hover{ color: #000000; } #footerTabsCaption .item a:hover{ color: #ff9601; } #footerTabs{ background-color: #f9f9f9; } #footerLine{ background-color: #172045; border-top: 1px solid white; } #footerLine .item .callback{ color: #ff9601; } #footerLine .item .wishlist .icon{ background: url(/local/templates/dresscode/themes/black/default/images/wishlistHead.png) 0 0 no-repeat transparent; width: 19px !important; height: 21px !important; background-size: cover; } #footerLine .item .wishlist.active .icon{ background: url(/local/templates/dresscode/themes/black/default/images/wishlistHead-active.png) 0 0 no-repeat transparent; width: 19px !important; height: 21px !important; background-size: cover; } #footerLine .item .cart .icon{ background: url(/local/templates/dresscode/themes/black/default/images/cartFooterMin.png) 0 0 no-repeat; background-size:cover; } #footerLine .item .cart.active .icon{ background: url(/local/templates/dresscode/themes/black/default/images/cartFooterMin-active.png) 0 0 no-repeat; background-size:cover; } #footerLine .item .callback .icon{ background: url(/local/templates/dresscode/themes/black/default/images/callbackFooterMin.png) 0 0 no-repeat; } #footerLine .item .callback:hover{ color: #ffa800; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark{ background-color: #e8e8e8; color: #172045; } #footerLine .item .compare .icon{ background: url(/local/templates/dresscode/themes/black/default/images/compareFooterMin.png) 0 0 no-repeat; } #footerLine .item .compare.active .icon{ background: url(/local/templates/dresscode/themes/black/default/images/compareFooterMin-active.png) 0 0 no-repeat; } #footerLine .item .compare:hover, #footerLine .item .wishlist:hover, #footerLine .item .cart:hover{ color: #888888; } #footerLine .item .compare.active, #footerLine .item .wishlist.active, #footerLine .item .cart.active, #footerLine .item .compare.active .mark, #footerLine .item .wishlist.active .mark, #footerLine .item .cart.active .mark{ /* color: #d5d5d5;*/ } #footerLine .item .compare.active:hover, #footerLine .item .wishlist.active:hover, #footerLine .item .cart.active:hover, #footerLine .item .compare.active:hover .mark, #footerLine .item .wishlist.active:hover .mark, #footerLine .item .cart.active:hover .mark{ color: #172045; } #footerLine .item a{ color: #d5d5d5; text-transform: capitalize !important; } #footerLine .item a:hover{ color: #d5d5d5 !important; } #authMenu{ border-bottom: 1px solid #e7e8ea; } #authMenu li a{ color: #000000; } #authMenu li a:hover{ color: #ff9601; } #authMenu li .selected{ border-bottom: 1px dashed #000000; } #authMenu li .selected:hover{ color: #000000; } #empty .emptyWrapper{ border-bottom: 1px solid #e7e8ea; } #empty p a{ border-bottom: 1px dashed #000000; } #empty p a:hover{ border-bottom: 1px dashed #ff9601; } #empty a{ color: #000000; } #empty a:hover{ color: #ff9601; } #empty .back{ border-bottom: 1px dashed #ff9601; color: #ff9601; } #empty .back:hover{ color: #ffa800; } .product{ border-right: 1px solid transparent; border-bottom: 1px solid transparent; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5){ border-top: 1px solid transparent; } .product:nth-child(5n+1){ border-left: 1px solid transparent; } .product.last{ background: #f9f9f9; } .product .tabloid{ background-color: #ffffff; } .product .marker { background-color: #424242; color: #ffffff; } .product .name{ color: #000000; } .product .name:hover{ color: #ff9601; } .product .price{ color: #000000; } .product .price .discount{ color: #888888; } .product .addCart { background: #ff9601; color: #ffffff; } .requestPrice { background: #0d0d0d; } .requestPrice:link, .requestPrice:link:visited, .requestPrice:link:hover, .requestPrice:active { color: #fff; } .requestPrice:hover { background: #1a1a1a; } .product .addCart:hover { background-color: #ffa800; } .product .label{ color: #717171; } .product .label:hover{ color: #000000; } .product .skuPropertyName{ color: #888888; } .product .skuProperty .selected .skuPropertyLink{ border: 1px solid #ff9601; } .product .skuPropertyLink{ border: 1px solid #dddddd; color: #000000; } .product:hover .tabloid{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ box-shadow: 1px 1px 6px rgba(0,0,0, 0.2); border-bottom: 1px solid #cccccc; } .product.last .showMore{ color: #000000; } .product.last .showMore:hover{ color: #ff9601; } .addCart.added{ background: #2b2b2b !important; } .addCart.added:hover{ background: #3b3b3b !important; } .sideBlock .heading{ background-color: #424242; } .heading.collapsed{ color: #ffffff; } .heading.collapsed ins{ background: url(/local/templates/dresscode/themes/black/default/images/iconMenu.png) 50% 50% no-repeat #ff9601; border-right: 1px solid #ff9601; } .heading.orange{ background: #344899; } .mfeedback input, .mfeedback textarea{ background-color: #f3f3f3; color: #000000; } .mfeedback input:focus, .mfeedback textarea:focus{ background-color: #eeeeee; } .mfeedback input[type="submit"]{ background-color: #ff9601; color: #ffffff; } .mfeedback input[type="submit"]:hover{ background-color: #ffa800; } .bx-auth .alert{ border: 1px solid #e7e8ea; background-color: #f3f3f3; } .bx-auth .alert.alert-danger{ border: 1px solid #ff0000; background-color: #ffffff; } .bx-auth .alert.small{ color: #000000; } .bx-authform-label-container{ color: #333333; } .bx-auth .registerText{ border-bottom: 1px solid #e7e8ea; } .bx-auth input.error{ border: 1px solid #ff0000 !important; } .bx-auth input[type="text"], .bx-auth input[type="password"] { background-color: #f3f3f3; } .bx-auth input[type="text"]:focus, .bx-auth input[type="password"]:focus { background-color: #eeeeee; } .bx-auth .submit, .popup-window .btn { background: #ff9601; color: #ffffff; } .bx-auth .submit:hover, .popup-window .btn:hover { background: #ffa800; } .bx-auth .clear{ border: 1px solid #e7e8ea; color: #000000; } .bx-auth .clear:hover { border: 1px solid #cccccc; } .bx-auth .forgot, .bx-auth .registerLink{ color: #000000; } .bx-auth .forgot:hover, .bx-auth .registerLink:hover{ color: #ff9601; } .blackLink, .backToIndexPage{ color: #000000; } .blackLink:hover, .backToIndexPage:hover{ color: #ff9601; } .sn li:first-child{ border-left: 1px solid #313131; } .sn li{ border-right: 1px solid #313131; } div[id^="wait_comp_"]{ border: 1px solid #e7e8ea !important; background-color: #ffffff !important; } .contactList a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .contactList a:hover{ color: #ff9601; } @media all and (max-width: 700px) { .copyright{ border-left: 1px solid #313131; border-right: 1px solid #313131; } } #ORDER_CONFIRM_BUTTON{ background: #ffa800 !important; } .addCart.disabled{ background-color: #cccccc !important; border: 1px solid #e7e8ea; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"]{ background-color: #ff9601; color: #ffffff; } .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover{ background-color: #ffa800; } /* components colors */ /*breadcrumbs*/ #breadcrumbs{ color: #999999; } #breadcrumbs ul li a{ color: #000000; font-weight: bold; } #breadcrumbs ul li a span:hover{ text-decoration: underline; } #breadcrumbs .arrow{ color: #888888; } /*end breadcrumbs*/ /*section.list.default*/ #catalogSection .sectionItems .item:first-child{ border-top: 1px solid #e7e8ea; } #catalogSection .sectionItems .item{ border-bottom: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } #catalogSection .sectionItems .item .itemContainer .bigPicture .marker { background-color: #424242; color: #ffffff; } #catalogSection .sectionItems .item .itemContainer .bigTitle{ display: inline-block; color: #000000; } #catalogSection .sectionItems .item .itemContainer .bigTitle:hover{ background: #d0d9e4; } #catalogSection .sectionItems .item .itemContainer .description{ color: #888888; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a{ transition: all 0.2s ease-in-out; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #444444; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{ color: #ff9601; } /*end section.list.default*/ /*section.list.cast*/ #sectionList .tabloid{ border: 1px solid #e7e8ea; background: #ffffff; } #sectionList .tabloid .name{ color: #000000; } #sectionList .tabloid .name:hover{ color: #ffa800; } #sectionList .tabloid .marker { background-color: #424242; color: #ffffff; } #sectionList .item:hover .tabloid{ box-shadow: 1px 1px 12px rgba(0,0,0,0.1); border: 1px solid #dddddd; } #sectionList .element .name:hover{ color: #ffa800; } /*end section.list.cast*/ /*section.list.level2*/ #nextSection{ border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-top: 1px solid #e7e8ea; } #nextSection .title{ background-color: #f3f3f3; } #nextSection li, #nextSection .title{ border-bottom: 1px solid #e7e8ea; } #nextSection li a{ color: #000000; } #nextSection li a:hover, #nextSection li .selected{ color: #ffa800; } #nextSection li .cnt{ color: #888888; } /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab{ border-right: 1px solid #e7e8ea; } #elementSmallNavigation .tab.active a{ } #elementSmallNavigation .tab.active span{ } #elementTools .addCart, #smallElementTools .addCart{ background: #ff9601; } #elementTools .addCart:hover, #smallElementTools .addCart:hover{ } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ border: 1px solid #ff9601; } .elementProperties a:hover{ color: #ff9601; } #elementProperties .stats a:hover{ color: #ff9601; } #files .item .info .name:hover{ color: #ff9601; } /*reviews*/ #catalogReviews .heading .reviewAddButton:hover{ border-color: #ff9601; color: #ff9601; } #showallReviews:hover{ color: #ff9601; } #catalogElement #newReview .usedSelect li a.selected { background: #ff9601; } #catalogElement #newReview .submit { background: #ff9601; } #catalogElement #newReview .submit:hover { background: #ffa800; } /*set*/ #set .setTools .addCart{ background: #ff9601; } #set .setTools .addCart:hover{ background-color: #ffa800; } #set .setElement .name:hover{ color: #ff9601; } #setWindowPrice .addCart{ background: #ff9601; } #setWindowPrice .addCart:hover{ background-color: #ffa800; } /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover{ color: #ff9601; } #catalogLineList .addCart{ background: #ff9601; } #catalogLineList .addCart:hover{ background-color: #ffa800; } #catalogLineList .skuProperty .selected .skuPropertyLink{ border: 1px solid #ff9601; } #catalogLineList .prop a:hover{ color: #ff9601; } /* table */ #catalogTableList .name:hover{ color: #ffa800; } #catalogTableList .addCart, #catalogTableList .more{ background-color: #ff9601; } #catalogTableList .addCart:hover, #catalogTableList .more:hover{ background-color: #ffa800; } /* end.catalog.section /*smart filter */ #smartFilter .showALL { color: #ff9601; } #smartFilter .showALL:hover{ color: #ffa800; } #smartFilter .radio label:hover, #smartFilter .checkbox label:hover{ color: #ff9601; } #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover { background-color: #ffa800; } #smartFilter .handler { background: url(/local/templates/dresscode/themes/black/default/images/handlerActive.png) 0 0 no-repeat transparent; } #set_filter { background-color: #ff9601; } #set_filter:hover{ background-color: #ffa800; } #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon { border-color: #ff9601; } #smartFilter .hint { background: url(/local/templates/dresscode/themes/black/default/images/question.png) 0 0 no-repeat transparent; } #smartFilter .hintValue .close { color: #ff9601; } #smartFilter .hintValue .close:hover { color: #ffa800; } #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button { border: 1px solid #ff9601; background-color: #ff9601; } #smartFilter input[type="submit"]:hover, #smartFilter button:hover { background-color: #ffa800; } #modef { background: url(/local/templates/dresscode/themes/black/default/images/modef.png) 0 0 no-repeat; } /* end smart filter */ /* menu */ #topMenu li a:not(.openEnder):hover{ color: #344899; background:white; border:1px solid white; border-radius:5px; } #topMenu li > ul > li a:not(.openEnder):hover{ background:none; border:1px solid transparent; color:white; } #topMenu li .selected{ border:1px solid white; border-radius:5px; } #topMenu .bar > a{ background: url(/local/templates/dresscode/themes/black/default/images/menuMore.png) 0 50% no-repeat transparent; } #topMenu .bar > a:hover, #topMenu .bar.active > a{ background: url(/local/templates/dresscode/themes/black/default/images/menuMore.png) -21px 50% no-repeat transparent; } #topMenu .sub li:hover a{ color: #ffa800; } #personalMenu li a:hover{ color: #ff9601; } #subLeftMenu .selected a{ // color: #ffa800; color:black; } #leftMenu .menuItems a:hover span{ color: #ff9601; } /* end menu */ /* news */ #newsDetail .more{ background: #ff9601; } #newsDetail .more:hover{ background-color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #ff9601; } #newsContainer .column .item .more{ background: #ff9601; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } #newsContainer .column .item .title a:hover{ color: #ff9601; } #newsContainer .column .item .more{ background: #ff9601; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } .backToList:hover{ color: #ff9601; } #brandList .name:hover{ // color: #ffa800; text-decoration:none; } #newsContainer .column .item .title a:hover{ color: #ff9601; } #newsContainer .column .item .more{ background: #ff9601; } #newsContainer .column .item .more:hover{ background-color: #ffa800; } #collectionBlock .name:hover{ // color: #ffa800; text-decoration:none; } #collectionBlock .link{ // color: #ffa800; text-decoration:none; } #newsBlock .newsTitle:hover { // color: #ff9601; text-decoration:none; } #serviceBlock .name:hover{ // color: #ffa800; text-decoration:none; } #serviceBlock .link{ color: #ffa800; } /* end news */ /* order cancel */ .bx_my_order_cancel a:hover{ color: #ff9601; } .bx_my_order_cancel input[type="submit"]{ background:#ff9601; } .bx_my_order_cancel input[type="submit"]:hover { background: #ffa800; } .bx_my_order_cancel input[type="submit"]:active { background: #ffa800; } input[name="BuyButton"]{ background-color: #ff9601; } .bx_my_order_switch .bx_mo_link:hover{ color: #ff9601; } /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover{ color: #ff9601; } #subscribeEdit .submit { background: #ff9601; } #subscribeEdit .submit:hover { background: #ffa800; } #subscribe .submit{ background-color: #ffa800; } #subscribe .submit:hover{ background-color: #ffa800; } /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #ff9601; color: #fff; } /* end navigation */ #brandList .name:hover{ color: #ffa800; } #brandList .last .showMore:hover{ color: #ffa800; } #brandList .last .ps:hover{ color: #ffa800; } #homeCatalog .caption.selected{ background-color: #ff9601; } #mainProfile .profileSettings .heading { color: #ff9601; } #mainProfile .profileSettings .submit { background: #ff9601; } #mainProfile .profileSettings .submit:hover { background: #ffa800; } #main input[name="BuyButton"], #main input[type="submit"]{ background-color: #fdc300; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover{ background-color: #fdc300; } #newOrder{ background-color: #ff9601; } #newOrder:hover{ background-color: #ffa800; } #orderSuccess a{ color: #ff9601; } #orderSuccess a:hover{ color: #ffa800; } #personalCart #basketView .item a{ background: url(/local/templates/dresscode/themes/black/default/images/cartView.png) 0 0 no-repeat transparent; } #personalCart #tabsControl .item a:hover{ color: #ff9601; } #personalCart #tabsControl .item .selected:hover{ border-bottom: 1px dashed #ff9601; } #personalCart .productTable .clear a:hover { color: #ff9601; } #personalCart .productTable .name a:hover { color: #ff9601; } #orderMake{ background-color: #ff9601; } #orderMake:hover{ background-color: #ffa800; } .orderLoad { background: url(/local/templates/dresscode/themes/black/default/images/orderLoad.gif) 24px 50% no-repeat #ff9601 !important; } #wishlist .prop a:hover{ color: #ffa800; } #popSection .name:hover{ color: #ff9601; } #popSection .last .showMore:hover{ color: #ff9601; } #popSection .last .ps:hover{ color: #ff9601; } #storesList .storesListTableLink, #storeDetail .storesMoreLink{ color: #ff9601; } #storeDetail .showByMapLink{ color: #000000; } #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover{ color: #ffa800; } #complect .complectListItemLink{ color: #000000; } #complect .complectListItemLink:hover{ color: #ffa800; } #complect .complectResultEconomyValue{ color: #ff305c; } #appFastView .addCart, #geo-location-window .geo-location-window-button{ background: #ff9601; } #geo-location-window .geo-location-window-list-item .selected span{ border-bottom: 1px dashed #ff9601; color: #ff9601; } #appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover{ background-color: #ffa800; } #geo-location-window .geo-location-window-list-item a:hover{ color: #ffa800; } .information-feedback, .shop-review-top-new-button{ border: 1px solid #ff9601; color: #ff9601; } .information-feedback:hover, .shop-review-top-new-button:hover{ border: 1px solid #ffa800; color: #ffa800; } .webFormTools input[type="submit"] { background-color: #ff9601; } .webFormTools input[type="submit"]:hover { background-color: #ffa800; } #bx-soa-order-form .bx-blue .btn.btn-default { background-color: #ff9601; border: 1px solid #ff9601; color: #ffffff; } #bx-soa-order-form textarea{ outline: none; } #bx-soa-order-form a{ color: #ff9601; } #bx-soa-order-form a:hover{ color: #ffa800; } #bx-soa-order-form .bx-blue .btn.btn-default:hover{ background-color: #ffa800; } #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{ color: #23527c; } #appProductPriceVariant .linkMore{ background: #ff9601; } #appProductPriceVariant .linkMore:hover{ background-color: #ffa800; } #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton{ background-color: #344899; } #requestPrice #requestPriceSubmit:hover, #requestPrice #requestPriceResultClose:hover, #compareBlock .leftTools .all:hover, #compareTools .hide:hover, #scrollTable .addCart:hover, #specialProduct .more:hover, #slider .sliderContent .cButton:hover{ background-color: #ffa800; } #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover{ color: #ffa800; } #requestPrice #requestPriceSubmit.loading { background: url(/local/templates/dresscode/themes/black/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important; } #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor{ color: #ff9601; } #slider .sliderContent{ color: #ffffff; } /*end*/ ::selection { background: #eca712; color: #fff; } ::-moz-selection { background: #eca712; color: #fff; } ::-webkit-selection { background: #eca712; color: #fff; } #headerTools .tools li.search.desktop { border-left:0px; padding-left: 13px; padding-right: 17px; } #headerTools .search.desktop .wrap { padding:0px; } #headerTools .tools .search.desktop .wrap .search-form { position:relative; } #headerTools .tools .search.desktop .wrap .search-form .s-submit, li.tools .search.desktop .wrap .search-form .s-text { display:inline-block; } #headerTools .tools .search.desktop .wrap .search-form .s-text { padding-left:15px; font-family: 'Roboto-Light'; font-size:18px; font-style:italic; background-color: rgb(255, 255, 255); box-shadow: inset 0px 1px 4px 0px rgba(155, 155, 155, 0.75); width: 100%; height: 44px; } #headerTools .tools .search.desktop .wrap .search-form .s-submit { position: absolute; right: -17px; top: 14px; height: 29px; width: 27px; background: url(/local/templates/dresscode/themes/black/default/images/lupa.png) no-repeat; background-size: 70%; border: none; } @media screen and (max-width: 1700px) { #headerTools .tools li.search.desktop { width: 250px; } } @media screen and (max-width: 849px) { #headerTools .telephone .icon { display:block; } } @media screen and (min-width: 850px) { #headerTools .tools li.search.desktop { display:none; } #headerTools .tools li.search.desktop .wrap { width: 100% } #headerTools .tools li.search.mobile { display:block; } #headerTools .telephone .icon { display:block; } } @media screen and (max-width: 1279px) { #right .heading.white { display:none; } } @media screen and (max-width: 1550px) { #headerTools .tools li.search.desktop { display:none; } #headerTools .tools li.search.mobile { display:block; } } @media screen and (max-width: 1400px) { #headerTools .tools li.search.desktop { width: 200px; } } #left .collapsed { border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; } #rightFooter .leftColumn p.logo_text { font-size:22px; color:white; text-align:left; display: inline-block; margin-top: 0px; margin-left: 12px; } #rightFooter .leftColumn p.logo_text .brand_text { font-size:30px; font-family: 'Roboto-Medium'; color:#ff0000; line-height:32px; display: block; text-align:center; } #rightFooter .leftColumn .logo { display:inline-block; vertical-align:top; } #rightFooter .email.second { margin-left: 52px; } #rightFooter .telephone.watsapp { position:relative; } #rightFooter .telephone.watsapp:before { content:""; position:absolute; background:url("/local/templates/dresscode/themes/black/default/images/watsapp-footer.png") no-repeat; width:26px; height:25px; display:block; left: 0px; } #rightFooter p.social { margin: 0px auto; width: 230px; font-size:20px; font-family: 'Roboto-Medium'; } #rightFooter p.social .soc { width:32px; height:32px; border-radius: 6px; display:inline-block; background-color:#fff; vertical-align: middle; margin:0 5px; padding: 3px; } #rightFooter p.social .soc:first-child{margin-left: 0;} #rightFooter p.social .soc img{ border-radius: 4px; } #rightFooter p.social .soc.vk { background-position: -5px -54px; } #rightFooter p.social .soc.fb { background-position: -5px -5px; } #rightFooter p.social .soc.insta { background-position: -54px -5px; } #footerLine .item .telephone:first-child { margin-right:10px; } #footerLine .item .telephone:nth-child(2) { margin-right:10px; } .footer-payment { font-family: 'Roboto-Medium'; font-size:16px; text-transform:uppercase; color:white; display: inline; margin-left:40px; } .footer-payment .payment { margin-left:18px; } .footer-payment .payment.cash { width:31px; height:30px; background:url('/local/templates/dresscode/themes/black/default/images/payment-cash.png') no-repeat; display: inline-block; vertical-align: middle; } .footer-payment .payment.card { width:36px; height:33px; background:url('/local/templates/dresscode/themes/black/default/images/payment-card.png') no-repeat; display: inline-block; vertical-align: middle; } .footer-payment .payment.bill { width:35px; height:39px; background:url('/local/templates/dresscode/themes/black/default/images/payment-bill.png') no-repeat; display: inline-block; vertical-align: middle; } .footer-payment .payment.terminal { width:27px; height:35px; background:url('/local/templates/dresscode/themes/black/default/images/payment-terminal.png') no-repeat; display: inline-block; vertical-align: middle; } #left #specialProduct .specialProductHeading { font-family: 'Roboto-Regular' !important; background-color:#344899; } #left #specialProduct { border: 1px solid #a9a9a9; } .nf .heading { margin-bottom: 7px; } #footerTabs .heading { padding-left: 24px; line-height: 60px; font-size: 28px; display: block; height: 60px; background: #344899; color: #ffffff; text-align: center; } .tabs-cont { margin-top: 20px; } #right .heading.white { font-family: 'Roboto-Medium'; font-size:35px; color:red; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 5px 0px rgba(190, 190, 190, 0.75); height: 75px; margin-top: 25px; text-align:center; line-height: 75px; position:relative; } .promo-block-text{ display: inline-block; } @media screen and (min-width: 1512px) and (max-width: 1599px) { #right .heading.white { font-size:24px; } } @media screen and (min-width: 1600px) and (max-width: 1714px) { #right .heading.white { font-size:26px; } } @media screen and (min-width: 1279px) and (max-width: 1500px) { #right .heading.white { font-size:20px; } } @media screen and (min-width: 1715px) and (max-width: 1789px) { #right .heading.white { font-size:30px; } } @media screen and (min-width: 1790px) and (max-width: 1850px) { #right .heading.white { font-size:32px; } } #right .heading.white .cButton { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; border-radius: 3px; line-height: 50px; margin-top: 11px; padding: 0 24px; color: black; height: 50px; background-color: #fdc300 !important; border: 1px solid white; font-size: 19px; font-family: 'Roboto-Regular'; position:absolute; right:10px; } #right .sections-block { display:inline-block; } #right .sections-block .section { display:inline-block; margin-right:30px; margin-top:25px; position:relative; } #right .sections-block .section:nth-child(3n) { margin-right:0px; } #right .sections-block .section .title { position:absolute; height:auto; font-size:21px; padding-left:5px; color:white; top: 5px; padding-right: 30px; margin-left:1px; line-height: 30px; word-wrap: break-word; } #right .sections-block .section .min-price { position:absolute; height:32px; font-size:21px; padding-left:5px; color:white; top: 68px; padding-right: 30px; margin-left:1px; line-height: 30px; } #right .sections-block .section .min-price.blue { background:#344899; } #topSearch input[type="submit"] { background: url(/local/templates/dresscode/themes/black/default/images/lupa.png) no-repeat !important; background-size: 94% !important; background-position:0 0 !important; } .telephone .wrap .nf .heading{ margin-top: 10px; margin-bottom:-6px;} @media screen and (max-width: 1766px) { #rightFooter p.social .block { display: block; margin-top: 15px; } } #topHeading .vertical p.top_heading { text-align:left; } #topHeading .vertical p.top_heading span.brand_text { display:block; text-align: center; } .brand-name{ display: inline-block; width: 100%; text-align: center; } .webFormDwModal .webFormTools input[type="submit"], .webFormDwModal .webFormTools input[type="reset"], .webFormDw .webFormTools input[type="submit"], .webFormDw .webFormTools input[type="reset"] { font-size:16px; font-weight:bold; } .city-list .city .text { font-size:18px; } .banner1 { position:relative; } .banner1 a.one { position:absolute; display:inline-block; width:50%; height:100%; top: 0px; left:0px; } .banner1 a.two { position:absolute; display:inline-block; width:50%; height:100%; top: 0px; right:0px; } /* End */ /* Start:/local/templates/dresscode/air-datepicker/css/datepicker.min.css?147487649412257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* Start:/local/templates/dresscode/components/bitrix/menu/top_multi_new/style.css?16794920173267*/ #topMenu{ // border-left: 1px solid #3a3a3a; float: left; padding: 0; margin: 0; margin-top: 7px; } #topMenu ul{ padding: 0; margin: 0; padding-bottom: 5px; } #topMenu li{ list-style: none; float: left; padding: 0; margin: 0; padding-right: 12px; } #topMenu li > ul:not(.sub){ display:none; position:absolute; background: #344899; width: 235px; top: 39px; padding-left: 7px; padding-top: 7px; } .pripev #topMenu li > ul:not(.sub){ background: #050715; } .dokaekip #topMenu li > ul:not(.sub){ background: #050715; } #topMenu > li:hover ul:not(.sub) { display:block; } #topMenu li > ul:not(.sub) > li{ list-style: none; padding: 0; margin: 0; padding-right: 12px; width: 100%; word-wrap: break-word; } #topMenu li > ul > li > a{ font-size:18px; // -webkit-transition: all 0.2s ease-in-out; // -o-transition: all 0.2s ease-in-out; // transition: all 0.2s ease-in-out; text-decoration: none; letter-spacing: 0px; line-height: 30px; padding: 0 3px; color: white; display: block; border:1px solid transparent; } #topMenu li > ul > li > a:hover{ text-decoration: underline; border:1px solid transparent; } #topMenu li a{ font-family: 'Roboto-Regular'; font-size:24px; // -webkit-transition: all 0.2s ease-in-out; // -o-transition: all 0.2s ease-in-out; // transition: all 0.2s ease-in-out; text-decoration: none; letter-spacing: 0px; line-height: 30px; padding: 0 3px; color: white; display: block; border:1px solid transparent; } #topMenu .openEnder{ -webkit-transition: none; -o-transition: none; transition: none; } #topMenu .bar{ position: relative; padding: 0 12px; } #topMenu .bar > a{ height: 30px; width: 21px; padding: 0; border: 0; display: block; } #topMenu .sub{ position: absolute; display: none; background: #344899; min-width:180px; left: -1px; top: 39px; z-index: 1; } .pripev #topMenu .sub{ background: #050715; } .dokaekip #topMenu .sub{ background: #050715; } #topMenu .sub li{ border-top: 1px solid rgba(0, 0, 0, 0.149); border-bottom: 1px solid #303030; display: block; float: none; } #topMenu .sub li:first-child{ border-top: 0; } #topMenu .sub li:hover{ background: #1e1e1e; } #topMenu .sub li a{ border: none; line-height: 21px; padding: 4px 12px; } #topMenu .active .sub{ display: inline-block; box-shadow: 2px 16px 14px 8px rgba(0, 0, 0, 0.26); } @media screen and (max-width: 1267px) { #panel { display:none !important; } .transfered#topMenu > li.bar.active > ul.sub > li ul { display:none !important; } .transfered#topMenu > li.bar.active > ul.sub > li:hover ul { display:none !important } } .sub_menu_cont { position: absolute; bottom:0; transform: translateY(100%); } .menu_item_cont { position: relative; } .sub_menu_cont > li { list-style: none; } .sub_menu_cont { padding: 0; } .sub_menu_item { display: block; position: relative; padding-right: 0px !important; } .sub_menu_item > ul { max-width: 100%; height: auto; right: 0; top: -7px !important; margin: 0; transform: translateX(99%); display: none; padding-top: 7px !important; } .pripev-item a { line-height: 19px!important; } .pripev-item img { max-height: 30px; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/form.result.new/modal/style.css?154953282110659*/ .webformModal{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: hidden; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webformModalHideScrollBar{ position: relative; overflow: auto; height: 100%; width: 120%; } .webformModalcn100{ position: relative; height: 100%; width: 100%; width: 100vw; /* css3 */ } .webformModal.visible{ display: block; } .webformModalContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); transform: translateX(-50%) translateY(0%); /*transform: translateX(-50%) translateY(-50%);*/ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 100px; max-width: 500px; min-width: 320px; width: 100%; top: 100px; left: 50%; } .small .webformModalContainer{ transform: translateX(-50%) translateY(-50%); margin-bottom: 0px; top: 50%; } .webFormDw form{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .webFormDw form.loading{ pointer-events: none; opacity: 0.8; } .webFormModalHeading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } .webformModal .webFormModalHeadingExit{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } .webformModal .webFormModalHeadingExit{ background: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/exit.png) 0 0 no-repeat transparent; } .webformModal .webFormModalHeadingExit:hover{ background-position: 0 -21px ; } .webformModal .webFormModalHeadingExit:active{ background-position: 0 -42px ; } .webFormDescription{ margin: 24px 0 0 0; max-width: 800px; } .webformModal .webFormDescription{ padding: 0 24px; } .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError{ padding: 0 24px; } .webFormItem{ margin-top: 24px; } .webFormItemCaption{ font-family: "robotoMedium"; margin-bottom: 12px; line-height: 21px; } .webFormItemImage{ vertical-align: middle; display: inline-block; padding-right: 6px; } .webFormItemLabel{ vertical-align: middle; display: inline-block; color: #555555; } .webFormItemRequired{ display: inline-block; padding-left: 4px; color: #ff0000; } .webFormItemFieldVariant{ display: inline-block; margin-left: 12px; } .webFormItemFieldVariant:first-child{ margin-left: 0px; } .webFormItemField input[type="password"], .webFormItemField input[type="text"], .webFormItemField select{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 55px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; outline: none; height: 55px; width: 100%; } .webFormItemField textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 21px; padding-top: 12px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; height: 150px; outline: none; width: 100%; } .webFormItemField input[id*="form_date_"]{ margin-bottom: 6px; } .webFormItemField input[type="text"]:focus, .webFormItemField input[type="password"]:focus, .webFormItemField textarea:focus{ border: 1px solid #aaaaaa; } .webFormItemField input[type="checkbox"] + label, .webFormItemField input[type="radio"] + label { cursor: pointer; } .webFormItemField input[type="checkbox"]:not(checked), .webFormItemField input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .webFormItemField input[type="checkbox"]:not(checked) + label, .webFormItemField input[type="radio"]:not(checked) + label { position: relative; padding-left: 28px; } .webFormItemField input[type="checkbox"] + label:before { background: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent; } .webFormItemField input[type="radio"] + label:before { background: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent; } .webFormItemField input[type="checkbox"]:not(checked) + label:before, .webFormItemField input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .webFormItemField input[type="checkbox"]:not(checked) + label:hover:before, .webFormItemField input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .webFormItemField input[type="checkbox"]:checked + label:before, .webFormItemField input[type="radio"]:checked + label:before { background-position: 0 -34px; } .webFormItemField input[type="checkbox"]:checked + label:hover:before, .webFormItemField input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .webFormItemField input[type="checkbox"]:disabled + label, .webFormItemField input[type="radio"]:disabled + label { cursor: default; } .webFormItemField input[type="checkbox"]:disabled + label:before, .webFormItemField input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .webFormItemField img.calendar-icon { vertical-align: middle !important; margin: 0 0 0 0px !important; border: 0 !important; } .webFormItemField [multiple]{ line-height: 120px; height: 120px; padding: 12px; } .webFormCaptchaPicture{ margin-top: 12px; } .webFormCaptchaPicture img{ vertical-align: middle; max-width: 100%; } .webFormCaptchaLabel{ margin-bottom: 12px; margin-top: 12px; } .webFormItemField input.captcha_word{ max-width: 300px; } .webFormTools{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #e7e7e7; text-align: center; line-height: 55px; font-size: 14px; cursor: pointer; color: #ffffff; outline: none; height: 55px; width: 100%; padding: 0; } .webFormTools .tc:first-child{ padding-right: 12px; } .webFormTools .tc:last-child{ padding-left: 12px; } .webFormTools input[type="submit"]:active{ position: relative; top: 1px; } .webFormTools input[type="submit"].loading{ background-image: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/loading.gif); background-color: #000000 !important; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #000000; pointer-events: none; color: #dddddd; opacity: 0.1; } .webFormTools input[type="reset"]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .webFormTools input[type="reset"]:hover{ border: 1px solid #cccccc; } .webFormTools input[type="reset"]:active{ position: relative; top: 1px; } .webFormItemError, .webFormError{ font-family: "robotoMedium"; margin-bottom: 12px; font-size: 12px; color: #ff0000; display: none; } .webFormError{ margin-bottom: 0px; margin-top: 24px; } .webFormItemError.visible, .webFormError.visible{ display: block; } .webFormItemField .error{ border: 1px solid #ff0000 !important; } .webFormMessage{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); line-height: 250px; position: fixed; overflow: auto; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webFormMessageContainer{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -225px; position: absolute; text-align: center; margin-top: -125px; border-radius: 2px; padding: 0px 24px; height: 250px; width: 450px; left: 50%; top: 50%; } .webFormMessageMiddle{ vertical-align: middle; display: inline-block; line-height: 21px; } .webFormMessageHeading{ margin-bottom: 24px; text-align: center; font-weight: 500; font-size: 18px; } .webFormMessageDescription{ text-align: center; } .webFormMessageExit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-decoration: none; display: inline-block; text-align: center; border-radius: 2px; line-height: 40px; margin-top: 24px; padding: 0 24px; color: #ffffff; height: 40px; } .webFormMessageExit:hover{ opacity: 0.8; } .webFormMessageExit:active{ position: relative; top: 1px; } @media all and (max-width: 650px) { .webFormItemField input[id*="form_date_"]{ margin-bottom: 12px; } .webFormItemField img.calendar-icon{ margin-left: 0px !important; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ max-width: 150px; } } @media all and (max-width: 400px) { .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ margin-bottom: 24px; max-width: 300px; display: block; width: 100%; } } /* End */ /* Start:/local/components/custom/button/templates/.default/style.css?1617349168624*/ .blue-button { color: white; background: #344899; padding: 5px 7px; border-radius: 45px; max-height: 45px; font-size: 13px; position: absolute; margin-left: 4px; top: 200px; cursor: pointer; width: 178.03px; text-align: center; } .pripev .blue-button { background: #010104; } .blue-button:before { content: ""; display: table; clear: both; } @media (max-width: 1270px) { .blue-button { top: 200px; } } @media (max-width: 530px) { .blue-button { top: 0; position: relative; /*left: -16vw;*/ left: 0; margin-top: 5px; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/bitrix/components/dresscode/search.line/templates/.default/style.css?15531647976926*/ #topSearch{ position: absolute; top: 218px; line-height: 102px; min-width: 320px; height: 102px; display: none; width: 100%; z-index: 35; left: 0; } #topSearch form{ line-height: 95px; } #topSearch table{ width: 100%; border-collapse: collapse; } #topSearch .submit{ width: 1px; padding-left: 12px; } #topSearch input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 50px; float: left; width: 100%; border: 1px solid #3311b8; padding: 0 1%; font-size: 18px; color: #344899; font-weight: normal; } ::-webkit-input-placeholder {color:#344899;;} ::-moz-placeholder {color:#344899;;}/* Firefox 19+ */ :-moz-placeholder {color:#344899;;}/* Firefox 18- */ :-ms-input-placeholder {color:#344899;;} #topSearch input[type="submit"]{ position: absolute; right: 50px; top: 28px; background: url(/bitrix/components/dresscode/search.line/templates/.default/images/modalSearch.png) 0% 50% no-repeat rgba(0, 0, 0, 0.298); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; color: transparent; cursor: pointer; font-size: 0px; height: 30px; width: 40px; } #topSearch input[type="submit"]:hover{ background-position: -60px 50%; } #topSearch input[type="submit"]:active{ background-position: -120px 50%; } #topSearch .searchField{ position: relative; padding-top: 20px; } #topSeachCloseForm{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; position: absolute; top:-4px; right: 60px; font-size: 18px; color: #344899; font-weight: normal; } #topSeachCloseForm:hover{ color: #ffa900; } #searchResult{ background-color: #ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 300px; left: 0; } #searchResult h1{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 85px; font-size: 18px; height: 85px; margin: 0px; } #searchResult.visible{ display: block; } #searchResult .productList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #searchResult .item{ width: 16.666666%; } #searchResult .product{ border: 0; /* clear */ border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #searchResult .product:nth-child(6n+1) { border-left: 1px solid #e7e8ea; } #searchResult .product:nth-child(1), #searchResult .product:nth-child(2), #searchResult .product:nth-child(3), #searchResult .product:nth-child(4), #searchResult .product:nth-child(5), #searchResult .product:nth-child(6) { border-top: 1px solid #e7e8ea; height: 347px; } #searchResult .searchAllResult{ -webkit-transition: all 0.2 ease-in-out; -o-transition: all 0.2 ease-in-out; transition: all 0.2 ease-in-out; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-family: 'robotobold'; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; line-height: 85px; font-size: 14px; display: block; color: #000000; height: 85px; } #searchResult .searchAllResult:hover{ background-color: #eeeeee; } #searchResult .searchAllResult span{ border-bottom: 1px dashed #000000; padding-bottom: 4px; } #searchResult .errorMessage{ margin: 24px 24px 24px 24px; text-align: center; font-size: 14px; } #searchProductsClose{ background: url(/bitrix/components/dresscode/search.line/templates/.default/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover{ background-position: -18px 0; } #searchProductsClose:active{ background-position: -36px 0; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } @media all and (max-width: 756px) { #topSeachCloseForm{ right: 20px; } #topSearch input[type="submit"]{ right: 29px; } } @media all and (max-width: 486px) { #catalogLine .column:last-child{ display: none; } } /* End */ /* Start:/local/templates/dresscode/components/bitrix/menu/leftMenu/style.css?15197635624841*/ #leftMenu{ background: white; padding: 12px 0 12px 0; position:relative; list-style: none; z-index: 33; margin: 0; } #leftMenu li{ list-style: none; } #leftMenu > li:first-child{ border: 0; } #leftMenu > li{ -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition: all 0.1s ease; background: white; display: block; } #leftMenu > li:hover, #leftMenu .activeDrop{ background: #ffffff; } #leftMenu > li:hover > a{ background: #d0d9e4; } #leftMenu li:hover .menuLink, #leftMenu .activeDrop .menuLink{ color: #000000; } #leftMenu li .menuLink{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; padding-right: 8px; position: relative; display: table-cell; color: black; } ul#leftMenu > li a.menuLink span.tx { line-height: 28px; font-size: 25px; } #leftMenu .menuLink img{ vertical-align: middle; } #leftMenu li .tb{ display: table; width: 100%; } #leftMenu .pc, #leftMenu .tx{ vertical-align: middle; display: table-cell; padding: 8px; } #leftMenu li .pc{ -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition: all 0.1s; padding-left: 18px; text-align:center; height: 21px; width: 24px; } #leftMenu .pc img{ max-width: 100%; } #leftMenu ul{ padding: 0; margin: 0; } #leftMenu .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); border-collapse: collapse; background: #ffffff; table-layout: fixed; position: absolute; min-height: 400px; overflow: hidden; z-index: 999999; display: none; left: 100%; width: 1%; top: 0%; } #leftMenu .menuItems{ border-right: 1px solid #e7e8ea; background-color: #ffffff; display: table-cell; vertical-align: top; padding: 12px; width: 245px; } #leftMenu .menuItems > li:first-child{ margin-top: 0px; } #leftMenu .menuItems > li{ position: relative; margin-top: 8px; } #leftMenu .menuItems span{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-weight:bold; font-size: 14px; color: #444444; } #leftMenu .menuItems small{ position: absolute; margin-top: -11px; line-height: 22px; height: 22px; color: #888; right: 0px; top: 50%; } #leftMenu .menuItems a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 21px; display: block; color: #000; } #leftMenu .menuItems a:hover{ color: #999; } #leftMenu .menuItems a img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #leftMenu .menuItems a:hover img{ opacity: 0.8; } #leftMenu .menuSlider{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ vertical-align: middle; display: table-cell; position: relative; overflow: hidden; width: 295px; } #leftMenu .menuSlider > ul{ position: relative; list-style: none; padding: 0; margin: 0; } #leftMenu .menuSlider > ul > li{ position: relative; float: left; } #leftMenu .menuSlider .slideBtnLeft, #leftMenu .menuSlider .slideBtnRight{ background: url(/local/templates/dresscode/components/bitrix/menu/leftMenu/images/slideArrow.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; z-index: 99; height: 16px; opacity: 0.5; width: 14px; top: 30%; } #leftMenu .menuSlider .slideBtnLeft:hover, #leftMenu .menuSlider .slideBtnRight:hover{ opacity: 0.8; } #leftMenu .menuSlider .slideBtnLeft:active, #leftMenu .menuSlider .slideBtnRight:active{ opacity: 1; } #leftMenu .menuSlider .slideBtnLeft{ left: 12px; } #leftMenu .menuSlider .slideBtnRight{ background-position: -14px 0; right: 12px; } #leftMenu .product{ position: relative !important; height: auto !important; width: 100% !important; border: 0 !important; } #leftMenu .product .tabloid{ border: 0 !important; height: auto !important; position: static !important; background: transparent !important; } #leftMenu .product:hover .tabloid{ box-shadow: none; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/menu/leftSubMenu/style.css?1551873419958*/ #subLeftMenu{ border-top: 1px solid #959595; background: white; margin: 0 0 24px 0; padding: 12px 24px; list-style: none; border-bottom: 1px solid #a9a9a9; } #subLeftMenu a{ text-decoration: none; font-size: 22px; padding: 4px 0; color: black; display: block; font-family: 'Roboto-Regular'; line-height:35px; } #subLeftMenu .stock { text-align: center; background: #fdc300; border: 1px solid white; border-radius: 3px; } // #subLeftMenu a:hover{ // color: #ffffff; // } #subLeftMenu .sub_2:hover, #subLeftMenu .sub_2.selected a{ color:#344899; } #subLeftMenu .sub_3:hover, #subLeftMenu .sub_3.selected a { color:#ed1c24; } #subLeftMenu .sub_4:hover, #subLeftMenu .sub_4.selected a{ color:#fdc300; } #subLeftMenu .sub_5:hover, #subLeftMenu .sub_5.selected a{ color:#39b54a; } #subLeftMenu .sub_6:hover, #subLeftMenu .sub_6.selected a{ color:#c255c3; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/news.list/leftNews/style.css?15197635621468*/ #newsBlock { position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; } #newsBlock .newsTitle { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: inline-block; color: #000; margin: 4px 0; } #newsBlock .newsPreview { border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; padding: 12px; position: relative; background-color: #f9f9f9; overflow: hidden; } #newsBlock .newsPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; width: 40%; display: none; } #newsBlock .newsPic img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; } #newsBlock .newsPic:hover img{ opacity: 0.9; } #newsBlock .newsPic:active{ position: relative; top: 1px; } #newsBlock .newsTitle { display: block; } #newsBlock .preText { font-size: 12px; height: 79px; overflow: hidden; display: none; } #newsBlock .newsPreview:first-child { background-color: #fff; } #newsBlock .newsPreview:first-child .newsPic, #newsBlock .newsPreview:first-child .preText { display: block; } #newsBlock .newsPreview:first-child .newsPic + .newsOverview { float: right; width: 56%; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/news.list/leftCollection/style.css?15197635621596*/ #collectionBlock { margin-top: 24px; position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; background-color: #ffffff; } #collectionBlock .sideBlockContent{ border: 1px solid #a9a9a9; padding: 12px; } #collectionBlock .item{ margin-top: 12px; overflow: hidden; } #collectionBlock .item:first-child{ margin-top: 0px; } #collectionBlock .name{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: block; margin-bottom: 8px; color: #000000; font-size: 12px; } #collectionBlock .description{ height: 48px; overflow: hidden; } #collectionBlock .link{ text-decoration: none; } #collectionBlock .link:hover{ color: #000000; } #collectionBlock .picBlock{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 70px; height: 70px; line-height: 70px; display: inline-block; vertical-align: top; border: 1px solid #e7e8ea; margin-right: 6px; text-align: center; } #collectionBlock .picBlock img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; max-height: 90%; max-width: 90%; } #collectionBlock .picBlock:hover img{ opacity: 0.8; } #collectionBlock .tools{ vertical-align: top; display: inline-block; width: 60%; } #collectionBlock .tools .date{ margin-bottom: 6px; display: block; color: #888888; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/news.list/leftService/style.css?15197635621555*/ #serviceBlock { margin-top: 24px; position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; background-color: #ffffff; } #serviceBlock .sideBlockContent{ border: 1px solid #a9a9a9; padding: 12px; } #serviceBlock .item{ margin-top: 12px; overflow: hidden; } #serviceBlock .item:first-child{ margin-top: 0px; } #serviceBlock .name{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: block; margin-bottom: 8px; color: #000000; font-size: 12px; } #serviceBlock .description{ height: 48px; overflow: hidden; } #serviceBlock .link{ text-decoration: none; } #serviceBlock .link:hover{ color: #000000; } #serviceBlock .picBlock{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 70px; height: 70px; line-height: 70px; display: inline-block; vertical-align: top; border: 1px solid #e7e8ea; margin-right: 6px; text-align: center; } #serviceBlock .picBlock:hover img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.8; } #serviceBlock .picBlock img{ vertical-align: middle; max-height: 90%; max-width: 90%; } #serviceBlock .tools{ vertical-align: top; display: inline-block; width: 60%; } #serviceBlock .tools .date{ margin-bottom: 6px; display: block; color: #888888; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/breadcrumb/.default/style.css?1519763562580*/ #breadcrumbs{ margin-bottom: 12px; line-height: 21px; overflow: hidden; font-size: 17px; } #breadcrumbs ul{ overflow: hidden; list-style: none; padding: 0; margin: 0; } #breadcrumbs ul li{ vertical-align: middle; display: inline-block; } #breadcrumbs ul li a{ text-decoration: none; display: inline-block; line-height: 21px; } #breadcrumbs ul li span{ display: inline-block; line-height: 21px; } #breadcrumbs .arrow{ vertical-align: middle; display: inline-block; font-family: arial; font-size: 18px; margin: 0 12px; } /* End */ /* Start:/local/templates/dresscode/styles.css?1662445287398*/ .counter_block { display:inline-block; } .counters_container { position:relative; left:370px; bottom:0px; display: inline-block; } .descr-tetxt { font-size:14pt; } .descr-tetxt h2 { font-size: 15pt; font-weight: bold; } .descr-tetxt h1 { font-weight: bold; } @media all and (max-width: 350px) { .brand-name_image{ width:110px; height: auto; } } /* End */ /* Start:/local/templates/dresscode/template_styles.css?1720105040148946*/ /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'Roboto-Regular';*/ /* src: url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.ttf') format('truetype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Regular.svg#Roboto-Regular') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'Roboto-Medium';*/ /* src: url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.ttf') format('truetype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Medium.svg#Roboto-Medium') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'Roboto-Light';*/ /* src: url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.ttf') format('truetype'), url('/local/templates/dresscode/fonts/roboto-new/Roboto-Light.svg#Roboto-Light') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'Rouble';*/ /* src: url('/local/templates/dresscode/fonts/rouble.eot');*/ /* src: url('/local/templates/dresscode/fonts/rouble.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/dresscode/fonts/rouble.woff') format('woff'),*/ /* url('/local/templates/dresscode/fonts/rouble.ttf') format('truetype'),*/ /* url('/local/templates/dresscode/fonts/rouble.svg#Intro') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-display: swap;*/ /* font-family: 'blr';*/ /* src: url('/local/templates/dresscode/fonts/blr.ttf');*/ /* url('/local/templates/dresscode/fonts/blr.ttf') format('truetype'),*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans'); html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } body { font: normal normal 14px "Arial",'Roboto-Regular'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background-color: #ffffff; line-height: 21px; margin: 0; } img { border: 0; } .rouble { font-family: 'Rouble'; } .rouble:before { content: "a"; font-style: normal; font-size: 95%; } input { font: normal normal 13px "Roboto-Regular", arial, sans-serif; outline: none; } input[placeholder] { text-overflow: ellipsis; } input::-moz-placeholder { text-overflow: ellipsis; } input:-moz-placeholder { text-overflow: ellipsis; } input:-ms-input-placeholder { text-overflow: ellipsis; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } input:focus { outline: none; } a { outline: none; } h1 { font-family: "Roboto-Regular"; line-height: 36px; font-weight: 400; text-align: left; margin: 0 0 24px; font-size: 24px; color: #000000; display: block; } h2 { font-family: "Roboto-Regular"; font-weight: 400; font-size: 18px; } h3 { font-family: "Roboto-Regular"; font-weight: 400; font-size: 16px; } b, strong { font-family: 'robotobold'; font-weight: 400; } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #topHeader { position: relative; min-width: 320px; height: 46px; z-index: 35; } .loading #topHeader { overflow: hidden; } .loading #topMenu { opacity: 0; } .bold { font-family: 'robotobold'; } .b-telephone{ display: block; } .b-telephone__mobile{ display: none; } /* auth register city block */ #topService { float: right; padding: 0; margin: 0; margin-top: 7px; } #topService div[id^=bx_incl_area_] { float: left; } #topService li { line-height: 30px; list-style: none; padding: 0 4px; float: left; margin: 0; } #topService .null { display: inline-block; line-height: 0px; padding: 0px; height: 0px; width: 0px; } #topService li:not(.null) a:not(.lang) { font-family: 'Roboto-Regular'; font-size: 19px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; text-decoration: none; display: inline-block; border: 1px solid white; border-radius: 5px; padding: 0 8px; } #topService li:hover:not(.null) a:not(.lang) { color: #344899; } #mobileMiddleSlider { display: none; } @media screen and (max-width: 500px) { #topService li.top-auth-login a:not(.lang), #topService li.top-auth-personal a:not(.lang) { padding-left: 0px; } #topService li.top-auth-register a { left: 0px; } #topService li.top-auth-exit { left: 120px; } #topService li.top-auth-login a:not(.lang):active, #topService li.top-auth-register a:not(.lang):active { top: 0px !important; } } #topService li:not(.null) a:not(.lang) { color: #fffbfb; } #topService li:not(.null) a:active { position: relative; top: 1px; } /* Sub Header */ #subHeader { min-width: 320px; height: 193px; z-index: 3; } #subHeader { background: white; border-bottom: 1px solid #ebebeb; } .loading #subHeader { overflow: hidden; } #logo { line-height: 195px; text-align: center; max-height: 152px; overflow: hidden; width: 139px; float: left; } #logo a { display: block; } #logo a:active { position: relative; top: 1px; } #logo img { vertical-align: middle; max-height: 102px; max-width: 100%; } #logo { display: block; } #logo-mobile { display: none; float: left; margin: 10px; } /* top Heading */ #topHeading { width: 230px; float: left; } #topHeading .vertical { line-height: 195px; text-align: center; } #topHeading p { font: normal normal 16px 'Arial',"Roboto-Regular", sans-serif; vertical-align: middle; display: inline-block; line-height: 21px; text-align: center; margin: 0; } #topHeading .vertical p { color: black; font-size: 20px; line-height: 32px; color: black; } #topHeading p span.brand_text { color: #ff0000; font-size: 26px; font-weight: bold; } #headerTools { float: right; } #headerTools .tools { list-style: none; padding: 0; margin: 0; } #headerTools .tools .icon { float: left; } #headerTools .tools .heading { text-decoration: none; font-size: 20px; display: block; } #headerTools .tools .heading a{ text-decoration: none; color:black; } #headerTools .tools .link { /* -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ text-decoration: none; font-size: 20px; } #headerTools .tools .link:active { position: relative; top: 1px; } #headerTools .tools li { line-height: 152px; list-style: none; padding: 0 10px; float: left; margin: 0; } #headerTools .tools div[id*="bx_"] { float: left; } #headerTools .wrap { vertical-align: middle; display: inline-block; line-height: 21px; } #headerTools .icon { margin: 0 4px; height: 28px; } #headerTools .nf { float: left; margin-left: 12px; } #headerTools .text { font-family: 'Arial','Roboto-Light'; font-size: 20px; text-transform: lowercase; } #headerTools .icon:active { position: relative; top: 1px; } #headerTools .search .wrap { padding: 0 8px; } #headerTools .search .icon { width: 35px; margin: 0; background-size: 94%; } #headerTools .wishlist .icon { width: 19px; height: 21px; } #headerTools .compare .icon { width: 20px; height: 23px; } #headerTools .cart .icon { width: 25px; height: 24px; } .heading .ph { display: block; position: relative; font-size: 20px; line-height: 36px; } .heading .ph { padding-left: 24px; } .phone:before{ position: absolute; content: ""; background: url("/local/templates/dresscode/images/phone.png") no-repeat; width: 26px; height: 26px; background-size: cover; left: -8px; top: 0px; } .pripev .phone:before { background: url("/local/templates/dresscode/images/phone2.png") no-repeat; } .b-heading__phone:before { position: absolute; content: ""; background: url("/local/templates/dresscode/images/phone.png") no-repeat; width: 26px; height: 26px; background-size: cover; left: -8px; top: 10px; } .heading .ph.watsap:before { position: absolute; content: ""; background: url("/local/templates/dresscode/images/watsap.png") no-repeat; width: 26px; height: 25px; background-size: cover; left: -8px; top: 5px; } #headerTools .tools .openWebFormModal.link.callBack { text-transform: inherit; padding-left: 24px; line-height: 36px; } #headerTools .openWebFormModal.link.callBack[data-id='1'] { color: white; background-color: #00bf54; padding: 5px 4px; border-radius: 45px; display: block; text-decoration: none; text-align: center; width: 100%; margin: 0px 0 15px -8px; line-height: 1em; } #headerTools .openWebFormModal.link.callBack[data-id='1']:hover { background-color: #00a047; } #headerTools .openWebFormModal.link.callBack[data-id='1']:focus { background-color: #009b44; } @media (max-width: 530px) { #headerTools .openWebFormModal.link.callBack[data-id='1'] { display: none; } } #headerTools .tools li.cart { padding: 0 0px; } #headerTools .tools li.wishlist { padding: 0 8px; } #headerTools .tools li.compare { padding: 0 6px; } /* header tel */ #headerTools .tools li.telephone { border-left: 0px; } #headerTools { border-right: 0px !important; } @media screen and (max-width: 500px) { #headerTools .cart .icon { margin-right: 12px; } } @media screen and (max-width: 849px) { #headerTools .search .icon { width: 40px; height: 30px; } } @media screen and (max-width: 1300px) { #flushTopCart .nf{ display: none; } #headerTools .cart .icon { width: 38px; height: 36px; } #headerTools .wishlist .icon { width: 36px; height: 40px; } #headerTools .compare .icon { width: 35px; height: 40px; } } #headerTools .cart ins { display: inline-block; text-decoration: none; border-radius: 3px; text-align: center; margin-left: 4px; padding: 0px 6px; font-size: 13px; } .UserBonusBasket { display: inline-block; text-decoration: none; border-radius: 10px; text-align: center; margin-left: 4px; padding: 0 6px; font-size: 17px; background-color: #FF0000; color: #fff; color: #fff!important; } .UserBonusBasket i{ font-style: normal; font-family: blr; } .UserBonusBasket.mobile { display: none; } @media (max-width: 767px) { .UserBonusBasket.mobile { display: inline; margin-left: 0; padding-top: 4px; font-size: 15px; font-weight: bold; } } #changeYouCity { position: relative; min-width: 320px; padding: 18px 0; display: none; } #changeYouCity .limiter { position: relative; } #changeYouCity .heading { font-size: 21px; display: block; } #changeYouCity .list { text-align: center; overflow: hidden; } #changeYouCity .list li { margin-top: 12px; text-align: left; float: left; width: 25%; } #changeYouCity .list li a { text-decoration: none; font-size: 14px; } #changeYouCity .list li a:hover { text-decoration: underline; } #changeYouCity #cityClose { text-decoration: none; position: absolute; padding: 4px 12px; font-size: 14px; display: block; right: 24px; top: 0; } #changeYouCity #cityClose ins { display: inline-block; margin-right: 6px; height: 10px; width: 10px; } #topMenu .bar > a { background: url(/local/templates/dresscode/images/menuMore.png) 0 50% no-repeat transparent; } #topMenu .bar > a:hover, #topMenu .bar.active > a { background: url(/local/templates/dresscode/images/menuMore.png) -21px 50% no-repeat transparent; } #main { margin-top: 24px; min-width: 320px; } #main .compliter { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #left { display: table-cell; vertical-align: top; width: 355px; } #left .heading { font-family: 'Roboto-Regular'; text-decoration: none; padding-left: 24px; line-height: 72px; font-weight: 400; font-size: 28px; display: block; height: 65px; / / font-style: italic; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; } #left .heading .arrow { background-position: -27px 50%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #left .heading.opened .arrow { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled + .collapsed { display: none; } #left .heading ins { vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 65px; height: 65px; float: right; width: 27px; } #left .sideBlock .heading { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 60px; font-size: 16px; height: 60px; } #left .sideBlock .heading:not(.orange) { text-align: left; padding-left: 5px; font-size: 22px; } #left .sideBlock a.heading:hover { opacity: 0.95; } #left #subscribe .copy { text-align: center; margin: 12px auto; line-height: 24px; font-size: 12px; display: block; width: 90%; } #left .banner { text-align: center; margin-top: 24px; } #left .banner img { max-height: 100%; vertical-align: middle; max-width: 100%; } #right { display: table-cell; vertical-align: top; padding-left: 24px; } #brandSearch { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; display: none; } #brandSearch td { line-height: 50px; height: 50px; } #brandSearch .label { width: 140px; } #brandSearch .label span { display: block; text-align: center; } #brandSearch .all { width: 60px; } #brandSearch .all a { text-align: center; display: block; } #brandSearch a { text-decoration: none; text-align: center; display: block; } #slider { position: relative; overflow: hidden; } #slider ul { position: relative; list-style: none; padding: 0; margin: 0; } #slider ul li { position: relative; float: left; } #slider ul li span { background-position: center center; background-size: 100% 100%; display: block; height: 560px; } #slider ul li img { width: auto; display: inline-block; margin-left: -120px; } #slider ol { position: absolute; list-style: none; margin: 0px; padding: 0px; left: calc(50% - 27px); bottom: 6px; background-color: #344899; border-radius: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 27px; padding-right: 27px; } #slider ol li { margin-right: 4px; cursor: pointer; height: 18px; width: 18px; float: left; } #popCats { margin-top: 24px; } #popCats .sideBlockContent { padding: 12px; border-top: 0; } #popCats ul { list-style: none; padding: 0; margin: 0; } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } #popCats li span, #popCats li a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block; } #collectionList { margin-top: 24px; position: relative; overflow: hidden; } #collectionCarousel { position: relative; overflow: hidden; margin: 0 -12px; } #collectionCarousel > ul { list-style: none; padding: 0; margin: 0; } #collectionCarousel > ul li { width: 33.3131313%; float: left; } #collectionList .collection { position: relative; padding: 0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #collectionList .collection .wrap { border-bottom: none; overflow: hidden; padding: 12px; } #collectionList .collection .heading { text-decoration: none; margin-bottom: 12px; line-height: 24px; font-weight: 700; font-size: 18px; height: auto; padding: 0; } #collectionList .collectionDesc { line-height: 18px; font-size: 12px; } #collectionList .goTo { vertical-align: middle; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } #collectionList .pic { display: block; margin-bottom: 18px; text-align: center; line-height: 455px; height: 455px; } #collectionList .pic img { max-width: 100%; max-height: 100%; vertical-align: middle; } #promoBlock, #promoBlock > div[id*="bx_"] { width: 100%; display: table; overflow: hidden; table-layout: fixed; border-collapse: collapse; } #sliderBlock, #bannersBlock, #specialBlock { display: table-cell; vertical-align: top; } #bannersBlock, #specialBlock { padding-left: 12px; position: relative; overflow: hidden; width: 356px; } #specialBlock { padding-left: 24px; width: 344px; } #left #specialBlock { margin-bottom: 24px; padding-left: 0px; display: block; width: 100%; } #bannersBlock ul { list-style: none; padding: 0; margin: 0; } #bannersBlock ul li { float: left; } #bannersBlock ul a { display: block; line-height: 0; } #bannersBlock ul li:first-child { margin-bottom: 12px; float: none; } #bannersBlock ul li:first-child + li { padding-right: 12px; } #right .heading { margin-bottom: 24px; line-height: 60px; font-size: 28px; display: block; height: 60px; } #footer { margin-bottom: 55px; padding-top: 24px; overflow: hidden; } #catalogLine { margin-bottom: 24px; border-radius: 4px; line-height: 55px; padding: 0 12px; height: 55px; } #catalogLine .column { display: inline-block; margin-left: 12px; } #catalogLine .column:first-child { margin-left: 0; } #catalogLine .column:last-child { float: right; } #catalogLine .label { display: inline-block; margin-right: 12px; } #catalogLine select { border-radius: 4px; padding: 0 12px; height: 30px; } #catalogLine .viewList { vertical-align: middle; display: inline-block; overflow: hidden; } #catalogLine .viewList .element { margin-left: 12px; float: left; } #catalogLine .viewList .element:first-child { margin-left: 0px; } #catalogLine .viewList .element a { vertical-align: middle; display: inline-block; height: 55px; width: 30px; } #catalogLine .viewList .element .squares { background-position: 0 0; } #catalogLine .viewList .element .squares:hover { background-position: -30px 0; } #catalogLine .viewList .element .squares.selected { background-position: -60px 0; } #catalogLine .viewList .element .line { background-position: 0 -55px; } #catalogLine .viewList .element .line:hover { background-position: -30px -55px; } #catalogLine .viewList .element .line.selected { background-position: -60px -55px; } #catalogLine .viewList .element .table { background-position: 0 -110px; } #catalogLine .viewList .element .table:hover { background-position: -30px -110px; } #catalogLine .viewList .element .table.selected { background-position: -60px -110px; } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active { position: relative; top: 1px; } #rowFooter { display: table; width: 100%; table-layout: fixed; } #leftFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; display: table-cell; vertical-align: top; width: 60%; } #leftFooter .footerRow { overflow: hidden; list-style: none; } #leftFooter .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 48px; width: 33.33%; float: left; } #leftFooter .heading { font-family: 'Roboto-Medium'; padding-bottom: 12px; margin-bottom: 6px; font-size: 22px; display: block; } #leftFooter ul { list-style: none; padding: 0; margin: 0; } #leftFooter ul li:first-child { border: 0; } #leftFooter a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; padding: 6px 0; display: block; } #leftFooter .color-menu li:nth-child(2) a:hover{ color:#344899; } #leftFooter .color-menu li:nth-child(3) a:hover { color:#ed1c24; } #leftFooter .color-menu li:nth-child(4) a:hover{ color:#fdc300; } #leftFooter .color-menu li:nth-child(5) a:hover{ color:#39b54a; } #leftFooter .color-menu li:nth-child(6) a:hover{ color:#c255c3; } #rightFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 14px; vertical-align: top; display: table-cell; width: 40%; } #rightFooter .rightTable { border-collapse: collapse; table-layout: fixed; width: 100%; } #rightFooter .rightTable td { vertical-align: top; } #rightFooter .rightColumn { text-align: center; padding: 0 24px; } #rightFooter .rightColumn .wrap { display: inline-block; text-align: left; } #rightFooter .list { list-style: none; padding: 0; margin: 12px 0; } #rightFooter .list li { margin-bottom: 8px; line-height: 21px; list-style: none; font-size: 14px; display: block; } #rightFooter .email a { display: block; text-decoration: none; } #rightFooter p { font-size: 14px; display: block; } #rightFooter .hr { padding-top: 12px; } #rightFooter .telephone { margin-bottom: 24px; font-size: 20px; display: block; font-family: 'Roboto-Medium'; text-align: center; } .dokaekip #rightFooter .telephone { text-align: left !important; } #rightFooter .email { display: block; font-size: 18px; } #rightFooter .showMap { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; margin-top: 12px; display: block; } #rightFooter .showMap:active { position: relative; top: 1px; } #rightFooter .logo img { vertical-align: middle; max-height: 100%; max-width: 100%; } #rightFooter .logo a:active { position: relative; top: 1px; } #footerBottom { line-height: 60px; overflow: hidden; height: 60px; clear: both; } #footerBottom .creator { padding-left: 24px; float: left; } #footerBottom .creator a { display: block; line-height: 60px; } #footerBottom .creator a:active { position: relative; top: 1px; } #footerBottom .creator img { vertical-align: middle; } #footerBottom .social { padding-right: 24px; float: right; } #footerBottom ul { list-style: none; padding: 0; margin: 0; } #appBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none; } #appBasketContainer { margin-left: -350px; margin-top: -200px; position: absolute; height: 400px; width: 700px; left: 50%; top: 50%; } #appBasket .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; } #appBasket .close { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appBasket .container { position: relative; overflow: hidden; } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px; } #appBasket .rating { position: absolute; right: 12px; top: 12px; z-index: 2; width: 79px; } #appBasket .rating i { background: url(/local/templates/dresscode/images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #appBasket .rating i.m { background: url(/local/templates/dresscode/images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #appBasket .markerContainer .marker { font: normal normal 12px "Roboto-Regular", arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appBasket .picture { position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left; } #appBasket .picture:active { position: relative; top: 1px; } #appBasket .picture img { vertical-align: middle; max-height: 90%; max-width: 90%; } #appBasket .information { line-height: 280px; } #appBasket .information .wrapper { vertical-align: middle; display: inline-block; line-height: 21px; } #appBasket .name { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block; } #appBasket .price { font-family: 'robotobold'; margin-bottom: 18px; font-size: 18px; display: block; } #appBasket .price .discount { font-family: 'Roboto-Regular'; padding-left: 8px; font-size: 14px; } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden; } #appBasket .qtyBlock .label { padding-right: 4px; } #appBasket .plus, #appBasket .minus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appBasket .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appBasket .qty.error { border: 1px solid #ff0000; } #appBasket .sum { font-family: 'robotobold'; line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px; } #appBasket .sum .discount { font-family: 'Roboto-Regular'; padding-left: 8px; font-size: 14px; } #appBasket .lower { line-height: 60px; overflow: hidden; height: 60px; } #appBasket .lower .tools { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%; } #appBasket .lower tbody { vertical-align: top; } #appBasket .lower .tools td { padding: 0; } #appBasket .lower .tools .icon { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; vertical-align: top; text-align: center; line-height: 60px; height: 60px; width: 70px; } #appBasket .lower .tools .av:hover { background: unset; } #appBasket .lower .tools .icon a { text-decoration: none; color: transparent; display: block; } #appBasket .lower .tools .icon .ico { vertical-align: middle; display: inline-block; height: 16px; width: 17px; } #appBasket .lower .tools .addCompare .ico { background: url(/local/templates/dresscode/images/compare.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico { background: url(/local/templates/dresscode/images/compareActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico { background: url(/local/templates/dresscode/images/wishlist.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico { background: url(/local/templates/dresscode/images/wishlistActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock .ico { background: url(/local/templates/dresscode/images/inStock.png) 0 0 no-repeat transparent; border-bottom: 0 !important; } #appBasket .lower .tools .outOfStock .ico { background: url(/local/templates/dresscode/images/outOfStock.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico { background: url(/local/templates/dresscode/images/onOrder.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico { background: url(/local/templates/dresscode/images/delete.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .continue { text-align: center; width: 50%; } #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { line-height: 60px; text-decoration: none; font-size: 14px; display: block; } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text { margin-top: 2px; display: inline-block; } #appBasket .lower .tools .goToBasket img { margin-top: -3px; } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img { vertical-align: middle; padding-right: 12px; } #appBasket .lower .tools .goToBasket { text-align: center; width: 50%; } #appFastBuy, #buyOnOrder { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none; } #appFastBuyContainer, #buyOnOrderContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 520px; width: 700px; left: 50%; top: 50%; } #appFastBuyContainer .column, #buyOnOrderContainer .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left; } #appFastBuyContainer .column:first-child, #buyOnOrderContainer .column:first-child { text-align: center; width: 320px; } #appFastBuyContainer .heading, #buyOnOrderContainer .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px; } #appFastBuyContainer .title, #buyOnOrderContainer .title { margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block; } #appFastBuyContainer .formLine, #buyOnOrderContainer .formLine { margin-bottom: 12px; } #appFastBuyContainer input, #buyOnOrderContainer input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto-Regular"; padding-left: 12px; width: 354px; height: 50px; border: 0; } #appFastBuyContainer textarea, #buyOnOrderContainer textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto-Regular"; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 90px; border: 0; } #appFastBuyContainer input:focus, #buyOnOrderContainer textarea:focus { outline: none; } #appFastBuyContainer #fastBuyFormSubmit, #buyOnOrderContainer #buyOnOrderFormSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 354px; } #appFastBuyContainer #fastBuyFormSubmit:active , #buyOnOrderContainer #buyOnOrderFormSubmit:active{ position: relative; top: 1px; } #appFastBuyContainer #fastBuyFormSubmit.loading, #buyOnOrdeContainer #buyOnOrdeFormSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #appFastBuyContainer #fastBuyFormSubmit.loading img, #buyOnOrdeContainer #buyOnOrdeFormSubmit.loading img { display: none; } #appFastBuyContainer #fastBuyFormSubmit img, #buyOnOrdeContainer #buyOnOrdeFormSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } #appFastBuyContainer .markerContainer, #buyOnOrdeContainer .markerContainer { position: absolute; top: 0px; left: 12px; } #appFastBuyContainer #fastBuyResult, #buyOnOrdeContainer #buyOnOrdeResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #fastBuyResult #fastBuyResultTitle, #buyOnOrderResult #buyOnOrderResultTitle { text-align: center; margin-top: 24px; font-size: 16px; } #fastBuyResult #fastBuyResultMessage, #buyOnOrderResult #buyOnOrderResultMessage { text-align: center; margin-top: 24px; } #fastBuyResult #fastBuyResultClose, #buyOnOrderResult #buyOnOrderResultClose { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px; } #fastBuyResult #fastBuyResultClose:active, #buyOnOrderResult #buyOnOrderResultClose:active { position: relative; top: 1px; } #appFastBuyContainer .marker, #buyOnOrderContainer .marker { font: normal normal 12px "Roboto-Regular", arial, sans-serif; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2; } #appFastBuyContainer .name, #buyOnOrderContainer .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #appFastBuyContainer .middle, #buyOnOrderContainer .middle { line-height: 21px; vertical-align: middle; display: inline-block; } #appFastBuyContainer .price, #buyOnOrderContainer .price { font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block; } #appFastBuyContainer .price .discount, #buyOnOrderContainer .price .discount { font-family: 'Roboto-Regular'; padding-left: 4px; font-size: 14px; } #appFastBuyContainer #fastBuyName, #buyOnOrderContainer #buyOnOrderName { padding: 0 24px; } #appFastBuyContainer #fastBuyPicture, #buyOnOrderContainer #buyOnOrderPicture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .url, #buyOnOrderContainer #buyOnOrderPicture .url { text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .picture, #buyOnOrderContainer #buyOnOrderPicture .picture { vertical-align: middle; max-height: 90%; max-width: 90%; } #appFastBuy .close, #buyOnOrder .close { background: url(/local/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastBuy .close:hover, #buyOnOrder .close:hover { background-position: 0 -21px; } #appFastBuy .close:active, #buyOnOrder.close:active { background-position: 0 -42px; } @media screen and (max-width: 767px) { #appFastBuyContainer, #buyOnOrderContainer{height: 100%;width: 100%;margin-left: 0;margin-top: 0;left:0;top:0;overflow: auto;} #appFastBuyContainer .column, #appFastBuyContainer .column:first-child, #buyOnOrderContainer .column, #buyOnOrderContainer .column:first-child{width: 100%;float: none;padding: 0 15px;margin: 0;} #appFastBuyContainer .column:first-child, #buyOnOrderContainer .column:first-child{padding-top: 15px;padding-bottom: 0px;border-bottom: 1px solid #e7e8ea;margin-bottom: 15px;} #appFastBuyContainer input, #appFastBuyContainer textarea, #appFastBuyContainer #fastBuyFormSubmit, #buyOnOrderContainer input, #buyOnOrderContainer textarea, #buyOnOrderContainer #buyOnOrderFormSubmit{width: 100%;} #appFastBuyContainer #fastBuyPicture, #appFastBuyContainer #fastBuyPicture .url, #buyOnOrderContainer #buyOnOrderPicture, #buyOnOrderyContainer #buyOnOrderPicture .url{height: 120px;line-height: 120px;} #appFastBuyContainer .title, #appFastBuyContainer .title{margin-right: 0;font-weight: bold;} } #appFastView { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/ } #appFastView .appFastViewContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; margin-left: -500px; margin-top: -275px; position: absolute; height: 550px; width: 1000px; left: 50%; top: 50%; } #appFastView .appFastViewColumnContainer { height: 490px; } #appFastView .appFastViewPictureColumn { border-right: 1px solid #dddddd; position: relative; height: 490px; width: 336px; float: left; } #appFastView .appFastViewDescriptionColumn { position: relative; overflow: hidden; height: 100%; width: 410px; float: left; } #appFastView .appFastViewDescriptionColumnContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 24px; padding-top: 24px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px; } #appFastView .appFastViewDescriptionColumn:after { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); pointer-events: none; position: absolute; display: block; height: 50px; content: ''; width: 100%; bottom: 0px; } #appFastView .appFastViewInformationColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; position: relative; padding: 0px 24px; height: 100%; width: 251px; float: left; } #appFastView .markerContainer { position: absolute; color: #ffffff; z-index: 88; left: 12px; top: 12px; } #appFastView .marker { font: normal normal 12px "Roboto-Regular", arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { -webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; position: relative; overflow: hidden; } #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { left: 0px; } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px; } #appFastView .appFastViewPictureCarousel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px 12px 12px; margin: 0 24px; } #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem { text-align: center; float: left; } #appFastView .appFastViewPictureSliderItem { line-height: 455px; height: 455px; } #appFastView .appFastViewPictureSliderItemLayout { vertical-align: middle; display: inline-block; line-height: 0; } #appFastView .appFastViewPictureCarouselItem { line-height: 60px; height: 60px; } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { background: url(/local/templates/dresscode/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: -14px; height: 16px; opacity: 0.5; z-index: 99; width: 14px; top: 50%; } #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover { opacity: 0.8; } #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active { opacity: 1; } #appFastView .appFastViewPictureCarouselLeftButton:active { left: 1px; } #appFastView .appFastViewPictureCarouselRightButton:active { right: 1px; } #appFastView .appFastViewPictureCarouselLeftButton { left: 0px; } #appFastView .appFastViewPictureCarouselRightButton { background-position: -14px 0; right: 0px; } #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureCarouselItemLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink { display: inline-block; position: relative; /*overflow: hidden;*/ line-height: 0; height: auto; } #appFastView .appFastViewPictureCarouselItemLink { position: relative; display: block; height: 60px; opacity: 0.3; } #appFastView .appFastViewPictureSliderItemLink:hover img, #appFastView .appFastViewPictureCarouselItemLink:hover { opacity: 0.9; } #appFastView .appFastViewPictureCarouselItemLink.active { pointer-events: none; position: relative; opacity: 1; } #appFastView .appFastViewPictureCarouselItemLink.active:hover { opacity: 1; } #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewPictureCarouselItemLink:active { position: relative; top: 1px; } #appFastView .appFastViewPictureCarouselItemLink.active:after { background: rgba(0, 0, 0, 1); transform: translateX(-50%); position: absolute; display: block; bottom: -4px; content: ''; height: 2px; width: 20%; left: 50%; } #appFastView .appFastViewPictureLoupe { background-repeat: no-repeat; border: 1px solid #000000; border-radius: 50%; position: absolute; margin-left: -75px; margin-top: -75px; cursor: crosshair; height: 150px; width: 150px; left: -9999px; top: -9999px; } #appFastView .appFastViewHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } #appFastView .appFastViewProductHeading { line-height: 33px; font-size: 21px; } #appFastView .appFastViewProductHeading a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } #appFastView .appFastViewProductHeading a:hover { color: #555555; } #appFastView .appFastViewProductHeading a:active { position: relative; top: 1px; } /*#appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout{ border-bottom: 1px solid #dddddd; padding-bottom: 4px; } */ #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewProductPropertiesHeading { margin-bottom: 12px; } #appFastView .propertyTable { table-layout: fixed; display: table; width: 100%; } #appFastView .propertyTable { font-size: 13px; } #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue { background-color: #ffffff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 4px 0; } #appFastView .propertyTable .propertyValue { padding-left: 12px; width: 40%; } #appFastView .propertyTable .propertyName:after { border-bottom: 1px dotted #cccccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100%; } #appFastView .propertyTable .propertyValue a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #555555; } #appFastView .propertyTable .propertyValue a:hover { color: #000000; } #appFastView .appFastViewDescription { display: none; } #appFastView .appFastViewDescription.visible { display: block; } #appFastView .appFastViewDescriptionHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewDescriptionText { line-height: 21px; margin-top: 12px; font-size: 13px; } #appFastView .skuPropertyList { margin: 0px 0px 0px -6px; overflow: hidden; list-style: none; padding: 0px; } #appFastView .skuProperty { overflow: hidden; margin: 12px 0; } #appFastView .skuProperty:last-child { margin-bottom: 0px !important; } #appFastView .skuPropertyName { padding-left: 2px; font-size: 13px; } #appFastView .skuProperty li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 12px; overflow: hidden; padding: 0px 6px; min-width: 18%; float: left; } #appFastView .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; } #appFastView .skuProperty .disabled { display: none; } #appFastView .skuPropertyLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 28px; padding: 4px 6px; min-height: 28px; display: block; } #appFastView .skuPropertyLink:hover { opacity: 0.8; } #appFastView .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .skuProperty .selected .skuPropertyLink { border: 1px solid #ff9601; } #appFastView .skuPropertyLink { border: 1px solid #dddddd; color: #000000; } #appFastView .appFastViewExit { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastView .appFastViewMoreLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-bottom: 24px; position: relative; margin-top: 24px; color: #000000; z-index: 0; } #appFastView .appFastViewMoreLink:hover { color: #555555; } #appFastView .appFastViewMoreLink:active { position: relative; top: 1px; } #appFastView .addCart #appFastView .requestPrice { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; margin-bottom: 16px; border-radius: 4px; line-height: 60px; text-align: center; margin-top: 12px; font-size: 16px; display: block; color: #ffffff; height: 60px; } #appFastView .price { font-family: 'robotobold'; text-decoration: none; position: relative; line-height: 28px; margin-top: 12px; font-size: 21px; display: block; color: #000000; } #appFastView .getPriceWindow { line-height: 33px; } #appFastView .priceValue { border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000; } #appFastView .priceValue:hover { color: #333333; } #appFastView .priceValue:active { position: relative; top: 1px; } #appFastView .article { margin-top: 24px; color: #888888; } #appFastView .article.hidden { display: none; } #appFastView .discount { font-family: 'Roboto-Regular'; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .price .oldPriceLabel { font-family: 'Roboto-Regular'; text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888888; } #appFastView .price .discount, #appFastView .price .discount { font-family: 'Roboto-Regular'; padding-left: 4px; font-size: 14px; color: #888888; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .addCart .icon, #appFastView .requestPrice .icon { padding-right: 12px; margin-top: -4px; } #appFastView .rating { display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2; } #appFastView .rating i { background: url(/local/templates/dresscode/images/rating2.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #appFastView i.m { background: url(/local/templates/dresscode/images/rating2.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .appFastViewInformationColumn .row { margin-bottom: 12px; position: relative; } #appFastView .appFastViewInformationColumn .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #appFastView .appFastViewInformationColumn .label { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; text-decoration: none; line-height: 21px; font-size: 15px; color: #000000; font-weight: bold; } #appFastView .appFastViewInformationColumn a.label:hover { color: #000000; } #appFastView .appFastViewInformationColumn a.label:active { position: relative; top: 1px; } #appFastView .appFastViewInformationColumn a.inStock span { padding-bottom: 2px; } #personalCart input[name="BuyButton"] { margin-bottom: 24px; margin-top: 24px; display: block; } /*#appFastView .getPricesWindow .priceIcon{ margin-right: 0px; margin-left: 6px; }*/ #footerTabsCaption { line-height: 85px; margin-top: 24px; height: 85px; } #footerTabsCaption .items { text-align: center; overflow: hidden; } #footerTabsCaption .item:last-child { margin-right: 0px; } #footerTabsCaption .item { vertical-align: middle; display: inline-block; margin-right: 24px; } #footerTabsCaption .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #footerTabs { overflow: hidden; } /*#footerTabs .tab{ display: none; } #footerTabs .tab.selected{ display: block; }*/ #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid { box-shadow: none; } /*#footerTabs .product:hover .tabloid{ border-color: transparent; }*/ #personalCart .product:hover .tabloid { border-bottom-color: #e7e8ea; } #footerLine { line-height: 55px; position: fixed; z-index: 999; height: 55px; width: 100%; bottom: 0; } #footerLine .wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #footerLine .col { float: left; width: 50%; } @media screen and (min-width: 1600px) and (max-width: 1920px) { #footerLine .col:nth-child(1n) { width: 60%; } #footerLine .col:nth-child(2n) { width: 40%; } } #footerLine .col:last-child { text-align: right; } #footerLine .item .callback { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase !important; text-decoration: none; font-size: 16px; font-family: 'Roboto-Medium'; color: white; } #footerLine .item .callback .icon { vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -2px; height: 26px; width: 26px; } #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart { text-transform: uppercase; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { border-radius: 4px; margin-left: 12px; line-height: 20px; overflow: hidden; padding: 2px 12px; height: 20px; } #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon { vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .cart .icon { height: 23px; width: 25px; } #footerLine .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 16px; } /*#footerLine .col:first-child .item:first-child{ margin-left: 24px; } */ #footerLine .item { display: inline-block; vertical-align: middle; margin-right: 24px; } #footerLine .item a:active { position: relative; top: 1px; } #footerLine .item:last-child { margin-right: 0px; } #authMenu { margin-bottom: 24px; overflow: hidden; list-style: none; padding: 0; } #authMenu li { margin-bottom: 24px; margin-right: 24px; float: left; } #authMenu li:last-child { margin-right: 0; } #authMenu li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 16px; } #authMenu li a:active { position: relative; top: 1px; } #authMenu li .selected { font-family: 'robotobold'; padding-bottom: 4px; } #empty { overflow: hidden; } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer { margin-right: 24px; float: left; } #empty h3 { font-family: 'robotobold'; text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0; } #empty p { font-size: 14px; } #empty a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #empty a:active { position: relative; } #empty a img { vertical-align: middle; padding-right: 12px; } #empty .emptyTitle { text-transform: uppercase; font-family: 'robotobold'; margin-top: 24px; font-size: 14px; } #empty .emptyMenu { margin: 24px 0 0 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li { margin-bottom: 12px; width: 33.333333%; float: left; } #empty .back { padding-bottom: 2px; } #empty .back:active { position: relative; top: 1px; } #overlap { background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0px; top: 0px; } #searchOverlap { background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 34; left: 0px; top: 0px; } /* CLASSES */ .ajaxContainer { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ajaxContainer.loading { opacity: 0.5; } .productList { list-style: none; padding: 0; margin: 0; } .product { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; height: 455px; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5) { height: 455px; } .product.last { /* next page */ line-height: 346px; } .product .tabloid { -webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d7d7d7; border-radius: 25px; position: relative; overflow: hidden; padding: 12px; height: 455px; z-index: 1; } .product .markerContainer { position: absolute; z-index: 88; left: 11px; top: 11px; } .product .marker { font: normal normal 12px "Roboto-Regular", arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } .product .rating { position: absolute; width: 79px; z-index: 2; right: 8px; top: 8px; } .product .rating i { background: url(/local/templates/dresscode/images/rating.png) repeat 0 0px transparent; position: absolute; display: block; height: 15px; width: 79px; left: 0px; top: 0px; } .product .rating i.m { background: url(/local/templates/dresscode/images/rating.png) repeat 0 -14px transparent; z-index: 10; width: 0px; } .product .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } .product .middle { line-height: 21px; vertical-align: middle; display: inline-block; } .product .price { font-family: 'robotobold'; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; } .product .price .measure { font-size: 16px; } .product .price .discount { font-family: 'Roboto-Regular'; padding-left: 4px; font-size: 14px; } .product .picture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; display: block; text-align: center; height: 240px; line-height: 240px; } .product .picture img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; max-height: 90%; max-width: 90%; } .product .picture:hover img { opacity: 0.85; } .product .picture:active { position: relative; top: 1px; } #specialProduct{ border: 1px solid #a9a9a9; } #specialProduct .productItem .picture img { transform: scale(1.05); } .product .getFastView, #catalogLineList .picture .getFastView, #specialProduct .productItem .getFastView { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #ffffff; /*display: none;*/ height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView, #specialProduct .productItem .picture:hover .getFastView { visibility: visible; /*display: block;*/ opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover, #specialProduct .productItem .getFastView:hover { opacity: 1; } .product .addCart, .product .requestPrice { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 60px; height: 60px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 12px; border-radius: 4px; } .product .icon { vertical-align: middle; display: inline-block; } .product .addCart .icon, .product .requestPrice .icon { padding-right: 12px; margin-top: -4px; } .product .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; overflow: hidden; } .product .label { font-family: 'roboto_condensedlight'; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 14px; display: block; float: left; width: 55%; } .product .row .label:last-child { width: 45%; } .product .label .icon { padding-right: 6px; margin-top: -4px; } .inStock { color: #73b24e !important; text-decoration: none; } .inStock:hover { color: #73b24e !important; } a.inStock span { border-bottom: 1px dashed #73b24e !important; } a.inStock:hover span { opacity: 0.8; } .outOfStock { color: #ff0000; } .outOfStock:hover { color: #ff0000; } .product .skuPropertyList { overflow: hidden; list-style: none; padding: 0px; margin: 0px; } .product .skuProperty { overflow: hidden; margin: 12px 0; } .product .skuPropertyName { padding-bottom: 2px; padding-left: 2px; font-size: 13px; } .product .skuProperty li { box-sizing: border-box; overflow: hidden; padding: 4px; float: left; min-width: 20%; } .product .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; /*top: -2px;*/ } .product .skuProperty .disabled { display: none; } .product .skuPropertyLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 21px; padding: 6px 4px; font-size: 12px; display: block; } .product .skuPropertyLink:hover { opacity: 0.8; } .product .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } /* product hover */ .product:hover { position: relative; } .product:hover .tabloid { position: absolute; height: auto; width: 100%; z-index: 3; } .product:hover .morePhoto { display: block; } .product.last .wp { vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100%; } .product.last .showMore { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100%; } .product.last .showMore:hover { opacity: 0.7; } .product.last .icon { display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100%; } .product.last .ps { font-size: 18px; } .product.last .value { padding-left: 6px; font-size: 18px; } .product.last .small { display: inline-block; width: 100%; } .sideBlock .heading { padding-left: 18px; } .heading.collapsed { text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: #ffffff; font-size: 16px; } .heading.collapsed ins { vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px; } .mfeedback .errortext, .mfeedback .mf-ok-text { font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text + form { display: none; } .mfeedback .mf-text { font-size: 14px; margin-top: 8px; } .mfeedback input, .mfeedback textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto-Regular", arial, sans-serif; margin-top: 8px; padding: 0 12px; height: 48px; border: 0px; } .mfeedback textarea { padding-top: 12px; height: 150px; outline: none; resize: none; } .mfeedback input[type="submit"] { cursor: pointer; padding: 0 48px; } .bx-auth { overflow: hidden; } .bx-auth .alert { font-family: 'robotobold'; text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px; } .bx-auth .alert.small { font-family: "Roboto-Regular"; line-height: 28px; max-width: 600px; font-size: 14px; } .bx-authform-label-container { margin-bottom: 8px; } .bx-auth .bx-authform-description-container { margin-bottom: 12px; } .bx-auth .bx-captcha { margin-top: 28px; } .bx-auth .bx-authform-formgroup-container { float: left; width: 450px; } .bx-auth .bx-authform-formgroup-container-line { overflow: hidden; } .bx-auth .registerText { padding-bottom: 24px; max-width: 800px; margin-top: 0px; display: block; } .bx-auth input { font-family: "Roboto-Regular", arial, sans-serif; font-size: 14px; } .bx-auth .leftContainer { margin-right: 48px; float: left; } .bx-auth .rightContainer { float: left; } .bx-auth .rightContainer p { max-width: 450px; display: block; } .bx-auth input[type="checkbox"] + label, .bx-auth input[type="radio"] + label { cursor: pointer; } .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .bx-auth input[type="checkbox"]:not(checked) + label, .bx-auth input[type="radio"]:not(checked) + label { position: relative; padding-left: 24px; } .bx-auth input[type="checkbox"] + label:before { background: url(/local/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent; } .bx-auth input[type="radio"] + label:before { background: url(/local/templates/dresscode/images/radio.png) 0 0 no-repeat transparent; } .bx-auth input[type="checkbox"]:not(checked) + label:before, .bx-auth input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .bx-auth input[type="checkbox"]:not(checked) + label:hover:before, .bx-auth input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .bx-auth input[type="checkbox"]:checked + label:before, .bx-auth input[type="radio"]:checked + label:before { background-position: 0 -34px; } .bx-auth input[type="checkbox"]:checked + label:hover:before, .bx-auth input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .bx-auth input[type="checkbox"]:disabled + label, .bx-auth input[type="radio"]:disabled + label { cursor: default; } .bx-auth input[type="checkbox"]:disabled + label:before, .bx-auth input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .bx-auth input[type="text"], .bx-auth input[type="email"], .bx-auth input[type="password"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; margin-top: 12 xp; padding: 0 12px; width: 455px; height: 48px; border: 0; } .bx-auth .submit, .popup-window .btn { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; line-height: 48px; margin-top: 24px; cursor: pointer; font-size: 14px; height: 48px; width: 224px; border: 0; } .bx-auth .send .submit { margin-top: 12px; } .popup-window .btn { margin-left: 12px; line-height: 30px; margin-top: 0px; height: 30px; } .bx-auth .submit:active, .popup-window .btn:active { position: relative; top: 1px; } .bx-auth .clear { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; display: inline-block; text-decoration: none; text-align: center; margin-left: 12px; line-height: 48px; margin-top: 24px; font-size: 14px; cursor: pointer; height: 48px; width: 160px; } .bx-auth .submit:active { position: relative; top: 1px; } .bx-auth .forgot, .bx-auth .registerLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-left: 12px; } .bx-auth .registerLink { margin-left: 0; } .blackLink, .backToIndexPage { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog-item-links { margin-bottom: 12px; } .catalog-detail { margin-bottom: 12px; } .contactList { margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0; } .contactList li { float: left; width: 25%; } .contactList li table { table-layout: fixed; width: 100%; } .contactList li table td { vertical-align: middle; text-align: left; } .contactList li table td:first-child { padding-right: 12px; text-align: center; width: 42px; } .contactList li table td img { vertical-align: middle; } .contactList a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .contactLabel { font-size: 16px; margin-top: 0; } .blurred { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: #ffffff; } /*.product .pic:hover img{}*/ .copyright img { vertical-align: middle; } .sn { overflow: hidden; float: right; } .sn li { line-height: 60px; float: left; } .sn a { display: block; height: 60px; width: 60px; } .sn .vk { background: url(/local/templates/dresscode/images/sn.png) 0 0 no-repeat transparent; } .sn .fb { background: url(/local/templates/dresscode/images/sn.png) -60px 0 no-repeat transparent; } .sn .od { background: url(/local/templates/dresscode/images/sn.png) -120px 0 no-repeat transparent; } .sn .tw { background: url(/local/templates/dresscode/images/sn.png) -180px 0 no-repeat transparent; } .sn .go { background: url(/local/templates/dresscode/images/sn.png) -240px 0 no-repeat transparent; } .sn .yo { background: url(/local/templates/dresscode/images/sn.png) -300px 0 no-repeat transparent; } .sn .vk:hover { background-position: 0 -60px; } .sn .fb:hover { background-position: -60px -60px; } .sn .od:hover { background-position: -120px -60px; } .sn .tw:hover { background-position: -180px -60px; } .sn .go:hover { background-position: -240px -60px; } .sn .yo:hover { background-position: -300px -60px; } #upButton { background: url(/local/templates/dresscode/images/up.png) 0 0 no-repeat transparent; position: fixed; cursor: pointer; display: none; bottom: 70px; /* 132 old */ height: 73px; width: 73px; right: 32px; /* 24 old */ transform: scale(0.9); z-index: 99; } #upButton.enb { display: block; } #upButton a { display: block; } #requestPrice { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; display: none; z-index: 1001; height: 100%; width: 100%; left: 0px; top: 0px; } #requestPrice #requestPriceResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #requestPrice #requestPriceResultTitle { text-align: center; margin-top: 24px; font-size: 16px; } #requestPrice #requestPriceResultMessage { text-align: center; margin-top: 24px; } #requestPrice #requestPriceResultClose { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; color: #ffffff; display: block; height: 50px; width: 254px; } #requestPrice #requestPriceResultClose:active { position: relative; top: 1px; } #requestPrice #requestPriceContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%; } #requestPrice .requestPriceHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; height: 60px; } #requestPrice .requestPriceHeading .close { background: url(/local/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #requestPrice .requestPriceHeading .close:hover { background-position: 0 -21px; } #requestPrice .requestPriceHeading .close:active { background-position: 0 -42px; } #requestPrice .requstProductContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #requestPrice .productColumn { vertical-align: middle; display: table-cell; text-align: center; width: 320px; } #requestPrice .productNameBlock { padding: 0 24px; } #requestPrice .productNameBlock .productUrl { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 44px; } #requestPrice .productNameBlock .productUrl:active { position: relative; top: 1px; } #requestPrice .productImageBlock { text-align: center; line-height: 270px; display: block; height: 270px } #requestPrice .productImageBlock a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 270px; display: block; height: 270px; } #requestPrice .productImageBlock a:hover { opacity: 0.8; } #requestPrice .productImageBlock a:active { position: relative; top: 1px; } #requestPrice .productImageBlock img { vertical-align: middle; max-height: 100%; max-width: 100%; } #requestPrice .productNameBlock .middle { line-height: 21px; vertical-align: middle; display: inline-block; } #requestPrice .formColumn { vertical-align: middle; display: table-cell; width: 455px; } #requestPrice .requestPriceFormHeading { margin-bottom: 12px; text-align: center; margin-right: 24px; margin-top: 24px; font-size: 16px; display: block; } #requestPrice input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto-Regular"; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0; } #requestPrice input { background-color: #f3f3f3; color: #000000; } #requestPrice textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto-Regular"; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 90px; border: 0; } #requestPrice textarea { background-color: #f3f3f3; } #requestPrice input:focus, #requestPrice textarea:focus { background-color: #e9e9e9; outline: none; } #requestPrice #requestPriceSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #ffffff; height: 50px; width: 354px; } #requestPrice #requestPriceSubmit:active { position: relative; top: 1px; } #requestPrice #requestPriceSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #requestPrice #requestPriceSubmit.loading img { display: none; } #requestPrice #requestPriceSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px; } #requestPrice .markerContainer { position: absolute; top: 0px; left: 12px; } #requestPrice .error { border: 1px solid #ff0000; } @media screen and (max-width: 767px) { #requestPrice #requestPriceContainer{height: 100%;width: 100%;margin-left: 0;margin-top: 0;left:0;top:0;overflow: auto;} #requestPrice .requstProductContainer{display: block;} #requestPrice .productColumn, #requestPrice .formColumn{width: 100%;float: none;padding: 0 15px;margin: 0;display: block;box-sizing: border-box;} #requestPrice .productColumn{padding-top: 15px;padding-bottom: 0px;border-bottom: 1px solid #e7e8ea;margin-bottom: 15px;} #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit{width: 100%;} #requestPrice .productImageBlock, #requestPrice .productImageBlock a{height: 120px;line-height: 120px;} #requestPrice .requestPriceFormHeading{margin-right: 0;font-weight: bold;} } #searchSection a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #searchSection a:hover { opacity: 0.7; } #error404 { margin-bottom: 24px; text-align: center; } #error404 h1 { font-family: "roboto_thregular"; margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px; } #error404 .errorPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block; } #error404 .errorPic img { max-height: 90%; max-width: 90%; } #error404 .errorPic:hover { opacity: 0.8; } #error404 .errorText { font-family: 'robotobold'; text-transform: uppercase; line-height: 28px; } #error404 .errorText a { color: #ff9601; } #error404 #empty { border-top: 1px solid #e5e5e5; margin-top: 48px; } #error404 #empty .emptyTitle { text-align: center; margin-top: 48px; } #error404 #empty .emptyMenu a { display: inline-block; width: 250px; text-align: left; } #middleSlider img { width: 100%; } #modef { left: 371px; } @media all and (max-width: 1000px) { #error404 .errorText { display: none; } } /*#error404 .wrapper{ width: 1000px; margin: auto; }*/ .clean { position: relative; overflow: hidden; padding: 0 2px; } .limiter { padding: 0px 24px; max-width: 1920px; min-width: 320px; margin: auto; clear: both; } .limiter .compliter > div[id*="bx_"] { width: 355px; /*padding-right: 24px;*/ display: table-cell; vertical-align: top; } .limiter .compliter > div[id*="bx_"] #left { padding-right: 0 } /* page styles */ .priceTableContainer { max-width: 1000px; overflow-x: auto; min-width: 320px; } .priceTableStyle80 { border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .priceTableStyle80 th { font-family: "robotomedium"; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px; } .priceTableStyle80 td { border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333; } .mediumText { font-family: "robotomedium"; } .pagePicture { max-width: 100%; height: auto; } .skuPropertyValue.loading { position: relative; } .skuPropertyValue.loading img { opacity: 0; } .skuPropertyValue.loading:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/local/templates/dresscode/images/loaderMin.gif) 50% 50% no-repeat #fff; } .clear { clear: both; } .hidden { display: none; } .hiddenZone { display: none; } /* brand */ .brands-mobile { display: none; } /* media css starting */ @media all and (max-width: 1800px) { .product { height: 455px !important; width: 25% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+4) { height: 455px !important; } #brandList .item, #popSection .item { width: 25% !important; border: 0 !important; /* clear old */ } #catalogLineList .prop { width: 80%; } #catalogTableList .column:nth-child(3) { display: none; } .product { /* border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;*/ border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; } .product:nth-child(-n+4) { /* border-top: 1px solid #e7e8ea !important;*/ border-top: 1px solid transparent !important; } .product:nth-child(4n+1) { /* border-left: 1px solid #e7e8ea !important;*/ border-left: 1px solid transparent !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) { border-left: 1px solid #e7e8ea !important; } #bigDataCarousel .product:nth-child(4n+1), #viewedProduct .product:nth-child(4n+1), #topProduct .product:nth-child(4n+1) { border-left: none !important; } #topProduct .productList > li:first-child .product { border-left: 1px solid transparent !important; } #bigDataCarousel .productList > li:first-child .product { border-left: 1px solid #e7e8ea !important; } #viewedProduct .productList > li:first-child .product { border-left: 1px solid transparent !important; } } @media all and (max-width: 1650px) { #bannersBlock { display: none; } #sliderBlock { width: 100%; } } @media all and (max-width: 1550px) { #catalogLineList .description { display: none; } #catalogLineList .prop { width: 100%; } #catalogTableList .column:nth-child(4) { display: none; } #left { width: 320px; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 585px; } #modef { left: 335px; } } @media all and (max-width: 1500px) { #footer .information .label { display: block; } #catalogLineList .column:first-child { width: 340px; } #middleSlider { display: none; } #mobileMiddleSlider { display: block; } #mobileMiddleSlider img { max-width: 100%; } #middleSlider img { max-width: 100%; } #newsContainer .column { width: 100%; } #newsContainer .column .item { overflow: hidden; } #newsContainer .column .item .bigPicture { margin-right: 48px; float: left; width: 30%; } #newsContainer .column .item .bigPicture a{ height: auto; } .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 250px !important; } } @media all and (max-width: 1366px) { #catalogLineList .column:first-child { width: 300px; } .contactList li { margin-bottom: 24px; width: 50%; } .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea { width: 100%; } .mfeedback input[type="submit"] { width: 200px; } #left { width: 280px; } .disabled1366 { display: none; } #modef { left: 295px; } } @media all and (max-width: 1300px) { #logo { width: 139px; } #topService .city { display: none; } #headerTools .wishlist .nf { display: none; } #headerTools .compare .nf { display: none; } #footer .nav > li { width: 33.313131%; } #footer .nav > li:last-child { display: none; } #middleSlider { display: none; } #mobileMiddleSlider { display: block; } #mobileMiddleSlider img { max-width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 505px; } #footer .rightTable .leftColumn { display: none; } #rightFooter { width: 23%; } #empty .emptyMenu li { width: 50%; } .product { height: 455px !important; width: 33.33333% !important; border: 0 !important; } .product:nth-child(-n+4) { height: 455px !important; border-top: 0 !important; } .product:nth-child(4n+1) { border-left: 0 !important; } .product:nth-child(-n+3) { height: 455px !important; } #brandList .item, #popSection .item { width: 33.33333% !important; border: 0 !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } .product { border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; } .product:nth-child(-n+3) { border-top: 1px solid transparent !important; } .product:nth-child(3n+1) { border-left: 1px solid transparent !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+3), #popSection .item:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important; } .disabled1366 { display: block; } } @media all and (max-width: 1300px) and (min-width: 1100px) { .product:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last { line-height: 70px !important; height: 70px !important; width: 100% !important; } .product:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon { display: none; } .product:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 1280px) { #topSearch{ top: 180px; } #searchResult{ top: 250px; } .global-block-container .global-information-block { display: none; } #left { width: 330px; } #homeCatalog .captionList { line-height: 55px; height: 55px; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { top: -2.5px; } #left #specialProduct .specialProductHeading, #left .sideBlock .heading, #right .heading { line-height: 55px; height: 55px; } #modef { left: 345px; } } @media all and (max-width: 1200px) { #catalog-section-banners { display: none; } #homeCatalog .item:nth-child(2n) { border-right: 0; } #homeCatalog .item { width: 50%; } #footerLine .col:first-child { width: 30%; } #footerLine .col:last-child { width: 70%; float: right; } #footerLine .col:first-child .item:nth-child(1n+2) { display: none; } #catalogLineList .column:last-child, #catalogLineList .itemRow { overflow: hidden; display: block; } #catalogLineList .column:first-child { width: 40%; } #catalogLineList .column:nth-child(2) { width: 60%; } #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) { float: left; } #catalogLineList .column:last-child { line-height: 60px; padding: 0 0; height: 60px; border: 0px; width: 100%; clear: both; } #catalogLineList .resizeColumn { text-align: center; width: 30%; float: left; } #catalogLineList .column .resizeColumn.last { text-align: right; width: 40%; } #catalogLineList .column:last-child .priceLabel { display: inline-block; padding-left: 24px; float: none; } #catalogLineList .column:last-child .price { display: inline-block; margin: 0px; } #catalogLineList .column:last-child .addCart { display: inline-block; margin: 9px auto; line-height: 40px; padding: 0 24px; font-size: 14px; height: 40px; width: auto; } #catalogLineList .column:last-child .optional { margin: 9px 0 0 0px; font-size: 14px; } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0px; } #catalogLineList .column:last-child .optional .label { text-align: left; font-size: 14px; width: 50%; } #catalogLineList .column:last-child .article { display: none; } #catalogTableList .column:nth-child(7) { display: none; } #homeCatalog .item:nth-child(5n) { border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(4n) { border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(3n) { border-right: 1px solid #e7e8ea; } #catalogLineList .column:last-child { background-color: #f9f9f9; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 36px; margin-top: 12px; font-size: 30px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 24px; margin-top: 12px; font-size: 16px; } /*#slider .sliderContent .cButton, #slider .sliderContent .cButtonLight { margin-top: 12px; }*/ #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { margin-top: 12px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none; } #slider .sliderContent { /*left: 24px;*/ left: auto !important; right: 0; } #slider .leftContainer { left: 24px; } #slider .rightContainer { right: 24px; } #leftMenu li .pc { display: none; } #leftMenu .pc, #leftMenu .tx { padding: 8px 24px; } #left { width: 260px; } #modef { left: 275px; } } @media all and (max-width: 1100px) { .product { height: 455px !important; width: 50% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) { height: 455px !important; border-top: 0 !important; } .product:nth-child(3n+1) { border-left: 0 !important; } .product:nth-child(-n+2) { height: 455px !important; } #brandList .item, #popSection .item { width: 50% !important; border: 0 !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } #catalogLine .column:last-child .label { display: none; } .product { border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; } .product:nth-child(-n+2) { border-top: 1px solid transparent !important; } .product:nth-child(2n+1) { border-left: 1px solid transparent !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 1024px) { .brand_desct{ display: none; } #logo { display: none; } #logo-mobile { display: block; } #topHeading{ display: none; } #topSearch{ top: 170px; padding-left: 10px; } #topSearch form { box-sizing: border-box; background: #fff; } .top_heading_mobile{ color: #ff0000; font-size: 26px; font-weight: bold; } #colorSwitcher { display: none !important; } #left .collapsed { display: none; } #bestsellers { margin-top: 0; } #left { margin-bottom: 24px; } #left, #right { display: block; width: 100%; } #smartFilter .heading { line-height: 46px; height: 46px; } #left #promoBlock, #left #serviceBlock, #left #collectionBlock, #left #newsBlock, #left #popCats, #left #subscribe, #left .banner, #footer .top .left, .product:hover .fastShow { display: none; } #right { padding-left: 0px; } .drop { display: none !important; } #rightFooter { display: none; } #smartFilter .heading { cursor: pointer; } #nextSection ul { display: none; } #nextSection .title { cursor: pointer; } #smartFilterForm { display: none; } #smartFilterForm .slider { display: none; } .appZoomContainerImage { max-width: 60vh !important; max-height: 60vh !important; } #reformal_tab { display: none !important; } .product .getFastView, #specialProduct .productItem .getFastView, #catalogLineList .picture .getFastView { display: none !important; } #appFastView { display: none !important; } #fastViewStores { display: none !important; } #slider ol { display: none; } #slider:after { display: none; } #left #specialBlock { display: none; } .product { height: 455px !important; width: 33.33333% !important; border: 0 !important; } .product:nth-child(-n+4) { height: 455px !important; border-top: 0 !important; } .product:nth-child(4n+1) { border-left: 0 !important; } .product:nth-child(-n+3) { height: 455px !important; } #brandList .item, #popSection .item { width: 33.33333% !important; border: 0 !important; } #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } .product { border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; } .product:nth-child(-n+3) { border-top: 1px solid transparent !important; } .product:nth-child(3n+1) { border-left: 1px solid transparent !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+3), #popSection .item:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important; } #leftMenu li .pc { display: table-cell; } #leftMenu .pc, #leftMenu .tx { padding: 8px; } #slider .videoPoster { display: block; } #slider .slideVideo { display: none; } } @media all and (max-width: 1024px) and (min-width: 870px) { .product:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last { line-height: 70px !important; height: 70px !important; width: 100% !important; } .product:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 870px) { .product { height: 455px !important; width: 50% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) { height: 455px !important; border-top: 0 !important; } .product:nth-child(3n+1) { border-left: 0 !important; } .product:nth-child(-n+2) { height: 455px !important; } #brandList .item, #popSection .item { width: 50% !important; border: 0 !important; } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } #catalogLine .column:last-child .label { display: none; } .product { border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; } .product:nth-child(-n+2) { border-top: 1px solid transparent !important; } .product:nth-child(2n+1) { border-left: 1px solid transparent !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 850px) { #logo { margin-top: 10px; } #leftFooter .column { width: 50%; } #leftFooter .column:last-child { display: none; } #footerLine .col:first-child { display: none; } #footerLine .col:last-child { text-align: center; width: 100%; float: left; } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px; } #modef { display: none !important; } } @media all and (max-width: 700px) { #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 300px; } #slider ul li .bg{ position: absolute;left:0;top:0;width: 100%;height: 100%;filter: blur(20px); } #slider ul li span{ position: relative; } .limiter { padding: 0; } #topMenu { margin-left: 12px; } #logo { border-right: 0; } #left { width: 100%; padding: 0 12px; box-sizing: border-box; display: block; } #right { display: block; margin-top: 24px; padding: 0 12px; box-sizing: border-box; } #leftMenu li a { font-size: 16px; } #footer .top { box-sizing: border-box; padding: 0 12px; } #footer .bottom { box-sizing: border-box; padding: 0 12px; } #footer .bottom .left { width: 60px; } #flushFooterCart .item:nth-child(1) { display: none; } #catalogLine .column:nth-child(2) { display: none; } .copyright img { display: none; } .copyright { display: block; width: 60px; height: 60px; background: url(/local/templates/dresscode/images/sn.png) -360px -0px no-repeat transparent; } .copyright:hover { background-position: -360px -60px; } #catalogLineList .resizeColumn { width: 40%; } #catalogLineList .column .resizeColumn.last { width: 20%; } #catalogLineList .column:last-child .optional .label { width: 100% } #catalogLineList .column:last-child .optional .label:first-child { display: none; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogTableList .column:nth-child(8) { display: none; } #appBasket { display: none !important; } #overlap { display: none !important; } .blurred { -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #upButton { display: none !important; } #newsContainer .column .item .bigPicture { width: 100%; float: none; } #catalogSection .sectionItems .item .itemContainer .description { display: none; } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message { width: 100%; } .product .row:first-child { display: none; } /* brand */ .brands-desktop { display: none; } .brands-mobile { display: inline-block; } } @media all and (max-width: 634px) { #footerTabsCaption, #footerTabs { display: none; } #headerTools .tools .compare, #headerTools .tools .wishlist { display: none; } #catalogLineList .column { width: 50%; } #catalogLineList .prop { display: none; } #catalogLineList .column .resizeColumn { width: 50%; } #catalogLineList .column .resizeColumn.last { display: none; } #catalogTableList .column:nth-child(1) { display: none; } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto; } .contactList li { margin-bottom: 24px; width: 100%; } #empty .emptyMenu li { width: 100%; } } // @media screen and (max-width: 320px) { /* header tel */ .b-telephone__mobile{ margin-top: 30px; } .b-telephone__mobile .heading .ph { display: block; position: relative; font-size: 14px; line-height: 20px; margin-left: 40px; } } @media all and (max-width: 530px) { #topSearch{ top: 150px; } #topService li:not(.null) a:not(.lang) { color: #000000; } /* header tel */ .b-telephone{ display: none; } .b-telephone__mobile{ display: block; } .b-heading__email{ display: block; margin: 20px 0px; font-size: 16px; text-align: right; } .b-telephone__mobile{ margin-top: 30px; } .b-telephone__mobile .heading .ph { display: block; position: relative; font-size: 14px; line-height: 20px; margin-left: 40px; } #topService li:not(.null) a:not(.lang) { font-size: 14px; } #headerTools .tools li.telephone { position: absolute; right: 10px; top: 90px; border-left: 0px; } #subHeader{ height: 193px; } #topService li a:not(.lang):hover { background: none; border: none !important; } #topService li:not(.null) a:active { position: relative; } .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { top: 230px; position: absolute; } .top-auth-personal a, .top-auth-exit a, .top-auth-login a, .top-auth-register a { border: none !important; } .top-auth-personal, .top-auth-login { left: 12px; } #logo { display: none; } #logo-mobile { display: block; text-align: center; } /* top heading */ #topHeading { float: right; width: 50%; } #topHeading p { font: normal normal 16px "Roboto-Regular", arial, sans-serif; vertical-align: middle; display: inline-block; line-height: 21px; text-align: center; margin: 0; } #topHeading p span.brand_text { display: block; padding-bottom: 20px; color: #ff0000; font-size: 32px; font-weight: bold; } #topHeading .vertical p { margin-top: 20px; color: black; font-size: 16px; line-height: 22px; color: black; } .top-auth-exit { left: 134px; } .top-auth-register { left: 52px; } #headerTools .telephone { } #headerTools .telephone .callBack { display: none; } #headerTools .telephone .nf { margin: 0; float: none; display: block; } #headerTools .telephone .nf .heading { display: none; } #headerTools .telephone .nf .heading:first-child { font-family: "robotomedium"; font-size: 14px; display: block; color: #000000; } #headerTools .telephone .heading { margin-top: 0px; margin-bottom: 0px; } .heading .ph.watsap:before { left: -8px; top: -2px; } #headerTools .telephone .nf .ph.phone { bottom: -80px; } #topService .top-auth-login a:active, #topService .top-auth-register a:active { position: absolute !important; top: 55px !important; border: none !important; } #topService .top-auth-login a:hover, #topService .top-auth-register a:hover { background: transparent !important; } #topService .top-auth-login a { font-size: 15px !important; border: none !important; } #topService .top-auth-register a { left: 21px; font-size: 15px !important; border: none !important; } #headerTools .tools li { border: none !important; } #topService { border: none; } #topService li { padding: 0px; border: none; } #logo { padding-left: 12px; line-height: 80px; height: 103px; } #headerTools .tools li { line-height: 80px; } #topMenu { margin-left: 0px; } .user-geo-position { padding-right: 12px; text-align: right; } #topSearch input[type="text"] { padding-left: 6px; } #topService li a { color: #888888; } #topService li a.lang { color: white; } #panel { position: fixed; z-index: 9999; } #logo { text-align: left; } #topSearch input[type="text"] { font-size: 14px; } #topSeachCloseForm { font-size: 13px; } .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { top: 240px; position: absolute; } #headerTools .tools { float: right; } /* brands */ .grid { display: block; margin-top: 20px; grid-template-areas: "a b c d" "e f g h"; grid-gap: 1px 1px; } #catalogSection .sectionItems .item { margin-top: 10px; } } @media all and (max-width: 486px) { #catalogLine .column:last-child { display: none; } } @media all and (max-width: 480px) { .product { height: 455px !important; width: 100% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) { height: 455px !important; border-top: 0 !important; } .product:nth-child(3n+1) { border-left: 0 !important; } .product:nth-child(-n+1) { height: 455px !important; } #brandList .item, #popSection .item { width: 100% !important; border: 0 !important; /* clear old */ } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) { border-left: 0px !important; } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 0 !important; } #homeCatalog { margin-top: 0px; } #slider { margin-bottom: 24px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none !important; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 231px; } #leftFooter .column { width: 100%; } #leftFooter .column:nth-child(2n) { display: none; } #flushFooterCart .item:nth-child(2) { display: none; } .sn { display: none; } #catalogTableList .column:nth-child(2) { margin-top: 0px; } #catalogTableList .column { text-align: center; display: block; } #catalogTableList .column:nth-child(1) { margin-top: 24px; display: block; } #catalogTableList .name { text-align: center; } #catalogTableList .price .discount { right: 48px; } #catalogTableList .addCart, #catalogTableList .more { margin: 0; } .product { border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; } .product:nth-child(-n+1) { border-top: 1px solid transparent !important; } .product:nth-child(1n+1) { border-left: 1px solid transparent !important; } #brandList .item, #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #brandList .item:nth-child(-n+1), #popSection .item:nth-child(-n+1) { border-top: 1px solid #e7e8ea !important; } #brandList .item:nth-child(1n+1), #popSection .item:nth-child(1n+1) { border-left: 1px solid #e7e8ea !important; } #leftFooter .heading { text-align: center; } #leftFooter ul { text-align: center; } #footerBottom .creator { text-align: center; padding: 0px; float: none; } #slider .sliderContent { text-align: center; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: unset; left: unset; width: 100%; text-align: right !important; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 30px; font-size: 24px; } #slider .sliderContent br { display: none; } } @media all and (max-width: 360px) { #catalogLine { display: none; } #headerTools .tools li { / / display: none; border-left: none; } #logo { width: 120px; } } /*Дополнительные стили для слайдера на главной*/ @media (max-width: 1600px) { #slider ul li span { height: 585px !important; } } @media (max-width: 1366px) { #slider ul li span { height: 505px !important; } } @media (max-width: 1280px) { #slider ul li span { height: 436px !important; } } @media (max-width: 1024px) { #slider ul li span { height: 485px !important; } } @media (max-width: 768px) { #slider ul li span { height: 364px !important; } } @media (max-width: 414px) { #slider ul li span { height: 197px !important; } } @media (max-width: 375px) { #slider ul li span { height: 178px !important; } } @media (max-width: 320px) { #slider ul li span { height: 150px !important; } } #ORDER_CONFIRM_BUTTON { text-shadow: none !important; height: 50px !important; line-height: 50px !important; } .addCart.disabled { pointer-events: none; cursor: default; } .addCart.requestPrice { background-color: #2b2b2b !important; pointer-events: auto !important; cursor: pointer !important; } .addCart.requestPrice:hover { opacity: 0.8 !important; } .addCart.requestPrice:active { position: relative; top: 1px; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 50px; cursor: pointer; padding: 0 48px; height: 50px; border: 0px; } div.bx-debug-summary { z-index: 99999 !important; } .appZoomContainerExit { background: url(/local/templates/dresscode/images/exitWindow.png) 0 0 no-repeat transparent; position: absolute; height: 38px; width: 38px; right: -38px; top: -38px; } .appZoomContainerExit:hover { background-position: 0px -38px; } .appZoomContainerExit:active { background-position: 0px -76px; } #appZoomWindow .appZoomContainer { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appZoomWindow .appZoomContainer.loading { background: url(/local/templates/dresscode/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px; } .fastBack.disabled { /*pointer-events: none;*/ cursor: not-allowed; } .fastBack.disabled:hover { color: #717171; } .fastBack.disabled:active { top: 0px; } .getPricesWindow { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .getPricesWindow:hover { color: #444444; } .getPricesWindow:active { position: relative; top: 1px; } .getPricesWindow .priceIcon { background: url(/local/templates/dresscode/images/priceInfo.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -2px; height: 21px; width: 21px; } .getPricesWindow .priceIcon:hover { background-position: 0px -21px; } .getPricesWindow .priceIcon:active { background-position: 0px -42px; } .global-block-container { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .global-content-block, .global-information-block { display: table-cell; vertical-align: top; } .global-information-block { position: relative; padding-left: 24px; overflow: hidden; width: 280px; } .global-information-block.fixed .global-information-block-cn { padding-top: 24px; overflow: hidden; position: fixed; width: 280px; top: 0px } .global-information-block-hide-scroll { padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px; } .global-information-block-hide-scroll-cn { width: 280px; } .global-information-block.max-scroll .global-information-block-cn { position: absolute; bottom: 0px; top: auto; } .information-heading { font-family: "robotomedium"; margin-bottom: 12px; font-size: 21px; } .information-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555555; } .information-list-item { border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px 12px; margin-top: 24px; } .information-item-icon { padding-right: 24px; width: 42px; } .information-list-item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .information-list-item a:hover { color: #777777; } .information-list-item a:active { position: relative; top: 1px; } .information-feedback-container { margin-top: 24px; } .information-feedback { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block; } .information-feedback:active { position: relative; top: -1px; } .tb { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .tc { vertical-align: middle; display: table-cell; } #catalog-section-banners { margin: 24px 0px; clear: both; } #catalog-section-banners li { list-style: none; } #catalog-section-banners li img { width: 100%; } #catalog-section-banners ol { margin: 0px; padding: 0px; list-style: none; position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol { position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol li { background: url(/local/templates/dresscode/images/slideButtonSect.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float: left; cursor: pointer; } #catalog-section-banners ol li:hover { background: url(/local/templates/dresscode/images/slideButtonSect.png) -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active { background: url(/local/templates/dresscode/images/slideButtonSect.png) -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected { background: url(/local/templates/dresscode/images/slideButtonSect.png) -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover { background: url(/local/templates/dresscode/images/slideButtonSect.png) -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active { background: url(/local/templates/dresscode/images/slideButtonSect.png) -90px 0 no-repeat transparent; } #catalog-section-banners .catalog-section-banners-btn-left, #catalog-section-banners .catalog-section-banners-btn-right { background: url(/local/templates/dresscode/images/slideArrowSect.png) no-repeat transparent; position: absolute; margin-top: -30px; display: block; height: 60px; width: 30px; top: 50%; } #catalog-section-banners .catalog-section-banners-btn-left { background-position: 0 0; left: 0px; } #catalog-section-banners .catalog-section-banners-btn-left:hover { background-position: -30px 0; } #catalog-section-banners .catalog-section-banners-btn-left:active { background-position: -60px 0; } #catalog-section-banners .catalog-section-banners-btn-right { background-position: 0 -60px; right: 0px; } #catalog-section-banners .catalog-section-banners-btn-right:hover { background-position: -30px -60px; } #catalog-section-banners .catalog-section-banners-btn-right:active { background-position: -60px -60px; } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important; } #colorSwitcher { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); transform: translateX(192px); background-color: #ffffff; margin-top: -275px; text-align: center; position: fixed; z-index: 99999; height: 550px; width: 192px; right: 0px; top: 50%; } #colorSwitcher:hover { transform: translateX(0); } #colorSwitcher .settingTouch { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-align: center; position: absolute; line-height: 50px; height: 50px; width: 50px; left: -50px; } #colorSwitcher .settingTouch:hover { background: #2b2b2b; } #colorSwitcher .settingTouchPicture { background: url(/local/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px; } #colorSwitcher:hover .settingTouchPicture { transform: rotate(360deg); } #colorSwitcher .title { text-transform: uppercase; font-family: 'robotobold'; text-align: center; margin-top: 12px; } #colorSwitcher .items, #colorSwitcher .backgroundItems { text-align: center; margin-top: 12px; overflow: hidden; } #colorSwitcher .menuSelect { margin-top: 12px; } #colorSwitcher .menuSelect select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; outline: none; height: 35px; width: 85%; } #colorSwitcher .menuSelect option { padding: 12px 0px; } #colorSwitcher .item { margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left; } #colorSwitcher .item:nth-child(3n+1) { /*margin-left: 0px;*/ } #colorSwitcher .close { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.8); text-decoration: none; display: inline-block; margin-top: 8px; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 24px; color: #ffffff; } #colorSwitcher .close:hover { background-color: rgba(0, 0, 0, 1); } #colorSwitcher .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; display: block; height: 48px; width: 48px; } #colorSwitcher .selected a { background-image: url(/local/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } #colorSwitcher .item .color1 { background-color: #ff9601; } #colorSwitcher .item .color1:hover { background-color: #ffb800; } #colorSwitcher .item .color2 { background-color: #fb9bad; } #colorSwitcher .item .color2:hover { background-color: #f3889d; } #colorSwitcher .item .color3 { background-color: #ff855f; } #colorSwitcher .item .color3:hover { background-color: #e77652; } #colorSwitcher .item .color4 { background-color: #daa550; } #colorSwitcher .item .color4:hover { background-color: #e4a540; } #colorSwitcher .item .color5 { background-color: #b15b49; } #colorSwitcher .item .color5:hover { background-color: #a05a4b; } #colorSwitcher .item .color6 { background-color: #f44336; } #colorSwitcher .item .color6:hover { background-color: #d42d20; } #colorSwitcher .item .color7 { background-color: #acce11; } #colorSwitcher .item .color7:hover { background-color: #94b20e; } #colorSwitcher .item .color8 { background-color: #27c148; } #colorSwitcher .item .color8:hover { background-color: #19cc3f; } #colorSwitcher .item .color9 { background-color: #27bfc1; } #colorSwitcher .item .color9:hover { background-color: #25ccce; } #colorSwitcher .item .color10 { background-color: #3498db; } #colorSwitcher .item .color10:hover { background-color: #2395e1; } #colorSwitcher .item .color11 { background-color: #2a65d0; } #colorSwitcher .item .color11:hover { background-color: #0d57dc; } #colorSwitcher .item .color12 { background-color: #0061b2; } #colorSwitcher .item .color12:hover { background-color: #006ac2; } #colorSwitcher .item .color13 { background-color: #c651d0; } #colorSwitcher .item .color13:hover { background-color: #d75ee1; } #colorSwitcher .item .color14 { background-color: #c12752; } #colorSwitcher .item .color14:hover { background-color: #c61c4b; } #colorSwitcher .item .color15 { background-color: #ed1c24; } #colorSwitcher .item .color15:hover { background-color: #ff232b; } #colorSwitcher .item .white { background-color: #eeeeee; } #colorSwitcher .item .black { background-color: #000000; } .colorSwitcherLoader { background-color: rgba(0, 0, 0, 0.4); text-align: center; position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999; } .colorSwitcherLoader svg { height: 180px; width: 180px; margin: auto; overflow: visible; position: absolute; margin-top: -120px; top: 50%; left: 50%; display: none; } .colorSwitcherLoader.visible svg { display: block; } .bx-soa-pp-company { z-index: 1 !important; } #bx-soa-order * { -webkit-box-sizing: border-box !Important; -moz-box-sizing: border-box !Important; box-sizing: border-box !Important; } .sale_order_full_table input[name="BuyButton"] { margin-bottom: 24px; } .microdata { display: none; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .g--circle { -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; fill: dodgerblue; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite; } .g--circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9); } .g-circles--v1 .g--circle { fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity; } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke; } .g-circles--v2 .g--circle .u--circle { -webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors; } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3; } .g-circles--v4 .u--circle { -webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } @-webkit-keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @-webkit-keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @-webkit-keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @-webkit-keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @-webkit-keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @-webkit-keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @-webkit-keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-webkit-keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @media screen and (max-width: 700px) { #topMenu li { padding-right: 0px; } #topMenu li a:not(.openEnder):hover { background: #344899; } #topMenu .sub li:hover a { color: white; border: none } } #smartFilter .heading { background: none !important; border: none; } .questions-block .section { margin-bottom: 20px; } .questions-block .section-name { font-size: 30px; height: 30px; margin-bottom: 15px; } .questions-block .items .item { margin-bottom: 15px; position: relative; } .questions-block .items .item .header { font-size: 16px; background: #f1f5f6; border-radius: 5px; border: 1px solid transparent; height: 40px; line-height: 40px; padding-left: 15px; text-decoration: underline; cursor: pointer; } .questions-block .items .item.active .header { text-decoration: none; } .questions-block .items .item .reply { display: none; } .questions-block .items .item .reply .responder { color: black; padding-left: 15px; margin-top: 10px; } .questions-block .items .item .reply .responder .date { color: grey; } .questions-block .items .item .reply .responde_text:before { content: ''; position: absolute; /* Абсолютное позиционирование */ top: -21px; border: 10px solid transparent; border-bottom: 10px solid #f1f5f6; } .questions-block .items .item .reply .responde_text { background: #f1f5f6; padding: 22px; border-radius: 5px; border: 1px solid transparent; position: relative; margin-top: 20px; } .questions-block .items .item:after { content: ''; position: absolute; right: 14px; border: 10px solid transparent; border-top: 10px solid grey; top: 17px; } .questions-block .items .item.active:after { content: ''; position: absolute; right: 14px; border: 10px solid transparent; border-bottom: 10px solid grey; top: 4px; } #right > .sections-block.grid .grid-item { width: 20%; box-sizing: border-box; margin: 0; display: block; float: left; padding: 0px 15px 25px 15px; height: auto; } #right > .sections-block.grid .grid-item img { width: 100%; height: auto; max-height: 100%; height: 100%; } #right > .sections-block.grid .grid-item.grid-item--width2 { width: 40%; } #right > .sections-block.grid { margin: 0 -15px 0px -15px; } @media screen and (max-width: 1511px) { #right > .sections-block.grid { margin-top: 25px; } } @media screen and (max-width: 1024px) { #right .sections-block .section .title.blue { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 5px; } } @media screen and (max-width: 768px) { #right > .sections-block.grid .grid-item { width: 33.3333333%;; padding: 0px 8px 12px 8px; } #right > .sections-block.grid .grid-item.grid-item--width2 { width: 66.666666%; } #right > .sections-block.grid .grid-item:nth-child(3n) { width: 100%; } #right > .sections-block.grid { margin: 25px -8px 0px -8px; } } @media (width: 768px) { #right > .sections-block.grid .grid-item { width: 33.3333333%;; padding: 0px 8px 12px 8px; } #right > .sections-block.grid .grid-item.grid-item--width2 { width: 66.666666%; } #right > .sections-block.grid .grid-item:nth-child(3n) { width: 245px; } #right > .sections-block.grid { margin: 25px -8px 0px -8px; } } @media screen and (max-width: 480px) { #right > .sections-block.grid .grid-item { width: 100%; margin: 0px 4px 6px 4px; box-sizing: content-box; overflow: hidden; line-height: 20px; padding: 0px; } #right > .sections-block.grid .grid-item img { margin: 0 auto; max-height: none; } #right > .sections-block.grid .grid-item.grid-item--width2 { width: 100%; } #right > .sections-block.grid { margin: 12px -4px 0px -4px; } #right .sections-block .section .title { font-size: 12px; } #right > .sections-block.grid .grid-item img { height: auto; } #right > .sections-block.grid .grid-item:first-child img { margin-top: -50px; } } .city .map { width: 600px; height: 400px; max-width: 100%; } @media screen and (max-width: 767px) { .city .map { height: 320px; } } #appFastView .appFastViewInformationColumn .secondTool .row:nth-child(2) .label { color: #ee0000; font-weight: bold; } #appFastView .appFastViewInformationColumn .secondTool .row:nth-child(5) .label { color: #fdc300; } /*catalog section */ #catalogLineList .optional .row .label.fastBack, #catalogTableList .optional .row .label.fastBack { color: #ee0000; font-weight: bold; } #catalogTableList .onOrder.label.changeAvailable, #catalogLineList .onOrder.label.changeAvailable { color: #fdc300; } /* detail catalog icon */ #elementTools .label, #smallElementTools .label, .optional .label { display: inline-block; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Arial','Roboto-Light'; font-weight: bold; text-decoration: none; line-height: 21px; font-size: 11px; color: #000000; } #catalogElement #elementTools .label{ font-size: 15px; } #elementTools .fastBack, #smallElementTools .fastBack, .optional .fastBack { color: #ee0000; } #elementTools a.fastBack:hover, #smallElementTools a.fastBack:hover, .optional .fastBack:hover { color: #ee0000; } #elementTools .onOrder.label.changeAvailable, #smallElementTools .onOrder.label.changeAvailable, .onOrder.label.changeAvailable { color: #fdc300 } /* foooter */ #rightFooter .leftColumn p.logo_text{ display: block; font-size:22px; color:white; text-align:left; display: inline-block; margin-top: 0px; margin: 0px auto; width: 100%; text-align: center; } .brand-text__desc{ margin: 0px auto; width: 230px; color:#fff; font-size: 20px; line-height: 30px; } #rightFooter .leftColumn .logo { display: block; width: 100px; vertical-align:top; margin: 0px auto; } #rightFooter .telephone.watsapp:before { content:""; position:absolute; width:26px; height:25px; display:block; left: -5px; top: -6px; } /* common */ .checkbox-approve{ padding: 30px 0px; } .checkbox-approve__input, .checkbox-approve__text{ float: left; } .checkbox-approve__text, .checkbox-approve__text:visited{ color: #000; } .b-clear{ clear:both ; } #bx-soa-delivery .col-sm-7.bx-soa-pp-item-container:before{ content: "Доступные службы доставки:";display: block;font-weight: bold; background: #f2f5f7;margin: 0 8px;padding: 6px 8px; } #bx-soa-delivery .col-sm-5.bx-soa-pp-desc-container:before{ content: "Выбранная служба доставки:";display: block;font-weight: bold; background: #f2f5f7;margin: -7px 0 9px;padding: 6px 8px; } #bx-soa-paysystem .col-sm-7.bx-soa-pp-item-container:before{ content: "Доступные Способы Оплаты:";display: block;font-weight: bold; background: #f2f5f7;margin: 0 8px;padding: 6px 8px; } #bx-soa-paysystem .col-sm-5.bx-soa-pp-desc-container:before{ content: "Выбранный Способ Оплаты:";display: block;font-weight: bold; background: #f2f5f7;margin: -7px 0 9px;padding: 6px 8px; } .bx_mo_link{ font-family: 'Roboto-Regular'; font-size: 19px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; text-decoration: none; display: inline-block; border: 1px solid white; border-radius: 5px; padding: 0 8px; } .bx_mo_link.active{ background: #344899; color: #fff!Important; } .label.pripev:hover { color: red; } .label.pripev { border: 1px solid red; width: unset!important; padding: 0 5px; color: red; margin-top: 5px; } .bonus_info { display: inline-block; /*width: 50%;*/ } #catalogLineList .bonus_info { display: block; margin-bottom: 10px; } .bonus_info .bonus { display: inline-flex; background-color: white; border-radius: 10px; padding: 3px 6px; } .bonus_in_card { font-size: 14px; } .bonus_in_card .bonus { background-color: #ff9601; color: white; fill: white; font-size: 14px; } .bonus_info .bonus span { margin-right: 5px; } /* End */ /* /local/templates/dresscode/jquery.fancybox.min.css?151976356010424 */ /* /local/templates/dresscode/swiper.min.css?151976356017759 */ /* /local/templates/dresscode/fonts.css?16043941204630 */ /* /local/templates/dresscode/custom.css?164362935023256 */ /* /local/templates/dresscode/themes/black/default/style.css?164025983941550 */ /* /local/templates/dresscode/air-datepicker/css/datepicker.min.css?147487649412257 */ /* /local/templates/dresscode/components/bitrix/menu/top_multi_new/style.css?16794920173267 */ /* /local/templates/dresscode/components/bitrix/form.result.new/modal/style.css?154953282110659 */ /* /local/components/custom/button/templates/.default/style.css?1617349168624 */ /* /bitrix/components/dresscode/search.line/templates/.default/style.css?15531647976926 */ /* /local/templates/dresscode/components/bitrix/menu/leftMenu/style.css?15197635624841 */ /* /local/templates/dresscode/components/bitrix/menu/leftSubMenu/style.css?1551873419958 */ /* /local/templates/dresscode/components/bitrix/news.list/leftNews/style.css?15197635621468 */ /* /local/templates/dresscode/components/bitrix/news.list/leftCollection/style.css?15197635621596 */ /* /local/templates/dresscode/components/bitrix/news.list/leftService/style.css?15197635621555 */ /* /local/templates/dresscode/components/bitrix/breadcrumb/.default/style.css?1519763562580 */ /* /local/templates/dresscode/styles.css?1662445287398 */ /* /local/templates/dresscode/template_styles.css?1720105040148946 */