#mainMenuContainer #catalogSlideButton{ background-image: linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%), linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%)!important; } div.news-list-cat-h1 a{ color: rgba(88, 88, 88, 1.0); } div.news-list-cat-h1 a:hover{ text-decoration:none; } div.news-list-level-cat-0 div.preview-text { padding-top: 10px!important; padding-bottom: 10px!important; color: #000!important; font-size: 13px!important; width: 90%; } html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 100%;} body{font: normal normal 14px "roboto_ltregular" , arial , sans-serif;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;background-color: #ffffff;line-height: 21px;margin: 0;} img{border: 0;} input{font: normal normal 13px "roboto_ltregular" , arial , sans-serif;outline: none;} input[placeholder]{-o-text-overflow: ellipsis;text-overflow: ellipsis;} input::-moz-placeholder{text-overflow: ellipsis;} input:-moz-placeholder{text-overflow: ellipsis;} input:-ms-input-placeholder{text-overflow: ellipsis;} a:not([href]){cursor: default;} :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_ltregular";line-height: 36px;font-weight: 400;text-align: left;margin: 0 0 24px;font-size: 24px;color: #000000;display: block;} h2{font-family: "roboto_ltregular";font-weight: 400;font-size: 18px;} h3{font-family: "roboto_ltregular";font-weight: 400;font-size: 16px;} b, strong{font-family: 'robotobold';font-weight: 400;} *{-webkit-box-sizing: content-box;box-sizing: content-box;} #topHeader{position: relative;min-width: 320px;height: 30px;z-index: 35;} .loading #topHeader{overflow: hidden;} .loading #topMenu{opacity: 0;} .bold{font-family: 'robotobold';} /* auth register city block */ #topService{float: right;padding: 0;margin: 0;position: relative;} #topService div[id^=bx_incl_area_]{float: left;} #topService li{line-height: 30px;list-style: none;padding: 0 12px;float: left;margin: 0;} #topService .null{display: inline-block;line-height: 0px;padding: 0px;height: 0px;width: 0px;} #topService li:not(.null) a{font: normal normal 13px "roboto_ltregular" , arial , sans-serif;-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;} #topService li:not(.null) a:active{position: relative;top: 1px;} #topService li:not(.null) a:focus{-webkit-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;} /* Sub Header */ #mobilesTelephone {display:none; width:100%; /*margin-bottom:10px;*/ padding-bottom:25px; background-color:#ececec; } #mobilesTelephone .global-title {border-bottom:1px #222 solid; background-color:#ececec; } #mobilesTelephone .title {float:left; font-size:24px; font-weight:bold; margin:15px 15px 10px 15px;} #mobilesTelephone .close {float:right; margin:10px 15px 10px 15px;} #mobilesTelephone .underphone { padding:15px; border-bottom:1px #ececec solid; } #mobilesTelephone .underphone a { text-decoration:none; font-size:20px; font-weight:bold; color:#222; } #mobilesTelephone .underphone a .phone-main-info {font-size:12px; font-weight:normal; } #mobilesIcons {display:none;} #mobilesIcons i {cursor:pointer;} #mobilesSearch {display:none; position:absolute; top:0; width:100%; z-index:10000; padding:45px 0px; background-color:#fff;} #mobilesSearch #qM { margin:4px 10px; width:60%; border:none; background-color:transparent; font-size:18px;} #mobilesSearch svg { position:absolute; margin-top:5px; cursor:pointer; } #subHeader{min-width: 320px;height: 102px;z-index: 3;} .loading #subHeader{overflow: hidden;} #logo{line-height: 102px;text-align: center;max-height: 102px;overflow: hidden;width: 229px;float: left;} #logo a{display: block;} #logo a:active{position: relative;/* top: 1px;*/ } #logo img{vertical-align: middle;max-height: 102px;max-width: 100%;} #topHeading{padding: 0 18px;width: 162px;float: left;} #topHeading .vertical{line-height: 102px;} #topHeading p{font: normal normal 16px "roboto_ltregular" , arial , sans-serif;vertical-align: middle;display: inline-block;line-height: 21px;text-align: center;margin: 0px;} #headerTools{float: right;height: 96px;} #headerTools .tools{list-style:none;padding: 0;margin: 0;} #headerTools .tools .icon{float: left;} #headerTools .tools .heading{text-decoration: none;font-size: 18px;display: block;} #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: 13px;} #headerTools .tools .link:active{position: relative;top: 1px;} #headerTools .tools > li{line-height: 102px;list-style: none;padding: 0 18px;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: 40px;} #headerTools .nf{float: left;margin-left: 12px;} #headerTools .text{font-size: 13px;} #headerTools .icon:active{position: relative;top: 1px;} #headerTools .telephone .icon{width: 35px;} #headerTools .search .wrap{padding: 0 8px;} #headerTools .search .icon{width: 35px;margin: 0;} #headerTools .wishlist .icon{width: 36px;} #headerTools .compare .icon{width: 35px;} #headerTools .cart .icon{width: 44px;} #headerTools .cart ins{display: inline-block;text-decoration: none;border-radius: 3px;text-align: center;margin-left: 4px;padding: 0px 6px;font-size: 13px;} #headerTools .tools .contact_adress .link { font-size: 16px; color: rgba(63, 63, 63, 1.0); } #mainMenuContainer{height: 60px;} #mainMenu li a svg.open-sub-svg { display:none; } #topMenu .bar > a{background: url(images/menuMore.png) 0 50% no-repeat transparent;} #topHeader.color_default #topMenu .bar > a{background-image: url(images/menuMore2.png) } #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;} #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_ltregular";text-decoration: none;padding-left: 24px;line-height: 65px;font-weight: 400;font-size: 18px;display: block;height: 65px;} #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{-webkit-transform: rotate(90deg);-ms-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{line-height: 60px;font-size: 16px;height: 60px;} #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{vertical-align: middle;max-height: 100%;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: cover;display: block;height: 900px;} #slider ul li img{width: auto;display: inline-block;margin-left: -120px;} #slider ol{position: absolute;left: 50%;bottom: 12px;} #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;-o-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: 420px;height: 420px;} #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;} #promoBlock,#promoBlock .slideBox {height:325px;max-height:325px !important;} #middleSlider {height:280px !important;max-height:280px !important;} /*#sliderBlock, #bannersBlock {display: table-cell;vertical-align: top;} #bannersBlock {padding-left: 12px;position: relative;overflow: hidden;width: 356px;} #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;padding-left: 24px;line-height: 60px;font-size: 18px;display: block;height: 60px;} #footer{/*margin-bottom: 55px;*/ margin-bottom: 0px;padding-top: 36px;overflow: hidden;} #footer.variant_3 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_3 #footerBottom, #footer.variant_3 .fc{background-color: #47494d;} #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, #footer.variant_4 .fc{background-color: #f3f3f3;} #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_5 .fc{background-color: #ffffff;} #footer.variant_6 #leftFooter, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_6 .fc{background-color: #142236;} #footer.variant_7 #leftFooter, #footer.variant_7 #rightFooter, #footer.variant_7 #footerBottom, #footer.variant_7 .fc{background-color: #24433c;} #footer.variant_8 #leftFooter, #footer.variant_8 #rightFooter, #footer.variant_8 #footerBottom, #footer.variant_8 .fc{background-color: #4e0838;} #footer.variant_5 #footerBottom{border-top: 1px solid #f1f1f1;} #footer.variant_6 #footerBottom{border-top: 1px solid rgba(255, 255, 255, 0.1);} #footer.variant_7 #footerBottom, #footer.variant_8 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_4 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_3 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_4 #leftFooter a, #footer.variant_5 #leftFooter a{color: #000000;} #footer.variant_4 #leftFooter a:active{position: relative;top: 1px;} #footer.variant_2 #leftFooter a{color: #ffffff;} #footer.variant_2 #leftFooter a:hover, #footer.variant_2 #leftFooter .selected{opacity: 0.8;} #footer.variant_2 #rightFooter .telephone, #footer.variant_2 #rightFooter .showMap{color: #ffffff;} #footer.variant_2 #rightFooter .showMap:hover{opacity: 0.8;} #footer.variant_3 #leftFooter .heading{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_3 #leftFooter ul li{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li, #footer.variant_5 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_3 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child{border-top: 0px;} #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .email{color: #000000;} #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email{color: #000000;} #footer.variant_2 #rightFooter, #footer.variant_2 #rightFooter p, #footer.variant_2 #rightFooter .list li, #footer.variant_2 #rightFooter .email{color: #ffffff;} #footer.variant_2 #rightFooter .email a, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #rightFooter .email a{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #footer.variant_2 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_5 #rightFooter .hr, #footer.variant_7 #rightFooter .hr, #footer.variant_8 #rightFooter .hr{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #footerBottom .sn .vk{background: url(images/snC.png) 0 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .vk, #footer.variant_5 #footerBottom .sn .vk{background: url(images/snW.png) 0 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .fb{background: url(images/snC.png) -60px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .fb, #footer.variant_5 #footerBottom .sn .fb{background: url(images/snW.png) -60px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .od{background: url(images/snC.png) -120px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .od, #footer.variant_5 #footerBottom .sn .od{background: url(images/snW.png) -120px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .tw{background: url(images/snC.png) -180px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .tw, #footer.variant_5 #footerBottom .sn .tw{background: url(images/snW.png) -180px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .go{background: url(images/snC.png) -240px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .go, #footer.variant_5 #footerBottom .sn .go{background: url(images/snW.png) -240px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .yo{background: url(images/snC.png) -300px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .yo, #footer.variant_5 #footerBottom .sn .yo{background: url(images/snW.png) -300px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_4 #footerBottom .sn .vk:hover, #footer.variant_5 #footerBottom .sn .vk:hover{background-position: 0 -60px;} #footer.variant_2 #footerBottom .sn .fb:hover, #footer.variant_4 #footerBottom .sn .fb:hover, #footer.variant_5 #footerBottom .sn .fb:hover{background-position: -60px -60px;} #footer.variant_2 #footerBottom .sn .od:hover, #footer.variant_4 #footerBottom .sn .od:hover, #footer.variant_5 #footerBottom .sn .od:hover{background-position: -120px -60px;} #footer.variant_2 #footerBottom .sn .tw:hover, #footer.variant_4 #footerBottom .sn .tw:hover, #footer.variant_5 #footerBottom .sn .tw:hover{background-position: -180px -60px;} #footer.variant_2 #footerBottom .sn .go:hover. #footer.variant_4 #footerBottom .sn .go:hover. #footer.variant_5 #footerBottom .sn .go:hover{background-position: -240px -60px;} #footer.variant_2 #footerBottom .sn .yo:hover, #footer.variant_4 #footerBottom .sn .yo:hover, #footer.variant_5 #footerBottom .sn .yo:hover{background-position: -300px -60px;} #footer.variant_2 .sn li:first-child, #footer.variant_3 .sn li:first-child, #footer.variant_4 .sn li:first-child, #footer.variant_5 .sn li:first-child, #footer.variant_7 .sn li:first-child{border-left: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 .sn li, #footer.variant_3 .sn li, #footer.variant_4 .sn li, #footer.variant_5 .sn li, #footer.variant_7 .sn li{border-right: 1px solid rgba(0, 0, 0, 0.1);} #catalogColumn .product{height: 351px !important;/*width: 25% !important;*/ width: 33.33333% !important;border: 0 !important; /* clear old */ } #catalogColumn .product:nth-child(-n+4){height: 351px !important;border-top: 0 !important;} #catalogColumn .product:nth-child(4n+1){border-left: 0 !important;} #catalogColumn .product:nth-child(-n+4){height: 351px !important;} #catalogColumn .product{border-bottom: 1px solid #e7e8ea !important;border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+4){/* border-top: 1px solid #e7e8ea !important;*/ } #catalogColumn .product:nth-child(4n+1){/*border-left: 1px solid #e7e8ea !important;*/ } #catalogColumn #catalogLineList .description{display: none; } #catalogColumn #catalogLineList .prop{width: 100%;} #catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4){display: none;} #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;box-sizing: border-box; display: table-cell;vertical-align: top;padding: 24px 0;width: 60%;} #leftFooter .footerRow{overflow: hidden;list-style: none;} #leftFooter .column{-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 48px;width: 33.33%;float: left;} #leftFooter .heading{padding-bottom: 12px;margin-bottom: 6px;font-size: 20px;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; text-decoration: none;font-size: 13px;padding: 6px 0;display: block;} #rightFooter{ -webkit-box-sizing: border-box;box-sizing: border-box; padding: 24px 0 24px 24px;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;*/ padding: 0px;} #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{text-decoration: none;} #rightFooter p{font-size: 14px;display: block;} #rightFooter .hr{padding-top: 12px;} #rightFooter .telephone{/*margin-bottom: 24px;*/ margin-bottom: 15px;font-size: 22px;display: block;} #rightFooter .email{display: block;font-size: 18px;margin-top: 10px;} #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%;} #footerBottom{line-height: 60px;overflow: hidden;height: 60px;clear: both;} #footerBottom .creator{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{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(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(images/rating.png) repeat 0 -14px transparent;width: 0px;z-index: 10;} #appBasket .markerContainer .marker {font: normal normal 12px "roboto_ltregular" , 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_ltregular';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;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_ltregular';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 .tools .av:hover{background: unset;} #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 .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(images/compare.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addCompare.added .ico{background: url(images/compareActive.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addWishlist .ico{background: url(images/wishlist.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addWishlist.added .ico{background: url(images/wishlistActive.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .inStock{text-decoration: none !important;} #appBasket .lower .tools .inStock .ico{background: url(images/inStock.png) 0 0 no-repeat transparent;border: 0 !important;} #appBasket .lower .tools .outOfStock .ico{background: url(images/outOfStock.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .onOrder .ico{background: url(images/onOrder.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .delete .ico{background: url(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{ -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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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%;} #appFastBuyContainer .column{-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;/*padding: 0 24px;*/ width: 380px;float: left;} #appFastBuyContainer .column:first-child{text-align: center;width: 320px;} #appFastBuyContainer .heading{position: relative;text-align: center;line-height: 60px;font-size: 18px;height: 60px;} #appFastBuyContainer .title{margin-bottom: 12px;text-align: center;margin-right: 24px;font-size: 16px;display: block;} #appFastBuyContainer .formLine{margin-bottom: 12px;} #appFastBuyContainer 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;box-sizing: border-box;font-family: "roboto_ltregular";padding-left: 12px;width: 354px;height: 50px;border: 0;} #appFastBuyContainer input[type="checkbox"]{vertical-align: middle;display: inline-block;margin-right: 6px;margin-top: 0px;height: 14px;width: 14px;} #appFastBuyContainer input[type="checkbox"].error + label{border-bottom: 1px solid #ff0000 !important;} #appFastBuyContainer 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;box-sizing: border-box;font-family: "roboto_ltregular";padding-left: 12px;padding-top: 12px;resize: none;width: 354px;height: 60px;border: 0;} #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{outline: none;} #appFastBuyContainer #fastBuyFormSubmit{-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{position: relative;top: 1px;} #appFastBuyContainer #fastBuyFormSubmit.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{display: none;} #appFastBuyContainer #fastBuyFormSubmit img{vertical-align: middle;padding-right: 4px;margin-top: -2px;} #appFastBuyContainer .markerContainer{position: absolute;top: 0px;left: 12px;} #appFastBuyContainer #fastBuyResult{-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;} #fastBuyResult #fastBuyResultTitle{text-align: center;margin-top: 24px;font-size: 16px;} #fastBuyResult #fastBuyResultMessage{text-align: center;margin-top: 24px;} #fastBuyResult #fastBuyResultClose{-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{position: relative;top: 1px;} #appFastBuyContainer .marker {font: normal normal 12px "roboto_ltregular" , arial , sans-serif;margin-bottom: 8px;padding: 3px 4px;line-height: 16px;z-index: 2;} #appFastBuyContainer .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{line-height: 21px;vertical-align: middle;display: inline-block;} #appFastBuyContainer .price{font-family: 'robotobold';text-decoration: none;margin-bottom: 12px;font-size: 18px;display: block;} #appFastBuyContainer .price .discount{font-family: 'roboto_ltregular';padding-left: 4px;font-size: 14px;} #appFastBuyContainer #fastBuyName{padding: 0 24px;} #appFastBuyContainer #fastBuyPicture{ -webkit-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{text-align: center;line-height: 230px;display: block;height: 230px;} #appFastBuyContainer #fastBuyPicture .picture{vertical-align: middle;max-height: 90%;max-width: 90%;} #appFastBuy .close{background: url(images/exit.png) 0 0 no-repeat transparent;position: absolute;display: block;height: 21px;width: 21px;right: 20px;top: 20px;} #appFastBuy .close:hover{background-position: 0 -21px ;} #appFastBuy .close:active{background-position: 0 -42px ;} #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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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;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: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background: -ms-linear-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background: -o-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;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_ltregular" , 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;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: 380px;height: 380px;} #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(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);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);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;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 .detailPage{-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_ltregular';padding-left: 4px;font-size: 14px;color: #888888;} #appFastView .price .oldPriceLabel{font-family: 'roboto_ltregular';text-decoration: none;margin-top: 6px;font-size: 14px;display: block;color: #888888;} #appFastView .price .discount, #appFastView .price .discount{font-family: 'roboto_ltregular';padding-left: 4px;font-size: 14px;color: #888888;} #appFastView .icon{vertical-align: middle;display: inline-block;} #appFastView .addCart .icon, #appFastView .detailPage .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(images/rating2.png) repeat 0 0px transparent;height: 15px;width: 79px;position: absolute;display: block;left: 0px;top: 0px;} #appFastView i.m{background: url(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: #717171;} #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;} #orderList, #subscribeEdit{margin-bottom: 36px;} #footerTabsCaption{line-height: 85px;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 .wrapper, #footerTabsCaption .wrapper{max-width: 1480px;min-width: 320px;margin: auto;} #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{-webkit-box-shadow: none;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;/*display: none;*/ } #footerLine.color_white{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);background-color: #ffffff;border-color: #f3f3f3;} #footerLine.color_theme{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);border-color: transparent;} #footerLine.color_white .item a{color: #000000;} #footerLine.color_theme .item a{color: #ffffff;opacity: 0.7;} #footerLine.color_theme .col:first-child .item a{opacity: 1;} #footerLine.color_theme .item .active{color: #ffffff;opacity: 1;} #footerLine.color_theme .item .active:hover{color: #ffffff;opacity: 0.85;} #footerLine.color_white .item a:hover, #footerLine.color_theme .col:first-child .item a:hover{opacity: 0.8;} #footerLine.color_white .item a:active{position: relative;top: 1px;} #footerLine.color_theme .col:first-child .item .callback:hover{color: #ffffff;opacity: 0.8;} #footerLine.color_white .item .compare .mark, #footerLine.color_white .item .wishlist .mark, #footerLine.color_white .item .cart .mark{background-color: #f6f6f6;color: #666666;} #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark{background-color: #fcfcfc;color: #222222;} #footerLine.color_white .item .compare .icon, #footerLine.color_white .item .wishlist .icon, #footerLine.color_white .item .cart .icon{opacity: 0.8;} #footerLine.color_theme .item .compare .icon{background-image: url(images/compareFooterMinC.png);} #footerLine.color_theme .item .wishlist .icon{background-image: url(images/wishlistFooterMinC.png);} #footerLine.color_theme .item .cart .icon{background-image: url(images/cartFooterMinC.png);} #footerLine.color_theme .item .callback .icon{background-image: url(images/callbackFooterMinC.png);} #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .cart:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover .mark, #footerLine.color_white .item .cart:hover .mark{color: #000000;opacity: 1;} #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover{color: #ffffff;opacity: 0.7;} #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover .mark, #footerLine.color_white .item .cart.active:hover .mark{opacity: 0.8;} #footerLine .wrapper{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;} #footerLine .col{float: left;width: 50%;} #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;text-decoration: none;font-size: 14px;} #footerLine .item .callback .icon{vertical-align: middle;display: inline-block;margin-right: 4px;margin-top: -2px;height: 24px;width: 21px;} #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{width: 26px;} #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: 14px;} #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 24px 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;} #infoTabs{padding-bottom: 36px;} #infoTabs .tab{display: none;} #infoTabs .tab.selected{display: block;} #infoTabsCaption{line-height: 85px;height: 85px;} #infoTabsCaption .items{text-align: center;overflow: hidden;} #infoTabsCaption .item{vertical-align: middle;display: inline-block;margin-left: 24px;} #infoTabsCaption .item:first-child{margin-left: 0px;} #infoTabsCaption .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;} #catalogColumn{border-collapse: collapse;table-layout: fixed;display: table;width: 100%;} #catalogColumn #nextSection{margin-top: 0px;} #catalogColumn .leftColumn{padding-bottom: 24px;display: table-cell;vertical-align: top;width: 355px;} #catalogColumn .rightColumn{display: table-cell;vertical-align: top;/* padding-left: 24px;*/ } #catalogColumn #middleSlider{margin-bottom: 24px;} #catalogColumn #middleSlider .limiter{padding: 0px;margin: 0px;width: auto;} #nextSection .title{font-size: 14px !important;font-family: 'robotobold';} #catalogColumn .leftColumn .heading{font-size: 14px !important;font-family: 'robotobold';text-decoration: none;line-height: 50px;font-weight: 400;display: block;height: 50px;} @media all and (max-width: 1300px) { #catalogColumn #middleSlider{ display: none;} #catalogColumn .leftColumn{ width: 285px;} } @media all and (max-width: 1024px) { #catalogColumn .rightColumn, #catalogColumn .leftColumn{ display: block; width: auto;} #catalogColumn .rightColumn{ padding: 0;} #reformal_tab{ display: none !important;} #smartFilter .heading{ line-height: 46px; height: 46px;} } /* CLASSES */ .ajaxContainer{-webkit-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;} /*.mainService{margin-top: 24px;}*/ .mainService.fullBg{background-color: #ffffff;padding-bottom: 36px;} .mainService .slideContainer{position: relative;overflow: hidden;margin: 0 -12px;} .mainService .heading{margin-bottom: 0px !important;text-transform: uppercase;font-family: 'robotobold';text-align: center;padding-left: 18px;line-height: 95px;font-size: 18px;display: block;color: #000000;height: 95px;} .mainServiceContainer{overflow: hidden;} .mainServiceContainer .items{list-style: none;overflow: hidden;padding: 0px;margin: 0px;} .mainServiceContainer .item{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;float: left;} .mainServiceContainer .item .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #ffffff;border: 1px solid #e7e8ea;padding: 0 24px;} .mainServiceContainer .item .bigPicture{line-height: 200px;text-align: center;margin-top: 24px;height: 200px;} .mainServiceContainer .item .bigPicture a:active{position: relative;top: 1px;} .mainServiceContainer .item .bigPicture 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: 100%;max-width: 100%;} .mainServiceContainer .item .bigPicture img:hover{opacity: 0.9;} .mainServiceContainer .item .title{margin-top: 24px;} .mainServiceContainer .item .title 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;line-height: 44px;overflow: hidden;font-size: 14px;color: #000000;display: block;height: 44px;} .mainServiceContainer .item .title a span{vertical-align: middle;display: inline-block;line-height: 24px;} .mainServiceContainer .item .title a:active{position: relative;top: 1px;} .mainServiceContainer .item .newsDate{margin-top: 12px;color: #888888;} .mainServiceContainer .item .newsDate .pic{vertical-align: middle;padding-right: 4px;margin-top: -4px;} .mainServiceContainer .item .description{margin-top: 12px;font-size: 14px;color: #888888;} .mainServiceContainer .item .more{-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;display: inline-block;margin-bottom: 24px;padding: 4px 12px;margin-top: 12px;color: #ffffff;} .mainServiceContainer .item .more:active{position: relative;top: 1px;} .mainService .btnLeft, .mainService .btnRight{background: url(images/slideArrowSmallBlack.png) 0 0 no-repeat transparent;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;height: 70px;width: 35px;z-index: 22;top: 50%;} .mainService .btnLeft{left: 0px;} .mainService .btnRight{right: 0px;} .mainService .btnLeft:hover{background-position: -35px 0;} .mainService .btnLeft:active{background-position: -70px 0;} .mainService .btnRight{background-position: 0 -70px;} .mainService .btnRight:hover{background-position: -35px -70px;} .mainService .btnRight:active{background-position: -70px -70px;} .personal-order-info{margin-bottom: 12px;} .personalInfoLabel{margin-top: 24px;font-size: 14px;} .productList{list-style: none;padding: 0;margin: 0;} .product{ -webkit-box-sizing: border-box;box-sizing: border-box; float: left;width: 20%; height: 351px; } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5){height: 351px;} .product.last{ /* next page */ line-height: 351px;} .product .tabloid{ -webkit-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;-webkit-transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;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-shadow 0.3s ease-in-out; -webkit-box-sizing: border-box;box-sizing: border-box; border: 1px solid transparent;position: relative;overflow: hidden;padding: 12px;height: 350px;z-index: 1; } .product .markerContainer{position: absolute;z-index: 88;left: 8px;top: 8px;} .product .marker {font: normal normal 12px "roboto_ltregular" , 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(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(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_ltregular';padding-left: 4px;font-size: 14px;} .product .picture{ -webkit-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%;} .loading .product .getFastView{pointer-events: none;} .product .getFastView, #catalogLineList .picture .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{visibility: visible;/*display: block;*/ opacity: 0.9;} .product .getFastView:hover, #catalogLineList .picture .getFastView:hover{opacity: 1;} .product .addCart, .product .detailPage{-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: 20px;margin-bottom: 12px;border-radius: 4px;} .product .icon{vertical-align: middle;display: inline-block;} .product .addCart .icon, .product .detailPage .icon{padding-right: 12px;margin-top: -4px;} .product .row{-webkit-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;} .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{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;padding: 4px;float: left;min-width: 20%;} .product .skuProperty .selected .skuPropertyLink{pointer-events: none;position: relative;top: 0px;} .product .skuProperty .disabled{display: none;} .product .skuPropertyLink{text-decoration: none;text-align: center;line-height: 20px;padding: 4px 4px;font-size: 12px;display: block;} .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 .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{margin-bottom: 36px;} .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;box-sizing: border-box; font-family: "roboto_ltregular" , 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;} #userPersonalInfoReg + label:before{margin-top: -2px;} #userPersonalInfoReg.error + label:before{border: 1px solid #ff0000 !important;} .bx-auth {margin-bottom: 36px;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_ltregular";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_ltregular" , 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(images/checkBox.png) 0 0 no-repeat transparent;} .bx-auth input[type="radio"] + label:before {background: url(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="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;box-sizing: border-box;margin-bottom: 12px;margin-top: 12xp;padding: 0 12px;width: 420px;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(images/sn.png) 0 0 no-repeat transparent;} .sn .fb{background: url(images/sn.png) -60px 0 no-repeat transparent;} .sn .od{background: url(images/sn.png) -120px 0 no-repeat transparent;} .sn .tw{background: url(images/sn.png) -180px 0 no-repeat transparent;} .sn .go{background: url(images/sn.png) -240px 0 no-repeat transparent;} .sn .yo{background: url(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(images/up.png) 0 0 no-repeat transparent;position: fixed;cursor: pointer;display: none;bottom: 132px;height: 73px;width: 73px;right: 24px;z-index: 99;} #upButton:hover{background-position: -73px 0;} #upButton:active{background-position: -146px 0;} #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{-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);-webkit-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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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(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: 380px;} #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;box-sizing: border-box;font-family: "roboto_ltregular";margin-bottom: 12px;padding-left: 12px;width: 354px;height: 50px;border: 0;} #requestPrice input {background-color: #f3f3f3;color: #000000;} #requestPrice .personalInfoRequest{margin-bottom: 12px;} #requestPrice input[type="checkbox"]{vertical-align: middle;display: inline-block;margin-bottom: 0px;margin-right: 6px;margin-top: -2px;height: 14px;width: 14px;} #requestPrice input[type="checkbox"].error + label{border-bottom: 1px solid #ff0000 !important;} #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;box-sizing: border-box;font-family: "roboto_ltregular";margin-bottom: 12px;padding-left: 12px;padding-top: 12px;resize: none;width: 354px;height: 60px;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;} #smartFilter{margin-top: 0px;} #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;} .clean{position: relative;overflow: hidden;padding: 0 2px;} .limiter{max-width: 1480px;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;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(images/loaderMin.gif) 50% 50% no-repeat #fff;} #stores{margin-top: 24px;font-size: 13px;} #stores .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;overflow: auto;} #stores .heading{border-top: 1px solid #efefef;font-family: 'robotobold';text-transform: uppercase;letter-spacing: 1px;padding: 36px 24px;font-weight: 800;font-size: 20px;display: block;} #stores .storeTable{width: 100%;table-layout: fixed;border-collapse: collapse;min-width: 400px;} #stores .storeTable tr:nth-child(odd) td{background-color: #f9f9f9;} #stores .storeTable th{background-color: #f3f3f3;padding: 12px 24px;font-weight: 400;text-align: center;} #stores .storeTable td{/*border-top: 1px solid #e7e8ea;*/ text-align: center;padding: 12px 24px;} #stores .storeTable .name{text-align: left;width: 35%;} #stores .storeTable td.name{text-align: left;} #stores .storeTable .lb{display: inline-block;text-align: left;} #stores .storeTable .icon{vertical-align: middle;padding-right: 6px;margin-top: -4px;} #stores .storeTable .green{/*font-weight: 800;*/ color: #73b24e;} #stores .storeTable .red{color: #ff0000;} #stores .storeTable .picture{vertical-align: middle;padding-right: 12px;} #stores .storeTable 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: underline;color: #000000;} #stores .storeTable a:hover{color: #888888;} #stores #storeMap{-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;padding: 0 24px;} #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: 370px;} .slider_middle #slider ul li span, .slider_middle #slider .limiter{height: 800px;} .slider_small #slider ul li span, .slider_small #slider .limiter{height: 600px;} .slider_middle #slider ul li span, .slider_small #slider ul li span{background-position: 50% 0;} @media all and (max-width: 1920px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 540px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 420px;} } @media all and (max-width: 1600px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 450px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 380px;} } @media all and (max-width: 1366px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 480px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 350px;} } @media all and (max-width: 1300px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 420px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 420px;} } @media all and (max-width: 1200px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 400px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 400px;} } @media all and (max-width: 1100px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 380px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 380px;} } @media all and (max-width: 1024px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 350px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 350px;} } @media all and (max-width: 850px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 300px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 300px;} } @media all and (max-width: 700px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 280px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 280px;} } @media all and (max-width: 660px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 260px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 260px;} } @media all and (max-width: 480px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 220px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 220px;} .tabloid .preview-text { display: none !important; } } body.panels_white #homeCatalog .captionList{-webkit-box-sizing: border-box;box-sizing: border-box;background-color: transparent;} body.panels_white #homeCatalog .caption{border-left: 1px solid #e7e8ea;} body.panels_white #homeCatalog .caption:not(.selected):hover{background-color: #fbfbfb;} body.panels_white #homeCatalog .caption.selected a{color: #ffffff;} body.panels_white #homeCatalog .caption a{-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;color: #000000;} body.panels_white #homeCatalog .captionList .cItem:first-child{margin-left: -1px;} body.panels_white #homeCatalog #captionCarousel{border-right: 1px solid #e7e8ea;border-left: 1px solid #e7e8ea;background-color: #ffffff;margin-left: -1px;} body.panels_white #left .sideBlock .heading{border: 1px solid #e7e8ea;background-color: #ffffff;color: #000000;} body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent{border-top: 0px;} body.panels_white #left #subscribe .heading{border-left: 0px;border-right: 0px;} body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading{border: 1px solid #e7e8ea;background-color: #ffffff;-webkit-box-sizing: border-box;box-sizing: border-box;color: #000000;} body.panels_white #brandList .item:nth-child(5n+1){border-left: 1px solid #e7e8ea;} @media all and (min-width: 1024px){ .menuContainerColor.color_white #mainMenuContainer{ border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #ffffff;} .menuContainerColor.color_gray #mainMenuContainer{ border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #fbfbfb;} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:first-child, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:first-child{ border-left: 1px solid #f6f6f6;} .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:first-child{ border-color: rgba(255, 255, 255, 0.2);} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li{ border-right: 1px solid #f6f6f6;} .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li{ border-color: rgba(255, 255, 255, 0.2);} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:hover{ background-color: #fbfbfb;} .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:hover{ background-color: #ffffff;} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a:hover, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a:hover{ color: #000000;} .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover{ color: #ffffff;} .menuContainerColor.color_white #menuCatalogSection, .menuContainerColor.color_gray #menuCatalogSection{ border-left: 1px solid #f6f6f6;} .menuContainerColor.color_theme #menuCatalogSection{ border-color: rgba(255, 255, 255, 0.2) } .menuContainerColor.color_white #menuCatalogSection .catalogButton{ background-color: #ffffff; color: #000000;} .menuContainerColor.color_gray #menuCatalogSection .catalogButton{ background-color: #fbfbfb; color: #000000;} .menuContainerColor.color_white #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover{ opacity: 0.8;} .menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList{ background-color: #fbfbfb;} .menuContainerColor.color_white #mainMenu .removed, .menuContainerColor.color_gray #mainMenu .removed{ border-top: 1px solid #ffffff;} .menuContainerColor.color_theme #mainMenu .removed{ border-color: rgba(255, 255, 255, 0.2);} .menuContainerColor.color_theme #mainMenu .removed:hover a{ color: #ffffff;} .menuContainerColor.color_white #mainMenu .removed:hover, .menuContainerColor.color_gray #mainMenu .removed:hover{ background-color: #ffffff;} .menuContainerColor.color_white #mainMenu .removedItemsLink > a, .menuContainerColor.color_gray #mainMenu .removedItemsLink > a{ background-image: url(images/menuSlicedIconW.png);} .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage{ background-image: url(images/catalogButtonW.png);} .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow{ background-image: url(images/sectionMenuArrowW.png);} } @media all and (max-width: 1800px) {body.panels_white #right .heading{ border-bottom: 0px;} } @media all and (max-width: 1000px) {#error404 .errorText{ display: none;} } /*#error404 .wrapper{width: 1000px;margin: auto;}*/ .pilink{-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: #888888;} .pilink:hover{opacity: 0.7;} .pilink:active{position: relative;top: 1px;} .clear{clear:both;} .hidden {display: none;} .hiddenZone{display: none;} @media all and (max-width: 1920px) {#slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 690px;} } @media all and (max-width: 1600px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 650px;} #slider .sliderContent, #slider .leftContainer{ left: 72px;} #slider .rightContainer{ right: 48px; left: unset;} #slider .centerContainer{ -webkit-transform: translateX(-50%) translateY(-50%) !important; -ms-transform: translateX(-50%) translateY(-50%) !important; transform: translateX(-50%) translateY(-50%) !important; left: 50%;} } @media all and (max-width: 1500px) { #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter{ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 24px;} #newsContainer .column{ width: 100%;} #newsContainer .column .item{ overflow: hidden;} #newsContainer .column .item .bigPicture{ margin-right: 48px; float: left; width: 30%;} .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn{ width: 250px !important;} } @media all and (max-width: 1400px) { #catalogColumn .product{ width: 33.333333% !important; height: 351px !important; border: 0 !important;} #catalogColumn .product:nth-child(-n+4){ height: 351px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(4n+1){ border-left: 0 !important;} #catalogColumn .product:nth-child(-n+3){ height: 352px !important;} #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+3){ border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important;} #catalogColumn #catalogLineList .description{ display: none;} #catalogColumn #catalogLineList .prop{ width: 100%;} } @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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 518px;} /* #catalogColumn .leftColumn{ width: 320px; }*/ } @media all and (max-width: 1300px) { .product{ height: 351px !important; width: 33.333333% !important; border: 0 !important;} .product:nth-child(-n+4){ height: 351px !important;} .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important;} .product:nth-child(4n+1){ border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item{ border: 0 !important; border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; width: 25% !important;} #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;} #logo{ width: 196px;} #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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 420px;} #footer .rightTable .leftColumn{ /*display: none;*/ } #rightFooter{ width: 23%;} #empty .emptyMenu li{ width: 50%;} #modef{ left: 301px;} #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 42px; font-size: 36px;} #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 30px; font-size: 24px;} #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ line-height: 21px; font-size: 14px;} #slider .sliderContent{ max-width: 400px;} #slider .sliderContent br{ display: none;} #slider .sliderContent, #slider .leftContainer{ left: 24px;} #slider .rightContainer{ left: unset; right: 24px;} #slider .centerContainer{ -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%;} /* #homeCatalog .captionList{ background: #ffffff; }*/ } @media all and (max-width: 1280px) { .global-block-container{ min-height: auto !important;} .global-block-container .global-information-block{ display: none;} } @media all and (max-width: 1200px) { #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, #catalogLineList .column:last-child .detailPage{ 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 .priceLabel{ display: none;} #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 ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 400px;} } @media all and (max-width: 1100px) { #homeCatalog{ margin-top: 24px;} .product{ height: 351px !important; width: 33.33333% !important; border: 0 !important;} .product:nth-child(-n+4){ height: 351px !important; border-top: 0 !important;} .product:nth-child(4n+1){ border-left: 0 !important;} .product:nth-child(-n+3){ height: 351px !important;} .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+3){ border-top: 1px solid #e7e8ea !important;} .product:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item{ width: 33.33333% !important; border: 0 !important; border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important;} #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;} #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;} #catalogLineList .description{ display: none; } #catalogLine .column:last-child .label{ display: none;} #catalogLineList .prop{ width: 100%;} #catalogTableList .column:nth-child(4){ display: none;} #catalogColumn .product{ height: 351px !important; width: 50% !important; border: 0 !important; /* clear old */ } #catalogColumn .product:nth-child(-n+3){ height: 351px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(3n+1){ border-left: 0 !important;} #catalogColumn .product:nth-child(-n+2){ height: 351px !important;} #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 380px;} } @media all and (max-width: 1100px) and (min-width: 900px) { .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: 1024px) { #catalog-section-banners{ display: none;} #colorSwitcher{ display: none !important;} #slider .sliderBtnRight, #slider .sliderBtnLeft{ display: none;} #mainMenuContainer .minCatalogButton{ display: block;} #mainMenuContainer{ background: transparent; height: auto;} #mainMenuContainer .limiter{ margin: 0px;} #mainMenu{ background-color: #2b2b2b; display: none; height: auto;} #mainMenu li{ border-top: 1px solid #222222; line-height: 21px; float: none;} #mainMenu li:first-child{ /*border: 0;*/ border-left:0;} #mainMenu li a{ padding: 18px 24px; display: block; } #middleSlider{ display: none;} #menuCatalogSection{ display: none;} #bestsellers{ margin-top: 0;} #footer .top .left, #headerTools .nf, .product:hover .fastShow{ display: none;} .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;} #modef{ display: none !important;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 350px;} .product .getFastView, #catalogLineList .picture .getFastView{ display: none !important;} #appFastView{ display: none !important;} #fastViewStores{ display: none !important;} a.inStock span{ border: 0 !important;} #slider ol{ display: none;} #slider .slideVideo{ display: none;} #slider .videoPoster { display: block;} .templateSwitcherSettings, .templateSwitcher{ display: none !important;} } @media all and (max-width: 850px) { #topHeading{ display: none;} #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;} .product{ height: 351px !important; width: 50% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3){ height: 351px !important; border-top: 0 !important;} .product:nth-child(3n+1){ border-left: 0 !important;} .product:nth-child(-n+2){ height: 351px !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;} #headerTools .nf{ display: none;} #catalogLine .column:last-child .label{ display: none;} .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+2){ border-top: 1px solid #e7e8ea !important;} .product:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important;} #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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 300px;} #modef{ display: none !important;} } @media all and (max-width: 800px) {#slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 30px; font-size: 24px;} #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 24px; font-size: 18px;} #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ line-height: 21px; font-size: 14px;} } @media all and (max-width: 750px) { #requestPrice .productColumn{ display: none;} #requestPrice .formColumn{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; width: 100%;} #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit{ width: 100%;} #requestPrice input{ height: 45px;} #requestPrice textarea{ height: 50px;} #requestPrice #requestPriceContainer{ -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-right: 0px; padding-left: 0px; margin-left: 0px; width: 90%; left: 50%;} #requestPriceForm{ margin-bottom: 24px;} #requestPrice .requestPriceFormHeading{ margin-right: 0px;} } @media all and (max-width: 700px) { #slider ul li span, #slider .limiter, #slider .videoPoster{ height: 200px;} #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter{ padding: 0px 12px; margin: 0px;} #mainMenuContainer .limiter{ padding: 0px;} #topMenu{ margin-left: 12px;} #logo { border-right: 0;} #topSearch form{ -webkit-box-sizing: border-box; box-sizing: border-box;} #footer .top{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px;} #footer .bottom{ -webkit-box-sizing: border-box; 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(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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 280px;} } @media all and (max-width: 660px) { #footer{ padding-top: 0px;} #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%;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 260px;} } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register{ border: none !important; position: absolute; top: 98px;} .top-auth-personal, .top-auth-login{ left: 12px;} .top-auth-exit{ left: 120px;} .top-auth-register{ left: 52px;} #headerTools{ border: none;} #headerTools .telephone{ line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; top: 103px;} #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 .tools > li{ border: none !important;} #headerTools .tools .cart{ padding: 0px;} #topService, #topHeader.color_theme #topMenu, #topHeader.color_theme #topService, #topHeader.color_black #topMenu, #topHeader.color_black #topService{ border: none;} #topHeader.color_theme #topService li, #topHeader.color_black #topService li, #topService li{ padding: 0px; border: none;} #logo{ line-height: 75px; height: 75px; border: none;} #headerTools .tools > li{ line-height: 75px;} #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;} #panel{ position: fixed; z-index: 9999;} #logo{ text-align: left;} #topHeader #topMenu{ border: none;} #topMenu .bar{ padding: 0px;} #topSearch input[type="text"]{ font-size: 14px;} #topSeachCloseForm{ font-size: 13px;} .user-geo-position{ padding-right: 0px;} } @media all and (max-width: 486px) { #catalogLine .column:last-child{ display: none;} } @media all and (max-width: 480px) { /* #homeCatalog .limiter{ padding: 0px; margin: 0px; }*/ #brandList .heading{ padding-bottom: 24px;} .product{ height: 351px !important; width: 100% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3){ height: 351px !important; border-top: 0 !important;} .product:nth-child(3n+1){ border-left: 0 !important;} .product:nth-child(-n+1){ height: 351px !important;} .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important;} .product:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item{ width: 100% !important; border: 0 !important; /* clear old */ } #popSection .item:nth-child(-n+2){ border-top: 0px !important;} #brandList .item, #popSection .item{ border-bottom: 1px solid #e7e8ea !important; border-left: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1){ border-left: 1px solid #e7e8ea !important;} #popSection .item:first-child{ border-top: 1px solid #e7e8ea !important;} #homeCatalog{ margin-top: 12px;} #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, #catalogTableList .detailPage,{ margin: 0;} #catalogColumn .product{ height: 351px !important; width: 100% !important; border: 0 !important;} #catalogColumn .product:nth-child(-n+3){ height: 351px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(3n+1){ border-left: 0 !important;} #catalogColumn .product:nth-child(-n+1){ height: 351px !important;} #catalogColumn .product{ border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important;} #slider{ width: 100%;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 220px;} #slider .sliderContent{ text-align: center; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; right: unset; left: unset; width: 100%;} #slider .sliderContent .smallText{ display: none;} /* #slider ul li span { -webkit-filter: url(#blur); filter: url(#blur); -webkit-filter: blur(2px); filter: blur(2px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-transition: 1s -webkit-filter linear; transition: 1s -webkit-filter linear; -o-transition: 1s filter linear; transition: 1s filter linear; transition: 1s filter linear, 1s -webkit-filter linear; opacity: 0.5; } #slider ul li span:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px); } */ #leftFooter .heading{ text-align: center;} #leftFooter ul{ text-align: center;} #leftFooter .column{ padding-right: 0px;} #footerBottom .creator{ text-align: center; float: none;} #homeCatalog .captionList .cItem:first-child .caption{ border-left: none;} #homeCatalog .captionBtnRight{ right: -12px;} #homeCatalog .captionBtnLeft{ left: -12px;} } @media all and (max-width: 450px) {.user-geo-position-label{ display: none;} } @media all and (max-width: 430px) { #requestPrice #requestPriceContainer{ height: 450px;} #requestPrice .requestPriceHeading{ font-size: 16px;} #requestPrice .requestPriceHeading .close{ display: none;} #requestPrice .requestPriceFormHeading{ margin-top: 32px;} } @media all and (max-width: 400px) { #logo{ width: 150px;} } @media all and (max-width: 360px) { #catalogLine{ display: none;} #headerTools .tools > li{ border-left: none;} #logo{ width: 120px;} } @media all and (max-width: 300px) {#headerTools .tools .telephone{ display: none !important;} } #ORDER_CONFIRM_BUTTON{text-shadow: none !important;height: 50px !important;line-height: 50px !important;} .addCart.disabled, .detailPage.disabled{pointer-events: none;cursor: default;} .addCart.requestPrice, .detailPage.requestPrice{background-color: #2b2b2b !important;pointer-events: auto !important;cursor: pointer !important;} .addCart.requestPrice:hover, .detailPage.requestPrice:hover{opacity: 0.8 !important;} .addCart.requestPrice:active, .detailPage.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(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(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 !important;} .getPricesWindow:hover{color: #444444;} .getPricesWindow:active{position: relative;top: 1px;} .getPricesWindow .priceIcon{background: url(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;*/ width:75% !important;} .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;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: 0px 0px 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(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(images/slideButtonSect.png) -18px 0 no-repeat transparent;} #catalog-section-banners ol li:active{background: url(images/slideButtonSect.png) -36px 0 no-repeat transparent;} #catalog-section-banners ol li.selected{background: url(images/slideButtonSect.png) -54px 0 no-repeat transparent;} #catalog-section-banners ol li.selected:hover{background: url(images/slideButtonSect.png) -72px 0 no-repeat transparent;} #catalog-section-banners ol li.selected:active{background: url(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(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;-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);-webkit-transform: translateX(192px);-ms-transform: translateX(192px);transform: translateX(192px);background-color: #ffffff;margin-top: -175px;text-align: center;position: fixed;z-index: 99999;height: 450px;width: 192px;right: 0px;top: 50%;} #colorSwitcher:hover{-webkit-transform: translateX(0);-ms-transform: translateX(0);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(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{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} #colorSwitcher .title{text-transform: uppercase;font-family: 'robotobold';text-align: center;margin-top: 12px;} #colorSwitcher .items{text-align: center;margin-top: 12px;overflow: hidden;} #colorSwitcher .item{margin-bottom: 12px;margin-left: 12px;height: 48px;width: 48px;float: left;} #colorSwitcher .item:nth-child(3n+1){/*margin-left: 0px;*/ } #colorSwitcher .menuSelect{margin-top: 12px;} #colorSwitcher .menuSelect select{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;outline: none;height: 35px;width: 85%;} #colorSwitcher .menuSelect option{padding: 12px 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(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;} .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;} .sale_order_full_table input[name="BuyButton"]{margin-bottom: 24px;} #bx-soa-order * {-webkit-box-sizing: border-box !Important;box-sizing: border-box !Important;} .microdata{display: none;} .templateSwitcher{background-color: #ffffff;-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);-webkit-transform: translateX(500px);-ms-transform: translateX(500px);transform: translateX(500px);-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-align: center;overflow: hidden;position: fixed;z-index: 9998;width: 360px;height: 100%;right: 0px;top: 0px;} .templateSwitcher.opened{-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .templateSwitcherScroll{overflow: auto;height: 100%;width: 390px;} .templateSwitcherScrollContainer{-webkit-box-sizing: border-box;box-sizing: border-box;margin: 24px 0px;padding: 0 24px;width: 360px;} .templateSwitcherSettings{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-animation-name: bounceInDown;animation-name: bounceInDown;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;text-align: center;margin-top: -100px;line-height: 50px;cursor: pointer;position: fixed;z-index: 9999;height: 198px;width: 51px;right: 0px;top: 50%;} .templateSwitcherSettings.active{right: 360px;} .templateSwitcherSettings:hover{opacity: 0.9;} .templateSwitcherSettings.active .templateSwitcherSettingsPicture{/*transform: rotate(360deg);*/ } .templateSwitcherSettings:hover{background-color: #2b2b2b;} .templateSwitcherSettingsPicture{background: url(images/setting.png) 50% 50% no-repeat transparent;-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;display: inline-block;height: 198px;width: 51px;} .templateSwitcher .switcherList{overflow: hidden;} .templateSwitcher .switcherListItem{background-color: #ffffff;border: 1px solid #ff9601;display: inline-block;border-radius: 2px;text-align: center;line-height: 40px;height: 40px;} .templateSwitcher .switcherListItem:hover{border-color: #ffa800;} .templateSwitcher .switcherListItem.active{background-color: #ff9601;color: #ffffff;} .templateSwitcher .switcherListItem.active a{color: #ffffff;} .templateSwitcher .switcherListItem:first-child{margin-right: 12px;} .templateSwitcher .switcherListItem a{text-decoration: none;padding: 0 24px;color: #ff9601;display: block;} .templateSwitcher .switcherListItem a:active{position: relative;top: 1px;} .templateSwitcher .switcherHeading{font-family: "robotomedium";margin-bottom: 18px;padding: 0 24px;font-size: 16px;} .templateSwitcher .switcherBigHeading{border-bottom: 1px solid #f3f3f3;text-transform: uppercase;padding-bottom: 24px;margin-bottom: 24px;padding-right: 24px;padding-left: 24px;font-size: 18px;} .templateSwitcher .switcherBigHeading .switcherClose{text-decoration: none;margin-top: -1px;font-size: 21px;color: #ff0000;float: right;} .templateSwitcher .switcherBigHeading .switcherClose:hover{opacity: 0.7;} .templateSwitcher .switcherBigHeading .switcherClose:active{position: relative;top: 1px;} .templateSwitcher .switcherHeading2{font-family: "robotomedium";margin-bottom: 12px;padding: 0 24px;} .templateSwitcher .switcherRowBlock{border-top: 1px solid #f3f3f3;padding-top: 24px;margin-top: 24px;} .templateSwitcher .switcherSelect{-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #f3f3f3;cursor: pointer;padding: 0 12px;outline: none;height: 40px;width: 90%;} .templateSwitcher .switcherIcons{margin-bottom: 24px;} .templateSwitcher .switcherDescription{font-size: 13px;color: #888888;} .templateSwitcher .switcherBackgroundItems{text-align: center;overflow: hidden;} .templateSwitcher .switcherThemes{margin-top: 24px;overflow: hidden;} .templateSwitcher .switcherThemesItem{display: inline-block;margin-bottom: 12px;margin-left: 12px;height: 30px;width: 30px;} .templateSwitcher .switcherBackgroundItem{display: inline-block;height: 30px;width: 30px;} .templateSwitcher .switcherBackgroundItem:first-child{margin-right: 12px;} .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem 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: 2px;display: block;height: 30px;width: 30px;} .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active{position: relative;top: 1px;} .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a{background-image: url(images/check.png);background-repeat: no-repeat;background-position: 50% 50%;} @-webkit-keyframes bounceInDown {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);} 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);} 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);} to { -webkit-transform: none; transform: none;} } @keyframes bounceInDown {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);} 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);} 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);} to { -webkit-transform: none; transform: none;} } .templateSwitcher .switcherThemesItem .color1{background-color: #ff9601;} .templateSwitcher .switcherThemesItem .color1:hover{background-color: #ffb800;} .templateSwitcher .switcherThemesItem .color2{background-color: #fb9bad;} .templateSwitcher .switcherThemesItem .color2:hover{background-color: #f3889d;} .templateSwitcher .switcherThemesItem .color3{background-color: #ff855f;} .templateSwitcher .switcherThemesItem .color3:hover{background-color: #e77652;} .templateSwitcher .switcherThemesItem .color4{background-color: #daa550;} .templateSwitcher .switcherThemesItem .color4:hover{background-color: #e4a540;} .templateSwitcher .switcherThemesItem .color5{background-color: #b15b49;} .templateSwitcher .switcherThemesItem .color5:hover{background-color: #a05a4b;} .templateSwitcher .switcherThemesItem .color6{background-color: #f44336;} .templateSwitcher .switcherThemesItem .color6:hover{background-color: #d42d20;} .templateSwitcher .switcherThemesItem .color7{background-color: #acce11;} .templateSwitcher .switcherThemesItem .color7:hover{background-color: #94b20e;} .templateSwitcher .switcherThemesItem .color8{background-color: #27c148;} .templateSwitcher .switcherThemesItem .color8:hover{background-color: #19cc3f;} .templateSwitcher .switcherThemesItem .color9{background-color: #27bfc1;} .templateSwitcher .switcherThemesItem .color9:hover{background-color: #25ccce;} .templateSwitcher .switcherThemesItem .color10{background-color: #3498db;} .templateSwitcher .switcherThemesItem .color10:hover{background-color: #2395e1;} .templateSwitcher .switcherThemesItem .color11{background-color: #2a65d0;} .templateSwitcher .switcherThemesItem .color11:hover{background-color: #0d57dc;} .templateSwitcher .switcherThemesItem .color12{background-color: #0061b2;} .templateSwitcher .switcherThemesItem .color12:hover{background-color: #006ac2;} .templateSwitcher .switcherThemesItem .color13{background-color: #c651d0;} .templateSwitcher .switcherThemesItem .color13:hover{background-color: #d75ee1;} .templateSwitcher .switcherThemesItem .color14{background-color: #c12752;} .templateSwitcher .switcherThemesItem .color14:hover{background-color: #c61c4b;} .templateSwitcher .switcherThemesItem .color15{background-color: #ed1c24;} .templateSwitcher .switcherThemesItem .color15:hover{background-color: #ff232b;} .templateSwitcher .switcherBackgroundItem .white{background-color: #eeeeee;} .templateSwitcher .switcherBackgroundItem .black{background-color: #000000;} @-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;-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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;} } /* Start:/bitrix/templates/dresscodeV2/fonts/roboto/roboto.css?14696198702282*/ @font-face {font-family: 'robotobold';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.ttf') format('truetype');font-weight: bold;font-style: normal; } @font-face {font-family: 'robotomedium';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.ttf') format('truetype');font-weight: bold;font-style: normal; } @font-face {font-family: 'roboto_condensedlight';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.ttf') format('truetype');font-weight: normal;font-style: normal; } @font-face {font-family: 'roboto_cnregular';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.ttf') format('truetype');font-weight: normal;font-style: normal; } @font-face {font-family: 'roboto_ltregular';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.ttf') format('truetype');font-weight: normal;font-style: normal; } @font-face {font-family: 'robotoregular';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.ttf') format('truetype');font-weight: normal;font-style: normal; } @font-face {font-family: 'roboto_thregular';src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.eot');src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.ttf') format('truetype');font-weight: normal;font-style: normal; } /* End */ /* Start:/bitrix/templates/dresscodeV2/themes/pink/style.css?151698864744298*/ /* Base color: #e592a2 Base color hover: #d57587; Base color focus: #c3566a; */ body.index{background-color: #f3f3f3;} #subHeaderLine.color_theme, #headerLine .headerLineTools .callBack, #subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine2 .callBack, #headerLine3 .callBack, #headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLayout.color_theme, #headerLine.color_theme, #topHeader.color_theme, #topHeader2.color_theme, #subHeader2.color_theme, #subHeader3.color_theme, #subHeader4.color_theme, #subHeader5.color_theme, #subHeader6.color_theme, #subHeader7.color_theme, #subHeader8.color_theme, #subHeader9.color_theme, #headerLine2.color_theme, #headerLine3.color_theme, #headerLine4.color_theme, #headerLine5.color_theme, #subHeader.color_theme, #subHeader.color_black #headerTools .cart ins.active, #subHeader2 .topCompare .text.active, #subHeader2 .topWishlist .text.active, #subHeader2 .cart .heading.active, #subHeader2.color_black .cart .heading.active, #subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader4.color_theme .topWishlist .value, #subHeader4.color_theme .topCompare .value, #subHeader4.color_theme .cart .count, #subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader5.color_theme .topWishlist .value, #subHeader5.color_theme .topCompare .value, #subHeader5.color_theme .cart .count, #subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader6.color_theme .topWishlist .value, #subHeader6.color_theme .topCompare .value, #subHeader6.color_theme .cart .count, #subHeader7.color_theme .topWishlist .value, #subHeader7.color_theme .topCompare .value, #subHeader7.color_theme .cart .count, #subHeader8.color_theme .cart .count, #subHeader9 .subContainerColumn .callBack, #subHeader9 #menuCatalogSection .catalogButton, #subHeader9.color_theme .topWishlist .value, #subHeader9.color_theme .topCompare .value, #subHeader9.color_theme .cart .count, #footer.variant_2 #leftFooter, #footer.variant_2 #rightFooter, #footer.variant_2 #footerBottom, #footer.variant_2 .fc, #footerLine.color_theme, .menuContainerColor.color_theme #mainMenuContainer, .menuContainerColor.color_theme #menuCatalogSection .catalogButton, .menuContainerColor.color_theme #mainMenu .removedItemsLink .removedItemsList{background-image: -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%), -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%);background-image: -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%), linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%);} #subHeader.color_black #headerTools .cart ins.active:hover, #headerLine .headerLineTools .callBack:hover, #subHeader9 .subContainerColumn .callBack:hover, #headerLine2 .callBack:hover, #subHeader9 #menuCatalogSection .catalogButton:hover, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:hover, .menuContainerColor.color_theme #mainMenu .removed:hover {background-color: #ffdfe4;} #subHeader.color_black #headerTools .tools .link, #subHeader2 #topCallback .link, #subHeader3 .cart .total, #subHeader3.color_theme .cart .active .count, #subHeader6 .cart .total, #subHeader6 .cart .active .count, #subHeader7 .cart .active .total, #subHeader7 .firstPhones .callBack, #subHeader4 #subMenu li .selected, #subHeader8 #subMenu li .selected, #subHeader9 #subMenu li .selected, #subHeader5 .cart .heading .total, #headerLine #topAuth ul li a, #headerLine .user-geo-position-value-link, #headerLine2 .user-geo-position-value-link, #headerLine2 #subMenu li .selected, #headerLine2.color_black #subMenu li .selected, #headerLine3 #subMenu li .selected, #headerLine3.color_black #subMenu li a.selected, #headerLine4 #subMenu li .selected, #footerLine.color_white .item .callback, #footer.variant_4 #leftFooter .heading, #footer.variant_4 #rightFooter .email a, #footer.variant_4 #leftFooter .selected, #footer.variant_5 #leftFooter .heading, #footer.variant_5 #rightFooter .email a, #footer.variant_5 #leftFooter .selected{color: #e592a2;} #footerLine.color_white .item .compare.active, #footerLine.color_white .item .wishlist.active, #footerLine.color_white .item .cart.active, #footerLine.color_white .item .compare.active .mark, #footerLine.color_white .item .wishlist.active .mark, #footerLine.color_white .item .cart.active .mark, #footerLine.color_theme .item .compare.active .mark, #footerLine.color_theme .item .wishlist.active .mark, #footerLine.color_theme .item .cart.active .mark{color: #e592a2 !important;} #headerLine4.color_black #subMenu li a:hover, #headerLine4.color_black #subMenu li .selected{color: #e592a2 !important;} #headerLine #topAuth ul li a:hover, #topHeader.color_black #topMenu li a.selected, #topHeader.color_default #topMenu li a:hover, #topHeader.color_default #topMenu li .selected, #topHeader.color_default #topService > li > a:hover, #topHeader.color_default .user-geo-position-value-link:hover, #subHeader.color_black #headerTools .tools .link:hover, #subHeader2 #topCallback .link:hover, #subHeader4 #subMenu li a:hover, #subHeader8 #subMenu li a:hover, #subHeader9 #subMenu li a:hover, #subHeader5 .cart .heading:hover .total, #subHeader6 .cart .heading:hover .total, #subHeader7 .firstPhones .callBack:hover, #headerLine .user-geo-position-value-link:hover, #headerLine .user-geo-position-value-link:hover, #headerLine2 .user-geo-position-value-link:hover, #headerLine2 #topAuth > ul li a:hover, #headerLine2 #subMenu li a:hover, #headerLine3 #subMenu li a:hover, #headerLine4 #subMenu li a:hover, #headerLine2.color_black #topAuth > ul li a:hover, #headerLine2.color_black #subMenu li a:hover, #headerLine3.color_black #topAuth > ul li a:hover, #headerLine3.color_black #subMenu li a:hover #headerLine4.color_black #subMenu li a:hover, #footerLine.color_white .item .callback:hover, #footer.variant_4 #leftFooter a:hover, #footer.variant_4 #rightFooter .email a:hover, #footer.variant_5 #leftFooter a:hover, #footer.variant_5 #rightFooter .email a:hover{color: #d57587;} #headerLine.color_theme .headerLineTools .callBack, #headerLine2.color_theme .callBack, #subHeader6.color_theme .callBack, #subHeader9.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader9.color_theme #menuCatalogSection .catalogButton, #subHeader9.color_theme .callBack{background-color: #d57587;} #subHeader3 .cart .order.active, #subHeader6 .subPhones .callBack{border: 1px solid #e592a2;color: #e592a2;} #subHeader6 .subPhones .callBack:hover{border: 1px solid #d57587;} #subHeader4 .topCompare .active .value, #subHeader4 .topWishlist .active .value, #subHeader4 .cart .active .count, #subHeader4.color_black .topCompare .active .value, #subHeader4.color_black .topWishlist .active .value, #subHeader4.color_black .cart .active .count, #subHeader5 .topCompare .active .value, #subHeader5 .topWishlist .active .value, #subHeader5 .cart .active .count, #subHeader6 .topCompare .active .value, #subHeader6 .topWishlist .active .value, #subHeader6 .cart .active .count, #subHeader7 .topCompare .active .value, #subHeader7 .topWishlist .active .value, #subHeader7 .cart .active .count, #subHeader8 .cart .active .count, #subHeader9 .topCompare .active .value, #subHeader9 .topWishlist .active .value, #subHeader9 .cart .active .count{border: 2px solid #e592a2;color: #e592a2;} #subHeader3 .cart .active .count, #subHeader3.color_theme .cart .active .count, #subHeader3.color_black .cart .active .count{background-color: #e592a2;} #subHeader3 .user-geo-position-value-link, #subHeader6 .user-geo-position-value-link, #subHeader6 #topAuth > ul li a, #subHeader6 #topAuth > ul li:first-child:after, #subHeader6 .subPhones .callBack, #subHeader8 .telephoneContainer .callBack, #subHeader3 #topToolsLeft a, #headerLine4 .user-geo-position-value-link, #headerLine4 #topAuth ul li a{color: #e592a2;} #subHeader3 .user-geo-position-value-link:hover, #subHeader6 .user-geo-position-value-link:hover, #subHeader3 #topToolsLeft a:hover, #subHeader6 #topAuth > ul li a:hover, #subHeader6 .subPhones .callBack:hover, #subHeader8 .telephoneContainer .callBack:hover, #headerLine4 .user-geo-position-value-link:hover, #headerLine4 #topAuth ul li a:hover{color: #d57587;} #subHeader3 #topToolsLeft a:after, #subHeader3 .user-geo-position-value-link:after, #headerLine .user-geo-position-value-link:after, #headerLine #topAuth ul li a:after, #headerLine2 .user-geo-position-value-link:after, #subHeader6 #topAuth ul li a:after, #subHeader6 .user-geo-position-value-link:after, #subHeader7 .firstPhones .callBack:after, #subHeader8 .telephoneContainer .callBack:after, #headerLine4 .user-geo-position-value-link:after, #headerLine4 #topAuth ul li a:after{border-bottom: 1px dashed #e592a2;} #subHeader3 #topToolsLeft a:after:hover, #subHeader3 .user-geo-position-value-link:after:hover, #headerLine .user-geo-position-value-link:after:hover, #headerLine #topAuth ul li a:after:hover, #headerLine2 .user-geo-position-value-link:after:hover, #subHeader6 #topAuth ul li a:after:hover, #subHeader6 .user-geo-position-value-link:after:hover, #subHeader7 .firstPhones .callBack:after:hover, #subHeader8 .telephoneContainer .callBack:after:hover, #headerLine4 .user-geo-position-value-link:after:hover, #headerLine4 #topAuth ul li a:after:hover{border-bottom: 1px dashed #d57587;} @media all and (max-width: 800px){#subHeader6 .user-geo-position-value-link{ background-color: #d57587;} } @media all and (max-width: 650px){ #subHeader9 .subContainerColumn .callBack{ color: #d57587 !important;} #subHeader9 .subContainerColumn .callBack:hover{ color: #e592a2 !important;} } @media all and (max-width: 420px){ #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{ color: #d57587;} #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link:after{ border-color: #d57587;} } #topHeader{border-bottom: 1px solid #f6f6f6;background: #ffffff;} #topService{color: #000000;border-left: 1px solid #f6f6f6;} #topService li{border-right: 1px solid #f6f6f6;} #topService li a{color: #000000;} #topService li:hover a:hover{color: #d57587;} #topService li a:focus{color: #c3566a;} #topService .selected{color: #d57587;} #subHeader{background: #ffffff;border-bottom: 0px solid #f6f6f6;} #logo{border-left: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;} #topHeading{border-right: 1px solid #f6f6f6;} #topHeading p{color: #000000;} #headerTools{border-right: 1px solid #f6f6f6;} #headerTools .tools .heading{color: #000000;} #headerTools .tools .link{color: #e592a2;} #headerTools .tools .link:hover{color: #d57587;} #headerTools .tools > li{border-left: 1px solid #f6f6f6;} #headerTools .text{color: #000000;} #headerTools .telephone .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/callbackHead.png) 0 0 no-repeat transparent;} #headerTools .telephone .icon:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/callbackHead.png) -35px 0 no-repeat transparent;} #headerTools .search .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/searchHead.png) 0 0 no-repeat transparent;} #headerTools .search .icon:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/searchHead.png) -35px 0 no-repeat transparent;} #headerTools .wishlist .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/wishlistHead.png) 0 0 no-repeat transparent;} #headerTools .wishlist .icon.active{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/wishlistHead.png) -36px 0 no-repeat transparent;} #headerTools .wishlist .icon.active:hover{background-position: -72px 0;} #headerTools .compare .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/compareHead.png) 0 0 no-repeat transparent;} #headerTools .compare .icon.active{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/compareHead.png) -35px 0 no-repeat transparent;} #headerTools .compare .icon.active:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/compareHead.png) -70px 0 no-repeat transparent;} #headerTools .cart .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/cartHead.png) 0 0 no-repeat transparent;} #headerTools .cart .icon.active{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/cartHead.png) -44px 0 no-repeat transparent;} #headerTools .cart .icon.active:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/cartHead.png) -88px 0 no-repeat transparent;} #headerTools .cart ins{background: #e0e0e0;color: #888888;} #headerTools .cart ins.active{color: #d57587;} #topHeader #topMenu{border-left: 1px solid #e9e9e9;} #topHeader #topMenu li a{color: #000000;} #topHeader #topMenu li a:hover{color: #d57587;} #topHeader #topMenu .sub{background-color: #eeeeee;} #topHeader #topMenu .sub li{border-bottom: 1px solid #e0e0e0;border-top: 0px;} #topHeader #topMenu .sub li:hover {background: #e0e0e0;} #mainMenuContainer .minCatalogButton{background: #e592a2;color: #ffffff;} #changeYouCity{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/modalBg.png) 0 0 repeat #232323;} #changeYouCity .heading{color: #d57587;} #changeYouCity .list li a{color: #cccccc;} #changeYouCity .list li a:hover{color: #d57587;} #changeYouCity #cityClose{background: rgba(0, 0, 0, 0.1);border: 1px solid #000000;color: #ffffff;} #changeYouCity #cityClose:hover{color: #d57587;} #changeYouCity #cityClose ins{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/exit.png) 0 0 no-repeat transparent;} #changeYouCity #cityClose:hover ins{background-position: -11px 0px;} #changeYouCity #cityClose:active ins{background-position: -22px 0px;} #mainMenuContainer{background-color: #1a1a1a;} #mainMenu > li a{color: #ffffff;} #mainMenu > li a:hover{/*color: #e592a2;*/ color: #ffffff;} #menuCatalogSection .drop ul li a:hover{color: #e592a2;} #left .heading{color: #ffffff;} #left .opener{background: #e592a2;} #left .heading ins{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/iconMenu.png) 0 50% no-repeat transparent;} #left .sideBlock .heading{background-color: #2b2b2b;} #left #subscribe .sideBlockContent{border: 1px solid #e7e8ea;} #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: #d57587;} #brandSearch a{color: #000000;} #slider ol li{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/slideButton.png) 0 0 no-repeat transparent;} #slider ol li:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/slideButton.png) -18px 0 no-repeat transparent;} #slider ol li:active{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/slideButton.png) -36px 0 no-repeat transparent;} #slider ol li.selected{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/slideButton.png) -54px 0 no-repeat transparent;} #slider ol li.selected:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/slideButton.png) -72px 0 no-repeat transparent;} #slider ol li.selected:active{background: url(/bitrix/templates/dresscodeV2/themes/pink/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: #d57587;border-color: #e592a2;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: #d57587;border-color: #e592a2;color: #ffffff;} #right .heading{background: #2b2b2b;color: #ffffff;} #footer{background-color: #f9f9f9;} #footer .fc{background-color: #2b2b2b;} #catalogLine{border: 1px solid #e7e8ea;} #catalogLine select{border: 1px solid #e7e8ea;color: #888888;} #catalogLine .viewList .element a{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/catalogView.png) 0 0 no-repeat transparent;} #leftFooter{background: #2b2b2b;} #leftFooter .heading{border-bottom: 1px solid #3e3e3e;color: #ffffff;} #leftFooter ul li{border-top: 1px solid #313131;} #leftFooter a{color: #999999;} #leftFooter a:hover{color: #e592a2;} #leftFooter .selected{color: #e592a2;} #rightFooter{background: unset;} #rightFooter .list li{color: #888888;} #rightFooter .email a{color: #ffffff;} #rightFooter p{color: #888888;} #rightFooter .hr{border-top: 1px solid #575757;} #rightFooter .telephone{color: #e592a2;} #rightFooter .email{color: #ffffff;} #rightFooter .showMap{color: #e592a2;} #rightFooter .showMap:hover{color: #d57587;} #footerBottom{border-top: 3px solid #101010;background: #191919;color: #ffffff;} #appBasketContainer{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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(/bitrix/templates/dresscodeV2/themes/pink/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: #e592a2;} #appBasket .price{color: #000000;} #appBasket .price .discount {color: #888888;} #appBasket .plus, #appBasket .minus{background: url(/bitrix/templates/dresscodeV2/themes/pink/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: #e592a2;} #appBasket .lower .tools .goToBasket:hover{background-color: #d57587;} #appBasket .lower .tools .continue:hover{background: #2b2b2b;} #appFastBuyContainer .heading{background-color: #424242;color: #ffffff;} #appFastBuyContainer input{background-color: #f3f3f3;color: #000000;} #appFastBuyContainer textarea{background-color: #f3f3f3;} #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{background-color: #e9e9e9;} #appFastBuyContainer input.error, #appFastBuyContainer textarea.error{border: 1px solid #ff0000;} #appFastBuyContainer #fastBuyFormSubmit{background-color: #e592a2;color: #ffffff;} #appFastBuyContainer #fastBuyFormSubmit:hover{background-color: #d57587;} #appFastBuyContainer #fastBuyFormSubmit.loading{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/loading.gif) 24px 50% no-repeat #d57587 !important;} #fastBuyResult #fastBuyResultClose{background-color: #e592a2;color: #ffffff;} #fastBuyResult #fastBuyResultClose:hover{background-color: #d57587;} #appFastBuyContainer .marker {background-color: #424242;color: #ffffff;} #appFastBuyContainer .name{color: #000000;} #appFastBuyContainer .name:hover{color: #e592a2;} #appFastBuyContainer .price{color: #000000;} #appFastBuyContainer .price .discount{color: #888888;} #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit{background: url(/bitrix/templates/dresscodeV2/themes/pink/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(/bitrix/templates/dresscodeV2/themes/pink/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, #infoTabsCaption .item a{color: #888888;} #footerTabsCaption .item .selected, #infoTabsCaption .item .selected{border-bottom: 1px dashed #000000;color: #000000;} #footerTabsCaption .item .selected:hover, #infoTabsCaption .item .selected:hover{color: #000000;} #footerTabsCaption .item a:hover, #infoTabsCaption .item a:hover{color: #e592a2;} #footerTabs{background-color: #f9f9f9;} #footerLine{background-color: #1a1a1a;border-top: 2px solid #202020;-webkit-box-shadow: 1px 1px 12px #000000;box-shadow: 1px 1px 12px #000000;} #footerLine .item .callback{color: #e592a2;} #footerLine .item .wishlist .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/wishlistFooterMin.png) 0 0 no-repeat;} #footerLine .item .cart .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/cartFooterMin.png) 0 0 no-repeat;} #footerLine .item .wishlist.active .icon{background-position: -21px 0;} #footerLine .item .wishlist.active:hover .icon{background-position: -42px;} #footerLine .item .cart.active .icon{background-position: -26px 0;} #footerLine .item .cart.active:hover .icon{background-position: -52px;} #footerLine .item .callback .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/callbackFooterMin.png) 0 0 no-repeat;} #footerLine .item .callback:hover{color: #d57587;} #footerLine .callback:hover .icon{background-position: -21px 0;} #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark{background-color: #313131;color: #888888;} #footerLine .item .compare .icon{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/compareFooterMin.png) 0 0 no-repeat;} #footerLine .item .compare.active .icon{background-position: -21px 0;} #footerLine .item .compare.active:hover .icon{background-position: -42px;} #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: #e592a2;} #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: #d57587;} #footerLine .item a{color: #888888;} #footerLine .item a:hover{color: #ffffff;} #authMenu{border-bottom: 1px solid #e7e8ea;} #authMenu li a{color: #000000;} #authMenu li a:hover{color: #e592a2;} #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 #e592a2;} #empty a{color: #000000;} #empty a:hover{color: #e592a2;} #empty .back{border-bottom: 1px dashed #e592a2;color: #e592a2;} #empty .back:hover{color: #d57587;} .product.last{background: #f9f9f9;} .product .tabloid{background-color: #ffffff;} .product .marker {background-color: #424242;color: #ffffff;} .product .name{color: #000000;} .product .name:hover{color: #e592a2;} .product .price{color: #000000;} .product .price .discount{color: #888888;} .product .addCart, .product .detailPage{background: #e592a2;color: #ffffff;} .product .addCart:hover, .product .detailPage:hover{background-color: #d57587;} .product .label{color: #717171;} .product .label:hover{color: #000000;} .product .skuPropertyName{color: #888888;} .product .skuProperty .selected .skuPropertyLink{border: 1px solid #e592a2;} .product .skuPropertyLink{border: 1px solid #dddddd;color: #000000;} .product:hover .tabloid{background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff),to(#f9fafc));background: -ms-linear-gradient(linear, left top, left bottom, color-stop(50%, #ffffff),to(#f9fafc));background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 1px 6px rgba(0,0,0, 0.2);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: #e592a2;} .addCart.added, .detailPage.added{background: #2b2b2b !important;} .addCart.added:hover, .detailPage.added:hover{background: #3b3b3b !important;} .sideBlock .heading{background-color: #424242;} .heading.collapsed{color: #ffffff;} .heading.collapsed ins{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/iconMenu.png) 50% 50% no-repeat #e592a2;border-right: 1px solid #e592a2;} .heading.orange{background: #e592a2;} .mfeedback input, .mfeedback textarea{background-color: #f3f3f3;color: #000000;} .mfeedback input:focus, .mfeedback textarea:focus{background-color: #eeeeee;} .mfeedback input[type="submit"]{background-color: #e592a2;color: #ffffff;} .mfeedback input[type="submit"]:hover{background-color: #d57587;} .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: #e592a2;color: #ffffff;} .bx-auth .submit:hover, .popup-window .btn:hover {background: #d57587;} .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: #e592a2;} .blackLink, .backToIndexPage{color: #000000;} .blackLink:hover, .backToIndexPage:hover{color: #e592a2;} .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: #e592a2;} @media all and (max-width: 700px) { .copyright{ border-left: 1px solid #313131; border-right: 1px solid #313131;} } .addCart.disabled, .detailPage.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: #e592a2;color: #ffffff;} .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover{background-color: #d57587;} /* components colors */ /*breadcrumbs*/ #breadcrumbs{color: #999999;} #breadcrumbs ul li a{color: #000000;} #breadcrumbs ul li a:hover{color: #888888;} #breadcrumbs .arrow{color: #888888;} /*end breadcrumbs*/ /*section.list.default*/ #catalogSection .sectionItems .item:first-child{border-top: 1px solid #e7e8ea;} #catalogSection .sectionItems .item{border: 1px solid #e7e8ea;} #catalogSection .sectionItems .item .itemContainer .bigPicture .marker {background-color: #424242;color: #ffffff;} #catalogSection .sectionItems .item .itemContainer .bigTitle{color: #000000;} #catalogSection .sectionItems .item .itemContainer .bigTitle:hover{color: #e592a2;} #catalogSection .sectionItems .item .itemContainer .description{color: #888888;} #catalogSection .sectionItems .item .itemContainer .sectionList .section a{border-bottom: 1px solid #e7e8ea;color: #000000;} #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{border-bottom: 1px solid #e7e8ea;color: #888888;} /*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: #d57587;} #sectionList .tabloid .marker {background-color: #424242;color: #ffffff;} #sectionList .item:hover .tabloid{-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,0.1);box-shadow: 1px 1px 12px rgba(0,0,0,0.1);border: 1px solid #dddddd;} #sectionList .element .name:hover{color: #d57587;} /*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: #d57587;} #nextSection li .cnt{color: #888888;} /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab{border-right: 1px solid #e7e8ea;} #elementSmallNavigation .tab.active a{color: #e592a2;} #elementSmallNavigation .tab.active span{border-bottom: 1px dashed #e592a2;} #elementTools .addCart, #smallElementTools .addCart, #elementTools .detailPage, #smallElementTools .detailPage{background-image: -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%), -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%);background-image: -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%), linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%);;} #elementTools .addCart:hover, #smallElementTools .addCart:hover, #elementTools .detailPage:hover, #smallElementTools .detailPage:hover{/*background-color:*/ background-image: -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%), -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%);background-image: -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%), linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%);/*; #d57587;*/ } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{border: 1px solid #e592a2;} .elementProperties a:hover{color: #e592a2;} #elementProperties .stats a:hover{color: #e592a2;} #files .item .info .name:hover{color: #e592a2;} /*reviews*/ #catalogReviews .heading .reviewAddButton:hover{border-color: #e592a2;color: #e592a2;} #showallReviews:hover{color: #e592a2;} #catalogElement #newReview .usedSelect li a.selected {background: #e592a2;} #catalogElement #newReview .submit {background: #e592a2;} #catalogElement #newReview .submit:hover {background: #d57587;} /*set*/ #set .setTools .addCart, #set .setTools .detailPage{background: #e592a2;} #set .setTools .addCart:hover, #set .setTools .detailPage:hover{background-color: #d57587;} #set .setElement .name:hover{color: #e592a2;} #setWindowPrice .addCart, #setWindowPrice .detailPage{background: #e592a2;} #setWindowPrice .addCart:hover, #setWindowPrice .detailPage:hover{background-color: #d57587;} /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover{color: #e592a2;} #catalogLineList .addCart, #catalogLineList .detailPage{background: #e592a2;} #catalogLineList .addCart:hover, #catalogLineList .detailPage:hover{background-color: #d57587;} #catalogLineList .skuProperty .selected .skuPropertyLink{border: 1px solid #e592a2;} #catalogLineList .prop a:hover{color: #e592a2;} /* table */ #catalogTableList .name:hover{color: #d57587;} #catalogTableList .addCart, #catalogTableList .detailPage, #catalogTableList .more{background-color: #e592a2;} #catalogTableList .addCart:hover, #catalogTableList .detailPage:hover, #catalogTableList .more:hover{background-color: #d57587;} /* end.catalog.section /*smart filter */ #smartFilter .showALL {color: #e592a2;} #smartFilter .showALL:hover{color: #d57587;} #smartFilter .radio label:hover, #smartFilter .checkbox label:hover{color: #e592a2;} #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover {background-color: #d57587;} #smartFilter .handler {background: url(/bitrix/templates/dresscodeV2/themes/pink/images/handlerActive.png) 0 0 no-repeat transparent;} #set_filter {background-color: #e592a2;} #set_filter:hover{background-color: #d57587;} #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon {border-color: #e592a2;} #smartFilter .hint {background: url(/bitrix/templates/dresscodeV2/themes/pink/images/question.png) 0 0 no-repeat transparent;} #smartFilter .hintValue .close {color: #e592a2;} #smartFilter .hintValue .close:hover {color: #d57587;} #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button {border: 1px solid #e592a2;background-color: #e592a2;} #smartFilter input[type="submit"]:hover, #smartFilter button:hover {background-color: #d57587;} #modef {background: url(/bitrix/templates/dresscodeV2/themes/pink/images/modef.png) 0 0 no-repeat;} /* end smart filter */ /* menu */ #topMenu li a:hover{color: #d57587;} #topMenu li .selected{color: #d57587;} #topMenu .sub li:hover a{color: #d57587;} #personalMenu li a:hover{color: #e592a2;} #subLeftMenu .selected a{color: #d57587;} #leftMenu .menuItems a:hover span{color: #e592a2;} #mainMenu .drop ul li a:hover, #mainMenu .drop .nextColumn ul li a:hover{color: #e592a2;} /* end menu */ /* news */ #newsDetail .more{background: #e592a2;} #newsDetail .more:hover{background-color: #d57587;} #newsContainer .column .item .title a:hover{color: #e592a2;} #newsContainer .column .item .more{background: #e592a2;} #newsContainer .column .item .more:hover{background-color: #d57587;} #newsContainer .column .item .title a:hover{color: #e592a2;} #newsContainer .column .item .more, .mainServiceContainer .item .more{background: #e592a2;} #newsContainer .column .item .more:hover, .mainServiceContainer .item .more:hover{background-color: #d57587;} .backToList:hover{color: #e592a2;} #brandList .name:hover{color: #d57587;} #newsContainer .column .item .title a:hover, .mainServiceContainer .item .title a:hover{color: #e592a2;} #newsContainer .column .item .more{background: #e592a2;} #newsContainer .column .item .more:hover{background-color: #d57587;} #collectionBlock .name:hover{color: #d57587;} #collectionBlock .link{color: #d57587;} #newsBlock .newsTitle:hover {color: #e592a2;} #serviceBlock .name:hover{color: #d57587;} #serviceBlock .link{color: #d57587;} /* end news */ /* order cancel */ .bx_my_order_cancel a:hover{color: #e592a2;} .bx_my_order_cancel input[type="submit"]{background:#e592a2;} .bx_my_order_cancel input[type="submit"]:hover {background: #d57587;} .bx_my_order_cancel input[type="submit"]:active {background: #d57587;} input[name="BuyButton"]{background-color: #e592a2;} .bx_my_order_switch .bx_mo_link:hover{color: #e592a2;} /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover{color: #e592a2;} #subscribeEdit .submit {background: #e592a2;} #subscribeEdit .submit:hover {background: #d57587;} #subscribe .submit{background-color: #d57587;} #subscribe .submit:hover{background-color: #d57587;} /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span{background: #e592a2;color: #fff;} /* end navigation */ #brandList .name:hover{color: #d57587;} #brandList .last .showMore:hover{color: #d57587;} #brandList .last .ps:hover{color: #d57587;} #homeCatalog .caption.selected{background-color: #e592a2;} #mainProfile .profileSettings .heading {color: #e592a2;} #mainProfile .profileSettings .submit {background: #e592a2;} #mainProfile .profileSettings .submit:hover {background: #d57587;} #main input[name="BuyButton"], #main input[type="submit"]{background-color: #e592a2;} #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover{background-color: #d57587;} #newOrder{background-color: #e592a2;} #newOrder:hover{background-color: #d57587;} #orderSuccess a{color: #e592a2;} #orderSuccess a:hover{color: #d57587;} #personalCart #basketView .item a{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/cartView.png) 0 0 no-repeat transparent;} #personalCart #tabsControl .item a:hover{color: #e592a2;} #personalCart #tabsControl .item .selected:hover{border-bottom: 1px dashed #e592a2;} #personalCart .productTable .clear a:hover {color: #e592a2;} #personalCart .productTable .name a:hover {color: #e592a2;} #orderMake{background-color: #e592a2;} #orderMake:hover{background-color: #d57587;} .orderLoad {background: url(/bitrix/templates/dresscodeV2/themes/pink/images/orderLoad.gif) 24px 50% no-repeat #e592a2 !important;} #wishlist .prop a:hover{color: #d57587;} #popSection .name:hover{color: #e592a2;} #popSection .last .showMore:hover{color: #e592a2;} #popSection .last .ps:hover{color: #e592a2;} #storesList .storesListTableLink, #storeDetail .storesMoreLink{color: #e592a2;} #storeDetail .showByMapLink{color: #000000;} #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover{color: #d57587;} #complect .complectListItemLink{color: #000000;} #complect .complectListItemLink:hover{color: #d57587;} #complect .complectResultEconomyValue{color: #ff305c;} #appFastView .addCart, #appFastView .detailPage, #geo-location-window .geo-location-window-button{background: #e592a2;} #geo-location-window .geo-location-window-list-item .selected span{border-bottom: 1px dashed #e592a2;color: #e592a2;} #appFastView .addCart:hover, #appFastView .detailPage:hover, #geo-location-window .geo-location-window-button:hover{background-color: #d57587;} #geo-location-window .geo-location-window-list-item a:hover{color: #d57587;} .information-feedback, .shop-review-top-new-button{border: 1px solid #e592a2;color: #e592a2;} .information-feedback:hover, .shop-review-top-new-button:hover{border: 1px solid #d57587;color: #d57587; text-decoration:none;} .webFormTools input[type="submit"] {background-color: #e592a2;} .webFormTools input[type="submit"]:hover {background-color: #d57587;} #bx-soa-order-form .bx-blue .btn.btn-default {background-color: #e592a2;border: 1px solid #e592a2;color: #ffffff;} #bx-soa-order-form textarea{outline: none;} #bx-soa-order-form a{color: #e592a2;} #bx-soa-order-form a:hover{color: #d57587;} #bx-soa-order-form .bx-blue .btn.btn-default:hover{background-color: #d57587;} #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{color: #23527c;} #appProductPriceVariant .linkMore{background: #e592a2;} #appProductPriceVariant .linkMore:hover{background-color: #d57587;} #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .detailPage, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton{background-color: #e592a2;} #requestPrice #requestPriceSubmit:hover, #requestPrice #requestPriceResultClose:hover, #compareBlock .leftTools .all:hover, #compareTools .hide:hover, #scrollTable .addCart:hover, #scrollTable .detailPage:hover, #specialProduct .more:hover, #slider .sliderContent .cButton:hover{background-color: #d57587;} #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover{color: #d57587;} #requestPrice #requestPriceSubmit.loading {background: url(/bitrix/templates/dresscodeV2/themes/pink/images/loading.gif) 24px 50% no-repeat #d57587 !important;} #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor{color: #e592a2;} /*start цвета для новых блоков*/ .btn-simple { background: #e592a2; border-color: #e592a2; } .btn-simple:hover { background: #d57587; border-color: #d57587; } .btn-simple.btn-border { background: transparent; border-color: #e592a2; color: #e592a2; } .btn-simple.btn-border:hover { color: #d57587; border-color: #d57587; } .active-link:hover { color: #e592a2; border-color: #e592a2; } .inactive-link:hover { color: #e592a2; } .text-link:hover { color: #e592a2; } .tiles-list .h3:hover { color: #e592a2; } .tiles-list .tile-wrap:first-child .h3:hover { color: #e592a2; } .theme-color { color: #e592a2; border-color: #e592a2; } body .theme-color-hover { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body .theme-color-hover:hover { color: #e592a2; } .other-news .name:hover { color: #e592a2; } .big-text-link:hover { color: #e592a2; } .link-dashed:hover { color: #e592a2; border-color: #e592a2; } .theme-link-dashed { color: #e592a2; border-color: #e592a2; } .theme-link-dashed:hover { color: #d57587; border-color: #d57587; } .new-list-items .active-link:hover { color: #d57587; border-color: #d57587; } .delivery-modal .active-link:hover { color: #d57587; border-color: #d57587; } .tabs-wrap .tab-btn-link.active { border-color: #e592a2; background-color: #e592a2; color: #fff; } .tabs-wrap .tab-btn-link.active:hover { border-color: #e592a2; background-color: #e592a2; color: #fff; } .tabs-wrap .tab-btn-link:hover { border-color: #e592a2; color: #e592a2; } .tabs-wrap .tab-dashed-link:hover { color: #e592a2; } .bindAction a:hover { color: #d57587; } #catalogElement .dropdownList .selected, #catalogElement .dropdownList .item:hover { background-color: #d57587; } .smallSpecialTime .specialTimeItem { background: #e592a2; } .productSpecialTime .specialTimeItem { background: #e592a2; } .fastSpecialTime .specialTimeItem { background: #e592a2; } #skuOffersTable .offersTable .basket .addCart{ background-color: #e592a2; } #skuOffersTable .offersTable .basket .addCart:hover { background-color: #d57587; } #skuOffersTable .offersTable .basket .detailPage{ background-color: #e592a2; } #skuOffersTable .offersTable .basket .detailPage:hover { background-color: #d57587; } #elementContainer .bindActionImage .image{background-image: url("/bitrix/templates/dresscodeV2/themes/pink/images/action.png");} #elementContainer .wishCompWrap .elem.added { border-color: #e592a2; background: #e592a2; } #elementContainer .wishCompWrap .elem.added:hover { border-color: #d57587; background: #d57587; } /*end цвета для новых блоков*/ /*end*/ ::-moz-selection {background: #eca712;color: #fff;} ::selection {background: #eca712;color: #fff;} ::-moz-selection {background: #eca712;color: #fff;} ::-webkit-selection {background: #eca712;color: #fff;} /* End */ /* Start:/bitrix/templates/dresscodeV2/headers/header1/css/style.css?15180779765905*/ #topHeader.color_default{border-bottom: 1px solid #f3f3f3;background-color: #fbfbfb;color: #000000;} #subHeader.color_theme, #subHeader.color_black{color: #ffffff;} #subHeader.color_black{border-bottom: 1px solid #313131;background: #2b2b2b;} #topHeader.color_black{background: #2b2b2b;color: #ffffff;} #topHeader.color_theme #topMenu .sub {background-color: #232323;} #topHeader.color_black #topMenu li a:not(:hover):not(.selected){color: #ffffff;} #topHeader.color_black #topMenu .sub li a:not(:hover):not(.selected){color: #000000;} #topHeader.color_theme #topMenu .sub li a:not(:hover):not(.selected), #topHeader.color_black #topMenu .sub li a:not(:hover):not(.selected){color: #ffffff;} #topHeader.color_black #topService{color: #ffffff;} #topHeader.color_black #topService li a:not(:hover):not(.selected){color: #ffffff;} #topHeader.color_black #geo-location-window .geo-location-window-list-item a:not(:hover):not(.selected){color: #000;} #topHeader.color_black #topMenu .sub li:hover, #topHeader.color_theme #topMenu .sub li:hover {background-color: #1e1e1e;} #topHeader.color_black #topMenu .sub li, #topHeader.color_theme #topMenu .sub li {border-top: 1px solid rgba(0, 0, 0, 0.149);border-bottom: 1px solid #303030;} #topHeader.color_black #topMenu .sub{background-color: #000000;} #topHeader.color_theme #topMenu .sub {background-color: #232323;} #topHeader.color_theme{border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #topHeader.color_default #topMenu li a{color: #000000;} #topHeader.color_theme #topMenu li a{color: #ffffff;} #topHeader.color_theme #topMenu li a:hover{opacity: 0.8;} #topHeader.color_theme #topMenu li .selected{opacity: 0.7;} #topHeader.color_default #topMenu, #topHeader.color_default #topService{border-left: 1px solid #f3f3f3;} #topHeader.color_default #topService li{border-right: 1px solid #f3f3f3;} #topHeader.color_black #topMenu, #topHeader.color_black #topService{border-color: #3a3a3a;} #topHeader.color_black #topService li{border-color: #3a3a3a;} #topHeader.color_default #topService > li > a, #topHeader.color_default .user-geo-position-label, #topHeader.color_default .user-geo-position-value, #topHeader.color_default .user-geo-position-value-link{color: #000000;} #topHeader.color_theme #topMenu, #topHeader.color_theme #topService{border-left: 1px solid rgba(255, 255, 255, 0.2);} #topHeader.color_theme #topService li{border-right: 1px solid rgba(255, 255, 255, 0.2);} #topHeader.color_theme .user-geo-position-label, #topHeader.color_theme .user-geo-position-value, #topHeader.color_theme .user-geo-position-value-link{color: #ffffff;} @media all and (min-width: 500px){#topHeader.color_theme #topService > li > a{ color: #ffffff;} } #topHeader.color_theme #topService > li > a:hover, #topHeader.color_theme .user-geo-position-value-link:hover{color: #ffffff;opacity: 0.8;} #subHeader.color_theme #logo{border-left: 1px solid rgba(255, 255, 255, 0.2);border-right: 1px solid rgba(255, 255, 255, 0.2);} #subHeader.color_black #logo{border-left: 1px solid rgba(255, 255, 255, 0.1);border-right: 1px solid rgba(255, 255, 255, 0.1);} #subHeader.color_theme #topHeading{border-right: 1px solid rgba(255, 255, 255, 0.2);} #subHeader.color_black #topHeading{border-right: 1px solid rgba(255, 255, 255, 0.1);} #subHeader.color_theme #topHeading p, #subHeader.color_black #topHeading p{color: #ffffff;} #subHeader.color_theme #headerTools .tools .heading, #subHeader.color_black #headerTools .tools .heading{color: #ffffff;} #subHeader.color_theme #headerTools .text, #subHeader.color_black #headerTools .text{color: #ffffff;} #subHeader.color_theme #headerTools{border-right: 1px solid rgba(255, 255, 255, 0.2);} #subHeader.color_black #headerTools{border-right: 1px solid rgba(255, 255, 255, 0.1);} #subHeader.color_theme #headerTools .tools > li{border-left: 1px solid rgba(255, 255, 255, 0.2);} #subHeader.color_black #headerTools .tools > li{border-left: 1px solid rgba(255, 255, 255, 0.1);} #subHeader.color_theme #headerTools .tools .link{color: #ffffff;} #subHeader.color_theme #headerTools .tools .link:hover, #subHeader.color_black #headerTools .tools .link:hover{opacity: 0.8;} #subHeader.color_theme #headerTools .cart ins, #subHeader.color_black #headerTools .cart ins{background-color: rgba(255, 255, 255, 0.4);color: #000000;} #subHeader.color_theme #headerTools .cart ins.active{background-color: rgba(255, 255, 255, 0.6);} #subHeader.color_black #headerTools .cart ins.active:active{position: relative;top: 1px;} #subHeader.color_black #headerTools .cart ins.active{color: #ffffff;} #subHeader.color_theme #headerTools .search .icon, #subHeader.color_black #headerTools .search .icon{background-image: url(/bitrix/templates/dresscodeV2/headers/header1/css/images/searchHeadW.png);} #subHeader.color_theme #headerTools .telephone .icon, #subHeader.color_black #headerTools .telephone .icon{background-image: url(/bitrix/templates/dresscodeV2/headers/header1/css/images/callbackHeadW.png);} #subHeader.color_theme #headerTools .wishlist .icon, #subHeader.color_black #headerTools .wishlist .icon{background-image: url(/bitrix/templates/dresscodeV2/headers/header1/css/images/wishlistHeadW.png);} #subHeader.color_theme #headerTools .compare .icon, #subHeader.color_black #headerTools .compare .icon{background-image: url(/bitrix/templates/dresscodeV2/headers/header1/css/images/compareHeadW.png);} #subHeader.color_theme #headerTools .cart .icon, #subHeader.color_black #headerTools .cart .icon{background-image: url(/bitrix/templates/dresscodeV2/headers/header1/css/images/cartHeadW.png);} @media all and (max-width: 500px){#topHeader.color_theme #topService > li > a:hover{ color: #888888;} } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu/style.css?14534556101250*/ #topMenu{border-left: 1px solid #3a3a3a;float: left;padding: 0;margin: 0;} #topMenu ul{padding: 0;margin: 0;} #topMenu li{list-style: none;float: left;padding: 0;margin: 0;} #topMenu li a{font: normal normal 12px "roboto_ltregular" , arial , sans-serif;-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 12px;color: #cccccc;display: block;} #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: #232323;min-width:180px;left: -1px;top: 30px;z-index: 1;} #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;} /* End */ /* Start:/bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.css?150966258012314*/ .user-geo-position-label{margin-right: 6px;} .user-geo-position-label, .user-geo-position-value, .user-geo-position-value-link{vertical-align: middle;display: inline-block;font-size: 13px;} .user-geo-position-value-link{vertical-align: middle;max-width: 160px;overflow: hidden;} #geo-location-window{-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: auto;z-index: 1000;height: 100%;width: 100%;left: 0px;top: 0px;/*display: none;*/ } #geo-location-window .hidden{display: none;} #geo-location-window .geo-location-window-container{-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);-webkit-animation-duration: 0.2s;animation-duration: 0.2s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-name: zoomInLocation;animation-name: zoomInLocation;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;min-height: 276px;max-height: 500px;padding: 0 24px;width: 800px;left: 50%;top: 50%;} #geo-location-window .geo-location-window-container-bg{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);background-color: #ffffff;} .geo-location-window-wp{vertical-align: middle;display: inline-block;line-height: 21px;width: 100%;} #geo-location-window .geo-location-window-heading{background-color: #424242;position: relative;text-align: center;line-height: 60px;font-size: 18px;color: #ffffff;} #geo-location-window .geo-location-window-list{max-height: 180px;margin-top: 24px;padding: 0 24px;overflow: auto;} #geo-location-window .geo-location-window-list-item{/*text-transform: uppercase;*/ overflow: hidden;float: left;width: 25%;} #geo-location-window .geo-location-window-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;display: inline-block;text-decoration: none;line-height: 37px;overflow: hidden;color: #000000;height: 37px;} #geo-location-window .geo-location-window-list-item a:active{position: relative;top: 1px;} #geo-location-window .geo-location-window-list-item span{vertical-align: middle;display: inline-block;line-height: 21px;} .geo-location-window-search{margin-top: 24px;padding: 0 24px;} .geo-location-window-search-input{background: url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6;-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 #e6e6e6;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: "roboto_ltregular";border-radius: 2px;padding: 0 42px;font-size: 14px;height: 48px;width: 100%;} .geo-location-window-search-input:focus{border: 1px solid #aaaaaa;} .geo-location-window-city-container{text-align: center;margin-top: 24px;} .geo-location-window-city-label, .geo-location-window-city-value{display: inline-block;} .geo-location-window-city-value{/*text-transform: uppercase;*/ font-family: "robotoBold";} .geo-location-window-button-container{margin-bottom: 24px;text-align: center;margin-top: 24px;} .geo-location-window-button{-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;*/ color: #ffffff !important;vertical-align: middle;display: inline-block;text-decoration: none;border-radius: 2px;text-align: center;position: relative;line-height: 50px;padding: 0 36px;font-size: 14px;opacity: 0.9;height: 50px;} .geo-location-window-button:active{position: relative;top: 1px;} .geo-location-window-button.modifed{border-radius: 4px;opacity: 1;} .geo-location-window-button.disabled{pointer-events: none;opacity: 0.5;} .geo-location-window-button.loading{opacity: 0.5;} .geo-location-window-button.loading #geo-location-window-fast-loader{display: block;opacity: 1;} .geo-location-window-search-values-cn{position: relative;} .geo-location-window-search-values{position: absolute;max-height: 141px;overflow: auto;z-index: 99;width: 100%;left: 0px;top: 0px;} .geo-location-window-search-values .geo-location-list-item{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border-top: 1px solid #e6e6e6;background-color: #eeeeee;} .geo-location-window-search-values .geo-location-list-item:hover{background-color: #e1e1e1;} .geo-location-window-search-values .geo-location-list-item:first-child{border: none;} .geo-location-window-search-values .geo-location-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;color: #000000 !important;text-decoration: none;line-height: 35px;padding: 0 24px;display: block;height: 35px;} .geo-location-window-search-values .geo-location-list-item a:hover{opacity: 0.8;} .geo-location-window-search-values .geo-location-list-item a:active{position: relative;top: 1px;} #geo-location-window .geo-location-window-exit{position: absolute;display: block;height: 21px;width: 21px;right: 20px;top: 20px;} #geo-location-window .geo-location-window-exit{background: url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/exit.png) 0 0 no-repeat transparent;} #geo-location-window .geo-location-window-exit:hover{background-position: 0 -21px ;} #geo-location-window .geo-location-window-exit:active{background-position: 0 -42px ;} @media all and (max-width: 850px){ #geo-location-window .geo-location-window-container{ -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); width: 100%; left: 0px;} } @media all and (max-width: 700px) { #geo-location-window .geo-location-window-list-item{ width: 33.333%;} #geo-location-window .geo-location-window-container{ padding: 0 12px;} } @media all and (max-width: 500px) { #geo-location-window .geo-location-window-list-item{ width: 50%;} } @media all and (max-width: 400px) { #geo-location-window .geo-location-window-list-item{ width: 100%;} } /*loader*/ #geo-location-window-fast-loader{-webkit-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;position: absolute;transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);margin-left: -24px;display: none;height: 48px;width: 48px;opacity: 0;left: 50%;top: 0px;} .f_circleG{position:absolute;background-color:rgb(255,255,255);height:9px;width:9px;display: block;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:0.522s;-o-animation-duration:0.522s;-ms-animation-duration:0.522s;-webkit-animation-duration:0.522s;-moz-animation-duration:0.522s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;} #frotateG_01{left:0;top:19px;animation-delay:0.1995s;-o-animation-delay:0.1995s;-ms-animation-delay:0.1995s;-webkit-animation-delay:0.1995s;-moz-animation-delay:0.1995s;} #frotateG_02{left:6px;top:6px;animation-delay:0.256s;-o-animation-delay:0.256s;-ms-animation-delay:0.256s;-webkit-animation-delay:0.256s;-moz-animation-delay:0.256s;} #frotateG_03{left:19px;top:0;animation-delay:0.3225s;-o-animation-delay:0.3225s;-ms-animation-delay:0.3225s;-webkit-animation-delay:0.3225s;-moz-animation-delay:0.3225s;} #frotateG_04{right:6px;top:6px;animation-delay:0.389s;-o-animation-delay:0.389s;-ms-animation-delay:0.389s;-webkit-animation-delay:0.389s;-moz-animation-delay:0.389s;} #frotateG_05{right:0;top:19px;animation-delay:0.4555s;-o-animation-delay:0.4555s;-ms-animation-delay:0.4555s;-webkit-animation-delay:0.4555s;-moz-animation-delay:0.4555s;} #frotateG_06{right:6px;bottom:6px;animation-delay:0.522s;-o-animation-delay:0.522s;-ms-animation-delay:0.522s;-webkit-animation-delay:0.522s;-moz-animation-delay:0.522s;} #frotateG_07{left:19px;bottom:0;animation-delay:0.5885s;-o-animation-delay:0.5885s;-ms-animation-delay:0.5885s;-webkit-animation-delay:0.5885s;-moz-animation-delay:0.5885s;} #frotateG_08{left:6px;bottom:6px;animation-delay:0.645s;-o-animation-delay:0.645s;-ms-animation-delay:0.645s;-webkit-animation-delay:0.645s;-moz-animation-delay:0.645s;} @keyframes f_fadeG{0%{ background-color:rgb(0,0,0);} 100%{ background-color:rgb(255,255,255);} } @-webkit-keyframes f_fadeG{0%{ background-color:rgb(0,0,0);} 100%{ background-color:rgb(255,255,255);} } @-webkit-keyframes zoomInLocation {from { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);} 50% { opacity: 1;} } @keyframes zoomInLocation {from { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3);} 50% { opacity: 1;} } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/style.css?151049964010785*/ .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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);-webkit-transform: translateX(-50%) translateY(0%);-ms-transform: translateX(-50%) translateY(0%);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;box-sizing: border-box;margin-bottom: 24px;max-width: 500px;min-width: 320px;width: 100%;top: 24px;left: 50%;} .small .webformModalContainer{-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);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;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(/bitrix/templates/dresscodeV2/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;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;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"].error + label:before{border: 1px solid #ff0000 !important;} .webFormItemField input[type="checkbox"] + label:before {background: url(/bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent;} .webFormItemField input[type="radio"] + label:before {background: url(/bitrix/templates/dresscodeV2/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;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;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(/bitrix/templates/dresscodeV2/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;color: #000000;display: none;z-index: 1000;height: 100%;width: 100%;left: 0px;top: 0px;} .webFormMessageContainer{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);background-color: #ffffff;-webkit-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:/bitrix/components/dresscode/search.line/templates/.default/style.css?15193078446622*/ #topSearch{background-color: #2b2b2b;position: absolute;line-height: 102px;min-width: 320px;height: 102px;display: none;width: 100%;z-index: 35;left: 0;} #topSearch form{height: 95px;line-height: 95px;padding: 0 12px;} #topSearch table{width: 100%;border-collapse: collapse;} #topSearch .submit{width: 60px;padding-left: 12px;} #topSearch input[type="text"]{-webkit-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%;background: rgba(0, 0, 0, 0.298);border: 1px solid #000;padding: 0 1%;font-size: 18px;color: #ccc;font-weight: normal;margin-top: 22px;} #topSearch input[type="submit"]{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;box-sizing: border-box;border: 1px solid #000000;color: transparent;margin-top: 22px;cursor: pointer;font-size: 0px;height: 50px;width: 60px;float:right;} #topSearch input[type="submit"]:hover{background-position: -60px 50%;} #topSearch input[type="submit"]:active{background-position: -120px 50%;} #topSearch input[type="text"].loading{background-color: rgba(0, 0, 0, 0.398);} #topSearch .searchField{position: relative;} #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;color: #ffffff;right: 24px;} #topSeachCloseForm:hover{color: #ffa900;} #searchResult{background-color: #ffffff;position: absolute;display: none;height: auto;z-index: 999;width: 100%;top: 133px;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;} #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;box-sizing: border-box;margin-bottom: 24px;/*padding: 0 24px;*/ } #searchResult .item{width: 14.285%;} #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 36px 24px 36px;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: 0px;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;-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;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: 1920px){ #searchResult .item{ width: 16.666666%;} } @media all and (max-width: 1600px){#searchResult .item{ width: 20%;} } @media all and (max-width: 1300px){#searchResult .item{ width: 25%;} } @media all and (max-width: 1024px){#searchResult .item{ width: 33.33333%;} } @media all and (max-width: 790px){#searchResult .item{ width: 50%;} } @media all and (max-width: 600px){#searchResult .item{ width: 100%;} } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?15197516026340*/ #mainMenuContainer{position: relative;} #mainMenuContainer.fixed{-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;position: fixed;z-index: 999;width: 100%;top: 0px;} /*#mainMenuStaticContainer{background-color: #1a1a1a;height: 60px;}*/ #mainMenuContainer .minCatalogButton{font-family: "roboto_ltregular";text-decoration: none;padding-left: 24px;line-height: 65px;font-weight: 400;font-size: 18px;display: none;height: 65px;} #mainMenuContainer .minCatalogButton img{vertical-align: middle;padding-right: 12px;margin-top: -2px;} #menuCatalogSection{border-left: 1px solid #222222;height: 60px;float: left;} #menuCatalogSection .catalogButton{-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;background-color: #111111;text-decoration: none;line-height: 60px;padding: 0 29px;color: #ffffff;display: block;} #menuCatalogSection .catalogButton:hover{background-color: #000000;} #menuCatalogSection .catalogButton img{vertical-align: middle;padding-right: 12px;margin-top: -2px;} #menuCatalogSection .catalogButtonImage{background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/catalogButton.png) 0 0 no-repeat transparent;vertical-align: middle;display: inline-block;margin-right: 12px;margin-top: -2px;height: 18px;width: 30px;} #menuCatalogSection .sectionMenuArrow{background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/sectionMenuArrow.png) 0 0 no-repeat transparent;vertical-align: middle;display: inline-block;margin-left: 12px;margin-top: -2px;height: 6px;width: 9px;} #mainMenu{list-style: none;overflow: hidden;padding: 0px;height: 60px;margin: 0px;} #mainMenu .removedItemsLink > a{background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/menuSlicedIcon.png) 50% 50% no-repeat transparent;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;height: 60px;float: left;width: 40px;} #mainMenu .removedItemsLink > a:hover{opacity: 0.8;} #mainMenu .removedItemsLink .removedItemsList{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);margin: 0px 0px 0px -211px;background-color: #1a1a1a;position: absolute;list-style: none;display: none;padding: 0px;z-index: 100;width: 300px;top: 60px;left: 0px;} #mainMenu .removedItemsLink:hover .removedItemsList{display: block;} #mainMenu .removed{border-top: 1px solid #222222;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #mainMenu .removed:hover{background-color: #202020;} /*#mainMenu .removed:first-child{border-top: 0px;} */ #mainMenu .removed a{text-decoration: none;line-height: 24px;padding: 18px 24px;display: block;} #mainMenu a{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;display: block;} #mainMenu > li{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border-right: 1px solid #222222;line-height: 60px;float: left;} /*#mainMenu > li:first-child{border-left: 1px solid #222222;}*/ #mainMenu > li:hover{background-color: #202020;} #mainMenu > li:first-child{margin-left: 0px;} #mainMenu > li > a{text-decoration: none;padding: 0 24px;} #mainMenu > li 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;padding-right: 12px;} #mainMenu > li a:hover img{opacity: 0.8;} #menuCatalogSection .sectionMenuArrow{padding-left: 12px;} /* drop sections */ #menuCatalogSection .drop{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);border-bottom: 1px solid #dddddd;background-color: #ffffff;position: absolute;padding: 24px 0px;display: none;z-index: 100;width: 100%;top: 60px;left: 0;} #menuCatalogSection .drop ul{margin: -24px 0 0 0;overflow: hidden;list-style: none;padding: 0px;} #menuCatalogSection .drop .menuSectionContainer{overflow: hidden;} #menuCatalogSection .drop ul li{-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 180px;text-align: center;margin-top: 24px;height: 180px;float: left;width: 20%;} #menuCatalogSection .drop ul li:nth-child(5n+1){border-left: 0;} #menuCatalogSection .drop ul li .container{vertical-align: middle;width: auto !important;display: inline-block;line-height: 21px;} #menuCatalogSection .drop ul 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;font-family: 'robotobold';text-decoration: none;font-size: 14px;display: block;color: #000000;} #menuCatalogSection .drop ul li .picture{margin-bottom: 12px;line-height: 130px;height: 130px;} #menuCatalogSection .drop ul li .picture img{vertical-align: middle;} #menuCatalogSection .drop ul li .picture:hover{opacity: 0.9;} #mainMenu .drop{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);border-bottom: 1px solid #dddddd;background-color: #ffffff;position: absolute;padding: 24px 0px;display: none;z-index: 99;width: 100%;top: 60px;left: 0;} #mainMenu .drop .nextColumn{line-height: 21px;list-style: none;float: left;/*width: 20%;*/ width:auto;padding: 0;margin: 0;} /*#mainMenu .drop .nextColumn > li{margin-top: 12px;display: block;}*/ #mainMenu .drop .nextColumn li{margin-top: 0px;display: inline-block;float:left;margin: 0 10px;text-align: center;} #mainMenu .drop .nextColumn > li:first-child{margin-top: 0px;margin-left:0;} #mainMenu .drop .nextColumn > li > a{text-transform: uppercase;font-family: 'robotobold';text-decoration: none;color: #000000;} #mainMenu .drop .nextColumn .menu2Link{-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 12px;overflow: hidden;} #mainMenu .drop .nextColumn .menu2Link img{padding-bottom: 12px;} #mainMenu .drop .nextColumn ul{list-style: none;padding: 0;margin: 0;} #mainMenu .drop .nextColumn ul li{margin-top: 12px;display: block;} #mainMenu .drop .nextColumn ul li a{text-decoration: none;color: #000000;} /* End */ /* Start:/bitrix/components/dresscode/products.by.filter/templates/.default/style.css?15155119521220*/ #topProduct{position: relative;} #topProduct .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;/*margin: 0 24px;*/ margin:0;} #topProduct .productList{position: relative;list-style: none;overflow: hidden;clear: both;margin: 0px;left: 0px;} #topProduct .productList > li{float: left;} #topProduct .productList .item{width: 100%;float: none;border-top: 1px solid #e7e8ea;} #topProduct .product .tabloid{height: 100%;} #topProduct .topBtnLeft, #topProduct .topBtnRight{/*background: url(/bitrix/components/dresscode/products.by.filter/templates/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;*/ -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;height: 70px;width: 35px;z-index: 22;top: 50%;} #topProduct .topBtnLeft{/*left: 24px;*/ left:0;} #topProduct .topBtnRight{/*right: 24px;*/ right:0;} #topProduct .topBtnLeft:hover{background-position: -35px 0;} #topProduct .topBtnLeft:active{background-position: -70px 0;} #topProduct .topBtnRight{background-position: 0 -70px;} #topProduct .topBtnRight:hover{background-position: -35px -70px;} #topProduct .topBtnRight:active{background-position: -70px -70px;} /* End */ /* Start:/bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?15155117211221*/ #viewedProduct{position: relative;} #viewedProduct .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;/*margin: 0 24px;*/ margin:0;} #viewedProduct .productList{position: relative;list-style: none;overflow: hidden;clear: both;margin: 0px;left: 0px;} #viewedProduct .productList > li{float: left;} #viewedProduct .productList .item{width: 100%;float: none;border-top: 1px solid #e7e8ea;} #viewedProduct .product .tabloid{height: 100%;} #viewedProduct .viewedBtnLeft, #viewedProduct .viewedBtnRight{background: url(/bitrix/components/dresscode/catalog.viewed.product/templates/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;height: 70px;width: 35px;z-index: 22;top: 50%;} #viewedProduct .viewedBtnLeft{/*left: 24px;*/ left: 0;} #viewedProduct .viewedBtnRight{/*right: 24px;*/ right: 0;} #viewedProduct .viewedBtnLeft:hover{background-position: -35px 0;} #viewedProduct .viewedBtnLeft:active{background-position: -70px 0;} #viewedProduct .viewedBtnRight{background-position: 0 -70px;} #viewedProduct .viewedBtnRight:hover{background-position: -35px -70px;} #viewedProduct .viewedBtnRight:active{background-position: -70px -70px;} /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.css?15197460412071*/ #bigDataCarousel .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;/*margin: 0 24px;*/ margin:0;} #bigDataCarousel .slideBox > li{float: left;} #bigDataCarousel .productList .item{/*border-left: 0px;*/ border-top: 1px solid #e7e8ea;width: 100%;float: none;} #bigDataCarousel .productList .item .tabloid{height: 100%;} #bigDataCarousel .bigDataBtnLeft, #bigDataCarousel .bigDataBtnRight{background: url(/bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;height: 70px;width: 34px;z-index: 22;top: 50%;} #bigDataCarousel .bigDataBtnLeft{/*left: 24px;*/ left: 0;} #bigDataCarousel .bigDataBtnRight{/*right: 24px;*/ right:0;} #bigDataCarousel .bigDataBtnLeft:hover{background-position: -35px 0;} #bigDataCarousel .bigDataBtnLeft:active{background-position: -70px 0;} #bigDataCarousel .bigDataBtnRight{background-position: 0 -70px;} #bigDataCarousel .bigDataBtnRight:hover{background-position: -35px -70px;} #bigDataCarousel .bigDataBtnRight:active{background-position: -70px -70px;} @media all and (max-width: 700px){ #bigDataCarousel .bigDataBtnLeft, #bigDataCarousel .bigDataBtnRight{ background: url(/bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%;} #bigDataCarousel .bigDataBtnLeft:hover{ background-position: -24px 0;} #bigDataCarousel .bigDataBtnLeft:active{ background-position: -48px 0;} #bigDataCarousel .bigDataBtnLeft{ left: 0;} #bigDataCarousel .bigDataBtnRight{ right: 0; background-position: 0 -48px;} /*#bigDataCarousel .bigDataBtnRight:hover{ background-position: -24px -48px; } #bigDataCarousel .bigDataBtnRight:active{ background-position: -48px -48px; }*/ #bigDataCarousel .bigDataBtnLeft:hover{ background-position: -35px 0;} #bigDataCarousel .bigDataBtnLeft:active{ background-position: -70px 0;} #bigDataCarousel .bigDataBtnRight{ background-position: 0 -70px;} #bigDataCarousel .bigDataBtnRight:hover{ background-position: -35px -70px;} #bigDataCarousel .bigDataBtnRight:active{ background-position: -70px -70px;} } /* End */ /* Start:/bitrix/templates/dresscodeV2/template_styles.css?1520712752199471*/ html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 100%;} body{font: normal normal 14px "roboto_ltregular" , arial , sans-serif;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;background-color: #ffffff;line-height: 21px;margin: 0;} img{border: 0;} input{font: normal normal 13px "roboto_ltregular" , arial , sans-serif;outline: none;} input[placeholder]{-o-text-overflow: ellipsis;text-overflow: ellipsis;} input::-moz-placeholder{text-overflow: ellipsis;} input:-moz-placeholder{text-overflow: ellipsis;} input:-ms-input-placeholder{text-overflow: ellipsis;} a:not([href]){cursor: default;} :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_ltregular";line-height: 36px;font-weight: 400;text-align: left;margin: 0 0 24px;font-size: 24px;color: #000000;display: block;} h2{font-family: "roboto_ltregular";font-weight: 400;font-size: 18px;} h3{font-family: "roboto_ltregular";font-weight: 400;font-size: 16px;} b, strong{font-family: 'robotobold';font-weight: 400;} *{-webkit-box-sizing: content-box;box-sizing: content-box;} .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } #topHeader{position: relative;min-width: 320px;height: 30px;z-index: 35;} .loading #topHeader{overflow: hidden;} .loading #topMenu{opacity: 0;} .bold{font-family: 'robotobold';} /* auth register city block */ #topService{float: right;padding: 0;margin: 0;} #topService div[id^=bx_incl_area_]{float: left;} #topService li{line-height: 30px;list-style: none;padding: 0 12px;float: left;margin: 0;position: relative;top: 0;left: 0;} #topService .null{display: inline-block;line-height: 0px;padding: 0px;height: 0px;width: 0px;} #topService li:not(.null) a{font: normal normal 13px "roboto_ltregular" , arial , sans-serif;-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;} #topService li:not(.null) a:active{position: relative;top: 1px;} #topService li:not(.null) a:focus{-webkit-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;} /* Sub Header */ #subHeader{min-width: 320px;height: 102px;z-index: 3;} .loading #subHeader{overflow: hidden;} #logo{line-height: 102px;text-align: center;max-height: 102px;overflow: hidden;width: 229px;float: left;} #logo a{display: block;} #logo a:active{/* position: relative; top: 1px;*/ } #logo img{vertical-align: middle;max-height: 102px;max-width: 100%;} #topHeading{padding: 0 18px;width: 162px;float: left;} #topHeading .vertical{line-height: 102px;} #topHeading p{font: normal normal 16px "roboto_ltregular" , arial , sans-serif;vertical-align: middle;display: inline-block;line-height: 21px;text-align: center;margin: 0px;} #headerTools{float: right;height: 96px;} #headerTools .tools{list-style:none;padding: 0;margin: 0;} #headerTools .tools .icon{float: left;} #headerTools .tools .heading{text-decoration: none;font-size: 18px;display: block;} #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: 13px;} #headerTools .tools .link:active{position: relative;top: 1px;} #headerTools .tools > li{line-height: 102px;list-style: none;padding: 0 18px;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: 40px;} #headerTools .nf{float: left;margin-left: 12px;} #headerTools .text{font-size: 13px;} #headerTools .icon:active{position: relative;top: 1px;} #headerTools .telephone .icon{width: 35px;} #headerTools .search .wrap{padding: 0 8px;} #headerTools .search .icon{width: 35px;margin: 0;} #headerTools .wishlist .icon{width: 36px;} #headerTools .compare .icon{width: 35px;} #headerTools .cart .icon{width: 44px;} #headerTools .cart ins{display: inline-block;text-decoration: none;border-radius: 3px;text-align: center;margin-left: 4px;padding: 0px 6px;font-size: 13px;} #mainMenuContainer{height: 60px;} #topMenu .bar > a{background: url(/bitrix/templates/dresscodeV2/images/menuMore.png) 0 50% no-repeat transparent;} #topHeader.color_default #topMenu .bar > a{background-image: url(/bitrix/templates/dresscodeV2/images/menuMore2.png) } #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;} #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_ltregular";text-decoration: none;padding-left: 24px;line-height: 65px;font-weight: 400;font-size: 18px;display: block;height: 65px;} #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{-webkit-transform: rotate(90deg);-ms-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{line-height: 60px;font-size: 16px;height: 60px;} #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{vertical-align: middle;max-height: 100%;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: cover;-moz-background-size: cover;display: block;height: 900px;} #slider ul li img{width: auto;display: inline-block;margin-left: -120px;} #slider ol{position: absolute;left: 50%;bottom: 12px;} #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;-o-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: 420px;height: 420px;} #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 {display: table-cell;vertical-align: top;} #bannersBlock {padding-left: 12px;position: relative;overflow: hidden;width: 356px;} #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;padding-left: 24px;line-height: 60px;font-size: 18px;display: block;height: 60px;} #footer{/*margin-bottom: 55px;*/ padding-top: 36px;overflow: hidden;margin-bottom: 0px;} #footer.variant_3 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_3 #footerBottom, #footer.variant_3 .fc{background-color: #47494d;} #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, #footer.variant_4 .fc{background-color: #f3f3f3;} /*******custom footer*********/ #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, #footer.variant_4 .fc{background-color: #f9f9f9;} div#footerDescription {padding: 20px 0;} #footer {padding: 15px 0 10px;} /*******\end custom footer*********/ #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_5 .fc{background-color: #ffffff;} #footer.variant_6 #leftFooter, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_6 .fc{background-color: #142236;} #footer.variant_7 #leftFooter, #footer.variant_7 #rightFooter, #footer.variant_7 #footerBottom, #footer.variant_7 .fc{background-color: #24433c;} #footer.variant_8 #leftFooter, #footer.variant_8 #rightFooter, #footer.variant_8 #footerBottom, #footer.variant_8 .fc{background-color: #4e0838;} #footer.variant_5 #footerBottom{border-top: 1px solid #f1f1f1;} #footer.variant_6 #footerBottom{border-top: 1px solid rgba(255, 255, 255, 0.1);} #footer.variant_7 #footerBottom, #footer.variant_8 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_4 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_3 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #footerBottom{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_4 #leftFooter a, #footer.variant_5 #leftFooter a{color: #000000;} #footer.variant_4 #leftFooter a:active{position: relative;top: 1px;} #footer.variant_2 #leftFooter a{color: #ffffff;} #footer.variant_2 #leftFooter a:hover, #footer.variant_2 #leftFooter .selected{opacity: 0.8;} #footer.variant_2 #rightFooter .telephone, #footer.variant_2 #rightFooter .showMap{color: #ffffff;} #footer.variant_2 #rightFooter .showMap:hover{opacity: 0.8;} #footer.variant_3 #leftFooter .heading{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_3 #leftFooter ul li{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li, #footer.variant_5 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_3 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child{border-top: 0px;} #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .email{color: #000000;} #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email{color: #000000;} #footer.variant_2 #rightFooter, #footer.variant_2 #rightFooter p, #footer.variant_2 #rightFooter .list li, #footer.variant_2 #rightFooter .email{color: #ffffff;} #footer.variant_2 #rightFooter .email a, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #rightFooter .email a{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #footer.variant_2 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_5 #rightFooter .hr, #footer.variant_7 #rightFooter .hr, #footer.variant_8 #rightFooter .hr{border-top: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 #footerBottom .sn .vk{background: url(/bitrix/templates/dresscodeV2/images/snC.png) 0 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .vk, #footer.variant_5 #footerBottom .sn .vk{background: url(/bitrix/templates/dresscodeV2/images/snW.png) 0 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .fb{background: url(/bitrix/templates/dresscodeV2/images/snC.png) -60px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .fb, #footer.variant_5 #footerBottom .sn .fb{background: url(/bitrix/templates/dresscodeV2/images/snW.png) -60px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .od{background: url(/bitrix/templates/dresscodeV2/images/snC.png) -120px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .od, #footer.variant_5 #footerBottom .sn .od{background: url(/bitrix/templates/dresscodeV2/images/snW.png) -120px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .tw{background: url(/bitrix/templates/dresscodeV2/images/snC.png) -180px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .tw, #footer.variant_5 #footerBottom .sn .tw{background: url(/bitrix/templates/dresscodeV2/images/snW.png) -180px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .go{background: url(/bitrix/templates/dresscodeV2/images/snC.png) -240px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .go, #footer.variant_5 #footerBottom .sn .go{background: url(/bitrix/templates/dresscodeV2/images/snW.png) -240px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .yo{background: url(/bitrix/templates/dresscodeV2/images/snC.png) -300px 0 no-repeat transparent;} #footer.variant_4 #footerBottom .sn .yo, #footer.variant_5 #footerBottom .sn .yo{background: url(/bitrix/templates/dresscodeV2/images/snW.png) -300px 0 no-repeat transparent;} #footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_4 #footerBottom .sn .vk:hover, #footer.variant_5 #footerBottom .sn .vk:hover{background-position: 0 -60px;} #footer.variant_2 #footerBottom .sn .fb:hover, #footer.variant_4 #footerBottom .sn .fb:hover, #footer.variant_5 #footerBottom .sn .fb:hover{background-position: -60px -60px;} #footer.variant_2 #footerBottom .sn .od:hover, #footer.variant_4 #footerBottom .sn .od:hover, #footer.variant_5 #footerBottom .sn .od:hover{background-position: -120px -60px;} #footer.variant_2 #footerBottom .sn .tw:hover, #footer.variant_4 #footerBottom .sn .tw:hover, #footer.variant_5 #footerBottom .sn .tw:hover{background-position: -180px -60px;} #footer.variant_2 #footerBottom .sn .go:hover. #footer.variant_4 #footerBottom .sn .go:hover. #footer.variant_5 #footerBottom .sn .go:hover{background-position: -240px -60px;} #footer.variant_2 #footerBottom .sn .yo:hover, #footer.variant_4 #footerBottom .sn .yo:hover, #footer.variant_5 #footerBottom .sn .yo:hover{background-position: -300px -60px;} #footer.variant_2 .sn li:first-child, #footer.variant_3 .sn li:first-child, #footer.variant_4 .sn li:first-child, #footer.variant_5 .sn li:first-child, #footer.variant_7 .sn li:first-child{border-left: 1px solid rgba(0, 0, 0, 0.1);} #footer.variant_2 .sn li, #footer.variant_3 .sn li, #footer.variant_4 .sn li, #footer.variant_5 .sn li, #footer.variant_7 .sn li{border-right: 1px solid rgba(0, 0, 0, 0.1);} #catalogColumn #catalogLineList .description{display: none; } #catalogColumn #catalogLineList .prop{width: 100%;} #catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4){display: none;} #catalogLine{margin-bottom: 24px;border-radius: 4px;line-height: 55px;padding: 0 12px;height: 55px;} #catalogLine .column{display: inline-block;margin-left: 12px;} #catalogLine .oFilter{display: none;margin-right: 48px;} #catalogLine .oSmartFilter .ico {background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent;vertical-align: middle;display: inline-block;padding-right: 12px;margin-top: -2px;height: 11px;width: 15px;} #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;} .catalogLineSpecialTime{margin-bottom: 12px;color: #666d83;font-size: 0;line-height: 0;} .catalogLineSpecialTime .specialTimeItem{display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 2px;text-align: center;overflow: hidden;margin-left: 2px;padding: 8px 0px;line-height: 14px;height: 42px;width: 48px;background: #e0e0e0;} .catalogLineSpecialTime .specialTimeItem:first-child{margin-left: 0px;} .catalogLineSpecialTime .specialTimeItemValue{font-family: 'robotomedium';font-size: 14px;} .catalogLineSpecialTime .specialTimeItemlabel{font-family: "roboto_ltregular";font-size: 12px;} #rowFooter{display: table;width: 100%;table-layout: fixed;} #leftFooter{ -webkit-box-sizing: border-box;box-sizing: border-box; display: table-cell;vertical-align: top;padding: 24px 0;/*width: 60%;*/ width: 50%;} #leftFooter .footerRow{overflow: hidden;list-style: none;} #leftFooter .column{-webkit-box-sizing: border-box;box-sizing: border-box;/*padding-right: 48px;width: 33.33%;*/ float: left;width: calc(50% - 10px);padding-right: 50px;} #leftFooter .column:first-child{margin-right: 20px;} #leftFooter .heading{padding-bottom: 12px;margin-bottom: 6px;font-size: 20px;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; text-decoration: none;font-size: 13px;padding: 6px 0;display: block;} #rightFooter{ -webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;display: table-cell;/*padding: 24px 0 24px 24px;width: 40%;*/ padding: 24px 0;width: 50%;} #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{text-decoration: none;} #rightFooter p{font-size: 14px;display: block;} #rightFooter .hr{padding-top: 12px;} #rightFooter .telephone{margin-bottom: 24px;font-size: 22px;display: block;} #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%;} #footerBottom{line-height: 60px;overflow: hidden;height: 60px;clear: both;} #footerBottom .creator{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{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(/bitrix/templates/dresscodeV2/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(/bitrix/templates/dresscodeV2/images/rating.png) repeat 0 -14px transparent;width: 0px;z-index: 10;} #appBasket .markerContainer .marker {font: normal normal 12px "roboto_ltregular" , 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_ltregular';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;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_ltregular';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 .tools .av:hover{background: unset;} #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 .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(/bitrix/templates/dresscodeV2/images/compare.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addCompare.added .ico{background: url(/bitrix/templates/dresscodeV2/images/compareActive.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addWishlist .ico{background: url(/bitrix/templates/dresscodeV2/images/wishlist.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addWishlist.added .ico{background: url(/bitrix/templates/dresscodeV2/images/wishlistActive.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .inStock{text-decoration: none !important;} #appBasket .lower .tools .inStock .ico{background: url(/bitrix/templates/dresscodeV2/images/inStock.png) 0 0 no-repeat transparent;border: 0 !important;} #appBasket .lower .tools .outOfStock .ico{background: url(/bitrix/templates/dresscodeV2/images/outOfStock.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .onOrder .ico{background: url(/bitrix/templates/dresscodeV2/images/onOrder.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .delete .ico{background: url(/bitrix/templates/dresscodeV2/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{ -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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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%;} #appFastBuyContainer .column{-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;/*padding: 0 24px;*/ width: 380px;float: left;} #appFastBuyContainer .column:first-child{text-align: center;width: 320px;} #appFastBuyContainer .heading{position: relative;text-align: center;line-height: 60px;font-size: 18px;height: 60px;} #appFastBuyContainer .title{margin-bottom: 12px;text-align: center;margin-right: 24px;font-size: 16px;display: block;} #appFastBuyContainer .formLine{margin-bottom: 12px;} #appFastBuyContainer 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;box-sizing: border-box;font-family: "roboto_ltregular";padding-left: 12px;width: 354px;height: 50px;border: 0;} #appFastBuyContainer input[type="checkbox"]{vertical-align: middle;display: inline-block;margin-right: 6px;margin-top: 0px;height: 14px;width: 14px;} #appFastBuyContainer input[type="checkbox"].error + label{border-bottom: 1px solid #ff0000 !important;} #appFastBuyContainer 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;box-sizing: border-box;font-family: "roboto_ltregular";padding-left: 12px;padding-top: 12px;resize: none;width: 354px;height: 60px;border: 0;} #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus{outline: none;} #appFastBuyContainer #fastBuyFormSubmit{-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{position: relative;top: 1px;} #appFastBuyContainer #fastBuyFormSubmit.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{display: none;} #appFastBuyContainer #fastBuyFormSubmit img{vertical-align: middle;padding-right: 4px;margin-top: -2px;} #appFastBuyContainer .markerContainer{position: absolute;top: 0px;left: 12px;} #appFastBuyContainer #fastBuyResult{-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;} #fastBuyResult #fastBuyResultTitle{text-align: center;margin-top: 24px;font-size: 16px;} #fastBuyResult #fastBuyResultMessage{text-align: center;margin-top: 24px;} #fastBuyResult #fastBuyResultClose{-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{position: relative;top: 1px;} #appFastBuyContainer .marker {font: normal normal 12px "roboto_ltregular" , arial , sans-serif;margin-bottom: 8px;padding: 3px 4px;line-height: 16px;z-index: 2;} #appFastBuyContainer .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{line-height: 21px;vertical-align: middle;display: inline-block;} #appFastBuyContainer .price{font-family: 'robotobold';text-decoration: none;margin-bottom: 12px;font-size: 18px;display: block;} #appFastBuyContainer .price .discount{font-family: 'roboto_ltregular';padding-left: 4px;font-size: 14px;} #appFastBuyContainer #fastBuyName{padding: 0 24px;} #appFastBuyContainer #fastBuyPicture{ -webkit-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{text-align: center;line-height: 230px;display: block;height: 230px;} #appFastBuyContainer #fastBuyPicture .picture{vertical-align: middle;max-height: 90%;max-width: 90%;} #appFastBuy .close{background: url(/bitrix/templates/dresscodeV2/images/exit.png) 0 0 no-repeat transparent;position: absolute;display: block;height: 21px;width: 21px;right: 20px;top: 20px;} #appFastBuy .close:hover{background-position: 0 -21px ;} #appFastBuy .close:active{background-position: 0 -42px ;} #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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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;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: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background: -ms-linear-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background: -o-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;box-sizing: border-box;background-color: #f3f3f3;position: relative;padding: 6px 24px 0px;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_ltregular" , 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;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: 380px;height: 380px;} #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(/bitrix/templates/dresscodeV2/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);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);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;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 .oSkuDropDownProperty{overflow: visible;margin: 0px;} #appFastView .oSkuDropDownProperty .oSkuDropdownListItem{-webkit-box-sizing: content-box;box-sizing: content-box;overflow: visible;min-width: auto;margin-top: 0px;padding: 0px;float: none;} #appFastView .oSkuDropdown{background-color: #ffffff;border: 1px solid #e7e8ea;position: relative;line-height: 13px;font-size: 13px;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;border-radius: 2px;width: 88%;margin-top: 4px;} #appFastView .oSkuCheckedItem{background: url(/bitrix/templates/dresscodeV2/images/selectArrow.png) 97% 50% no-repeat transparent;padding: 12px 30px 12px 8px !important;border-radius: 4px;cursor: pointer;display: block;color: #000000;} #appFastView .oSkuCheckedItem:hover{opacity: 0.8;} #appFastView .oSkuCheckedItem:active{position: relative;top: 1px;} #appFastView .oSkuDropdown label:before, #appFastView .oSkuCheckboxList label:before {display: none;} #appFastView .oSkuDropdownList {background-color: #ffffff;border: 1px solid #e7e8ea;visibility: hidden;position: absolute;list-style: none;margin: 0 -1px;opacity: 0;padding: 0;z-index: 2;top: 42px;right: 0;left: 0;} #appFastView .oSkuDropdownList.opened{visibility: visible;opacity: 1;} #appFastView .pics .oSkuDropdownList{top: 52px;} #appFastView .oSkuDropdownList .skuPropertyValue{border-top: 1px solid #e7e8ea;position: relative;display: block;} #appFastView .oSkuDropdownList .skuPropertyValue:first-child{border-top: 0px;} #appFastView .oSkuDropdownList .selected{-webkit-box-shadow: 1px 1px 12px #f1f1f1 inset;box-shadow: 1px 1px 12px #f1f1f1 inset;font-family: "robotomedium";} #appFastView .oSkuDropdownList .selected, #appFastView .oSkuDropdownList .skuPropertyValue:hover{background-color: #f9f9f9;cursor: pointer;color: #ffffff;opacity: 0.8;} #appFastView .oSkuDropdownList .oSkuPropertyItemLink{padding: 12px 8px !important;text-decoration: none;line-height: 18px;text-align: left;font-size: 13px;min-height: 0px;color: #000000;display: block;border: 0px;} #appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink{border: 0px;} #appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled{display: none;} #appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, #appFastView .oSkuDropdownList .oSkuPropertyItemLink:active{position: relative;top: 1px;} #appFastView .oSkuDropdownList .skuPropertyValue.loading:after{left: 24px;} #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 .detailPage{-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 .catalogQtyBlock{margin-bottom: 12px;} #appFastView .catalogQtyBlock .catalogQty {-webkit-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;} #appFastView .catalogQtyBlock .catalogQty {background-color: #e7e8ea;color: #000000;} #appFastView .catalogQtyBlock .catalogQty.error{border: 1px solid #ff0000;} #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus {vertical-align: middle;display: inline-block;height: 19px;width: 19px;} #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus{background: url(/bitrix/templates/dresscodeV2/images/plusMinusCatalog.png) 0 0 no-repeat #424242;} #appFastView .catalogQtyBlock .catalogPlus{background-position: 0 -19px;} #appFastView .catalogQtyBlock .catalogPlus:hover{background-position: -19px -19px;} #appFastView .catalogQtyBlock .catalogPlus:active{background-position: -38px -19px;} #appFastView .catalogQtyBlock .catalogMinus:hover{background-position: -19px 0x;} #appFastView .catalogQtyBlock .catalogMinus:active{background-position: -38px 0px;} #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: 12px;color: #888888;} #appFastView .article.hidden{display: none;} #appFastView .discount{font-family: 'roboto_ltregular';padding-left: 4px;font-size: 14px;color: #888888;} #appFastView .price .oldPriceLabel{font-family: 'roboto_ltregular';text-decoration: none;margin-top: 6px;font-size: 14px;display: block;color: #888888;} #appFastView .price .discount, #appFastView .price .discount{font-family: 'roboto_ltregular';padding-left: 4px;font-size: 14px;color: #888888;} #appFastView .icon{vertical-align: middle;display: inline-block;} #appFastView .addCart .icon, #appFastView .detailPage .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(/bitrix/templates/dresscodeV2/images/rating2.png) repeat 0 0px transparent;height: 15px;width: 79px;position: absolute;display: block;left: 0px;top: 0px;} #appFastView i.m{background: url(/bitrix/templates/dresscodeV2/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: #717171;} #appFastView .appFastViewInformationColumn a.label:hover{color: #000000;} #appFastView .appFastViewInformationColumn a.label:active{position: relative;top: 1px;} #appFastView .appFastViewInformationColumn .getStoresWindow.inStock span{padding-bottom: 2px;} .fastSpecialTime{margin-top: 12px;color: #ffffff;font-size: 0;line-height: 0;} .fastSpecialTime .specialTimeItem{display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 2px;text-align: center;overflow: hidden;margin-left: 2px;padding: 8px 0px;line-height: 14px;height: 42px;width: 48px;} .fastSpecialTime .specialTimeItem:first-child{margin-left: 0px;} .fastSpecialTime .specialTimeItemValue{font-family: 'robotomedium';font-size: 14px;line-height: 14px;} .fastSpecialTime .specialTimeItemlabel{font-family: "roboto_ltregular";font-size: 12px;} #personalCart input[name="BuyButton"]{margin-bottom: 24px;margin-top: 24px;display: block;} #orderList, #subscribeEdit{margin-bottom: 36px;} #footerTabsCaption{line-height: 85px;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 .wrapper, #footerTabsCaption .wrapper{max-width: 1480px;min-width: 320px;margin: auto;} #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{-webkit-box-shadow: none;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;/*display: none;*/ } #footerLine.color_white{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);background-color: #ffffff;border-color: #f3f3f3;} #footerLine.color_theme{-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);border-color: transparent;} #footerLine.color_white .item a{color: #000000;} #footerLine.color_theme .item a{color: #ffffff;opacity: 0.7;} #footerLine.color_theme .col:first-child .item a{opacity: 1;} #footerLine.color_theme .item .active{color: #ffffff;opacity: 1;} #footerLine.color_theme .item .active:hover{color: #ffffff;opacity: 0.85;} #footerLine.color_white .item a:hover, #footerLine.color_theme .col:first-child .item a:hover{opacity: 0.8;} #footerLine.color_white .item a:active{position: relative;top: 1px;} #footerLine.color_theme .col:first-child .item .callback:hover{color: #ffffff;opacity: 0.8;} #footerLine.color_white .item .compare .mark, #footerLine.color_white .item .wishlist .mark, #footerLine.color_white .item .cart .mark{background-color: #f6f6f6;color: #666666;} #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark{background-color: #fcfcfc;color: #222222;} #footerLine.color_white .item .compare .icon, #footerLine.color_white .item .wishlist .icon, #footerLine.color_white .item .cart .icon{opacity: 0.8;} #footerLine.color_theme .item .compare .icon{background-image: url(/bitrix/templates/dresscodeV2/images/compareFooterMinC.png);} #footerLine.color_theme .item .wishlist .icon{background-image: url(/bitrix/templates/dresscodeV2/images/wishlistFooterMinC.png);} #footerLine.color_theme .item .cart .icon{background-image: url(/bitrix/templates/dresscodeV2/images/cartFooterMinC.png);} #footerLine.color_theme .item .callback .icon{background-image: url(/bitrix/templates/dresscodeV2/images/callbackFooterMinC.png);} #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .cart:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover .mark, #footerLine.color_white .item .cart:hover .mark{color: #000000;opacity: 1;} #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover{color: #ffffff;opacity: 0.7;} #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover .mark, #footerLine.color_white .item .cart.active:hover .mark{opacity: 0.8;} #footerLine .wrapper{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;} #footerLine .col{float: left;width: 50%;} #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;text-decoration: none;font-size: 14px;} #footerLine .item .callback .icon{vertical-align: middle;display: inline-block;margin-right: 4px;margin-top: -2px;height: 24px;width: 21px;} #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{width: 26px;} #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: 14px;} #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 24px 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;} #infoTabs{padding-bottom: 36px;} #infoTabs .tab{display: none;} #infoTabs .tab.selected{display: block;} #infoTabsCaption{line-height: 85px;height: 85px;} #infoTabsCaption .items{text-align: center;overflow: hidden;} #infoTabsCaption .item{vertical-align: middle;display: inline-block;margin-left: 24px;} #infoTabsCaption .item:first-child{margin-left: 0px;} #infoTabsCaption .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;} #catalogColumn{border-collapse: collapse;table-layout: fixed;display: table;width: 100%;} #catalogColumn #nextSection{margin-top: 0px;} #catalogColumn .leftColumn{padding-bottom: 24px;display: table-cell;vertical-align: top;width: 355px;} #catalogColumn .rightColumn{display: table-cell;vertical-align: top;/* padding-left: 24px;*/ } #catalogColumn #middleSlider{margin-bottom: 24px;} #catalogColumn #middleSlider .limiter{padding: 0px;margin: 0px;width: auto;} #nextSection .title{font-size: 14px !important;font-family: 'robotobold';} #catalogColumn .leftColumn .heading{font-size: 14px !important;font-family: 'robotobold';text-decoration: none;line-height: 50px;font-weight: 400;display: block;height: 50px;} @media all and (max-width: 1300px) { #catalogColumn #middleSlider{ display: none;} #catalogColumn .leftColumn{ width: 285px;} } @media all and (max-width: 1024px) { #catalogColumn .rightColumn, #catalogColumn .leftColumn{ display: block; width: auto;} #catalogColumn .rightColumn{ padding: 0; clear: both;} #reformal_tab{ display: none !important;} #smartFilter .heading{ line-height: 46px; height: 46px;} #catalogLine .oFilter { display: inline-block;} #catalogColumn .leftColumn{ padding-bottom: 0;} #catalogColumn #smartFilter { -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); pointer-events: none; background: #ffffff; visibility: hidden; position: absolute; margin-top: 70px; width: 300px; z-index: 99; opacity: 0; border: 0;} #catalogColumn #smartFilter.opened { /*-webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;*/ pointer-events: auto; visibility: visible; opacity: 1;} } @media all and (max-width: 1024px) {#catalogLine .oFilter{ margin-right: 12px;} } /* CLASSES */ .ajaxContainer{-webkit-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;} /*.mainService{margin-top: 24px;}*/ .mainService.fullBg{background-color: #ffffff;padding-bottom: 36px;} .mainService .slideContainer{position: relative;overflow: hidden;margin: 0 -12px;} .mainService .heading{margin-bottom: 0px !important;text-transform: uppercase;font-family: 'robotobold';text-align: center;padding-left: 18px;line-height: 95px;font-size: 18px;display: block;color: #000000;height: 95px;} .mainServiceContainer{overflow: hidden;} .mainServiceContainer .items{list-style: none;overflow: hidden;padding: 0px;margin: 0px;} .mainServiceContainer .item{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;float: left;} .mainServiceContainer .item .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #ffffff;border: 1px solid #e7e8ea;padding: 0 24px;} .mainServiceContainer .item .bigPicture{line-height: 200px;text-align: center;margin-top: 24px;height: 200px;} .mainServiceContainer .item .bigPicture a:active{position: relative;top: 1px;} .mainServiceContainer .item .bigPicture img{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);vertical-align: middle;max-height: 100%;max-width: 100%;} .mainServiceContainer .item .bigPicture img:hover{opacity: 0.9;} .mainServiceContainer .item .title{margin-top: 24px;} .mainServiceContainer .item .title 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;line-height: 44px;overflow: hidden;font-size: 14px;color: #000000;display: block;height: 44px;} .mainServiceContainer .item .title a span{vertical-align: middle;display: inline-block;line-height: 24px;} .mainServiceContainer .item .title a:active{position: relative;top: 1px;} .mainServiceContainer .item .newsDate{margin-top: 12px;color: #888888;} .mainServiceContainer .item .newsDate .pic{vertical-align: middle;padding-right: 4px;margin-top: -4px;} .mainServiceContainer .item .description{margin-top: 12px;font-size: 14px;color: #888888;} .mainServiceContainer .item .more{-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;display: inline-block;margin-bottom: 24px;padding: 4px 12px;margin-top: 12px;color: #ffffff;} .mainServiceContainer .item .more:active{position: relative;top: 1px;} .mainService .btnLeft, .mainService .btnRight{background: url(/bitrix/templates/dresscodeV2/images/slideArrowSmallBlack.png) 0 0 no-repeat transparent;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;height: 70px;width: 35px;z-index: 22;top: 50%;} .mainService .btnLeft{left: 0px;} .mainService .btnRight{right: 0px;} .mainService .btnLeft:hover{background-position: -35px 0;} .mainService .btnLeft:active{background-position: -70px 0;} .mainService .btnRight{background-position: 0 -70px;} .mainService .btnRight:hover{background-position: -35px -70px;} .mainService .btnRight:active{background-position: -70px -70px;} .personal-order-info{margin-bottom: 12px;text-align: center;} .personalInfoLabel{margin-top: 24px;font-size: 14px;} .productList{list-style: none;padding: 0;margin: 0;/*border-left: 1px solid #e7e8ea;*/ /*border-top: 1px solid #e7e8ea;*/ } #homeCatalog .productList{/*border-top: 1px solid #e7e8ea;*/ border-top: none;border-left: none;} .product{position: relative;-webkit-box-sizing: border-box;box-sizing: border-box; float: left;width: 20%; height: 351px;border-right: 1px solid #e7e8ea;border-bottom: 1px solid #e7e8ea;} #catalog .product{/*width: 25%;*/ width: 33.3333333%;} .product:before{content: "";position: absolute;left: 0px;width: 100%;top: -1px;height: 1px;background: #e7e8ea;} .product .btn-simple {display: none;} .product.last{ /* next page */ line-height: 346px;} .product .tabloid{ -webkit-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;-webkit-transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;transition: border 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;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-shadow 0.3s ease-in-out; -webkit-box-sizing: border-box;box-sizing: border-box; border: 1px solid transparent;position: relative;overflow: hidden;padding: 12px;height: 350px;z-index: 1; } .product .markerContainer{position: absolute;z-index: 88;left: 8px;top: 8px;} .product .marker {font: normal normal 12px "roboto_ltregular" , 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(/bitrix/templates/dresscodeV2/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(/bitrix/templates/dresscodeV2/images/rating.png) repeat 0 -14px transparent;z-index: 10;width: 0px;} .productSpecialTime{position: absolute;z-index: 2;top: 54px;right: 10px;width: 48px;color: #666d83;font-size: 0;line-height: 0;} .productSpecialTime .specialTimeItem{display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 2px;text-align: center;overflow: hidden;margin-top: 4px;padding: 8px 0px;line-height: 14px;height: 42px;width: 48px;background: #e0e0e0;} .productSpecialTime .specialTimeItem:first-child{margin-top: 0px;} .productSpecialTime .specialTimeItemValue{font-family: 'robotomedium';font-size: 14px;line-height: 14px;} .productSpecialTime .specialTimeItemlabel{font-family: "roboto_ltregular";font-size: 12px;} .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_ltregular';padding-left: 4px;font-size: 14px;} .product .picture{ -webkit-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;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);vertical-align: middle;max-height: 90%;max-width: 90%; } .product .picture:hover img{opacity: 0.85;} .loading .product .getFastView{pointer-events: none;} .product .getFastView, #catalogLineList .picture .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{visibility: visible;/*display: block;*/ opacity: 0.9;} .product .getFastView:hover, #catalogLineList .picture .getFastView:hover{opacity: 1;} .product .addCart, .product .detailPage{-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: 20px;margin-bottom: 12px;border-radius: 4px;} .product .icon{vertical-align: middle;display: inline-block;} .product .addCart .icon, .product .detailPage .icon{padding-right: 12px;margin-top: -4px;} .product .row{-webkit-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;} .inStock:hover{color: #73b24e !important;} .getStoresWindow.inStock span{border-bottom: 1px dashed #73b24e !important;cursor: pointer;} .getStoresWindow.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{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;padding: 4px;float: left;min-width: 20%;} .product .skuProperty .selected .skuPropertyLink{pointer-events: none;position: relative;top: 0px;} .product .skuProperty .disabled{display: none;} .product .skuPropertyLink{text-decoration: none;text-align: center;line-height: 20px;padding: 4px 4px;font-size: 12px;display: block;} .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 .nowp{overflow: visible;} .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 .icon .iconSmall{display: none;} .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%;} .item .oSkuDropDownProperty{overflow: visible;margin: 0px;} .item .oSkuDropDownProperty .oSkuDropdownListItem{-webkit-box-sizing: content-box;box-sizing: content-box;overflow: visible;min-width: auto;padding: 0px;float: none;} .item .oSkuDropdown{background-color: #ffffff;border: 1px solid #e7e8ea;position: relative;line-height: 13px;font-size: 13px;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;border-radius: 2px;width: 98%;margin-top: 4px;} .item .oSkuCheckedItem{background: url(/bitrix/templates/dresscodeV2/images/selectArrow.png) 97% 50% no-repeat transparent;padding: 12px 30px 12px 8px !important;border-radius: 4px;cursor: pointer;display: block;color: #000000;} .item .oSkuCheckedItem:hover{opacity: 0.8;} .item .oSkuCheckedItem:active{position: relative;top: 1px;} .item .oSkuDropdown label:before, .item .oSkuCheckboxList label:before {display: none;} .item .oSkuDropdownList {background-color: #ffffff;border: 1px solid #e7e8ea;visibility: hidden;position: absolute;list-style: none;margin: 0 -1px;opacity: 0;padding: 0;z-index: 2;top: 42px;right: 0;left: 0;} .item .oSkuDropdownList.opened{visibility: visible;opacity: 1;} .item .pics .oSkuDropdownList{top: 52px;} .item .oSkuDropdownList .skuPropertyValue{border-top: 1px solid #e7e8ea;position: relative;display: block;} .item .oSkuDropdownList .skuPropertyValue:first-child{border-top: 0px;} .item .oSkuDropdownList .selected{-webkit-box-shadow: 1px 1px 12px #f1f1f1 inset;box-shadow: 1px 1px 12px #f1f1f1 inset;font-family: "robotomedium";background-color: #f9f9f9;cursor: pointer;color: #ffffff;opacity: 0.8;} .item .oSkuDropdownList .skuPropertyValue:hover{background-color: #f9f9f9;cursor: pointer;color: #ffffff;opacity: 0.8;} .item .oSkuDropdownList .oSkuPropertyItemLink{padding: 12px 8px !important;text-decoration: none;line-height: 18px;text-align: left;font-size: 13px;color: #000000;display: block;border: 0px;} .item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink{border: 0px;} .item .oSkuDropdownList .oSkuDropdownListItem.disabled{display: none;} .item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, .item .oSkuDropdownList .oSkuPropertyItemLink:active{position: relative;top: 1px;} .item .oSkuDropdownList .skuPropertyValue.loading:after{left: 18px;} .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{margin-bottom: 36px;} .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;box-sizing: border-box; font-family: "roboto_ltregular" , 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;} #userPersonalInfoReg + label:before{margin-top: -2px;} #userPersonalInfoReg.error + label:before{border: 1px solid #ff0000 !important;} .bx-auth {margin-bottom: 36px;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_ltregular";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_ltregular" , 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(/bitrix/templates/dresscodeV2/images/checkBox.png) 0 0 no-repeat transparent;} .bx-auth input[type="radio"] + label:before {background: url(/bitrix/templates/dresscodeV2/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="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;box-sizing: border-box;margin-bottom: 12px;margin-top: 12xp;padding: 0 12px;width: 420px;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(/bitrix/templates/dresscodeV2/images/sn.png) 0 0 no-repeat transparent;} .sn .fb{background: url(/bitrix/templates/dresscodeV2/images/sn.png) -60px 0 no-repeat transparent;} .sn .od{background: url(/bitrix/templates/dresscodeV2/images/sn.png) -120px 0 no-repeat transparent;} .sn .tw{background: url(/bitrix/templates/dresscodeV2/images/sn.png) -180px 0 no-repeat transparent;} .sn .go{background: url(/bitrix/templates/dresscodeV2/images/sn.png) -240px 0 no-repeat transparent;} .sn .yo{background: url(/bitrix/templates/dresscodeV2/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(/bitrix/templates/dresscodeV2/images/up.png) 0 0 no-repeat transparent;position: fixed;cursor: pointer;display: none;bottom: 132px;height: 73px;width: 73px;right: 24px;z-index: 99;} #upButton:hover{background-position: -73px 0;} #upButton:active{background-position: -146px 0;} #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{-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);-webkit-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{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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(/bitrix/templates/dresscodeV2/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: 380px;} #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;box-sizing: border-box;font-family: "roboto_ltregular";margin-bottom: 12px;padding-left: 12px;width: 354px;height: 50px;border: 0;} #requestPrice input {background-color: #f3f3f3;color: #000000;} #requestPrice .personalInfoRequest{margin-bottom: 12px;} #requestPrice input[type="checkbox"]{vertical-align: middle;display: inline-block;margin-bottom: 0px;margin-right: 6px;margin-top: -2px;height: 14px;width: 14px;} #requestPrice input[type="checkbox"].error + label{border-bottom: 1px solid #ff0000 !important;} #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;box-sizing: border-box;font-family: "roboto_ltregular";margin-bottom: 12px;padding-left: 12px;padding-top: 12px;resize: none;width: 354px;height: 60px;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;} #smartFilter{margin-top: 0px;} #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;} .clean{position: relative;overflow: hidden;padding: 0 2px;} .limiter{max-width: 1230px;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;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(/bitrix/templates/dresscodeV2/images/loaderMin.gif) 50% 50% no-repeat #fff;} #stores{margin-top: 24px;font-size: 13px;} #stores .wrap{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 24px;overflow: auto;} #stores .heading{border-top: 1px solid #efefef;font-family: 'robotobold';text-transform: uppercase;letter-spacing: 1px;padding: 36px 24px;font-weight: 800;font-size: 20px;display: block;} #stores .storeTable{width: 100%;table-layout: fixed;border-collapse: collapse;} #stores .storeTable tr:nth-child(odd) td{background-color: #f9f9f9;} #stores .storeTable th{background-color: #f3f3f3;padding: 12px 24px;font-weight: 400;text-align: center;} #stores .storeTable td{/*border-top: 1px solid #e7e8ea;*/ text-align: center;padding: 12px 24px;} #stores .storeTable .name{text-align: left;width: 35%;} #stores .storeTable td.name{text-align: left;} #stores .storeTable .lb{display: inline-block;text-align: left;} #stores .storeTable .icon{vertical-align: middle;padding-right: 6px;margin-top: -4px;} #stores .storeTable .green{/*font-weight: 800;*/ color: #73b24e;} #stores .storeTable .red{color: #ff0000;} #stores .storeTable .picture{vertical-align: middle;padding-right: 12px;} #stores .storeTable 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: underline;color: #000000;} #stores .storeTable a:hover{color: #888888;} #stores #storeMap{-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;padding: 0 24px;} #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: 370px;} .banner-animated .image { opacity: 0; -webkit-transform: translate3d(30px,0,0); transform: translate3d(30px,0,0); -webkit-transition: all 0.6s 0.4s ease-in-out; -o-transition: all 0.6s 0.4s ease-in-out; transition: all 0.6s 0.4s ease-in-out; } .banner-animated.banner-image-load .image { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slider_middle #slider ul li span, .slider_middle #slider .limiter{height: 800px;} .slider_small #slider ul li span, .slider_small #slider .limiter{height: 600px;} .slider_middle #slider ul li span, .slider_small #slider ul li span{background-position: 50% 0;} @media all and (max-width: 1920px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 540px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 420px;} } @media all and (max-width: 1600px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 450px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 380px;} } @media all and (max-width: 1366px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 480px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 350px;} } @media all and (max-width: 1300px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 420px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 420px;} } @media all and (max-width: 1200px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 400px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 400px;} } @media all and (max-width: 1100px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 380px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 380px;} } @media all and (max-width: 1024px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 350px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 350px;} } @media all and (max-width: 850px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 300px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 300px;} } @media all and (max-width: 700px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 280px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 280px;} } @media all and (max-width: 660px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 260px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 260px;} } @media all and (max-width: 480px){ .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster{ height: 220px;} .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster{ height: 220px;} } body.panels_white #homeCatalog .captionList{-webkit-box-sizing: border-box;box-sizing: border-box;background-color: transparent;} body.panels_white #homeCatalog .caption{border-left: 1px solid #e7e8ea;} body.panels_white #homeCatalog .caption:not(.selected):hover{background-color: #fbfbfb;} body.panels_white #homeCatalog .caption.selected a{color: #ffffff;} body.panels_white #homeCatalog .caption a{-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;color: #000000;} body.panels_white #homeCatalog .captionList .cItem:first-child{margin-left: -1px;} body.panels_white #homeCatalog #captionCarousel{border-right: 1px solid #e7e8ea;border-left: 1px solid #e7e8ea;background-color: #ffffff;margin-left: -1px;} body.panels_white #left .sideBlock .heading{border: 1px solid #e7e8ea;background-color: #ffffff;color: #000000;} body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent{border-top: 0px;} body.panels_white #left #subscribe .heading{border-left: 0px;border-right: 0px;} body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading{border: 1px solid #e7e8ea;background-color: #ffffff;-webkit-box-sizing: border-box;box-sizing: border-box;color: #000000;} /*body.panels_white #brandList .item:nth-child(5n+1){border-left: 1px solid #e7e8ea;}*/ body.panels_white #homeCatalog #captionCarousel:before{background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background: -ms-linear-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} @media all and (min-width: 1024px){ .menuContainerColor.color_white #mainMenuContainer{ border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #ffffff;} .menuContainerColor.color_gray #mainMenuContainer{ border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #fbfbfb;} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:first-child, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:first-child{ border-left: 1px solid #f6f6f6;} .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:first-child{ border-color: rgba(255, 255, 255, 0.2);} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li{ border-right: 1px solid #f6f6f6;} .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li{ border-color: rgba(255, 255, 255, 0.2);} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:hover{ background-color: #fbfbfb;} .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:hover{ background-color: #ffffff;} .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a:hover, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a:hover{ color: #000000;} .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover{ color: #ffffff;} .menuContainerColor.color_white #menuCatalogSection, .menuContainerColor.color_gray #menuCatalogSection{ border-left: 1px solid #f6f6f6;} .menuContainerColor.color_theme #menuCatalogSection{ border-color: rgba(255, 255, 255, 0.2) } .menuContainerColor.color_white #menuCatalogSection .catalogButton{ background-color: #ffffff; color: #000000;} .menuContainerColor.color_gray #menuCatalogSection .catalogButton{ background-color: #fbfbfb; color: #000000;} .menuContainerColor.color_white #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover{ opacity: 0.8;} .menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList{ background-color: #fbfbfb;} .menuContainerColor.color_white #mainMenu .removed, .menuContainerColor.color_gray #mainMenu .removed{ border-top: 1px solid #ffffff;} .menuContainerColor.color_theme #mainMenu .removed{ border-color: rgba(255, 255, 255, 0.2);} .menuContainerColor.color_theme #mainMenu .removed:hover a{ color: #ffffff;} .menuContainerColor.color_white #mainMenu .removed:hover, .menuContainerColor.color_gray #mainMenu .removed:hover{ background-color: #ffffff;} .menuContainerColor.color_white #mainMenu .removedItemsLink > a, .menuContainerColor.color_gray #mainMenu .removedItemsLink > a{ background-image: url(/bitrix/templates/dresscodeV2/images/menuSlicedIconW.png);} .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage{ background-image: url(/bitrix/templates/dresscodeV2/images/catalogButtonW.png);} .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow{ background-image: url(/bitrix/templates/dresscodeV2/images/sectionMenuArrowW.png);} } @media all and (max-width: 1800px) {body.panels_white #right .heading{ border-bottom: 0px;} } @media all and (max-width: 1000px) {#error404 .errorText{ display: none;} } /*#error404 .wrapper{width: 1000px;margin: auto;}*/ .pilink{-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: #888888;} .pilink:hover{opacity: 0.7;} .pilink:active{position: relative;top: 1px;} .clear{clear:both;} .hidden {display: none;} .hiddenZone{display: none;} .addCart:active, .detailPage:active{position: relative;top: 1px;} @media all and (min-width: 700px) {#catalog.alone-item .product{ width: 50%;} } @media all and (min-width: 870px) {#catalog.alone-item .product{ width: 33.333%;} } @media all and (min-width: 1220px) {#catalog.alone-item .product{ width: 25%;} } @media all and (min-width: 1520px) {#catalog.alone-item .product{ width: 20%;} } @media all and (max-width: 1920px) {#slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 690px;} } @media all and (max-width: 1800px) { .product{ height: 341px;} .product.last{ line-height: 340px;} .product .tabloid{ height: 350px;} #searchResult .product .tabloid{ height: 369px;} .product .picture{ /*height: 230px;*/ height: 250px; line-height: 230px;} .product .name{ margin-bottom: 2px;} .product .price .discount{ padding: 0; display: block; font-size: 13px; line-height: 16px; height: 16px;} #popSection .item{ height: 150px;} #popSection .tabloid{ padding: 6px;} #popSection .picture{ height: 90px; line-height: 90px;} #popSection .nameWrap{ height: 32px; line-height: 32px;} #popSection .name{ line-height: 16px;} #popSection .last{ line-height: 150px;} #brandList .item{ height: 96px; line-height: 96px;} #brandList .picture{ height: 72px; line-height: 72px;} #catalogColumn .product{ /*width: 25%;*/ width: 33.33333%;} .addCart.requestPrice, .detailPage.requestPrice{ margin-top: 30px;} } @media all and (max-width: 1600px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 650px;} #slider .sliderContent, #slider .leftContainer{ left: 72px;} #slider .rightContainer{ right: 48px; left: unset;} #slider .centerContainer{ -webkit-transform: translateX(-50%) translateY(-50%) !important; -ms-transform: translateX(-50%) translateY(-50%) !important; transform: translateX(-50%) translateY(-50%) !important; left: 50%;} } @media all and (max-width: 1500px) { #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter{ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 24px;} #newsContainer .column{ width: 100%;} #newsContainer .column .item{ overflow: hidden;} #newsContainer .column .item .bigPicture{ margin-right: 48px; float: left; width: 30%;} .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn{ width: 250px !important;} } @media all and (max-width: 1400px) {#catalogColumn #catalogLineList .description{ display: none;} #catalogColumn #catalogLineList .prop{ width: 100%;} .mainServiceContainer .item .wrap{ padding: 0 18px;} .mainServiceContainer .item .bigPicture{ height: 140px; margin-top: 18px; line-height: 140px;} .mainServiceContainer .item .title{ margin-top: 18px;} .mainServiceContainer .item .title a{ height: 32px; line-height: 32px;} .mainServiceContainer .item .title a span{ line-height: 16px;} } @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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 518px;} /* #catalogColumn .leftColumn{ width: 320px; }*/ } @media all and (max-width: 1300px) and (min-width: 1024px) { .product:nth-child(4n+1).last{ line-height: 70px; height: 70px; width: 100%;} .product:nth-child(4n+1).last .icon{ display: none;} .product:nth-child(4n+1).last .small{ display: none;} } @media all and (max-width: 1300px) {.product{ height: 341px; width: 25%;} #logo{ width: 196px;} #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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 420px;} #footer .rightTable .leftColumn{ /*display: none;*/ } #rightFooter{ /*width: 23%;*/ width:50%;} #empty .emptyMenu li{ width: 50%;} #modef{ left: 301px;} #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 42px; font-size: 36px;} #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 30px; font-size: 24px;} #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ line-height: 21px; font-size: 14px;} #slider .sliderContent{ max-width: 400px;} #slider .sliderContent br{ display: none;} #slider .sliderContent, #slider .leftContainer{ left: 24px;} #slider .rightContainer{ left: unset; right: 24px;} #slider .centerContainer{ -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%;} #catalogColumn .product{ width: 33.33333%;} #catalog .product{ width: 33.33333%;} /* #homeCatalog .captionList{ background: #ffffff; }*/ } @media all and (min-width: 1281px) { .global-content-block + div[id*="bx_"]{ display: table-cell; width: 290px;} } @media all and (max-width: 1280px) { .global-block-container{ min-height: auto !important;} .global-block-container .global-information-block{ display: none;} #homeCatalog .captionList{ line-height: 55px; height: 55px;} } @media all and (max-width: 1200px) { #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, #catalogLineList .column:last-child .detailPage{ 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 .priceLabel{ display: none;} #catalogLineList .column:last-child .article{ display: none;} #catalogTableList .column:nth-child(7){ display: none;} #catalogLineList .column:last-child{ background-color: #f9f9f9;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 400px;} } @media all and (max-width: 1150px){#catalogColumn .product{ width: 50%;} #catalog .product{ width: 50%;} } @media all and (max-width: 1100px) { #homeCatalog{ /*margin-top: 24px;*/ } #catalogLineList .description{ display: none; } #catalogLine .column:last-child .label{ display: none;} #catalogLineList .prop{ width: 100%;} #catalogTableList .column:nth-child(4){ display: none;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 380px;} } @media all and (max-width: 1300px) and (min-width: 1000px) {.product:nth-child(4n+1).last{ line-height: 70px; height: 70px; width: 100%;} .product:nth-child(4n+1).last .icon{ display: none;} .product:nth-child(4n+1).last .small{ display: none;} } @media all and (max-width: 1000px) and (min-width: 790px) {.product:nth-child(3n+1).last{ line-height: 70px; height: 70px; width: 100%;} .product:nth-child(3n+1).last .icon{ display: none;} .product:nth-child(3n+1).last .small{ display: none;} } @media all and (max-width: 1024px) and (min-width: 790px) { #brandList .item:nth-child(4n+1).last{ line-height: 70px; height: 70px; width: 100%;} #brandList .item:nth-child(4n+1).last .icon{ display: none;} #brandList .item:nth-child(4n+1).last .small{ display: none;} } @media all and (max-width: 1024px) and (min-width: 790px) { #popSection .item:nth-child(4n+1).last{ line-height: 70px; height: 70px; width: 100%;} #popSection .item:nth-child(4n+1).last .icon{ display: none;} #popSection .item:nth-child(4n+1).last .small{ display: none;} } @media all and (max-width: 1024px) { #catalog-section-banners{ display: none;} #colorSwitcher{ display: none !important;} #slider .sliderBtnRight, #slider .sliderBtnLeft{ display: none;} #mainMenuContainer .minCatalogButton{ display: block;} #mainMenuContainer{ background: transparent; height: auto;} #mainMenuContainer .limiter{ margin: 0px;} #mainMenu{ background-color: #2b2b2b; display: none; height: auto; background-image: -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)); background-image: -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -ms-linear-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)); background-image: -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%), -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%); background-image: linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%), linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%);} #mainMenu li{ /*border-top: 1px solid #222222;*/ border-top: 1px solid #fff; line-height: 21px; float: none; border-left:0; border-right:0;} #mainMenu li:first-child{ /*border: 0;*/ } #mainMenu li a{ padding: 18px 24px; display: block; } #middleSlider{ display: none;} #menuCatalogSection{ display: none;} #bestsellers{ margin-top: 0;} #footer .top .left, #headerTools .nf, .product:hover .fastShow{ display: none;} .drop{ display: none !important;} #rightFooter{ /*display: none;*/ } #smartFilter .heading{ cursor: pointer;} #nextSection ul{ display: none;} #nextSection{ border: none;} #nextSection .title{ position: relative; padding-left: 12px; font-family: 'roboto_ltregular'; text-transform: none; cursor: pointer; text-align: left; border: none; background-color: #f8f8f8;} #nextSection .title:before{ content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 42px; background: #efefef url('/bitrix/templates/dresscodeV2/images/catalogIco2.png') center center no-repeat;} /* #smartFilterForm{ display: none; }*/ #smartFilterForm .slider{ display: none;} #modef{ display: none !important;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 350px;} .product .getFastView, #catalogLineList .picture .getFastView{ display: none !important;} #appFastView{ display: none !important;} #fastViewStores{ display: none !important;} a.inStock span{ border: 0 !important;} #slider ol{ display: none;} #slider .slideVideo{ display: none;} #slider .videoPoster { display: block;} .templateSwitcherSettings, .templateSwitcher{ display: none !important;} .product{ width: 25%; height: 301px } .product.last { line-height: 300px; } .product .tabloid{ height: 300px;} .product .picture{ height: 195px; line-height: 195px;} .productSpecialTime{ top: 30px;} #homeCatalog .captionList{ height: 50px; line-height: 50px;} #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft{ display: none !important;} #homeCatalog .caption a{ font-size: 14px;} #homeCatalog #captionCarousel{ position: relative;} #catalogColumn .product{ /*width: 25%;*/ width: 33.33333%;} } @media all and (max-width: 1000px){.product{ width: 33.33333%;} #catalogColumn .product{ width: 33.33333%;} #catalog .product{ width: 33.33333%;} #popSection .picture img{ max-width: 75%; max-height: 75%;} #brandList .picture img{ max-height: 70%; max-width: 70%;} } @media all and (max-width: 850px) { #topHeading{ display: none;} #leftFooter .column{ padding-right: 24px; 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;} #headerTools .nf{ display: none;} #catalogLine .column:last-child .label{ display: none;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 300px;} #modef{ display: none !important;} #catalogLine .column:nth-child(3){ display: none;} } @media all and (max-width: 800px) {#slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 30px; font-size: 24px;} #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 24px; font-size: 18px;} #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ line-height: 21px; font-size: 14px;} .mainService .slideContainer{ margin: 0 -2px;} .mainServiceContainer .item{ padding: 0 2px;} .mainServiceContainer .item .bigPicture{ height: 110px; line-height: 110px;} .mainServiceContainer .item .wrap{ padding: 0 12px;} .mainServiceContainer .item .more{ margin-bottom: 18px;} } @media all and (max-width: 790px) and (min-width: 600px) { .product:nth-child(2n+1).last{ line-height: 70px; height: 70px; width: 100%;} .product:nth-child(2n+1).last .icon{ display: none;} .product:nth-child(2n+1).last .small{ display: none;} } @media all and (max-width: 790px) and (min-width: 500px) {#popSection .item:nth-child(3n+1).last{ line-height: 70px; height: 70px; width: 100%;} #popSection .item:nth-child(3n+1).last .icon{ display: none;} #popSection .item:nth-child(3n+1).last .small{ display: none;} } @media all and (max-width: 790px) and (min-width: 360px) { #brandList .item:nth-child(3n+1).last{ line-height: 70px; height: 70px; width: 100%;} #brandList .item:nth-child(3n+1).last .icon{ display: none;} #brandList .item:nth-child(3n+1).last .small{ display: none;} } @media all and (max-width: 790px){.product{ width: 50%;} #catalogColumn .product{ width: 50%;} #catalog .product{ width: 50%;} #popSection .item{ width: 33.33333%;} #brandList .item{ width: 33.33333%;} #homeCatalog .caption{ border: none;} } @media all and (max-width: 750px) { #requestPrice .productColumn{ display: none;} #requestPrice .formColumn{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; width: 100%;} #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit{ width: 100%;} #requestPrice input{ height: 45px;} #requestPrice textarea{ height: 50px;} #requestPrice #requestPriceContainer{ -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-right: 0px; padding-left: 0px; margin-left: 0px; width: 90%; left: 50%;} #requestPriceForm{ margin-bottom: 24px;} #requestPrice .requestPriceFormHeading{ margin-right: 0px;} } @media all and (max-width: 700px) { #mainMenuContainer .minCatalogButton{ padding-left: 12px;} #slider ul li span, #slider .limiter, #slider .videoPoster{ height: 200px;} #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter{ padding: 0px 12px; margin: 0px;} #footer .limiter{ padding: 0px 12px; margin: 0px;} #main .limiter{ padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box;} #mainMenuContainer .limiter{ padding: 0px;} /*#topMenu{ margin-left: 12px;}*/ #logo { border-right: 0;} #topSearch form{ -webkit-box-sizing: border-box; box-sizing: border-box;} #footer .top{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px;} #footer .bottom{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px;} #footer .bottom .left{ width: 60px;} #flushFooterCart .item:nth-child(1){ display: none;} .copyright img{ display: none;} .copyright{ display: block; width: 60px; height: 60px; background: url(/bitrix/templates/dresscodeV2/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;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 280px;} .product{ height: 140px; width: 50%;} body .product:hover .tabloid{ -webkit-box-shadow: none; box-shadow: none; border-color: transparent;} .product.last{ line-height: 140px;} .product .btn-simple { display: inline-block; font-size: 13px;} .product .tabloid{ height: 100%;} .product:hover .tabloid{ height: 100%;} .product .optional{ display: none;} .product .skuProperty{ display: none;} .product .addCart, .product .detailPage{ display: none;} .product .price .discount{ height: auto;} .product .name{ height: 36px; line-height: 36px;} .product .middle{ line-height: 18px;} .product .price{ margin-bottom: 6px; font-size: 14px;} .product .price .measure{ font-size: 14px;} .product .markerContainer{ left: 6px; top: 6px;} .product .marker{ margin-bottom: 2px;} .product .getPricesWindow .priceIcon{ display: none;} .product .rating{ display: none;} .productSpecialTime{ display: none;} .productTable{ display: table; table-layout: fixed; width: 100%;} .productColImage{ width: 110px; padding-right: 12px; display: table-cell; vertical-align: middle;} .productColText{ display: table-cell; vertical-align: middle;} .product.last .icon{ height: 33px; margin-bottom: 6px;} .product.last .icon .iconBig{ display: none;} .product.last .icon .iconSmall{ display: inline-block;} .mainService .btnLeft, .mainService .btnRight{ background: url(/bitrix/templates/dresscodeV2/images/slideArrowMicro.png) 0 0 no-repeat transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; height: 48px; width: 24px; z-index: 22; top: 50%;} .mainService .btnLeft:hover{ background-position: -24px 0;} .mainService .btnLeft:active{ background-position: -48px 0;} .mainService .btnRight{ background-position: 0 -48px;} .mainService .btnRight:hover{ background-position: -24px -48px;} .mainService .btnRight:active{ background-position: -48px -48px;} } @media all and (max-width: 660px) { #footer{ padding-top: 0px;} #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%;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 260px;} #catalogLine .label{ display: none;} } @media all and (max-width: 600px){.product{ width: 100%;} #catalogColumn .product{ width: 100%;} #catalog .product{ width: 100%;} .productColImage { width: 40%; min-width: 110px; max-width: 160px;} #popSection .item{ height: 170px;} #popSection .nameWrap{ height: 48px; line-height: 48px;} #popSection .last .value, #popSection .last .ps{ font-size: 16px;} #brandList .last .ps, #brandList .last .value, #popSection .last .small{ font-size: 14px;} #homeCatalog #captionCarousel:before{ content: ""; position: absolute; z-index: 2; right: 0; top: 0; width: 80px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(43,43,43,0)),to(rgba(43,43,43,1))); background: -ms-linear-gradient(linear, left top, right top, from(rgba(43,43,43,0)),to(rgba(43,43,43,1))); background: -o-linear-gradient(left, rgba(43,43,43,0) 0%,rgba(43,43,43,1) 100%); background: linear-gradient(to right, rgba(43,43,43,0) 0%,rgba(43,43,43,1) 100%); pointer-events: none;} .catalogLineSpecialTime{ display: none;} } @media all and (max-width: 525px) {#catalogLine .column:last-child{ display: none;} } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register{ border: none !important; position: absolute; top: 98px;} .top-auth-personal, .top-auth-login{ left: 12px;} .top-auth-exit{ left: 120px;} .top-auth-register{ left: 52px;} #headerTools{ padding-right: 12px; border: none;} #headerTools .telephone{ line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; top: 103px;} #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 .tools > li{ border: none !important;} #headerTools .tools .cart{ padding: 0px;} #topService, #topHeader.color_theme #topMenu, #topHeader.color_theme #topService, #topHeader.color_black #topMenu, #topHeader.color_black #topService{ border: none;} #topHeader.color_theme #topService li, #topHeader.color_black #topService li, #topService li{ padding: 0px; border: none;} #logo{ line-height: 75px; height: 75px; border: none;} #headerTools .tools > li{ line-height: 75px;} #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;} #panel{ position: fixed; z-index: 9999;} #logo{ text-align: left;} #topHeader #topMenu{ border: none;} #topMenu .bar{ /*padding: 0px;*/ } #topSearch input[type="text"]{ font-size: 14px;} #topSeachCloseForm{ font-size: 13px;} #subHeader #logo{ padding-left: 12px;} .user-geo-position{ /*padding-right: 0px;*/ } #popSection .item{ width: 50%; height: 150px;} #popSection .nameWrap{ height: 32px; line-height: 32px;} #popSection .item:nth-child(2n+1).last{ line-height: 95px; height: 95px; width: 100%;} } @media all and (max-width: 480px) { /* #homeCatalog .limiter{ padding: 0px; margin: 0px;}*/ #brandList .heading{ padding-bottom: 24px;} #homeCatalog{ /*margin-top: 12px;*/ } #homeCatalog .captionList .limiter{ padding: 0px;} #leftFooter .column{ width: 100%;} #leftFooter .column:nth-child(2n){ /*display: none;*/ } #flushFooterCart .item:nth-child(2){ display: none;} .sn{ display: none;} #catalogTableList .column:first-child{ width: auto;} #catalogTableList .column:nth-child(2){ padding-left: 0px; 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 .detailPage, #catalogTableList .more{ margin: 0;} #slider{ width: 100%;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster{ height: 178px; padding: 0;} #slider .sliderContent{ text-align: center; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: 1px 1px 10px #ffffff; /*padding: 0 12px;*/ right: unset; left: unset; width: 100%;} #slider .sliderContent br{ display: none;} #slider ul li span { /* -webkit-filter: url(/bitrix/templates/dresscodeV2/#blur); filter: url(/bitrix/templates/dresscodeV2/#blur); -webkit-filter: blur(3px); filter: blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');*/ -webkit-transition: 1s -webkit-filter linear; transition: 1s -webkit-filter linear; -o-transition: 1s filter linear; transition: 1s filter linear; transition: 1s filter linear, 1s -webkit-filter linear; opacity: 1;} #slider ul li span:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px);} #slider .sliderContent .cButtonLight, #slider .sliderContent .cButton{ text-shadow: none; line-height: 35px; margin-top: 12px; padding: 0 12px; height: 35px;} #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight{ margin-top: 6px;} #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight{ line-height: 21px; margin-top: 6px;} #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor{ line-height: 24px; font-size: 21px;} #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight{ display: none;} #slider .whiteColor{ text-shadow: 1px 1px 12px #000000;} #leftFooter .heading{ text-align: center;} #leftFooter ul{ text-align: center;} #leftFooter .column{ padding-right: 0px;} #footerBottom .creator{ text-align: center; float: none;} #homeCatalog .captionList .cItem:first-child .caption{ border-left: none;} #homeCatalog .captionBtnRight{ right: -12px;} #homeCatalog .captionBtnLeft{ left: -12px;} } @media all and (max-width: 450px) {.user-geo-position-label{ display: none;} } @media all and (max-width: 430px) { #requestPrice #requestPriceContainer{ height: 450px;} #requestPrice .requestPriceHeading{ font-size: 16px;} #requestPrice .requestPriceHeading .close{ display: none;} #requestPrice .requestPriceFormHeading{ margin-top: 32px;} } @media all and (max-width: 400px) { #logo{ width: 150px;} .productColImage { width: 50%;} #catalogLine .oFilter{ margin-right: 0;} #catalogLine{ padding: 0; border: none; height: 32px; line-height: 32px;} #catalogColumn #smartFilter{ margin-top: 42px;} } @media all and (max-width: 360px) { #brandList .item{ width: 50%;} #brandList .item:nth-child(2n+1).last{ line-height: 70px; height: 70px; width: 100%;} #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 13px;} /*#catalogLine{ display: none;}*/ /* .oSmartFilter.btn-simple.btn-micro{ min-width: 88px; } #catalogLine .oSmartFilter .ico{ padding-right: 8px; }*/ #catalogLine .oSmartFilter.btn-simple.btn-micro{ min-width: 94px;} #headerTools .tools > li{ border-left: none;} #logo{ width: 120px;} .mainServiceContainer .item .bigPicture{ margin-top: 12px; height: 95px; line-height: 95px;} .mainServiceContainer .item .title{ margin-top: 12px;} .mainServiceContainer .item .more{ margin: 6px 0 12px;} .mainServiceContainer .item .title a{ height: 30px; line-height: 30px;} .mainServiceContainer .item .title a span{ font-size: 13px; line-height: 15px;} } @media all and (max-width: 300px) {#headerTools .tools .telephone{ display: none !important;} } .payment_action #ORDER_CONFIRM_BUTTON, .order_ok #ORDER_CONFIRM_BUTTON{text-shadow: none !important;height: 50px !important;line-height: 50px !important;-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;border-radius: 4px;margin: 24px auto 0;padding:0;font-size: 16px;display: block;color: #ffffff;width: 250px;font: normal normal 16px "roboto_ltregular" , arial , sans-serif;-webkit-font-smoothing: antialiased;background-color: #e592a2 !important;} .payment_action #ORDER_CONFIRM_BUTTON:hover, .order_ok #ORDER_CONFIRM_BUTTON {background-color: #d57587 !important;} .addCart.disabled, .detailPage.disabled{pointer-events: none;cursor: default;} .addCart.requestPrice, .detailPage.requestPrice{background-color: #2b2b2b !important;pointer-events: auto !important;cursor: pointer !important;} .addCart.requestPrice:hover, .detailPage.requestPrice:hover{opacity: 0.8 !important;} .addCart.requestPrice:active, .detailPage.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(/bitrix/templates/dresscodeV2/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(/bitrix/templates/dresscodeV2/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 !important;} .getPricesWindow:hover{color: #444444;} .getPricesWindow:active{position: relative;top: 1px;} .getPricesWindow .priceIcon{background: url(/bitrix/templates/dresscodeV2/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;} .questions-answers .h2{margin: 18px 0;} .question-answer-wrap{font-size: 14px;line-height: 24px;color: #000000;margin-bottom: 12px;padding: 0 18px 0 24px;border: 1px solid #f3f3f3;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .question-answer-wrap:last-child{margin-bottom: 0;} .question-answer-wrap:hover{-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0, 0.05);box-shadow: 0 0 7px 0 rgba(0,0,0, 0.05);} .questions-answers-list .question{position: relative;padding: 24px 0;padding-right: 120px;cursor: pointer;} .questions-answers-list .open-answer{position: absolute;right: 6px;top: 50%;width: 110px;height: 25px;margin-top: -12px;overflow: hidden;} .questions-answers-list .open-answer span{position: absolute;left: 0;top: 0;display: block;font-size: 13px;height: 25px;line-height: 25px;color: #000000;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;} .questions-answers-list span.hide-answer-text{top: -25px;} .questions-answers-list .active span.hide-answer-text{top: 0;} .questions-answers-list .active span.open-answer-text{top: 25px;} .questions-answers-list .open-answer-btn{position: absolute;right: 0;top: 0;width: 25px;height: 25px;background: url("/bitrix/templates/dresscodeV2/images/question-arrow.png") center center / contain no-repeat;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;} .questions-answers-list .active .open-answer-btn {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);} .questions-answers-list .answer {display: none;padding: 24px 0;border-top: 1px solid #efefef;color: #888888;} @media screen and (max-width: 800px){ .questions-answers-list .answer { padding: 0 12px;} .questions-answers-list .question { padding: 12px 36px 12px 0; line-height: 20px;} .questions-answers-list .answer { padding: 12px 0; line-height: 20px;} .questions-answers-list .open-answer { right: 0;} .questions-answers-list .open-answer span { display: none;} } .information-heading{font-family: "robotomedium";margin-bottom: 12px;font-size: 21px;} .information-text{-webkit-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: 0px 0px 24px 0px;overflow: hidden;clear: both;} #catalog-section-banners ul{padding: 0;margin: 0;} #catalog-section-banners ul > li{list-style: none;float: left;width: 0px;} #catalog-section-banners ul > li:first-child{width: auto;} #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(/bitrix/templates/dresscodeV2/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(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -18px 0 no-repeat transparent;} #catalog-section-banners ol li:active{background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -36px 0 no-repeat transparent;} #catalog-section-banners ol li.selected{background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -54px 0 no-repeat transparent;} #catalog-section-banners ol li.selected:hover{background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -72px 0 no-repeat transparent;} #catalog-section-banners ol li.selected:active{background: url(/bitrix/templates/dresscodeV2/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(/bitrix/templates/dresscodeV2/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;} .list-advantages {max-width: none;font-size: 0;line-height: 0;margin: 18px -12px 24px;} .list-advantages .list-item {display: inline-block;vertical-align: top;max-width: 100%;width: 350px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 12px;} .list-advantages .tc {vertical-align: top;} .list-advantages .image {width: 74px;} .list-advantages .text-wrap {font-size: 14px;color: #000000;} .list-advantages .name {max-height: 40px;margin-bottom: 6px;overflow: hidden;font-family: "robotomedium";font-size: 16px;line-height: 20px;} .list-advantages .descr {max-height: 32px;line-height: 16px;overflow: hidden;} #colorSwitcher{-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);-webkit-transform: translateX(192px);-ms-transform: translateX(192px);transform: translateX(192px);background-color: #ffffff;margin-top: -175px;text-align: center;position: fixed;z-index: 99999;height: 450px;width: 192px;right: 0px;top: 50%;} #colorSwitcher:hover{-webkit-transform: translateX(0);-ms-transform: translateX(0);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(/bitrix/templates/dresscodeV2/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{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} #colorSwitcher .title{text-transform: uppercase;font-family: 'robotobold';text-align: center;margin-top: 12px;} #colorSwitcher .items{text-align: center;margin-top: 12px;overflow: hidden;} #colorSwitcher .item{margin-bottom: 12px;margin-left: 12px;height: 48px;width: 48px;float: left;} #colorSwitcher .item:nth-child(3n+1){/*margin-left: 0px;*/ } #colorSwitcher .menuSelect{margin-top: 12px;} #colorSwitcher .menuSelect select{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;outline: none;height: 35px;width: 85%;} #colorSwitcher .menuSelect option{padding: 12px 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(/bitrix/templates/dresscodeV2/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;} .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;} .sale_order_full_table input[name="BuyButton"]{margin-bottom: 24px;} #bx-soa-order * {-webkit-box-sizing: border-box !Important;box-sizing: border-box !Important;} .microdata{display: none;} .btn-simple-wrap{margin-top: 14px;} .btn-simple{position: relative;display: inline-block;min-width: 200px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 21px 24px 19px;font-family: "roboto_ltregular";font-size: 14px;line-height: 18px;text-align: center;border: 1px solid transparent;border-radius: 2px;color: #ffffff;-webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;transition: background 0.2s ease-in-out, border 0.2s ease-in-out;cursor: pointer;text-decoration: none;} .btn-simple:active{top: 1px;} .btn-simple.btn-black{background: #2d2d2d;border-color: #2d2d2d;} .btn-simple.btn-black:hover{background: #202020;border-color: #202020;} .btn-simple.btn-black-border{background: transparent;border-color: #aaaaaa;color: #000000;} .btn-simple.btn-black-border:hover{border-color: #000000;background: transparent;} .btn-simple.btn-medium{padding: 16px 24px 14px;} .btn-simple.btn-small{min-width: 126px;padding: 12px 8px 10px;} .btn-simple.btn-micro{min-width: 114px;padding: 6px 8px 4px;} .btn-simple.add-cart{min-width: 90px;padding: 4px 8px 3px;background: transparent;color: #000;border-color: #e7e8ea;} .btn-simple.add-cart:hover{border-color: #000;background: transparent;} .active-link{display: inline-block;font-family: "robotobold";font-size: 14px;color: #000000;text-transform: uppercase;text-decoration: none;border-bottom: 1px dashed #000000;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .active-link:active{position: relative;top: 1px;} .inactive-link{display: inline-block;font-family: "robotobold";font-size: 14px;color: #888888;text-transform: uppercase;text-decoration: none;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .inactive-link:active{position: relative;top: 1px;} .text-link{display: inline-block;vertical-align: middle;color: #3b3732;text-decoration: none;-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;} .text-link:active{position: relative;top: 1px;} .big-text-link{display: inline-block;vertical-align: middle;font-size: 16px;color: #3b3732;text-decoration: none;-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;} .big-text-link:active{position: relative;top: 1px;} .link-dashed{display: inline-block;font-family: "roboto_ltregular";font-size: 14px;color: #000000;text-decoration: none;border-bottom: 1px dashed #000000;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .link-dashed:active{position: relative;top: 1px;} .theme-link-dashed{display: inline-block;font-family: "roboto_ltregular";font-size: 14px;text-decoration: none;border-bottom-width: 1px;border-bottom-style: dashed;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .theme-link-dashed:active{position: relative;top: 1px;} .tabs-wrap{margin: 24px 0;} .tabs-wrap .tabs-links{font-size: 0;} .tabs-wrap .tab-link{display: inline-block;vertical-align: top;font-size: 14px;} .tabs-wrap .tab-link:active{top: 1px;} .tabs-wrap .tab-link:last-child{margin-right: 0;} .tabs-wrap .tab-btn-link{position: relative;display: inline-block;min-width: 126px;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 6px 6px 0;padding: 12px 14px 10px;font-family: "roboto_ltregular";font-size: 14px;line-height: 18px;text-align: center;border: 1px solid #e7e8ea;border-radius: 2px;color: #888888;-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;cursor: pointer;text-decoration: none;} .tabs-wrap .tab-dashed-link{position: relative;display: inline-block;margin: 0 30px 6px 0;font-family: "robotobold";font-size: 14px;color: #888888;text-transform: uppercase;text-decoration: none;border-bottom: 1px dashed transparent;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .tabs-wrap .tab-dashed-link.active{color: #000000;border-color: #000000;} .tabs-wrap .tab-dashed-link.active:hover{color: #000000;border-color: #000000;} .tabs-wrap .tabs-content{margin-top: 18px;} .tabs-wrap .tab-content{display: none;} .tabs-wrap .tab-content.active{display: block;} .consultation-wrap{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 14px 40px 16px 22px;border: 1px solid #e7e8ea;background: #fafafa;color: #000000;} .consultation-wrap .tb{width: 100%;} .consultation-wrap .image{width: 128px;} .consultation-wrap .consultation-btn-wrap{width: 224px;text-align: right;} .consultation-wrap .consultation-heading{margin-bottom: 6px;font-family: "robotomedium";font-size: 21px;line-height: 25px;font-weight: 400;color: #000000;text-decoration: none;} .consultation-wrap .text{max-height: 48px;overflow: hidden;font-size: 14px;line-height: 16px;} @media screen and (max-width: 790px){.consultation-wrap{ padding: 18px 12px;} .consultation-wrap .tc.image{ display: none;} } @media screen and (max-width: 550px){.consultation-wrap .tc{ display: block; width: 100%; text-align: left;} .consultation-wrap .consultation-btn-wrap{ margin-top: 18px;} } .flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;} .flex .flex-item{-webkit-box-sizing: border-box;box-sizing: border-box;width: calc(50% - 10px);padding: 30px 24px;border: 1px solid #e7e8ea;} @media all and (max-width: 750px){.flex .flex-item{ width: 100%; margin-bottom: 12px;} } .h1{display: block;margin-bottom: 6px;font-family: "roboto_ltregular";font-size: 24px;line-height: 30px;font-weight: 400;color: #000000;text-decoration: none;} .h2{display: block;margin-bottom: 6px;font-family: "roboto_ltregular";font-size: 21px;line-height: 25px;font-weight: 400;color: #000000;text-decoration: none;} .h3{display: block;margin-bottom: 6px;font-family: "roboto_ltregular";font-size: 16px;line-height: 20px;font-weight: 400;color: #000000;text-decoration: none;} .ff-bold{font-family: "robotobold";} .ff-medium{font-family: "robotomedium";} .detail-text-wrap{margin: 24px 0;line-height: 24px;} .detail-text-wrap .h1{margin-bottom: 12px;} .detail-text-wrap .h2{margin-bottom: 12px;} .detail-text-wrap .h3{margin-bottom: 12px;} .detail-text-wrap p{margin: 0 0 14px;line-height: 24px;} .detail-text-wrap *:last-child{margin-bottom: 0;} .detail-text-wrap ul{padding-left: 16px;} .detail-text-wrap ol{padding-left: 16px;} .error-wrap{margin: 18px 0;padding: 48px 42px 36px;font-size: 14px;line-height: 24px;color: #952525;border: 1px solid #bc8383;} .table-simple-wrap{overflow: auto;} .table-simple{margin: 18px 0 36px;border-collapse: collapse;width: 100%;min-width: 700px;border-spacing: 0;table-layout: auto;border: 0;} .table-simple th{vertical-align: middle;padding: 12px 24px;font-family: "robotomedium";background: #f7f7f7;border: 1px solid #e4e4e4;} .table-simple td{vertical-align: middle;padding: 12px 24px;border: 1px solid #e4e4e4;} .table-simple td:last-child{text-align: center;} .blockquote-wrap{margin: 42px 0 24px;padding: 48px 120px 42px 54px;background: #f9f9f9;} .blockquote-wrap blockquote{margin: 0;padding: 0;font-size: 18px;line-height: 30px;color: #888888;} .blockquote-wrap blockquote:before{content: "";display: inline-block;width: 40px;height: 33px;margin-right: 10px;background: url("/bitrix/templates/dresscodeV2/images/blockquote.png") center center / contain no-repeat;} .blockquote-wrap p{margin-top: 14px;} .new-list-items-wrap{margin-top: 24px;} .new-list-items{max-width: none;margin: 18px -12px 30px;font-size: 0;} .new-list-items > div[id*="bx_incl_area"]{display: inline-block;vertical-align: top;width: 33.333%;} .new-list-items > div[id*="bx_"] > .list-item-wrap{width: 100%;} .new-list-items .list-item-wrap{display: inline-block;vertical-align: top;width: 33.333%;padding: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;} .new-list-items .list-item{padding: 24px 18px;border: 1px solid #e7e8ea;border-radius: 2px;} .new-list-items .image{width: 54px;padding-right: 18px;} .new-list-items .image-container{display: block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .new-list-items .image-container img{display: block;max-width: 100%;} .new-list-items .image-container:hover{opacity: 0.9;} .new-list-items .image-container:active{position: relative;top: 1px;} .new-list-items .text{color: #000000;} .new-list-items .name{display: block;margin-bottom: 12px;font-size: 14px;line-height: 18px;max-height: 18px;overflow: hidden;text-decoration: none;color: #000000;} .new-list-items .name:active{position: relative;top: 1px;} .new-list-items .price{position: relative;display: inline-block;padding-right: 18px;font-size: 18px;font-family: "robotobold";} .new-list-items .old-price{position: absolute;right: 0;top: -12px;font-size: 13px;line-height: 15px;font-family: "roboto_ltregular";font-size: 13px;color: #888888;} .new-list-items .active-link{text-transform: none;font-family: "roboto_ltregular";} .new-list-items .addCart.added, .new-list-items .detailPage.added{color: #888888;border-color: #888888;background: none !important;} .new-list-items .addCart.added:hover, .new-list-items .detailPage.added:hover{color: #000;border-color: #000;} .price-container .addCart.added:hover, .price-container .detailPage.added:hover{border-color: transparent;} @media screen and (max-width: 1600px){ .blockquote-wrap{ margin: 24px 0 18px; padding: 30px 30px 36px 42px;} .new-list-items{ margin: 0 -6px;} .new-list-items .list-item-wrap{ padding: 6px;} .new-list-items .list-item{ padding: 12px;} .new-list-items .image{ padding-right: 12px;} } @media screen and (max-width: 1400px){ .new-list-items .list-item-wrap{ width: 50%;} } @media screen and (max-width: 1280px){ .new-list-items .list-item-wrap{ width: 33.333%;} } @media screen and (max-width: 1100px){ .new-list-items .list-item-wrap{ width: 50%;} } @media screen and (max-width: 1024px){ .blockquote-wrap blockquote{ font-size: 16px; line-height: 24px;} .detail-text-wrap .h1{ font-size: 20px; line-height: 24px;} .detail-text-wrap .h2{ font-size: 18px; line-height: 22px;} } @media screen and (max-width: 800px){.blockquote-wrap blockquote:before{ width: 20px; height: 18px;} .blockquote-wrap{ padding: 18px 12px 18px 24px;} } @media screen and (max-width: 790px){.new-list-items{ margin: -3px;} .new-list-items .list-item-wrap{ width: 100%; padding: 3px;} .new-list-items .list-item{ padding: 8px;} } @media screen and (max-width: 500px){ .detail-text-wrap .h1{ font-size: 18px; line-height: 22px;} .detail-text-wrap .h2{ font-size: 16px; line-height: 20px;} .detail-text-wrap .h3{ font-size: 15px; line-height: 18px;} } @media screen and (max-width: 400px){ .new-list-items .price{ font-size: 16px;} .new-list-items .name{ max-height: 36px;} } .gray-bg-text{margin-bottom: 24px;padding: 30px 24px;font-size: 14px;line-height: 24px;color: #000000;background: #f9f9f9;} @media screen and (max-width: 1024px){ .hide-1024{ display: none !important;} .gray-bg-text{ padding: 12px;} } .btn-wrap{margin-top: 24px;font-size: 0;} .btn-wrap .btn-simple{vertical-align: top;margin-bottom: 6px;margin-right: 6px;} .active-link{display: inline-block;font-family: "robotobold";font-size: 14px;color: #000000;text-transform: uppercase;text-decoration: none;border-bottom: 1px dashed #000000;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .active-link:active{position: relative;top: 1px;} .inactive-link{display: inline-block;font-family: "robotobold";font-size: 14px;color: #888888;text-transform: uppercase;text-decoration: none;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .inactive-link:active{position: relative;top: 1px;} .text-link{display: inline-block;vertical-align: middle;color: #3b3732;text-decoration: none;-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;} .text-link:active{position: relative;top: 1px;} .big-text-link{display: inline-block;vertical-align: middle;font-size: 16px;color: #3b3732;text-decoration: none;-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;} .big-text-link:active{position: relative;top: 1px;} .link-dashed{display: inline-block;font-family: "roboto_ltregular";font-size: 14px;color: #000000;text-decoration: none;border-bottom: 1px dashed #000000;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .link-dashed:active{position: relative;top: 1px;} .theme-link-dashed{display: inline-block;font-family: "roboto_ltregular";font-size: 14px;text-decoration: none;border-bottom-width: 1px;border-bottom-style: dashed;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .theme-link-dashed:active{position: relative;top: 1px;} .banners-list{max-width: none;margin: 0 -12px 42px;font-size: 0;} .banners-list .banner-wrap{display: inline-block;width: 50%;padding: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;} .banner-wrap .banner-elem{border: 1px solid #e7e8ea;} .banner-wrap + .global-block-container .detail-text-wrap{margin-top: 0;} .banner-elem{height: 296px;overflow: hidden;} .banner-elem .limiter{height: 100%;} .banner-elem .tb{height: 100%;} .banner-elem .tr{display: table-row;height: 100%;} .banner-elem .text-wrap{padding-left: 54px;color: #000;} .banner-elem .text-wrap *:last-child{margin-bottom: 0;} .banner-elem .date{margin-bottom: 6px;font-size: 13px;color: #000000;} .banner-elem h1{font-size: 36px;margin-bottom: 18px;line-height: 43px;max-height: 86px;overflow: hidden;} .banner-elem .h2{display: inline-block;line-height: 25px;max-height: 50px;overflow: hidden;} .banner-elem .price{margin-bottom: 6px;font-size: 18px;line-height: 22px;max-height: 22px;overflow: hidden;} .banner-elem .descr{margin-bottom: 8px;font-size: 13px;line-height: 15px;max-height: 45px;overflow: hidden;} .banner-elem .image{width: 55%;/*vertical-align: bottom;*/ vertical-align: middle;padding-left: 12px;font-size: 0;line-height: 0;text-align: right;-webkit-box-sizing: border-box;box-sizing: border-box;} .banner-elem .image img{display: block;max-width: 100%;max-height: 296px;width: auto;height: auto;margin-left: auto;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);} .banner-elem .image-link{display: block;width: auto;} .banner-elem .image-link:hover img{-webkit-transform: translate3d(0,0,0) scale(1.02);transform: translate3d(0,0,0) scale(1.02);} .banner-elem .image .image-link{display: inline-block;} .banner-elem .image .image-link img{display: inline-block;margin: auto;} .banner-elem .social{height: 60px;margin-top: 12px;} @media screen and (max-width: 1600px){ .banners-list{ margin: 0 -8px 42px;} .banners-list .banner-wrap{ padding: 8px;} .banner-elem .text-wrap{ padding-left: 24px;} .banner-elem .image{ width: 60%;} } @media screen and (max-width: 1400px){ .banners-list{ margin: 0 -6px 42px;} .banners-list .banner-wrap{ padding: 6px;} .banner-elem{ height: 260px;} .banner-elem .image img{ max-height: 260px;} .banner-elem .text-wrap{ padding-left: 18px;} .banner-elem .price { font-size: 16px; line-height: 20px; max-height: 20px;} .banner-elem .social{ height: 30px;} } @media screen and (max-width: 1280px){.banner-elem h1{ font-size: 24px; margin-bottom: 12px; line-height: 29px; max-height: 58px;} } @media screen and (max-width: 1200px){.banner-elem{ height: 220px;} .banner-elem .image{ width: 50%;} .banner-elem .image img{ max-height: 220px;} .banner-elem .h2{ font-size: 18px; line-height: 22px; max-height: 44px;} .banner-elem .price{ font-size: 15px; line-height: 18px; max-height: 18px;} } @media screen and (max-width: 1024px){ .banners-list{ margin: 0 -3px 24px;} .banners-list .banner-wrap{ padding: 3px;} .banner-elem{ height: 160px;} .banner-elem h1{ font-size: 20px; margin-bottom: 10px; line-height: 24px; max-height: 48px;} .banner-elem .image{ width: 55%;} .banner-elem .image img{ max-height: 160px;} .banner-elem .price{ display: none;} } @media screen and (max-width: 800px){ .banners-list .banner-wrap:nth-child(n){ width: 100%;} .banner-elem .text-wrap{ padding-left: 24px;} .banner-elem .image{ width: 50%; text-align: center;} .banner-elem .image img{ margin: 0 auto;} .hide-800{ display: none !important;} } @media screen and (max-width: 400px){ .banner-elem{ height: 150px;} .banner-elem .h2{ font-size: 16px; line-height: 20px; max-height: 40px;} .banner-elem .price{ font-size: 14px; line-height: 18px; max-height: 18px;} .banner-elem .text-wrap{ padding-left: 12px;} .banner-elem .btn-simple.btn-micro{ min-width: 100px; padding: 3px 8px 3px;} .banner-elem .image{ width: 50%;} .banner-elem .image img{ max-height: 150px;} .services-banners-list .banner-wrap .banner-elem{ background: none !important;} } .fullscreen-banner{height: 470px;margin-bottom: 24px;border-bottom: 1px solid #e7e8ea;} .fullscreen-banner .limiter{position: relative;height: 100%;} .fullscreen-banner #breadcrumbs{position: absolute;left: 0;top: 0;width: 100%;} .fullscreen-banner #breadcrumbs + .tb .text-wrap{padding: 42px 0 0;} .fullscreen-banner h1{margin-bottom: 12px;} .fullscreen-banner .price{margin-bottom: 12px;font-size: 30px;line-height: 36px;max-height: 36px;} .fullscreen-banner .descr{margin-bottom: 24px;font-size: 14px;line-height: 24px;max-height: 120px;} .fullscreen-banner .image{width: 55%;} .fullscreen-banner .image img{margin: 0 auto;max-height: 470px;} @media screen and (max-width: 1600px){ .fullscreen-banner{ height: 440px;} .fullscreen-banner .image img{ max-height: 440px;} } @media screen and (max-width: 1400px){ .fullscreen-banner{ height: 420px;} .fullscreen-banner .price{ font-size: 24px; line-height: 30px; height: 30px;} .fullscreen-banner .descr{ margin-bottom: 18px;} .fullscreen-banner .image{ width: 50%;} .fullscreen-banner .image img{ max-height: 420px;} } @media screen and (max-width: 1024px){ .fullscreen-banner{ height: 290px;} .fullscreen-banner .image{ width: 45%;} .fullscreen-banner .image img{ max-height: 290px;} .fullscreen-banner .descr{ margin-bottom: 12px; line-height: 20px; max-height: 80px;} } @media screen and (max-width: 800px){ .fullscreen-banner{ height: 270px;} .fullscreen-banner .image{ width: 40%;} .fullscreen-banner .image img{ max-height: 270px;} .fullscreen-banner .descr{ max-height: 60px;} } @media screen and (max-width: 700px){ .fullscreen-banner{ height: 260px;} .fullscreen-banner .image img{ max-height: 260px;} .fullscreen-banner #breadcrumbs{ left: 12px; width: auto; right: 0; margin-top: 12px;} } @media screen and (max-width: 600px){ .banner-hide-images{ background: none !important;} .banner-hide-images .image{ display: none;} .hide-600{ display: none !important;} } @media screen and (max-width: 500px){ .fullscreen-banner{ height: 170px;} .fullscreen-banner .image img{ max-height: 170px;} .fullscreen-banner .descr{ /*display: none;*/ max-height: 40px;} .fullscreen-banner .image{ width: 50%;} .fullscreen-banner .btn-simple{ padding: 13px 8px 11px;} } .banner-elem.arbitrary-banner .text-wrap{padding-left: 0;} @media screen and (max-width: 700px){.banner-elem.arbitrary-banner{ height: auto; margin-bottom: 18px;} .banner-elem.arbitrary-banner .descr{ max-height: 80px;} .banner-elem.arbitrary-banner .text-wrap{ display: block; margin-bottom: 6px; padding: 12px 12px 0;} .banner-elem.arbitrary-banner h1{ margin-bottom: 8px; font-size: 18px;} .banner-elem.arbitrary-banner .image{ display: block; width: 100%; padding: 0;} .banner-elem.arbitrary-banner .image img{ max-height: 250px; margin: 0 auto;} .banner-elem.arbitrary-banner.banner-no-bg .image img{ max-height: none;} .hide-700{ display: none !important;} } @media screen and (max-width: 500px){.banner-elem.arbitrary-banner .descr{ display: block;} .banner-elem.arbitrary-banner h1{ font-size: 16px; margin-bottom: 8px; line-height: 20px; max-height: 60px;} .banner-elem.arbitrary-banner .image img{ max-height: 200px;} } .no-margin-top{margin-top: 0px !important;} .no-margin-bottom{margin-bottom: 0px !important;} .no-margin-right{margin-right: 0px !important;} .no-margin-left{margin-left: 0px !important;} .templateSwitcher{background-color: #ffffff;-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);-webkit-transform: translateX(500px);-ms-transform: translateX(500px);transform: translateX(500px);-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-align: center;overflow: hidden;position: fixed;z-index: 9998;width: 360px;height: 100%;right: 0px;top: 0px;} .templateSwitcher.opened{-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .templateSwitcherScroll{overflow: auto;height: 100%;width: 390px;} .templateSwitcherScrollContainer{-webkit-box-sizing: border-box;box-sizing: border-box;margin: 24px 0px;padding: 0 24px;width: 360px;} .templateSwitcherSettings{-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-animation-name: bounceInDown;animation-name: bounceInDown;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;text-align: center;margin-top: -100px;line-height: 50px;cursor: pointer;position: fixed;z-index: 9999;height: 198px;width: 51px;right: 0px;top: 50%;} .templateSwitcherSettings.active{right: 360px;} .templateSwitcherSettings:hover{opacity: 0.9;} .templateSwitcherSettings.active .templateSwitcherSettingsPicture{/*transform: rotate(360deg);*/ } .templateSwitcherSettings:hover{background-color: #2b2b2b;} .templateSwitcherSettingsPicture{background: url(/bitrix/templates/dresscodeV2/images/setting.png) 50% 50% no-repeat transparent;-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;display: inline-block;height: 198px;width: 51px;} .templateSwitcher .switcherList{overflow: hidden;} .templateSwitcher .switcherListItem{background-color: #ffffff;border: 1px solid #ff9601;display: inline-block;border-radius: 2px;text-align: center;line-height: 40px;height: 40px;} .templateSwitcher .switcherListItem:hover{border-color: #ffa800;} .templateSwitcher .switcherListItem.active{background-color: #ff9601;color: #ffffff;} .templateSwitcher .switcherListItem.active a{color: #ffffff;} .templateSwitcher .switcherListItem:first-child{margin-right: 12px;} .templateSwitcher .switcherListItem a{text-decoration: none;padding: 0 24px;color: #ff9601;display: block;} .templateSwitcher .switcherListItem a:active{position: relative;top: 1px;} .templateSwitcher .switcherHeading{font-family: "robotomedium";margin-bottom: 18px;padding: 0 24px;font-size: 16px;} .templateSwitcher .switcherBigHeading{border-bottom: 1px solid #f3f3f3;text-transform: uppercase;padding-bottom: 24px;margin-bottom: 24px;padding-right: 24px;padding-left: 24px;font-size: 18px;} .templateSwitcher .switcherBigHeading .switcherClose{text-decoration: none;margin-top: -1px;font-size: 21px;color: #ff0000;float: right;} .templateSwitcher .switcherBigHeading .switcherClose:hover{opacity: 0.7;} .templateSwitcher .switcherBigHeading .switcherClose:active{position: relative;top: 1px;} .templateSwitcher .switcherHeading2{font-family: "robotomedium";margin-bottom: 12px;padding: 0 24px;} .templateSwitcher .switcherRowBlock{border-top: 1px solid #f3f3f3;padding-top: 24px;margin-top: 24px;} .templateSwitcher .switcherSelect{-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #f3f3f3;cursor: pointer;padding: 0 12px;outline: none;height: 40px;width: 90%;} .templateSwitcher .switcherIcons{margin-bottom: 24px;} .templateSwitcher .switcherDescription{font-size: 13px;color: #888888;} .templateSwitcher .switcherBackgroundItems{text-align: center;overflow: hidden;} .templateSwitcher .switcherThemes{margin-top: 24px;overflow: hidden;} .templateSwitcher .switcherThemesItem{display: inline-block;margin-bottom: 12px;margin-left: 12px;height: 30px;width: 30px;} .templateSwitcher .switcherBackgroundItem{display: inline-block;height: 30px;width: 30px;} .templateSwitcher .switcherBackgroundItem:first-child{margin-right: 12px;} .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem 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: 2px;display: block;height: 30px;width: 30px;} .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active{position: relative;top: 1px;} .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a{background-image: url(/bitrix/templates/dresscodeV2/images/check.png);background-repeat: no-repeat;background-position: 50% 50%;} @keyframes bounceInDown {from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);} 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);} 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);} to { -webkit-transform: none; transform: none;} } .templateSwitcher .switcherThemesItem .color1{background-color: #ff9601;} .templateSwitcher .switcherThemesItem .color1:hover{background-color: #ffb800;} .templateSwitcher .switcherThemesItem .color2{background-color: #fb9bad;} .templateSwitcher .switcherThemesItem .color2:hover{background-color: #f3889d;} .templateSwitcher .switcherThemesItem .color3{background-color: #ff855f;} .templateSwitcher .switcherThemesItem .color3:hover{background-color: #e77652;} .templateSwitcher .switcherThemesItem .color4{background-color: #daa550;} .templateSwitcher .switcherThemesItem .color4:hover{background-color: #e4a540;} .templateSwitcher .switcherThemesItem .color5{background-color: #b15b49;} .templateSwitcher .switcherThemesItem .color5:hover{background-color: #a05a4b;} .templateSwitcher .switcherThemesItem .color6{background-color: #f44336;} .templateSwitcher .switcherThemesItem .color6:hover{background-color: #d42d20;} .templateSwitcher .switcherThemesItem .color7{background-color: #acce11;} .templateSwitcher .switcherThemesItem .color7:hover{background-color: #94b20e;} .templateSwitcher .switcherThemesItem .color8{background-color: #27c148;} .templateSwitcher .switcherThemesItem .color8:hover{background-color: #19cc3f;} .templateSwitcher .switcherThemesItem .color9{background-color: #27bfc1;} .templateSwitcher .switcherThemesItem .color9:hover{background-color: #25ccce;} .templateSwitcher .switcherThemesItem .color10{background-color: #3498db;} .templateSwitcher .switcherThemesItem .color10:hover{background-color: #2395e1;} .templateSwitcher .switcherThemesItem .color11{background-color: #2a65d0;} .templateSwitcher .switcherThemesItem .color11:hover{background-color: #0d57dc;} .templateSwitcher .switcherThemesItem .color12{background-color: #0061b2;} .templateSwitcher .switcherThemesItem .color12:hover{background-color: #006ac2;} .templateSwitcher .switcherThemesItem .color13{background-color: #c651d0;} .templateSwitcher .switcherThemesItem .color13:hover{background-color: #d75ee1;} .templateSwitcher .switcherThemesItem .color14{background-color: #c12752;} .templateSwitcher .switcherThemesItem .color14:hover{background-color: #c61c4b;} .templateSwitcher .switcherThemesItem .color15{background-color: #ed1c24;} .templateSwitcher .switcherThemesItem .color15:hover{background-color: #ff232b;} .templateSwitcher .switcherBackgroundItem .white{background-color: #eeeeee;} .templateSwitcher .switcherBackgroundItem .black{background-color: #000000;} @-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;-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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);-ms-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;} } @-webkit-keyframes fadeInDown {from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes fadeInDown {from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } /* End */ /* /bitrix/templates/dresscodeV2/fonts/roboto/roboto.css?14696198702282 */ /* /bitrix/templates/dresscodeV2/themes/pink/style.css?151698864744298 */ /* /bitrix/templates/dresscodeV2/headers/header1/css/style.css?15180779765905 */ /* /bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu/style.css?14534556101250 */ /* /bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.css?150966258012314 */ /* /bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/style.css?151049964010785 */ /* /bitrix/components/dresscode/search.line/templates/.default/style.css?15193078446622 */ /* /bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?15197516026340 */ /* /bitrix/components/dresscode/products.by.filter/templates/.default/style.css?15155119521220 */ /* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?15155117211221 */ /* /bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.css?15197460412071 */ /* /bitrix/templates/dresscodeV2/template_styles.css?1520712752199471 */ /*messengers in header style*/ .messengers__modal-text {display: none;} .personal_manager{cursor:pointer;} .messenger-overlay{display: none;} .messenger-overlay.active{display:block;position: absolute;z-index:95;background: #c7c7c780;top: 0;left:0;} .messengers__modal-text.active{display:block;position: fixed;z-index:100;background: #fff;width: 60%;max-width: 540px;padding: 30px;left: 18%;} .messengers__modal-text.active .messenger .right, .messengers__modal-text.active .messenger .left{width: 49%;display: inline-block;text-align: center;} .messengers__modal-text.active .messenger a{color: #428300;text-decoration: none;font-size: 30px;font-weight: bold;line-height: initial;} .messengers__modal-text.active .messenger a:hover {color: #1b3700;} .personal_manager .messengers__image{height: 25px;padding-bottom: 10px;margin-left: 22%;} .personal_manager .messengers__description{display: block;line-height: 1.1em;font-size: .9em;color: #333;text-align: center;max-width: 150px;} .directive_messengers{display: block;position: relative;} .close_messengers{position: absolute;top: 15px;right: 20px;cursor:pointer;font-weight: 800;color: #848484;} .tabloid a.picture.mainPage img{max-width: 100%;max-height: 100%;height: 100%;} div.main_filter{width: 24%;display: inline-block;float: left;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom: 20px;} #catalogElement div.col{background: #fff;} #appAddGreeting{ -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;} #appAddGreetingContainer{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);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: 500px;width: 700px;left: 50%;top: 50%;} #appAddGreetingContainer .column{-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;width: 380px;float: left;} #appAddGreetingContainer .column:first-child{text-align: center;width: 250px; } #appAddGreetingContainer .appAddGreetingName{font-size: 16px;padding: 10px;border: 0.5px solid #cecece;font-size: 16px;cursor: pointer;} #appAddGreetingContainer .appAddGreetingName:hover, #appAddGreetingContainer .appAddGreetingName.active{background:#cecece;} #appAddGreetingContainer .heading{position: relative;text-align: center;line-height: 60px;font-size: 18px;height: 60px;} #appAddGreetingContainer .heading {background-color: #424242;color: #ffffff;} #appAddGreetingContainer .title{margin-bottom: 12px;text-align: center;margin-right: 24px;font-size: 16px;display: block;} #appAddGreetingContainer .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;} #appAddGreeting .close{background: url(images/exit.png) 0 0 no-repeat transparent;position: absolute;display: block;height: 21px;width: 21px;right: 20px;top: 20px;} #appAddGreeting .close:hover{background-position: 0 -21px ;} #appAddGreeting .close:active{background-position: 0 -42px ;} .greeting_text .detailPage {margin-top: 30px;border-radius: 0px;background-color: transparent !important;color: #000;text-transform: uppercase;font-size: 15px;padding: 15px;display: block;width: 226px;text-decoration: none;font-weight: bold;letter-spacing: 1px;border-left: 2px solid #ffc0cb;border-right: 2px solid #ffc0cb;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: 0 0, 0 100%;background-repeat: no-repeat;background-size: 100% 2px;background-image: -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%), -o-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%);background-image: -ms-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%), -ms-linear-gradient(left, #ffc0cb 0%, #ffc0cb 100%);background-image: -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb)), -webkit-gradient(linear, left top, right top, from(#ffc0cb), to(#ffc0cb));background-image: linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%), linear-gradient(to right, #ffc0cb 0%, #ffc0cb 100%);} .greeting_text .detailPage:hover{background-size: 100% 100%;background-color: transparent;color: #fff;-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);-webkit-transition: unset;-o-transition: unset;transition: unset;} #appViewGreeting{ -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;} #appViewGreetingContainer{-webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);background-color: #ffffff;margin-top: -200px;position: absolute;overflow: hidden;height: 400px;width: 400px;margin-left: -200px;left: 50%;top: 50%;} #appViewGreetingContainer .column{-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;width: 400px;text-align: center;} #appViewGreeting .close{background: url(images/exit_order.png) 0 0 no-repeat transparent;position: absolute;display: block;height: 21px;width: 21px;right: 10px;top: 10px;} #appViewGreeting .close:hover{background-position: 0 -21px ;} #appViewGreeting .close:active{background-position: 0 -42px ;} #appViewGreeting .detailPage {margin: 30px auto;border-radius: 0px;background-color: transparent !important;color: #000;text-transform: uppercase;font-size: 15px;padding: 15px;display: block;width: 226px;text-decoration: none;font-weight: bold;letter-spacing: 1px;border-left: 2px solid #ff0044;border-right: 2px solid #8a00f4;-webkit-box-sizing: border-box;box-sizing: border-box;background-position: 0 0, 0 100%;background-repeat: no-repeat;background-size: 100% 2px;background-image: -o-linear-gradient(left, #ff0044 0%, #8a00f4 100%), -o-linear-gradient(left, #ff0044 0%, #8a00f4 100%);background-image: -ms-linear-gradient(left, #ff0044 0%, #8a00f4 100%), -ms-linear-gradient(left, #ff0044 0%, #8a00f4 100%);background-image: -webkit-gradient(linear, left top, right top, from(#ff0044), to(#8a00f4)), -webkit-gradient(linear, left top, right top, from(#ff0044), to(#8a00f4));background-image: linear-gradient(to right, #ff0044 0%, #8a00f4 100%), linear-gradient(to right, #ff0044 0%, #8a00f4 100%);} #appViewGreeting .detailPage:hover{background-size: 100% 100%;background-color: transparent;color: #fff;-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);-webkit-transition: unset;-o-transition: unset;transition: unset;} .add_card_div{display: block;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #f9f9f9;border: 1px solid #e7e8ea;line-height: 50px;padding: 0 12px;border-top: 0;height: 50px;position: relative;} .radio_addCart {position: absolute;height: 17px;width: 17px;left: 50px;top: 15px;} .add_card_div span{position: absolute;left: 80px;font-size: 16px;} .add_card_div .icon_cart {background: url(images/invite.png) 0 0 no-repeat;height: 40px;width: 40px;background-size: 39px;position: absolute;top: 5px;} #add_card_toOrder{width: 320px;height: 50px;cursor:pointer;} #add_card_container{background-color: #f9f9f9;border-bottom: 1px solid #e7e8ea;} .radio_viewCard {position: absolute;height: 17px;width: 17px;left: 60px;top: 15px;} #view_card_toOrder span{position: absolute;left: 70px;top: 15px;font-size: 16px;border-bottom: 1px dashed;cursor: pointer;} .icon_card {background: url(images/invite.png) 0 0 no-repeat;height: 40px;width: 40px;background-size: 39px;position: absolute;top: 5px;} #view_card_toOrder{width: 270px;height: 50px;} #view_card_container{background-color: #f9f9f9;border-bottom: 1px solid #e7e8ea;} .bx_ordercart_order_pay{position: relative;} div#card_remove {position: absolute;left: 300px;top: 15px;} div#card_remove .del_card {background: url(images/del_card.png) 0 0 no-repeat;height: 15px;width: 15px;background-size: 15px;top: 3px;border: none;left: 0;position: absolute;} div#card_remove a{padding-left: 20px;text-decoration: none;} /************Select city styles*************/ #SplashSelectCity .triangle {width: 0;height: 0;border-width: 0 15px 15px;border-color: transparent transparent #e592a2 transparent;;border-style: solid;-webkit-transform: rotate(360deg);position: absolute;top: -15px;right: 70px;} #SplashSelectCity {position: fixed;right: 10px;top: 35px;background: #fff;z-index: 999;border: 3px solid #e592a2;border-radius: 10px;display: none;} #SplashSelectCity .text-header {font-weight: 700;font-size: 18px;color: #000;padding: 10px 10px 0;font-family: 'robotobold';} #SplashSelectCity .text {font-size: 14px;text-decoration: none;display: inline-block;padding: 0 10px 10px;} #SplashSelectCity .btn {padding: 0 0 10px;text-align: center;float: none;display: block;} #SplashSelectCity .btn:active{-webkit-box-shadow:none;box-shadow:none;} .b-button__orange {font-weight: 700;font-size: 14px;width: auto;padding: 3px 10px;border-radius: 5px;background-color: #e592a2;color: #fff !important;font-family: 'robotobold';} .b-button__orange:hover,.b-button__orange:active{background-color: #d57587;color: #fff;text-decoration:none;} /************Select city styles*************/ .delivery_description{margin-bottom: 20px;} .clr{clear:both;} #footer .leftColumn{text-align: center;} #footer .icon.callBack{margin: 0 4px;height: 40px;background: url(/bitrix/templates/dresscodeV2/themes/pink/images/callbackHead.png) 0 0 no-repeat transparent;width: 35px;display: inline-block;} #footer .icon.callBack:hover{background: url(/bitrix/templates/dresscodeV2/themes/pink/images/callbackHead.png) -35px 0 no-repeat transparent;} #footer .link.callBack{display: inline-block;color: #333;vertical-align: text-bottom;-webkit-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;text-decoration: none;} #footer .link.callBack:hover{text-decoration: none;color: #d57587;} #footer .paysystems{display: block;width: 218px;padding-top: 15px;margin: 0 auto;} #footer a.link {text-decoration: none;color: #000;} #footer a.link:hover {text-decoration: none;color: #d57587;} #catalogColumn .leftColumn .bx-filter .heading{display:none;} #pictureContainer div.pictureSlider {min-height: unset;margin: 24px 0;} #add_card_text{font-size: 15px;width: 50%;display: inline-block;max-width: 90%;max-height: 300px !important;height: 80px !important;border: 1px solid transparent;outline: none;margin-bottom: 15px;margin: 15px 20px;} #greeting_elements{width: 400px;margin-left: 20px;overflow-y: scroll;height: 400px;} .elementSkuPropertyList.komplekt .elementSkuPropertyValue{line-height:24px;} .add_card_heading{clear: both;font-family: 'robotobold';font-size: 15px;text-transform: uppercase;padding-top: 10px;margin: 0 20px;} #SplashSelectCity{display:block;width: 405px;} .fastBack_mob{display:none;} .item .hiddenPrice.price, .item .hiddenPrice.sku_price, .product_card_wrap .hiddenPrice.sku_price, .product_card_wrap .hiddenPrice.price {color:transparent !important;} #slider ul li span{background-size: cover;} .slider_small #slider ul li span{height: auto!important;} .slider_small #slider ul li span img{width: 100%;margin: 0;max-height: 337px;} .photo-item-cont .photo-item-inner{border-radius: 30px;} .messenger{display: flex;flex-direction: column;align-items: center;} .photo-item-cont .photo-item-inner img{position: relative;} .photo-items-list .photo-item-cont{width: calc(100% / 3);margin: 0;padding: 0;} .photo-item-cont .photo-item-inner img{width: 100%;min-height: 100%;object-fit: cover;} .photo-item-cont .photo-item-inner{display: flex;justify-content: center;align-items: flex-start;height: 400px;overflow: hidden;margin: 20px;border-radius: 20px;} .photo-photo-list{display: flex;flex-wrap: wrap;width: 100% !important;} #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){height: 370px;} #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: 0;border-left: 0;} #searchResult .productList{padding: 0;border-left: 1px solid #e7e8ea;} div.item.product.sku{height: 355px;} @media(max-width: 1199px){.photo-item-cont .photo-item-inner{ height: 300px;} } @media(max-width: 991px){.photo-item-cont .photo-item-inner{ height: 400px;} .photo-items-list .photo-item-cont{ width: calc(100% / 2); margin: 0; padding: 0;} } @media(max-width: 767px){.photo-photo-list{ width: 100% !important;} .photo-item-cont .photo-item-inner{ height: 175px; margin: 10px;} .photo-items-list .photo-item-cont{ width: calc(100% / 2); margin: 0; padding: 0;} } #makePhoto .icon_cart{background: url('images/ft.png') 0 0 no-repeat;background-size: cover;} #makePhoto input{margin-left: 40px;margin-top: 16px;} .global-information-block.max-scroll .global-information-block-cn{bottom: 2px;} .cart-flex{display: flex;width: 100%;flex-wrap: wrap;} .add_card_div{flex: 1;} .cart-flex-item{width: 30%;} .checkbox-wrapper.active .checkbox:after{background-color: #e592a2;height: 20px;opacity: 1;width: 20px;} .checkbox-wrapper.active .checkbox{border-color: transparent;} .checkbox-wrapper .checkbox{cursor: pointer;} .add_card_div .icon_cart{background-size: cover;margin-top: 4px;height: 30px;width: 30px;} @media(max-width: 1175px){.cart-flex{ flex-direction: column;} .cart-flex-item{ width: 100%;} .add_card_div span{ font-size: 13px;} .add_card_div{ padding: 0 5px;} } @media(max-width: 350px){.add_card_div span{ font-size: 11px !important;} } @media (max-width: 1500px){.global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 249px !important;} } .information-feedback-container{margin-bottom: 5px;} .information-feedback{padding: 14px 12px;} #add_card_container{width: 100%;} #step2 .checkbox-wrapper .checkbox i{left: 1px;top: 1px;} #step2 .add_card_div{margin-top: 10px;background-color: transparent;border: 0;padding-left: 20px;} #step2 .add_card_div span {position: absolute;left: 100px;} #step2 .icon_card{height: 30px;width: 30px;top: 10px;background-size: cover;} @media(max-width: 425px){#step2 .add_card_div{ padding-left: 0;} #step2 .add_card_div span { left: 80px;} .bx-touch .bx_ordercart .bx_ordercart_order_pay{ padding: 0;} #view_card_toOrder span{ left: 45px;} } .custom_props{position: relative;} #order_form_div .custom_props input{height: 20px !important;} img.calendar-icon{position: absolute;right: 5px;top: 6px;} @media(max-width: 767px){.order_ok.active{ display: flex; justify-content: space-between; flex-wrap: wrap;} .order_ok .order_sum_val{ width: auto;} .order_ok #ORDER_CONFIRM_BUTTON{ margin-bottom: 10px;} .payment_methods .bx_block.horizontal{ height: 100px;} .order_ok .order_sum_val span{ float: right;} } #catalogProductList{ /* border-left: 1px solid #e7e8ea; */ margin-bottom: 5px; } #topSearch{background-image: linear-gradient(to right, #e592a2 0%, #94bbe9 100%), linear-gradient(to right, #e592a2 0%, #94bbe9 100%);border-bottom: 0.5px solid rgb(255, 255, 255);} #topSearch input[type="text"]{background-color: #ffffff;border: 1px solid #ffffff;color: #000000;} #searchResult{top: 133px;} #searchOverlap{background-color: #ffffff;opacity: 0.3;} #searchProductsClose{right: 25px;} #topSearch input[type="text"].loading{background-color: #ffffff;} #topSearch input[type="submit"]{background-position: -60px 50%;background-color: transparent;border: 1px solid #ffffff;} #promoBlock{display: block; box-sizing: border-box; /* margin-top: -24px; */ } #promoBlock #slider{width: 100%;margin: auto;clear: both;} .slider-mob-img{display: none;} #slider .leftContainer{left: 10%;} #slider .sliderContent, #slider .leftContainer {left: 72px;top: 40%;} #slider .sliderBtnLeft, #slider .sliderBtnRight{top: 50%;transform: translateY(-50%);margin-top: auto;} .productList .pagination{margin-bottom: 0;border-left: 0;} div.product .middle {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;} @media(max-width: 767px){div.product .middle { min-height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} } @media(max-width: 1024px){#catalogProductList{ border-left: 0;} } @media(max-width: 1199px){#promoBlock, #promoBlock .slideBox{ height: auto !important;} } @media(max-width: 767px){.limiter.slider-lim{ margin: 0!important; padding: 0!important; width: 100%!important;} #subHeader .limiter{ display: flex; flex-wrap: nowrap; justify-content: space-between;} .slider_small #slider ul li span img{ display: none;} .slider_small #slider ul li span .slider-mob-img{ display: block;} #promoBlock, #promoBlock .slideBox{ height: auto !important;} #promoBlock{ padding: 0;} #subHeader{ height: 100px;} div#subHeader #logo{ width: 20%;} #searchResult{ top: 116px;} .personal_manager .messengers__image{ margin-left: 0;} #topSearch input[type="submit"]{ background-position: -127px 50%; height: 45px; width: 45px; zoom: 0.9;} #topSearch input[type="text"]{ height: 38px;} #topSearch{ height: 86px;} #topSearch .submit{ width: 40px;} #headerTools .search .icon{ zoom: 0.8;} #headerTools .cart .icon.active{ zoom: 0.8;} #catalogSlideButton { position: relative; } #headerTools { display:none; } .geo-shipping { display:none; } .notifiction-top-block { display:none; } div#subHeader #logo{ width: 60%; padding: 0; margin:0 20%; } #mobilesIcons{ position:absolute; right:0px; top:140px; display:block; z-index:1000; } #mobilesIcons .count{ position:absolute; margin-top:-12px; font-size:12px; color:#222; font-family:Arial; background-color:#fff; padding:0 7px; border-radius:20px; right:7px; } #mobilesSearch #qM { width:75%; margin-left:15px; } #mainMenu li a svg.open-sub-svg { display:block; } } @media(max-width: 500px){ div#subHeader #logo{ width: 70%; padding: 0; margin:0 15%;} #headerTools .tools{ display: flex; flex-wrap: nowrap; height: max-content;} #headerTools .tools > li.telephone{ display: none;} #headerTools{ height: 85px; display: flex; align-items: center;} #headerTools .tools > li{ padding: 0 10px;} #subHeader{ height: 85px;} #mobilesIcons{ position:absolute; right:0px; top:125px; display:block; z-index:1000; } #mobilesIcons .count{ position:absolute; margin-top:-12px; font-size:12px; color:#222; font-family:Arial; background-color:#fff; padding:0 7px; border-radius:20px; right:7px; } .notifiction-top-block { display:none; } #mobilesSearch #qM { width:60%; margin-left:10px; } #mainMenu li a svg.open-sub-svg { display:block; } } @media(max-width: 450px) {.user-geo-position #SplashSelectCity { right: 9px !important;} #SplashSelectCity .triangle { right: 100px !important;} } .slider-mob-img{display: none!important;} @media(max-width: 767px){.slider-mob-img{ display: block !important;;} } .menuContainerColor.fixedh{ position: fixed; /*position: static;*/ left: 0; right: 0; top: 0; z-index: 998; } @media(max-width: 570px) { .sale-order-list-inner-row-body { justify-content: space-between; display: flex; align-items: flex-end; flex-wrap: wrap; } } #promoBlock { height: auto; max-height: unset !important; } /* Block Text */ .t-level-0 { border-bottom: 2px rgb(255, 102, 138) solid; /*border-bottom: 2px rgba(129, 71, 149, 1.0) solid;*/ background: rgb(255, 237, 235) url("images/background-pattern-1.png"); width: 100%; } .t-level-1-0 { /*height: 13px; background-size: initial; background-repeat: repeat-x; background-position: center top; background-color: rgba(0, 0, 0, 0); background-image: url("images/pattern-5.png"); background-attachment: scroll;*/ height: 2px; background-color: rgba(255, 102, 138, 1.0); width: 100%; } .t-level-1-1 { margin: 40px 0px; width: 100%; } .t-level-2-0, .t-level-2-1, .t-level-2-2 { float: left; width: 33.33%; } .t-level-2-1 { text-align: center; } .t-level-2-1 h1 { color: rgb(85, 85, 85); font-size: 36px; font-weight: 300; text-align: center; } .t-level-2-1 div { color: rgba(0,0,0,0.33); font-size: 14px; font-weight: 300; line-height: 24px; } /* Block Text One */ .one-t-level-0 { text-align: center; padding: 50px 0; padding-bottom: 0px; width: 100%; } .one-t-level-1 { display: flex; justify-content: center; width: 60%; flex-wrap: wrap; box-sizing: border-box; margin: 0 auto; } .one-t-level-2 { border: 1px solid rgba(220,220,220,0.57); padding: 15px; margin: 0 5px; box-sizing: border-box; width: calc(25% - 10px); min-width: 169px; display: flex; float: left; margin-bottom: 10px; } .one-t-level-0 .slick-initialized .slick-list { width: 100% !important; } .one-t-level-0 .slick-initialized .slick-slide { display: flex; } /*start*/ .one-t-level-0 .slick-dots { text-align: center; margin: 20px 0 0; width: 100% } .one-t-level-0 .slick-dots li { display: inline-block; color: transparent; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #f36; margin: 0 5px } .one-t-level-0 .slick-dots li button { display: block; width: 100%; height: 100%; position: relative; cursor: pointer } .one-t-level-0 .slick-dots li button:before { content: ''; display: block; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px } ::before {}.one-t-level-0 .slick-dots li.slick-active{background:#f36}@media screen and (max-width:940px){.one-t-level-0__list{overflow:auto;white-space:nowrap;flex-wrap:nowrap}.one-t-level-0__list.slick-slider{display:block;overflow:visible}.one-t-level-0__item{flex-grow:0;flex-shrink:0;display:inline-block;vertical-align:top;width:250px;min-width:0;white-space:normal}.one-t-level-0__list .slick-track{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.one-t-level-0__list .slick-track .one-t-level-0__item{flex-grow:1;height:auto}}@media screen and (max-width:540px){.one-t-level-0{padding-top: 25px;margin:0;overflow:hidden}.one-t-level-0 .slick-dots li{width:10px;height:10px;border-width:1px}.one-t-level-0 .slick-dots{margin-top:10px}} /*end*/ .one-t-level-2-1 { margin-right: 15px; float: left; } .one-t-level-2-1 > div { width: 45px; height: 45px; display: table-cell; text-align: center; vertical-align: middle; } .one-t-level-2-2 { float: left; text-align: left; width: calc(100% - 45px); } .one-t-level-2-2 > div { height: 45px; display: table-cell; vertical-align: middle; } .one-t-level-2-2-title { font-size: 15px; font-weight: bold; line-height: 1; color: rgb(0,0,0); margin-bottom: 4px; } .one-t-level-2-2-context { font-size: 14px; line-height: 1; color: rgb(125,125,125); } .clear-sect { clear: both; } /* Header */ div.geo-shipping { width: 35.5%; line-height: 102px; text-align: center; max-height: 102px; overflow: hidden; float: right; } div.geo-shipping div.geo-location-user { width: 60%; float: left; } div.geo-shipping div.date-shipping { margin-top: 7px; float: left; } div.geo-shipping div.geo-location-user span.select-city { color: rgba(0, 0, 0, 1.0); cursor: pointer; } div.geo-shipping div.geo-location-user span.select-city:hover { color: rgba(255, 51, 102, 1.0); } div.geo-shipping div.date-shipping { width: 35%; margin-right: 5%; } div.geo-shipping div.date-shipping span.shipping-title a { color: rgba(100, 100, 100, 1.0); } #headerTools .nf { margin-left: 0; } #headerTools .tools .nf .link { color: #333; border-bottom-color: rgba(0, 0, 0, 0.0); } #headerTools .tools .phone-main-info { color: rgba(127, 127, 127, 1.0); } #headerTools .tools .sect-phone-top { color: rgba(63, 63, 63, 1.0); font-size: 22px; font-weight: bold; } #headerTools .tools .sect-phone-top:hover { color: rgba(100, 100, 100, 1.0); } .telephone .nf .callBack { border-bottom: 1px rgba(229, 146, 162, 1.0) dashed; } .callBack:hover { border-bottom: none; } #headerTools .tools li.top_horizontal_multilevel_menu { line-height: 102px; list-style: none; padding: 0 18px; float: left; margin: 0; border: none; } li.all-system-widgets a { color: rgba(100, 100, 100, 1.0); text-decoration: none; } li.all-system-widgets a:hover { opacity: 0.75; } #topSeachCloseForm:hover { color: rgba(255, 51, 102, 1.0); } #subHeader, #logo, #topHeading, #headerTools, #headerTools .tools li { border: none; } #subHeader { padding-top: 15px; padding-bottom: 0px; } #rightFooter .telephone { font-size: 20px; text-decoration: none; } #rightFooter .telephone:hover { color: rgba(0, 0, 0, 1.0); } #footer .link.callBack { border-bottom: 1px rgba(51, 51, 51, 1.0) dashed; } #footer .link.callBack:hover { border-bottom: 1px rgba(51, 51, 51, 0.0) dashed; } .notifiction-top-block { /*background-color: rgba(255, 51, 102, 1.0);*/ background-color: rgba(129, 71, 149, 1.0); color: rgba(255, 255, 255, 1.0); font-size: 16px; font-weight: bold; text-align: center; width: 100%; height: auto; padding: 10px 0; position: relative; } .changePrice{ display: none !important; height: 0px !important; } button.close-notifiction { background-color: transparent; border: none; color: rgba(255, 255, 255, 1.0); cursor: pointer; line-height: 21px; font-size: 26px; font-weight: bold; text-shadow: none; float: right; right: 10px; position: absolute; } /*Width fix*/ .content_center { max-width: 1230px; margin: 0 auto; padding: 0 15px; } @media (max-width: 1230px) { .content_center { width: auto; } } @media (max-width: 767px) { .header_icons .one-t-level-2{ width: calc(50% - 10px); } } /* @media (max-width: 576px){ .notifiction-top-block .content_center { padding-right: 40px; } div.news-list-level-cat-0 div.news-list-level-cat-2 { padding-bottom: 65px; } .news-list-level-cat-2 .product-btn { display: flex !important; position: absolute; bottom: 5px; left: 0; right: 0; } .news-list-level-cat-2 .product-btn a.btn-buy { position: unset; width: auto; margin-top: 10px; padding: 10px; } .geo-location-user { display: none; } #subHeader .content_center { display: flex; justify-content: space-between; } #subHeader .content_center .all-system-widgets { display: none; } #subHeader .content_center div.geo-shipping { width: auto; } #subHeader .content_center .sect-phone-top { font-size: 18px; } #headerTools .tools li.top_horizontal_multilevel_menu { padding: 0 10px; } #headerTools { padding-right: 0; } #subHeader .content_center .geo-shipping { display: flex; align-items: center; max-height: 85px; } #mainMenuContainer #mainMenu { margin: 0 -15px; } div#subHeader #logo { padding: 0; } } .notifiction-top-block button.close-notifiction { background-color: transparent; border: none; color: rgba(255, 255, 255, 1.0); cursor: pointer; line-height: 21px; font-size: 26px; font-weight: bold; text-shadow: none; float: right; right: 10px; top: 50%; transform: translateY(-50%); position: absolute; }*/ @media all and (max-width: 550px) { div.geo-shipping { display: none; } div#headerTools { display: none; } #mainMenuContainer .minCatalogButton{ display: block; /*height: 35px; line-height: 35px;*/ } } #mainMenu > li > span{ padding: 0 24px; color: #fff; cursor: pointer; text-align: center; display: block; } .level2{ display: none; box-shadow: 0 6px 12px rgb(0, 0,0, 0.18); max-height: 400px; overflow: auto; } .level2::-webkit-scrollbar-track { border-radius: 8px; } .level2::-webkit-scrollbar-thumb { border-radius: 8px; background: #999; border: 2px solid #fff; } .level2::-webkit-scrollbar { width: 8px; } #mainMenu{ position: relative; /* display: flex; */ } /* #mainMenu li{ flex: 1; } */ .eChild-relative{ position: relative; } .eChild:hover .level2{ display: block; } .level2{ position: absolute; top: 100%; left: 0; background-color: #fff; z-index: 99; padding: 24px; box-shadow: 0 0 5px rgba(0,0,0, 0.3); width: 100%; } .eChild-relative .level2{ min-width: max-content; width: auto; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul li{ font-size: 16px; } #mainMenuContainer #mainMenu{ overflow: visible; } #mainMenuContainer #mainMenu .level2 ul{ display: flex; flex-direction: column; padding-left: 0; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul{ max-height: initial; } #mainMenuContainer #mainMenu .level2 ul.active{ max-height: initial; } #mainMenuContainer #mainMenu .level2 li{ float: none!important; /* width: max-content; */ list-style: none; height: auto; line-height: 1.2; margin-bottom: 7px; font-weight: 500; font-size: 13px; } #mainMenuContainer #mainMenu .level2 li a{ color: #000; padding: 0; height: auto; display: block; min-width: max-content; } .level2__wrap{ display: flex; flex-wrap: wrap; } .level2__item{ margin-bottom: 25px; min-width: 130px; padding-left: 45px; width: 20%; } #mainMenuContainer .level2__title span, #mainMenuContainer .level2__title a{ font-weight: 600; display: block; font-size: 16px; line-height: 1.2; margin-bottom: 10px; color: #000; position: relative; } #mainMenuContainer .level2__title img{ position: absolute; display: block; width: 40px; left: -45px; } #mainMenuContainer .level2__title a:hover{ color: #000; } .level2-more{ line-height: 1.2; margin-top: 5px; font-size: 14px; display: flex; align-items: center; } .level2-more:hover{ text-decoration: underline; cursor: pointer; } .level2-more:after{ content: ""; width: 4px; height: 4px; border-right: 1px solid #000; border-bottom: 1px solid #000; display: block; margin-left: 5px; transform: rotate(45deg); } #mainMenu{ display: flex; } #mainMenu > li{ float: initial; flex: 1; } #mainMenu > li > a{ text-align: center; } @media(min-width: 1025px){ #mainMenu > li > a{ display: flex; align-items: center; justify-content: center; padding: 0 10px; line-height: 1.1; height: 100%; } } @media(max-width: 1024px){ .mCustomScrollBox{ width: 100%; } #mainMenu{ display: none; } #mainMenu li > span, #mainMenu li > a { padding: 18px 24px; display: flex; align-items: center; color: #fff; margin-right: 50px; } .eChild { position: relative; } #mainMenu .eChild .arrow{ width: 50px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 0; top: 0; right: 0; position: absolute; margin-right: 0; } .eChild .arrow:after{ width: 7px; height: 7px; content: ""; display: block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; } .eChild:hover .level2{ display: none; } .level2{ max-height: initial; padding-bottom: 20px; box-sizing: border-box; } .level2-more{ display: none; } .level2{ background-color: #ffc0cb; box-shadow: none; position: initial; padding: 0; padding-left: 45px; max-height: initial; } .level2__wrap{ flex-direction: column; } .level2__item{ flex: auto; padding-left: 0; margin-bottom: 0; border-bottom: 1px solid #fff; padding-top: 10px; width: 100%; } .level2__item:last-child{ margin-bottom: 15px; border-bottom: 0; } .level2 ul{ padding-left: 15px; } #mainMenuContainer .level2__title img{ display: none; } #mainMenu .level2 li{ border-top: 0 } #mainMenuContainer .level2__title span, #mainMenuContainer .level2__title a{ padding: 0; color: #fff; } #mainMenuContainer #mainMenu .level2 ul{ padding-left: 25px; display: none; max-height: initial; margin-bottom: 10px; } .level2__title{ position: relative; padding-right: 50px; } #mainMenu .eChild .level2__title .arrow{ height: 30px; top: -5px; } #mainMenuContainer #mainMenu .eChild.eChild-relative ul{ display: block; padding-left: 0; } #mainMenuContainer #mainMenu .level2 li{ font-size: 14px; margin-bottom: 10px; } .eChild.active .level2{ display: block; } #mainMenuContainer #mainMenu .level2 .level2__item.active ul{ display: block; } #mainMenu{ height: 470px; overflow: auto!important; } #mainMenu .eChild.active > .arrow:after{ transform: rotate(-135deg); } .level2__item.active .level2__title .arrow:after{ transform: rotate(-135deg); } } @media(max-width: 1024px){ .menuContainerColor #mainMenu{ height: calc(100vh - 65px - 131px); } .menuContainerColor.fixedh #mainMenu{ height: calc(100vh - 65px); } } @media(min-width: 1024px){ #mainMenuContainer #mainMenu .eChild-relative .level2{ padding: 0; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul li{ margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1); width: 100%; font-weight: 600; box-sizing: border-box; font-size: 14px; line-height: 1.2; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul li a{ padding:7px 10px; text-decoration: none; transition: 0.3s all; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul li a:hover{ opacity: 0.7; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul{ max-height: 260px; display: grid; grid-template-rows: repeat(5, auto); grid-auto-flow: column; } #mainMenuContainer #mainMenu .eChild-relative .level2 ul li{ display: block; width: 200px; min-width: 200px; border-right: 1px solid rgba(0,0,0,0.1); } .eChild.eChild-relative:last-child .level2{ left: auto; right: 0; } } @media(max-width: 1023px){ #mainMenuContainer #mainMenu .eChild-relative .level2{ padding-top: 15px; padding-bottom: 15px; } #mainMenuContainer #mainMenu .level2 li a{ white-space: nowrap; } } .main-page-tags{ margin-left: 0px !important; margin-bottom: 60px !important; } .index-faq { margin-bottom: 97px; margin-top: 50px; padding-right: 15px; padding-left: 15px; } @media(max-width: 767px){ .index-faq { margin-left: 0; } } .index-faq h2 { display: block; margin-bottom: 16px; font-weight: 700; font-size: 24px; line-height: 1.25; text-align: left; } .index-faq h2, .index-faq-main { color: #484848; } .index-faq-main .faq-item { position: relative; width: 100%; box-sizing: border-box; border-bottom: 1px solid #D8D9D9; } .index-faq-main .faq-item h3 { display: block; padding: 27px 77px 26px 0; font-weight: 700; font-size: 18px; cursor: pointer; margin: 0; } .index-faq-main .faq-item .faq-text { display: none; font-size: 15px; padding: 0 20% 24px 0; line-height: 1.45; } .index-faq-main .faq-item .arrow { position: absolute; top: 28px; right: 4px; } .index-faq-main .faq-item.opened h3~.faq-text { display: block; } .index-faq-main .faq-item.opened .arrow svg { transform: rotate( 180deg ); } @media (max-width: 640px){ .index-faq h2 { font-size: 18px; text-align: center; } .index-faq-main .faq-item h3 { font-size: 15px; padding: 33px 30px 32px 0; } .index-faq-main .faq-item .faq-text { padding: 0 0 25px; } .index-faq-main .faq-item .arrow { top: 32px; right: 0; } .index-faq-main .faq-item .faq-text { padding: 0 0 25px; } .index-faq-main .faq-item.opened h3 { padding-bottom: 12px; } } #catalogElement .recoment-slider .product{ width: 100%!important; } .recoment-slider .owl-item{ margin-bottom: 225px; } .recoment-slider div.item.product.sku{ width: 100%!important; height: 350px; } @media(max-width: 1024px) and (min-width: 768px){ .recoment-slider div.item.product.sku{ height: 300px!important; } } .recoment-slider div.item.product.sku:hover .tabloid:hover{ box-shadow: 0 0 1px rgb(0, 0, 0, 1); } .owl-carousel.recoment-slider{ } .recoment-slider .owl-nav .owl-next, .recoment-slider .owl-nav .owl-prev{ position: absolute; top: 50%; transform: translateY(-50%); } .recoment-slider .owl-nav .owl-next span, .recoment-slider .owl-nav .owl-prev span{ font-size: 50px; } .recoment-slider .owl-nav .owl-next{ right: -25px; } .recoment-slider .owl-nav .owl-prev{ left: -25px; } #catalogElement .recoment-slider .product{ border-bottom: 0!important; } .recoment-slider .product .tabloid{ transition: 0s all; border-bottom: 1px solid #e7e8ea; } .recoment-slider div.product .name{ margin-top: 15px; } .recoment-slider .product .name{ height: auto; margin-bottom: 15px; } .recoment-slider .product .picture{ margin-bottom: 15px; } .recoment-slider .product .price{ text-align: center; } .recoment-slider .product .name{ text-align: center; } .recoment-slider .tabloid a.picture.mainPage img{ height: auto; } @media(min-width: 601px){ .recoment-slider .owl-nav .owl-next, .recoment-slider .owl-nav .owl-prev{ top: calc(50% - 90px) } } @media(max-width: 1023px){ .recoment-slider .tabloid a.picture.mainPage img{ height: auto; width: auto; margin: 0 auto; } .recoment-slider .owl-nav .owl-prev{ left: 0; } .recoment-slider .owl-nav .owl-next{ right: 0; } } @media(max-width: 600px){ .owl-carousel.recoment-slider .owl-stage-outer{ margin: 0; padding: 0; } .recoment-slider .owl-item{ margin-bottom: 0px; } .recoment-slider .picture{ margin-bottom: 15px; } } div.news-list-level-cat-0 div.news-list-level-cat-2{ display: flex; flex-direction: column; } div.news-list-level-cat-0 div.product-title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-title br{ display: none; } div.news-list-level-cat-0 div.product-title{ padding: 0 10px; margin-bottom: 5px; margin-top: 10px; flex: 1; } div.news-list-level-cat-0 div.product-price{ margin-bottom: 5px; } div.news-list-level-cat-0 div.news-list-level-cat-2:hover .product-price{ font-size: 21px; } div.news-list-level-cat-0 div.news-list-level-cat-2:hover{ z-index: 900; } div.news-list-level-cat-0 div.preview-text{ padding: 0 5px; } div.news-list-cat-h1{ line-height: 1.1; margin: 30px 0px 0; } @media(max-width: 767px){ div.news-list-level-cat-0 div.product-title a{ font-size: 14px; line-height: 16px; } div.news-list-level-cat-0 div.news-list-level-cat-2:hover{ box-shadow: none; transform: scale(1); } div.news-list-level-cat-0 div.news-list-level-cat-2:hover .product-price{ font-size: 21px; } } div.news-list-level-cat-0 div.news-list-level-cat-2{ padding-bottom: 15px; position: relative; transition: 0.2s all linear; } .news-list-level-cat-2 .news-item{ position: relative; overflow: hidden; } .news-list-level-cat-2 .news-item a{ display: block; } .news-list-level-cat-2 .catalog-consist{ color: #fff; background: rgba(246,45,216,.76); pointer-events: none; position: absolute; top: 100%; padding: 3px; width: 100%; transition: .15s; } .news-list-level-cat-2:hover .catalog-consist{ pointer-events: all; transform: translateY(-100%); } div.news-list-level-cat-0 div.news-list-level-cat-2 .product-btn{ top: 99%; background-color: #fff; width: 100%; display: block; height: auto; display: none; position: absolute; flex-direction: column; align-items: center; } div.news-list-level-cat-0 div.news-list-level-cat-2:hover .product-btn{ display: flex; box-shadow: 0 15px 15px rgb(0, 0, 0,50%); } .product-btn .btn-buy{ position: initial; margin-bottom: 15px; border: none; border-left: 2px solid #f04; border-right: 2px solid #8a00f4; box-sizing: border-box; background-position: 0 0,0 100%; background-repeat: no-repeat; background-size: 100% 2px; background-image: linear-gradient(90deg,#f04,#8a00f4),linear-gradient(90deg,#f04,#8a00f4); border-radius: 0; transition: 0s all; font-size: 15px; text-transform: uppercase; color: #000; } div.news-list-level-cat-0 div.preview-text{ margin-top: 0; font-size: 13px; color: #d50096; } div.news-list-level-cat-2 .preview-text { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d50096; border-top: 1px solid #d50096; color: #000; text-decoration: none; margin-bottom: 10px; } .tabloid .preview-text { margin-top: 0; font-size: 13px; color: #d50096; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d50096; border-top: 1px solid #d50096; display: none; text-align: center; margin-bottom: 10px; color: #000; text-decoration: none; } .recoment-slider .tabloid .preview-text { max-height: 80px; overflow: hidden; } .tovar__recom2 .recoment-slider .owl-item { margin-bottom: 205px; } .tabloid:hover .preview-text { display: block; } .product-btn .btn-buy:hover{ background-color: transparent; background-size: 100% 100%; color: #fff; box-shadow: 0 2px 2px 0 rgb(0,0,0,8%); } div.news-list-level-cat-0 div.product-title a{ font-weight: 400; font-size: 16px; line-height: 20px; } .new-box{ font-family: Open Sans,sans-serif; position: absolute; top: 80%; color: #fff; padding-top: 3px; padding-bottom: 3px; font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; width: 50%; left: 50%; right: 50%; margin-left: -25%; margin-right: -25%; } .news-list-level-cat-2:hover .new-box{ display: none; } .discount-box, .new-box { background: #86be00; } .hit-box { background: #ff8500; } @media(max-width: 767px){ .news-list-level-cat-2 .catalog-consist{ display: none; } .new-box{ display: none; } } .recom-prod{ padding-top: 10px; margin-bottom: 25px; font-size: 22px; margin-top: 0; } @media(max-width: 767px){ .recom-prod{ padding-top: 25px; } } .tovar__recom{ background-color: #fff; } .tovar__recom .owl-dots{ display: none; } @media(min-width: 768px){ .tovar__recom #catalogProductList{ padding: 0 12px; margin: 0 -12px; } .tovar__recom div.product:nth-child(5n+1){ border-left: 1px solid #e7e8ea; } } .sale-order-detail-payment-options-methods-information-block{ margin: 0; } .sale-order-list-inner-row{ margin: 0; } .sale-order-list-button{ margin-right: 15px; } .sale-order-list-cancel-link{ top: -3px; position: relative; } /* body{ overflow: hidden; }*/ html{ overflow: auto; } #mainMenuContainer .content_center{ padding: 0 } #mainMenu { font-size: 16px; } .sale-order-list-title-container{ box-sizing: border-box; } .radio+.radio, .checkbox+.checkbox{ margin-top: 0; } #label_self{ align-items: center; } .askAddr{ align-items: center; height: 23px; } .askAddr .checkbox+.checkbox{ margin-top: 9px; } .section-text-macros{ padding: 10px 15px; } @media(max-width: 767px){ .section-text-macros{ padding: 15px; } } .to_left {float:left;} @media(max-width: 1024px){ #catalogColumn #smartFilter { pointer-events: auto; visibility: visible; opacity: 1; position: relative; width: 100%; margin-top: 0; margin-bottom: 25px; } } .more_choice { background: #fff; } .more_choice .product-section-title { color: #2b3039; font-size: 26px; font-weight: 600; letter-spacing: 0; line-height: 1.62; margin: 0 0 15px; text-transform: none; padding-top: 50px; padding-bottom: 15px; text-align: center; } .more_choice .link-roses { margin: 0 -7px 88px !important; flex-wrap: wrap; display: flex; align-items: center; } .more_choice .link-roses__col { padding: 0 7px 14px !important; flex: 0 0 auto; box-sizing: border-box; } .more_choice .link-roses__col a { align-items: center; background: #f5f5f5; border-radius: 2px; color: #788090; display: flex; font-size: 15px; height: 100%; min-height: 42px; padding: 7px; justify-content: center; text-align: center; text-decoration: none !important; } @media(max-width: 600px){ .more_choice .link-roses { margin: 0 -7px 28px !important; } .more_choice .product-section-title { padding-top: 20px; } } #catalogProductList .owl-item .item.product { width: 100% !important; } .element-gifts { background: #fff; } .element-gifts .limiter{ overflow: hidden; } .element-gifts .top_blocks { position: relative; } .element-gifts .top_blocks ul.tabs { margin: 0px 0px 0px; border-bottom: none; } .element-gifts .top_blocks ul.tabs > li { margin: 0px 29px 0 0; -moz-border-radius: 0px; border-radius: 0px; height: auto; padding-left: 0px; margin-bottom: 6px; } .element-gifts .top_blocks ul.tabs > li a { font-size: 16px; line-height: 20px; text-transform: none; border-radius: 0px; border-top: none; border-right: none; border-left: none; border-bottom-width: 0px; padding: 0px 0px 5px 0px; font-weight: bold; color: #ffa7b6; } .element-gifts .top_blocks ul.tabs > li a:hover{ background: transparent; color: #000; } .element-gifts .top_blocks ul.tabs > li.active a { color: #000; border-bottom: 2px solid #f9e4e7; } .element-gifts .top_blocks ul.slider_navigation { right: 0; position: absolute; top: 0; z-index: 1; margin: 0; padding: 0; } .element-gifts .top_blocks ul.slider_navigation li { padding: 0; margin: 0; position: relative; display: inline-block; } .element-gifts .top_blocks ul.slider_navigation li .flex-direction-nav { margin: 0; font-size: 0; line-height: 0; padding: 0; } .border .flex-direction-nav li { border: 1px solid #e5e5e5 !important; margin: 0; border-radius: 0; overflow: hidden; } .border .flex-direction-nav li, .border .flex-direction-nav li a { width: 33px; height: 35px; display: inline-block; } .border .flex-direction-nav li:last-child { border-radius: 0 2px 2px 0; } .border .flex-direction-nav li:first-child { border-radius: 2px 0 0 2px; } .border.custom_flex .flex-direction-nav li.flex-nav-next { border-left-width: 0 !important; } .border.custom_flex .flex-direction-nav li a { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzg4ODsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjMzMzOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0iXyIgZGF0YS1uYW1lPSImZ3Q7IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy4wMzMsNDAuOTg0YTAuOTgxLDAuOTgxLDAsMCwxLS42ODgtMC4yNzhMNS45ODUsMzQuNWw2LjM2MS02LjIwOGEwLjk5MiwwLjk5MiwwLDAsMSwxLjM3MSwwLDAuOTIxLDAuOTIxLDAsMCwxLDAsMS4zMzFsLTUsNC44ODIsNSw0Ljg4MmEwLjkyMSwwLjkyMSwwLDAsMSwwLDEuMzMxQTAuOTgyLDAuOTgyLDAsMCwxLDEzLjAzMyw0MC45ODRabTcwLjkzNCwwLjAzMWEwLjk4LDAuOTgsMCwwLDAsLjY4OC0wLjI3OWw2LjM2MS02LjIyMy02LjM2MS02LjIyM2EwLjk5LDAuOTksMCwwLDAtMS4zNzEsMCwwLjkyNSwwLjkyNSwwLDAsMCwwLDEuMzM0bDUsNC44OTQtNSw0Ljg5M2EwLjkyNSwwLjkyNSwwLDAsMCwwLDEuMzM0QTAuOTgxLDAuOTgxLDAsMCwwLDgzLjk2Nyw0MS4wMTVaIi8+CiAgPHBhdGggaWQ9Il8yIiBkYXRhLW5hbWU9IiZndDsiIGNsYXNzPSJjbHMtMiIgZD0iTTEzLjAzMywxNi45ODRhMC45ODEsMC45ODEsMCwwLDEtLjY4OC0wLjI3OEw1Ljk4NSwxMC41LDEyLjM0NSw0LjI5YTAuOTkyLDAuOTkyLDAsMCwxLDEuMzcxLDAsMC45MjEsMC45MjEsMCwwLDEsMCwxLjMzMWwtNSw0Ljg4Miw1LDQuODgyYTAuOTIxLDAuOTIxLDAsMCwxLDAsMS4zMzFBMC45ODIsMC45ODIsMCwwLDEsMTMuMDMzLDE2Ljk4NFptNjkuOTM0LDAuMDMxYTAuOTgsMC45OCwwLDAsMCwuNjg4LTAuMjc5bDYuMzYxLTYuMjIyTDgzLjY1NSw0LjI5MWEwLjk5LDAuOTksMCwwLDAtMS4zNzEsMCwwLjkyNSwwLjkyNSwwLDAsMCwwLDEuMzM0bDUsNC44OTQtNSw0Ljg5M2EwLjkyNSwwLjkyNSwwLDAsMCwwLDEuMzM0QTAuOTgxLDAuOTgxLDAsMCwwLDgyLjk2NywxNy4wMTVaIi8+Cjwvc3ZnPgo=") 3px -20px no-repeat; } .border.custom_flex .flex-direction-nav li a { background-position: 5px -18px; } .border .flex-direction-nav li, .border .flex-direction-nav li a { width: 33px; height: 35px; } .border.custom_flex .flex-direction-nav li .flex-prev { background-position: 5px -17px; } .border.custom_flex .flex-direction-nav li .flex-next { background-position: -69px -17px; } .element-gifts .gifts__slider { min-height: 455px; } .element-gifts .gifts__slider.elSliderMore .owl-nav{ display: none !important; } .element-gifts .gifts__slider .catalog_item { margin: 0px; padding: 0px; overflow: visible; height: 100%; width: 100%; -webkit-backface-visibility: hidden; } .element-gifts .gifts__slider .catalog_item .inner_wrap { margin: 0px 0px 0px -1px; padding: 20px 19px 21px 20px; border: 1px solid #eee; background: #fff; -webkit-transition: box-shadow ease-out .2s,border ease-out .2s; -moz-transition: box-shadow ease-out .2s,border ease-out .2s; -o-transition: box-shadow ease-out .2s,border ease-out .2s; transition: box-shadow ease-out .2s,border ease-out .2s; box-sizing: border-box; height: 100%; text-align: center; } .element-gifts .gifts__slider .owl-item { margin-right: -2px; margin-left: 1px; padding: 20px 0; border: none !important; } .element-gifts .gifts__slider .owl-item:hover { z-index: 4; } .element-gifts .gifts__slider.owl-carousel .owl-stage-outer { overflow: visible; } .element-gifts .gifts__slider .owl-stage { } .element-gifts .gifts__slider .owl-item { } .element-gifts .gifts__slider .catalog_item:hover { z-index:4; } .element-gifts .gifts__slider .catalog_item:hover .inner_wrap { border-color:#fff; box-shadow:0px 0px 20px 0px rgba(0,0,0,.15); } .element-gifts .gifts__slider .catalog_item .image_wrapper_block { position: relative; height: 0; padding-bottom: 100% !important; margin: 0px auto 10px; } .element-gifts .gifts__slider .catalog_item .image_wrapper_block a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .element-gifts .gifts__slider .catalog_item .image_wrapper_block a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border: 0; vertical-align: middle; max-width: 100%; max-height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; } .element-gifts .gifts__slider .catalog_item .item_info { border-top-width: 0px; margin: 9px 0px 0px; box-sizing: content-box; } .element-gifts .gifts__slider .catalog_item .item_info .item-title { overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 50; -webkit-box-orient: vertical; white-space: normal; } .element-gifts .gifts__slider .catalog_item .item_info .item-title a, .element-gifts .gifts__slider .catalog_item .item_info .item-title a span { font-size: 14px; color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .element-gifts .gifts__slider .catalog_item .item_info .item-title a:hover { text-decoration: none; } .element-gifts .gifts__slider .catalog_item .item_info .item-title a:hover span { color: #ffc0cb; } .element-gifts .gifts__slider .catalog_item .cost.prices { margin: 11px 0px 0px; line-height: 0px; } .element-gifts .gifts__slider .catalog_item .prices .price_matrix_block .price_matrix_wrapper { display: inline-block; } .element-gifts .gifts__slider .catalog_item .prices .price_matrix_block .price_matrix_wrapper .values_wrapper { font-size: 20px; font-weight: bold; font-family: 'robotobold'; } .element-gifts .gifts__slider .catalog_item .cost.prices .price { font-size: 18px; font-weight: bold; line-height: 15px; margin-bottom: 8px; } .element-gifts .gifts__slider .catalog_item .footer_button { opacity:0; visibility:hidden; height:0; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; transition:all .1s ease; text-align:center; font-size:13px; color:#333; } .element-gifts .gifts__slider .catalog_item:hover .footer_button, .element-gifts .gifts__slider .catalog_item.hover .footer_button { opacity:1; visibility:visible; height:30px; height:auto; margin:11px 0px 0px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp { font-size: 0px; padding: 15px 0px 0px; white-space: nowrap; box-sizing: border-box; margin-left: -10px; margin-right: -10px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block { margin: 0px 10px 0px 0px; box-sizing: border-box; border: 1px solid #f3f3f5; background: #f3f3f5; font-size: 0px; width: 84px; display: inline-block; vertical-align: top; border-radius: 2px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; height: 36px; white-space: nowrap; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block .plus, .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block .minus { font-size: 0; line-height: 40px; height: 34px; width: 24px; display: inline-block; cursor: pointer; vertical-align: top; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block.big_basket > span { height:34px; width:28px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .module_product_list .counter_block .plus, .element-gifts .gifts__slider .catalog_item .counter_wrapp .module_product_list .counter_block .minus { height:24px; width:24px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block > span:before { opacity:.7; display:inline-block; content:""; width:24px; height:34px; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIiB2aWV3Qm94PSIwIDAgNTAwIDUwMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZhYjYwMDsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTEwLCAuY2xzLTIsIC5jbHMtMywgLmNscy00LCAuY2xzLTUsIC5jbHMtNiwgLmNscy03LCAuY2xzLTgsIC5jbHMtOSB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNjY2M7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogIzMzMzsKICAgICAgfQoKICAgICAgLmNscy00IHsKICAgICAgICBmaWxsOiAjMzdhYzA5OwogICAgICB9CgogICAgICAuY2xzLTUgewogICAgICAgIGZpbGw6ICMyMjI7CiAgICAgIH0KCiAgICAgIC5jbHMtNiB7CiAgICAgICAgZmlsbDogIzk5OTsKICAgICAgfQoKICAgICAgLmNscy03IHsKICAgICAgICBmaWxsOiAjODg4OwogICAgICB9CgogICAgICAuY2xzLTggewogICAgICAgIGZpbGw6ICMxZDIwMjk7CiAgICAgIH0KCiAgICAgIC5jbHMtOSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQoKICAgICAgLmNscy0xMCB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICNmZmY7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOwogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJTdGFyIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNDMuNDgzLDUwLjg0bDIuMDYzLDMuOTY0LDQuNDMsMC43NTQtMy4xNTQsMy4xNzEsMC42NzQsNC40NjEtNC4wMTMtMi4wMzYtNC4wMTMsMi4wMzYsMC42NzUtNC40NjEtMy4xNTUtMy4xNzEsNC40My0uNzU0LDIuMDYzLTMuOTY0Ii8+CiAgPHBhdGggaWQ9IlN0YXItMiIgZGF0YS1uYW1lPSJTdGFyIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xNTguNDgzLDUwLjg0bDIuMDYzLDMuOTY0LDQuNDMsMC43NTQtMy4xNTQsMy4xNzEsMC42NzQsNC40NjEtNC4wMTMtMi4wMzYtNC4wMTMsMi4wMzYsMC42NzUtNC40NjEtMy4xNTUtMy4xNzEsNC40My0uNzU0LDIuMDYzLTMuOTY0Ii8+CiAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOTksNjJhNyw3LDAsMSwxLDctN0E3LDcsMCwwLDEsOTksNjJabTIuODI4LTguNDE2YTEsMSwwLDEsMC0xLjQxNC0xLjQxNEw5OSw1My41ODQsOTcuNTg1LDUyLjE3YTEsMSwwLDAsMC0xLjQxNCwxLjQxNEw5Ny41ODUsNTVsLTEuNDE0LDEuNDE0YTEsMSwwLDAsMCwxLjQxNCwxLjQxNEw5OSw1Ni40MTJsMS40MTUsMS40MTRhMSwxLDAsMSwwLDEuNDE0LTEuNDE0TDEwMC40MTQsNTVaIi8+CiAgPHBhdGggaWQ9IlN0YXItMyIgZGF0YS1uYW1lPSJTdGFyIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zODIuNDQ5LDQ5LjgzOEwzODUuMTM5LDU1bDUuNzczLDAuOTgyTDM4Ni44LDYwLjEybDAuODc5LDUuODE1LTUuMjMtMi42NTQtNS4yMzEsMi42NTRMMzc4LjEsNjAuMTJsLTQuMTExLTQuMTM0TDM3OS43Niw1NWwyLjY4OS01LjE2NiIvPgogIDxwYXRoIGlkPSJTdGFyLTQiIGRhdGEtbmFtZT0iU3RhciIgY2xhc3M9ImNscy0yIiBkPSJNNDAxLjQ1LDQ5LjgzOEw0MDQuMTM5LDU1bDUuNzczLDAuOTgyTDQwNS44LDYwLjEybDAuODc5LDUuODE1LTUuMjMtMi42NTQtNS4yMzEsMi42NTQsMC44OC01LjgxNS00LjExMi00LjEzNEwzOTguNzYxLDU1bDIuNjg5LTUuMTY2Ii8+CiAgPHBhdGggaWQ9Il8tIiBkYXRhLW5hbWU9IistIiBjbGFzcz0iY2xzLTMiIGQ9Ik04OSwyMDZ2LTJIOTl2Mkg4OVptLTI0LDRINjN2LTRINTl2LTJoNHYtNGgydjRoNHYySDY1djRabS0zOC02SDM5djJIMjd2LTJaTTgsMjExSDZ2LTVIMXYtMkg2di01SDh2NWg1djJIOHY1WiIvPgogIDxwYXRoIGlkPSJDaGVjayIgY2xhc3M9ImNscy00IiBkPSJNMTI0LjY5MSw1NC42NjhMMTE4LjksNjAuNzI0YTEsMSwwLDAsMS0xLjQxNSwwTDExNC4yNzIsNTcuN2ExLDEsMCwwLDEsMS40MTQtMS40MTRsMi40NjgsMi4zMjQsNS4xMjMtNS4zNTVBMSwxLDAsMSwxLDEyNC42OTEsNTQuNjY4WiIvPgogIDxwYXRoIGlkPSJYIiBjbGFzcz0iY2xzLTUiIGQ9Ik0xODIuOSw5Mi41bDIuODA5LDIuODA5YTAuOTkzLDAuOTkzLDAsMSwxLTEuNCwxLjRMMTgxLjUsOTMuOWwtMi44MDksMi44MDlhMC45OTMsMC45OTMsMCwxLDEtMS40MDUtMS40TDE4MC4xLDkyLjVsLTIuODA5LTIuODA5YTAuOTkzLDAuOTkzLDAsMSwxLDEuNDA1LTEuNGwyLjgwOSwyLjgwOSwyLjgwOS0yLjgwOWEwLjk5MywwLjk5MywwLDEsMSwxLjQsMS40WiIvPgogIDxwYXRoIGlkPSJ3YWxsZXQiIGNsYXNzPSJjbHMtNiIgZD0iTTg3LDk5SDc3YTIuOTkxLDIuOTkxLDAsMCwxLTIuOTYtMi42QTIuMDEyLDIuMDEyLDAsMCwxLDc0LDk2Vjg2YTIsMiwwLDAsMSwyLTJoOWEyLDIsMCwwLDEsMiwySDc2djFIODdhMiwyLDAsMCwxLDIsMnY4QTIsMiwwLDAsMSw4Nyw5OVptMC0xMEg3NnY3YTEsMSwwLDAsMCwxLDFIODdWODlabS00LDNoMWExLDEsMCwxLDEsMCwySDgzQTEsMSwwLDEsMSw4Myw5MloiLz4KICA8cGF0aCBpZD0iZ2lmdCIgY2xhc3M9ImNscy03IiBkPSJNMTUxLDkzdjZhMSwxLDAsMCwxLTEsMUgxMzhhMSwxLDAsMCwxLTEtMVY5M2gtMVY4OWEyLDIsMCwwLDEsMi0yaDEuMDVhMi41LDIuNSwwLDAsMSwyLjQ1LTNoMWEyLjQ4MiwyLjQ4MiwwLDAsMSwxLjY2Mi42NDVBMi45NzIsMi45NzIsMCwwLDEsMTQ2LDg0aDAuNWEyLjUsMi41LDAsMCwxLDIuNDQ5LDNIMTUwYTIsMiwwLDAsMSwyLDJ2NGgtMVptLTEyLTRoLTF2Mmg0djJoLTN2NWg0Vjg5aC00Wm0zLjUtM2gtMWEwLjUsMC41LDAsMCwwLDAsMWgxQTAuNSwwLjUsMCwwLDAsMTQyLjUsODZabTQsMGgtMWEwLjUsMC41LDAsMCwwLDAsMWgxQTAuNSwwLjUsMCwwLDAsMTQ2LjUsODZabTMuNSwzaC01djloNFY5M2gtM1Y5MWg0Vjg5WiIvPgogIDxwYXRoIGlkPSJTaGFwZSIgY2xhc3M9ImNscy04IiBkPSJNOTAuNywxNy43YTEuMDM5LDEuMDM5LDAsMCwxLTEuNDY5LDBsLTIuOC0yLjhhNi4wMjIsNi4wMjIsMCwxLDEsMS40NjktMS40NjlsMi44LDIuOEExLjAzOSwxLjAzOSwwLDAsMSw5MC43LDE3LjdaTTgzLDZhNCw0LDAsMSwwLDQsNEE0LDQsMCwwLDAsODMsNloiLz4KICA8cGF0aCBpZD0iU2hhcGUtMiIgZGF0YS1uYW1lPSJTaGFwZSIgY2xhc3M9ImNscy04IiBkPSJNMTE5LjUsMTBhMS41LDEuNSwwLDEsMS0xLjUsMS41QTEuNSwxLjUsMCwwLDEsMTE5LjUsMTBabTYsMGExLjUsMS41LDAsMSwxLTEuNSwxLjVBMS41LDEuNSwwLDAsMSwxMjUuNSwxMFptNiwwYTEuNSwxLjUsMCwxLDEtMS41LDEuNUExLjUsMS41LDAsMCwxLDEzMS41LDEwWiIvPgogIDxwYXRoIGlkPSJTaGFwZS0zIiBkYXRhLW5hbWU9IlNoYXBlIiBjbGFzcz0iY2xzLTkiIGQ9Ik0xNTguNSwxMGExLjUsMS41LDAsMSwxLTEuNSwxLjVBMS41LDEuNSwwLDAsMSwxNTguNSwxMFptNiwwYTEuNSwxLjUsMCwxLDEtMS41LDEuNUExLjUsMS41LDAsMCwxLDE2NC41LDEwWm02LDBhMS41LDEuNSwwLDEsMS0xLjUsMS41QTEuNSwxLjUsMCwwLDEsMTcwLjUsMTBaIi8+CiAgPHBhdGggaWQ9IlByaW50IiBjbGFzcz0iY2xzLTYiIGQ9Ik00Myw5N0g0MHYxYTEsMSwwLDAsMS0xLDFIMzNhMSwxLDAsMCwxLTEtMVY5N0gyOWExLDEsMCwwLDEtMS0xVjkwYTEsMSwwLDAsMSwxLTFoM1Y4NmExLDEsMCwwLDEsMS0xaDZhMSwxLDAsMCwxLDEsMXYzaDNhMSwxLDAsMCwxLDEsMXY2QTEsMSwwLDAsMSw0Myw5N1ptLTksMGg0Vjk1SDM0djJabTQtMTBIMzR2Mmg0Vjg3Wm00LDRIMzB2NGgyVjk0YTEsMSwwLDAsMSwxLTFoNmExLDEsMCwwLDEsMSwxdjFoMlY5MVoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEwIiBkPSJNNDUsNTVIMzQiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEwIiBkPSJNNDEsNTBsNSw1LTUsNSIvPgo8L3N2Zz4K") -80px -191px no-repeat; vertical-align:middle; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block.big_basket > span.minus:before { background-position:-18px -189px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block.big_basket > span.plus:before { background-position:1px -189px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block > span.plus:before { background-position:-54px -191px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block > span:hover:before { opacity:1; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block input[type="text"] { padding:7px 3px 7px; width: 34px; border: 0px; border-left: 1px solid #f3f3f5; border-right: 1px solid #f3f3f5; background: #f3f3f5; color: #666; font-size: 13px; height: 34px; border-radius: 0px; text-align: center; line-height: 13px; box-sizing: border-box; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block { display: inline-block; vertical-align: top; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block .btn.btn-default { background-color: #ffc0cb; border-color: #ffc0cb; color: #fff; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block .btn.btn-default.in-cart { margin-left: -12px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block .btn.btn-default.in-cart, .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block .btn.btn-default.in-cart:hover { background: #4fad00; border-color: #4fad00; } @media(max-width: 600px){ .element-gifts .top_blocks ul.slider_navigation { display: none; } .element-gifts .top_blocks ul.tabs > li a { font-size: 12px; } .element-gifts .gifts__slider .catalog_item .footer_button { display: block; opacity: 1; visibility: visible; height: auto; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .counter_block { width: 84px; display: block; height: 36px; white-space: nowrap; margin: 0 auto 10px; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block { display: block; vertical-align: top; width: 100%; } .element-gifts .gifts__slider .catalog_item .counter_wrapp .button_block .btn.btn-default { width: 100%; box-sizing: border-box; } .element-gifts .top_blocks ul.tabs { text-align: center; } .element-gifts .top_blocks ul.tabs > li { margin: 0 10px; margin-bottom: 6px; display: inline-block; float: none; } } .sectio_reviews_wrap { padding-top: 50px; background: #fff; } .sectio_reviews_wrap .recom-prod { padding-top: 10px; margin-bottom: 25px; font-size: 22px; margin-top: 0; font-weight: bold; text-align: center; }