/* Start:/local/templates/dresscode/fonts/roboto/roboto.css?17370215262282*/ @font-face { font-family: 'robotobold'; src: url('/local/templates/dresscode/fonts/roboto/roboto-bold.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-bold.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('/local/templates/dresscode/fonts/roboto/roboto-medium.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-medium.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-medium.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.eot'); src: url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_cnregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-condensed.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-condensed.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-condensed.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_ltregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-light.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-light.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-regular.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-regular.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_thregular'; src: url('/local/templates/dresscode/fonts/roboto/roboto-thin.eot'); src: url('/local/templates/dresscode/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/fonts/roboto/roboto-thin.woff') format('woff'), url('/local/templates/dresscode/fonts/roboto/roboto-thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/local/templates/dresscode/themes/white/blue/style.css?173702152838687*/ /* Base color: #2a65d0 Base color hover: #0d57dc; Base color focus: #0a41a3; */ #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, #headerLine2.color_theme, #headerLine3.color_theme, #headerLine4.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 .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, #footer.variant_2 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_4 #leftFooter, #footer.variant_8 #rightFooter, #footerLine.color_theme{ background-color: #2a65d0; } #subHeader.color_black #headerTools .cart ins.active:hover, #headerLine .headerLineTools .callBack:hover, #headerLine2 .callBack:hover, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom{ background-color: #0d57dc; } #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, #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_5 #leftFooter .heading, #footer.variant_5 #rightFooter .email a, #footer.variant_5 #leftFooter .selected, #footer.variant_6 #leftFooter .heading, #footer.variant_6 #rightFooter .email a, #footer.variant_6 #leftFooter .selected, #footer.variant_7 #leftFooter .heading, #footer.variant_7 #rightFooter .email a, #footer.variant_7 #leftFooter .selected, #footer.variant_8 #leftFooter .heading, #footer.variant_8 #leftFooter .selected{ color: #2a65d0; } #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: #2a65d0 !important; } #headerLine4.color_black #subMenu li a:hover, #headerLine4.color_black #subMenu li .selected{ color: #2a65d0 !important; } #headerLine #topAuth ul li a:hover, #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, #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_5 #leftFooter a:hover, #footer.variant_5 #rightFooter .email a:hover, #footer.variant_6 #leftFooter a:hover, #footer.variant_6 #rightFooter .email a:hover, #footer.variant_7 #leftFooter a:hover, #footer.variant_7 #rightFooter .email a:hover, #footer.variant_8 #leftFooter a:hover{ color: #0d57dc; } #headerLine.color_theme .headerLineTools .callBack, #headerLine2.color_theme .callBack, #subHeader6.color_theme .callBack{ background-color: #0d57dc; } #subHeader3 .cart .order.active, #subHeader6 .subPhones .callBack{ border: 1px solid #2a65d0; color: #2a65d0; } #subHeader6 .subPhones .callBack:hover{ border: 1px solid #0d57dc; } #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{ border: 2px solid #2a65d0; color: #2a65d0; } #subHeader3 .cart .active .count, #subHeader3.color_theme .cart .active .count, #subHeader3.color_black .cart .active .count{ background-color: #2a65d0; } #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: #2a65d0; } #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: #0d57dc; } #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{ border-bottom: 1px dashed #2a65d0; } #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 #0d57dc; } @media all and (max-width: 800px){ #subHeader6 .user-geo-position-value-link{ background-color: #0d57dc; } } #topHeader{ border-bottom: 1px solid #404040; background: #3a3a3a; } #topService{ color: #cccccc; border-left: 1px solid #313131; } #topService li{ border-right: 1px solid #313131; } #topService li a{ color: #cccccc; } #topService li:hover a:hover{ color: #0d57dc; } #topService li a:focus{ color: #0a41a3; } #topService .selected{ color: #0d57dc; } #subHeader{ background: #ffffff; border-bottom: 1px solid #eaeaea; } #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: #2a65d0; } #headerTools .tools .link:hover{ color: #0d57dc; } #headerTools .tools li{ border-left: 1px solid #f6f6f6; } #headerTools .text{ color: #000000; } #headerTools .telephone .icon{ background: url(/local/templates/dresscode/themes/white/blue/images/callbackHead.png) 0 0 no-repeat transparent; } #headerTools .telephone .icon:hover{ background: url(/local/templates/dresscode/themes/white/blue/images/callbackHead.png) -35px 0 no-repeat transparent; } #headerTools .search .icon{ background: url(/local/templates/dresscode/themes/white/blue/images/searchHead.png) 0 0 no-repeat transparent; } #headerTools .search .icon:hover{ background: url(/local/templates/dresscode/themes/white/blue/images/searchHead.png) -35px 0 no-repeat transparent; } #headerTools .wishlist .icon{ background: url(/local/templates/dresscode/themes/white/blue/images/wishlistHead.png) 0 0 no-repeat transparent; } #headerTools .wishlist .icon.active{ background: url(/local/templates/dresscode/themes/white/blue/images/wishlistHead.png) -36px 0 no-repeat transparent; } #headerTools .wishlist .icon.active:hover{ background-position: -72px 0; } #headerTools .compare .icon{ background: url(/local/templates/dresscode/themes/white/blue/images/compareHead.png) 0 0 no-repeat transparent; } #headerTools .compare .icon.active{ background: url(/local/templates/dresscode/themes/white/blue/images/compareHead.png) -35px 0 no-repeat transparent; } #headerTools .compare .icon.active:hover{ background: url(/local/templates/dresscode/themes/white/blue/images/compareHead.png) -70px 0 no-repeat transparent; } #headerTools .cart .icon{ background: url(/local/templates/dresscode/themes/white/blue/images/cartHead.png) 0 0 no-repeat transparent; } #headerTools .cart .icon.active{ background: url(/local/templates/dresscode/themes/white/blue/images/cartHead.png) -44px 0 no-repeat transparent; } #headerTools .cart .icon.active:hover{ background: url(/local/templates/dresscode/themes/white/blue/images/cartHead.png) -88px 0 no-repeat transparent; } #headerTools .cart ins{ background: #f6f6f6; color: #888888; } #headerTools .cart ins.active{ color: #0d57dc; } #changeYouCity{ background: url(/local/templates/dresscode/themes/white/blue/images/modalBg.png) 0 0 repeat #232323; } #changeYouCity .heading{ color: #0d57dc; } #changeYouCity .list li a{ color: #000000; } #changeYouCity .list li a:hover{ color: #0d57dc; } #changeYouCity #cityClose{ background: rgba(0, 0, 0, 0.1); border: 1px solid #000000; color: #ffffff; } #changeYouCity #cityClose:hover{ color: #0d57dc; } #changeYouCity #cityClose ins{ background: url(/local/templates/dresscode/themes/white/blue/images/exit.png) 0 0 no-repeat transparent; } #changeYouCity #cityClose:hover ins{ background-position: -11px 0px; } #changeYouCity #cityClose:active ins{ background-position: -22px 0px; } #left .heading{ color: #ffffff; } #left .opener{ background: #2a65d0; } #left .heading ins{ background: url(/local/templates/dresscode/themes/white/blue/images/iconMenu.png) 0 50% no-repeat transparent; } #left .sideBlock .heading{ background-color: #2b2b2b; } #left #subscribe .sideBlockContent{ border: 1px solid #e7e8ea; } #left #leftMenu .menuItems a:hover span{ color: #2a65d0 !important; } #main.color_white #subLeftMenu a:hover{ color: #2a65d0 !important; } #main.color_white #leftMenu .menuItems a:hover{ color: #2a65d0 !important; } #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: #0d57dc; } #brandSearch a{ color: #000000; } /* #slider ol li{ background: url(/local/templates/dresscode/themes/white/blue/images/slideButton.png) 0 0 no-repeat transparent; } #slider ol li:hover{ background: url(/local/templates/dresscode/themes/white/blue/images/slideButton.png) -18px 0 no-repeat transparent; } #slider ol li:active{ background: url(/local/templates/dresscode/themes/white/blue/images/slideButton.png) -36px 0 no-repeat transparent; } #slider ol li.selected{ background: url(/local/templates/dresscode/themes/white/blue/images/slideButton.png) -54px 0 no-repeat transparent; } #slider ol li.selected:hover{ background: url(/local/templates/dresscode/themes/white/blue/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active{ background: url(/local/templates/dresscode/themes/white/blue/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: #0d57dc; border-color: #2a65d0; 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: #0d57dc; border-color: #2a65d0; color: #ffffff; } #right .heading{ background: #2b2b2b; color: #ffffff; } #footer{ background-color: #f9f9f9; } #catalogLine{ border: 1px solid #e7e8ea; } #catalogLine select{ border: 1px solid #e7e8ea; color: #888888; } #catalogLine .viewList .element a{ background: url(/local/templates/dresscode/themes/white/blue/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: #2a65d0; } #leftFooter .selected{ color: #2a65d0; } #rightFooter{ background: #202020; } #rightFooter .list li{ color: #888888; } #rightFooter .email a{ color: #ffffff; } #rightFooter p{ color: #888888; } #rightFooter .hr{ border-top: 1px solid #575757; } #rightFooter .telephone{ color: #2a65d0; } #rightFooter .email{ color: #ffffff; } #rightFooter .showMap{ color: #2a65d0; } #rightFooter .showMap:hover{ color: #0d57dc; } #footerBottom{ background: #191919; color: #ffffff; } #appBasketContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; } #appBasket .heading{ background-color: #424242; color: #ffffff; } #appBasket .close{ background: url(/local/templates/dresscode/themes/white/blue/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: #2a65d0; } #appBasket .price{ color: #000000; } #appBasket .price .discount { color: #888888; } #appBasket .plus, #appBasket .minus{ background: url(/local/templates/dresscode/themes/white/blue/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: #2a65d0; } #appBasket .lower .tools .goToBasket:hover{ background-color: #0d57dc; } #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: #ffa800; color: #ffffff; } #appFastBuyContainer #fastBuyFormSubmit:hover{ background-color: #ff9601 } #appFastBuyContainer #fastBuyFormSubmit.loading{ background: url(/local/templates/dresscode/themes/white/blue/images/loading.gif) 24px 50% no-repeat #0d57dc !important; } #fastBuyResult #fastBuyResultClose{ background-color: #2a65d0; color: #ffffff; } #fastBuyResult #fastBuyResultClose:hover{ background-color: #0d57dc; } #appFastBuyContainer .marker { background-color: #424242; color: #ffffff; } #appFastBuyContainer .name{ color: #000000; } #appFastBuyContainer .name:hover{ color: #2a65d0; } #appFastBuyContainer .price{ color: #000000; } #appFastBuyContainer .price .discount{ color: #888888; } #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit{ background: url(/local/templates/dresscode/themes/white/blue/images/exit.png) 0 0 no-repeat transparent; } #appFastView .appFastViewExit:hover, #fastViewStores .fastViewStoresExit:hover{ background-position: 0 -21px ; } #appFastView .appFastViewExit:active, #fastViewStores .fastViewStoresExit:active{ background-position: 0 -42px ; } #appProductPriceVariant .appPriceVariantExit{ background: url(/local/templates/dresscode/themes/white/blue/images/exit2.png) 0 0 no-repeat transparent; } #appProductPriceVariant .appPriceVariantExit:hover{ background-position: 0 -21px ; } #appProductPriceVariant .appPriceVariantExit:active{ background-position: 0 -42px ; } #footerTabsCaption{ border-top: 1px solid #e7e8ea; background-color: #f9f9f9; } #footerTabsCaption .item a{ color: #888888; } #footerTabsCaption .item .selected{ border-bottom: 1px #000000; color: #000000; } #footerTabsCaption .item .selected:hover{ color: #000000; } #footerTabsCaption .item a:hover{ color: #2a65d0; } #footerTabs{ background-color: #f9f9f9; } #footerLine{ background-color: #2b2b2b; border-top: 2px solid #202020; box-shadow: 1px 1px 12px #000000; } #footerLine .item .callback{ color: #2a65d0; } #footerLine .item .wishlist .icon{ background: url(/local/templates/dresscode/themes/white/blue/images/wishlistFooterMin.png) 0 0 no-repeat; } #footerLine .item .cart .icon{ background: url(/local/templates/dresscode/themes/white/blue/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(/local/templates/dresscode/themes/white/blue/images/callbackFooterMin.png) 0 0 no-repeat; } #footerLine .item .callback:hover{ color: #0d57dc; } #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(/local/templates/dresscode/themes/white/blue/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: #2a65d0; } #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: #0d57dc; } #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: #2a65d0; } #authMenu li .selected{ border-bottom: 1px; } #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 #2a65d0; } #empty a{ color: #000000; } #empty a:hover{ color: #2a65d0; } #empty .back{ border-bottom: 1px dashed #2a65d0; color: #2a65d0; } #empty .back:hover{ color: #0d57dc; } .productList{ border-top: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } .product{ border: 1px solid #e7e8ea; border-top: 0; border-left: 0; } .product.last{ background: #f9f9f9; } .product .tabloid{ background-color: #ffffff; } .product .marker { background-color: #424242; color: #ffffff; } .product .name{ color: #000000; } .product .name:hover{ color: #2a65d0; } .product .price{ color: #000000; } .product .price .discount{ color: #888888; } .product .addCart{ background: #2a65d0; color: #ffffff; } .product .addCart:hover{ background-color: #0d57dc; } .product .label{ color: #333; } .product .label:hover{ color: #000000; } .product .skuPropertyName{ color: #888888; } .product .skuProperty .selected .skuPropertyLink{ border: 1px solid #2a65d0; } .product .skuPropertyLink{ border: 1px solid #dddddd; color: #000000; } .product:hover .tabloid{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 20px 0 rgba(0,0,0,.15); border-bottom: 1px solid #e7e8ea; } .product.last .showMore{ color: #000000; } .product.last .showMore:hover{ color: #2a65d0; } .addCart.added{ background: #2b2b2b !important; } .addCart.added:hover{ background: #3b3b3b !important; } .sideBlock .heading{ background-color: #424242; } .heading.collapsed{ color: #ffffff; } .heading.collapsed ins{ background: url(/local/templates/dresscode/themes/white/blue/images/iconMenu.png) 50% 50% no-repeat #2a65d0; border-right: 1px solid #2a65d0; } .heading.orange{ background: #2a65d0; } .mfeedback input, .mfeedback textarea{ background-color: #f3f3f3; color: #000000; } .mfeedback input:focus, .mfeedback textarea:focus{ background-color: #eeeeee; } .mfeedback input[type="submit"]{ background-color: #2a65d0; color: #ffffff; } .mfeedback input[type="submit"]:hover{ background-color: #0d57dc; } .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: #2a65d0; color: #ffffff; } .bx-auth .submit:hover, .popup-window .btn:hover { background: #0d57dc; } .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: #2a65d0; } .blackLink, .backToIndexPage{ color: #000000; } .blackLink:hover, .backToIndexPage:hover{ color: #2a65d0; } .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: #2a65d0; } @media all and (max-width: 1800px) { #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #popSection .item:nth-child(-n+4){ border-top: 1px solid #e7e8ea !important; } #popSection .item:nth-child(4n+1){ border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 1200px) { #catalogLineList .column:last-child{ background-color: #f9f9f9; } } @media all and (max-width: 1100px) { #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; } #popSection .item:nth-child(2n+1){ border-left: 1px solid #e7e8ea !important; } } @media all and (max-width: 700px) { .copyright{ border-left: 1px solid #313131; border-right: 1px solid #313131; } } @media all and (max-width: 480px) { #popSection .item{ border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #popSection .item:nth-child(-n+1){ border-top: 1px solid #e7e8ea !important; } #popSection .item:nth-child(1n+1){ border-left: 1px solid #e7e8ea !important; } } #ORDER_CONFIRM_BUTTON{ background: #0d57dc !important; } .addCart.disabled{ background-color: #cccccc !important; border: 1px solid #e7e8ea; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"]{ background-color: #2a65d0; color: #ffffff; } .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover{ background-color: #0d57dc; } /* 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 .itemContainer .bigPicture .marker { background-color: #424242; color: #ffffff; } #catalogSection .sectionItems .item .itemContainer .bigTitle{ color: #000000; } #catalogSection .sectionItems .item .itemContainer .bigTitle:hover{ color: #2a65d0; } #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: #0d57dc; } #sectionList .tabloid .marker { background-color: #424242; color: #ffffff; } #sectionList .item:hover .tabloid{ box-shadow: 1px 1px 12px rgba(0,0,0,0.1); border: 1px solid #dddddd; } #sectionList .element .name:hover{ color: #0d57dc; } /*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: #0d57dc; } #nextSection li .cnt{ color: #888888; } /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab{ border-right: 1px solid #e7e8ea; } #elementSmallNavigation .tab.active a{ color: #2a65d0; } #elementSmallNavigation .tab.active span{ border-bottom: 1px dashed #2a65d0; } #elementTools .addCart, #smallElementTools .addCart{ background: #2a65d0; } #elementTools .addCart:hover, #smallElementTools .addCart:hover{ background-color: #0d57dc; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ border: 1px solid #2a65d0; } .elementProperties a:hover{ color: #2a65d0; } #elementProperties .stats a:hover{ color: #2a65d0; } #files .item .info .name:hover{ color: #2a65d0; } /*reviews*/ #catalogReviews .heading .reviewAddButton:hover{ border-color: #2a65d0; color: #2a65d0; } #showallReviews:hover{ color: #2a65d0; } #catalogElement #newReview .usedSelect li a.selected { background: #2a65d0; } #catalogElement #newReview .submit { background: #2a65d0; } #catalogElement #newReview .submit:hover { background: #0d57dc; } /*set*/ #set .setTools .addCart{ background: #2a65d0; } #set .setTools .addCart:hover{ background-color: #0d57dc; } #set .setElement .name:hover{ color: #2a65d0; } #setWindowPrice .addCart{ background: #2a65d0; } #setWindowPrice .addCart:hover{ background-color: #0d57dc; } /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover{ color: #2a65d0; } #catalogLineList .addCart{ background: #2a65d0; } #catalogLineList .addCart:hover{ background-color: #0d57dc; } #catalogLineList .skuProperty .selected .skuPropertyLink{ border: 1px solid #2a65d0; } #catalogLineList .prop a:hover{ color: #2a65d0; } /* table */ #catalogTableList .name:hover{ color: #0d57dc; } #catalogTableList .addCart, #catalogTableList .more{ background-color: #2a65d0; } #catalogTableList .addCart:hover, #catalogTableList .more:hover{ background-color: #0d57dc; } /* end.catalog.section /*smart filter */ #smartFilter .showALL { color: #2a65d0; } #smartFilter .showALL:hover{ color: #0d57dc; } #smartFilter .radio label:hover, #smartFilter .checkbox label:hover{ color: #2a65d0; } #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover { background-color: #0d57dc; } #smartFilter .handler { background: url(/local/templates/dresscode/themes/white/blue/images/handlerActive.png) 0 0 no-repeat transparent; } #set_filter { background-color: #2a65d0; } #set_filter:hover{ background-color: #0d57dc; } #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon { border-color: #2a65d0; } #smartFilter .hint { background: url(/local/templates/dresscode/themes/white/blue/images/question.png) 0 0 no-repeat transparent; } #smartFilter .hintValue .close { color: #2a65d0; } #smartFilter .hintValue .close:hover { color: #0d57dc; } #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button { border: 1px solid #2a65d0; background-color: #2a65d0; } #smartFilter input[type="submit"]:hover, #smartFilter button:hover { background-color: #0d57dc; } #modef { background: url(/local/templates/dresscode/themes/white/blue/images/modef.png) 0 0 no-repeat; } /* end smart filter */ /* menu */ #topMenu li a:hover{ color: #0d57dc; } #topMenu li .selected{ color: #0d57dc; } #topMenu .bar > a{ background: url(/local/templates/dresscode/themes/white/blue/images/menuMore.png) 0 50% no-repeat transparent; } #topMenu .bar > a:hover, #topMenu .bar.active > a{ background: url(/local/templates/dresscode/themes/white/blue/images/menuMore.png) -21px 50% no-repeat transparent; } #topMenu .sub li:hover a{ color: #0d57dc; } #personalMenu li a:hover{ color: #2a65d0; } #subLeftMenu .selected a{ color: #0d57dc; } /* end menu */ /* news */ #newsDetail .more{ background: #2a65d0; } #newsDetail .more:hover{ background-color: #0d57dc; } #newsContainer .column .item .title a:hover{ color: #2a65d0; } #newsContainer .column .item .more{ background: #2a65d0; } #newsContainer .column .item .more:hover{ background-color: #0d57dc; } #newsContainer .column .item .title a:hover{ color: #2a65d0; } #newsContainer .column .item .more{ background: #2a65d0; } #newsContainer .column .item .more:hover{ background-color: #0d57dc; } .backToList:hover{ color: #2a65d0; } #brandList .name:hover{ color: #0d57dc; } #newsContainer .column .item .title a:hover{ color: #2a65d0; } #newsContainer .column .item .more{ background: #2a65d0; } #newsContainer .column .item .more:hover{ background-color: #0d57dc; } #collectionBlock .name:hover{ color: #0d57dc; } #collectionBlock .link{ color: #0d57dc; } #newsBlock .newsTitle:hover { color: #2a65d0; } #serviceBlock .name:hover{ color: #0d57dc; } #serviceBlock .link{ color: #0d57dc; } /* end news */ /* order cancel */ .bx_my_order_cancel a:hover{ color: #2a65d0; } .bx_my_order_cancel input[type="submit"]{ background:#2a65d0; } .bx_my_order_cancel input[type="submit"]:hover { background: #0d57dc; } .bx_my_order_cancel input[type="submit"]:active { background: #0d57dc; } input[name="BuyButton"]{ background-color: #2a65d0; } .bx_my_order_switch .bx_mo_link:hover{ color: #2a65d0; } /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover{ color: #2a65d0; } #subscribeEdit .submit { background: #2a65d0; } #subscribeEdit .submit:hover { background: #0d57dc; } #subscribe .submit{ background-color: #0d57dc; } #subscribe .submit:hover{ background-color: #0d57dc; } /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #2a65d0; color: #fff; } /* end navigation */ #brandList .name:hover{ color: #0d57dc; } #brandList .last .showMore:hover{ color: #0d57dc; } #brandList .last .ps:hover{ color: #0d57dc; } #homeCatalog .caption.selected{ background-color: #2a65d0; } #mainProfile .profileSettings .heading { color: #2a65d0; } #mainProfile .profileSettings .submit { background: #2a65d0; } #mainProfile .profileSettings .submit:hover { background: #0d57dc; } #main input[name="BuyButton"], #main input[type="submit"]{ background-color: #2a65d0; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover{ background-color: #0d57dc; } #newOrder{ background-color: #2a65d0; } #newOrder:hover{ background-color: #0d57dc; } #orderSuccess a{ color: #2a65d0; } #orderSuccess a:hover{ color: #0d57dc; } #personalCart #basketView .item a{ background: url(/local/templates/dresscode/themes/white/blue/images/cartView.png) 0 0 no-repeat transparent; } #personalCart #tabsControl .item a:hover{ color: #2a65d0; } #personalCart #tabsControl .item .selected:hover{ border-bottom: 1px ; } #personalCart .productTable .clear a:hover { color: #2a65d0; } #personalCart .productTable .name a:hover { color: #2a65d0; } #orderMake{ background-color: #2a65d0; } #orderMake:hover{ background-color: #0d57dc; } .orderLoad { background: url(/local/templates/dresscode/themes/white/blue/images/orderLoad.gif) 24px 50% no-repeat #2a65d0 !important; } #wishlist .prop a:hover{ color: #0d57dc; } #popSection .name:hover{ color: #2a65d0; } #popSection .last .showMore:hover{ color: #2a65d0; } #popSection .last .ps:hover{ color: #2a65d0; } #storesList .storesListTableLink, #storeDetail .storesMoreLink{ color: #2a65d0; } #storeDetail .showByMapLink{ color: #000000; } #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover{ color: #0d57dc; } #complect .complectListItemLink{ color: #000000; } #complect .complectListItemLink:hover{ color: #0d57dc; } #complect .complectResultEconomyValue{ color: #ff305c; } #appFastView .addCart, #geo-location-window .geo-location-window-button{ background: #2a65d0; } #appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover{ background-color: #0d57dc; } #geo-location-window .geo-location-window-list-item .selected span{ border-bottom: 1px dashed #2a65d0; color: #2a65d0; } #geo-location-window .geo-location-window-list-item a:hover{ color: #2a65d0; } .information-feedback, .shop-review-top-new-button{ border: 1px solid #2a65d0; color: #2a65d0; } .information-feedback:hover, .shop-review-top-new-button:hover{ border: 1px solid #ff7300; color: #ff7300; } .webFormTools input[type="submit"] { background-color: #2a65d0; } .webFormTools input[type="submit"]:hover { background-color: #0d57dc; } #bx-soa-order-form .bx-blue .btn.btn-default { background-color: #2a65d0; border: 1px solid #ff7300; color: #ffffff; } #bx-soa-order-form textarea{ outline: none; } #bx-soa-order-form a{ color: #2a65d0; } #bx-soa-order-form a:hover{ color: #2a65d0; } #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{ color: #23527c; } #bx-soa-order-form .bx-blue .btn.btn-default:hover{ background-color: #0d57dc; } #appProductPriceVariant .linkMore{ background: #2a65d0; } #appProductPriceVariant .linkMore:hover{ background-color: #0d57dc; } #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton{ background-color: #2a65d0; } #requestPrice #requestPriceSubmit:hover, #requestPrice #requestPriceResultClose:hover, #compareBlock .leftTools .all:hover, #compareTools .hide:hover, #scrollTable .addCart:hover, #specialProduct .more:hover, #slider .sliderContent .cButton:hover{ background-color: #0d57dc; } #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover{ color: #0d57dc; } #requestPrice #requestPriceSubmit.loading { background: url(/local/templates/dresscode/themes/white/blue/images/loading.gif) 24px 50% no-repeat #0d57dc !important; } #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor{ color: #2a65d0; } /*end*/ ::selection { background: #eca712; color: #fff; } ::-moz-selection { background: #eca712; color: #fff; } ::-webkit-selection { background: #eca712; color: #fff; } /* End */ /* Start:/local/templates/dresscode/fa.css?173702153672616*/ /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\f95b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\f952"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\f905"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\f95c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\f95d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\f95e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\f95f"; } .fa-handshake-slash:before { content: "\f960"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\f961"; } .fa-head-side-cough-slash:before { content: "\f962"; } .fa-head-side-mask:before { content: "\f963"; } .fa-head-side-virus:before { content: "\f964"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\f965"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\f955"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\f966"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\f967"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\f956"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\f968"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\f969"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\f96a"; } .fa-pump-soap:before { content: "\f96b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\f96c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\f957"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\f96e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\f96f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\f970"; } .fa-store-slash:before { content: "\f971"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\f972"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\f974"; } .fa-virus-slash:before { content: "\f975"; } .fa-viruses:before { content: "\f976"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("/local/templates/dresscode/fonts/fa/fa-brands-400.eot"); src: url("/local/templates/dresscode/fonts/fa/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/local/templates/dresscode/fonts/fa/fa-brands-400.woff2") format("woff2"), url("/local/templates/dresscode/fonts/fa/fa-brands-400.woff") format("woff"), url("/local/templates/dresscode/fonts/fa/fa-brands-400.ttf") format("truetype"), url("/local/templates/dresscode/fonts/fa/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("/local/templates/dresscode/fonts/fa/fa-regular-400.eot"); src: url("/local/templates/dresscode/fonts/fa/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/local/templates/dresscode/fonts/fa/fa-regular-400.woff2") format("woff2"), url("/local/templates/dresscode/fonts/fa/fa-regular-400.woff") format("woff"), url("/local/templates/dresscode/fonts/fa/fa-regular-400.ttf") format("truetype"), url("/local/templates/dresscode/fonts/fa/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("/local/templates/dresscode/fonts/fa/fa-solid-900.eot"); src: url("/local/templates/dresscode/fonts/fa/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/local/templates/dresscode/fonts/fa/fa-solid-900.woff2") format("woff2"), url("/local/templates/dresscode/fonts/fa/fa-solid-900.woff") format("woff"), url("/local/templates/dresscode/fonts/fa/fa-solid-900.ttf") format("truetype"), url("/local/templates/dresscode/fonts/fa/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* End */ /* Start:/local/templates/dresscode/css/custom.css?17494772781236*/ /* cookie */ .cookie-container { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 770px; display: none; z-index: 1001; background: #ffffff; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); line-height: 1.3; } .cookie-wrapper { display: flex; justify-content: center; gap: 20px; padding: 20px; } .cookie-btn { flex-shrink: 0; } .cookie-btn .btn { margin: 0; } @media (max-width: 768px) { .cookie-container { bottom: 0; font-size: 0.867em; } } @media (max-width: 500px) { .cookie-wrapper { flex-direction: column; gap: 10px; } .cookie-btn { margin: 0 auto; } } /* /cookie */ .creator { padding: 20px 0; line-height: 1.2; } #bx-soa-orderSave label[data-bx-user-consent] input { margin: 0; } .licenses-group { position: relative; } .licenses-group input { position: absolute; top: 0; left: 0; margin-left: 0; } .licenses-group label { padding-left: 20px; font-weight: 500 !important; font-size: 14px !important; cursor: pointer; text-wrap: balance; display: inline-block; } /* End */ /* Start:/local/templates/dresscode/perfect-scrollbar.css?17370215252598*/ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* End */ /* Start:/local/templates/dresscode/headers/header7/css/style.css?173702152519308*/ #headerLine4{ border-bottom: 1px solid #f3f3f3; background-color: #f8f8f8; position: relative; line-height: 40px; min-width: 320px; /*height: 40px;*/ } #headerLine4.color_black{ background-color: #2b2b2b; } #headerLine4.color_black, #headerLine4.color_theme{ /*border-bottom: 1px solid rgba(255, 255, 255, 0.15);*/ color: #ffffff; } .header{ box-shadow: 0px 4px 6px rgba(60, 74, 123, 0.18); } #headerLine4.color_theme #subMenu li a, #headerLine4.color_theme #subMenu li a:hover, #headerLine4.color_theme #subMenu li .selected, #headerLine4.color_black #subMenu li a, #headerLine4.color_theme .user-geo-position-value-link, #headerLine4.color_theme #topAuth ul li a{ color: #5B617C !important; } #headerLine4.color_theme #subMenu li a:hover, #headerLine4.color_theme #subMenu li .selected, #headerLine4.color_theme .user-geo-position-value-link:hover, #headerLine4.color_theme #topAuth ul li a:hover{ color: #FA8F6B !important; } #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine4.color_theme{ background-color: #202020; } .header-region.dropdown-holder svg{ fill: #222 !important; } #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine4.color_theme{ background: white !important; } #headerLine4 .subTable{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #headerLine4 .subTableColumn{ vertical-align: middle; display: table-cell; } #headerLine4 .subTableColumn:first-child{ vertical-align: top; } #headerLine4 .subTableColumn:last-child{ text-align: right; width: 410px; } #headerLine4 #geoPosition{ padding-left: 10px; } #headerLine4 #geoPosition, #headerLine4 #topAuth{ display: inline-block; } #headerLine4 #topAuth{ /*margin-right: 24px;*/ } #headerLine4 #geoPosition ul, #headerLine4 #topAuth ul{ list-style: none; padding: 0; margin: 0; } #headerLine4 #topAuth ul li{ display: inline-block; } #headerLine4 #topAuth ul li:first-child{ margin-left: 20px; } #headerLine4 #topAuth ul li:last-child{ margin-left: 20px; } #headerLine4 .user-geo-position-value-link, #headerLine4 #topAuth ul li a{ text-decoration: none; position: relative; } #headerLine4.color_theme .user-geo-position-value-link, #headerLine4.color_theme #topAuth ul li a{ color: #ffffff; } #headerLine4 .user-geo-position-value-link:active, #headerLine4 #topAuth ul li a:active{ position: relative; top: 1px; } #headerLine4 .user-geo-position-value-link:after, #headerLine4 #topAuth ul li a:after{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; display: block; bottom: 0px; width: 100%; height: 0px; content: ""; left: 0px; } #headerLine4.color_theme .user-geo-position-value-link:after, #headerLine4.color_theme #topAuth ul li a:after{ border-color: #ffffff; } #headerLine4 .user-geo-position-value-link:after{ bottom: 12px; } #headerLine4.color_theme .user-geo-position-value-link{ color: #ffffff; } #headerLine4.color_theme .user-geo-position-value-link:hover{ color: #ffffff; } #headerLine4.color_theme .user-geo-position-value-link:after{ border-color: #ffffff; } #headerLine4 #subMenu .removedItemsContainer{ position: relative; } #headerLine4 #subMenu li:first-child a{ padding-left: 0; } #headerLine4.color_theme #subMenu li a, #headerLine4.color_theme #subMenu li a:hover, #headerLine4.color_theme #subMenu li .selected, #headerLine4.color_black #subMenu li a{ color: #A9A9A9; } #headerLine4.color_theme #subMenu li a:hover, #headerLine4.color_theme #subMenu li .selected{ color: #ffffff; } #headerLine4 #subMenu .removedItemsContainer .removedItemsLink{ background: url(/local/templates/dresscode/headers/header7/css/images/menuMore.png) 50% 50% no-repeat transparent; vertical-align: middle; display: inline-block; padding: 0px 12px; height: 18px; width: 30px; } #headerLine4 #subMenu .removedItemsContainer .removedItemsLink:hover{ opacity: 0.6; } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsLink, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsLink{ background: url(/local/templates/dresscode/headers/header7/css/images/menuMoreW.png) 50% 50% no-repeat transparent; } #headerLine4 #subMenu .removedItemsContainer .removedItemsLink:active{ position: relative; top: 1px; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList{ background-color: #fbfbfb; position: absolute; display: none; width: 180px; padding: 0px; z-index: 99; margin: 0px; right: 0px; top: 41px; } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList{ background-color: #2b2b2b; } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList li, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList li{ border-top: 1px solid rgba(255, 255, 255, 0.15); } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList li a, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList li a{ color: #ffffff; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li{ border-top: 1px solid #f2f2f2; white-space: normal; text-align: left; display: block; float: none; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li:first-child{ border: 0 !important; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li a{ line-height: 21px; padding: 8px 12px; display: block; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList li a:active{ position: relative; top: 1px; } #headerLine4 #topSocial{ margin-left: 24px; text-align: right; float: right; } #headerLine4 .topSoc{ vertical-align: middle; display: inline-block; margin-left: 24px; list-style: none; padding: 0px; margin: 0px; } #headerLine4 .topSocItem{ vertical-align: middle; display: inline-block; margin-left: 2px; } #headerLine4 .topSocItem:first-child{ margin-left: 0px; } #headerLine4 .topSocItem a{ background: url(/local/templates/dresscode/headers/header7/css/images/headSn.png) 0 0 no-repeat transparent; display: block; height: 24px; width: 24px; } #headerLine4 .topSocItem a:hover{ opacity: 0.7; } #headerLine4 .topSocItem a:active{ position: relative; top: 1px; } #headerLine4 .topSocItem .socFB{ background-position: -24px; } #headerLine4 .topSocItem .socODN{ background-position: -48px; } #headerLine4 .topSocItem .socTV{ background-position: -72px; } #headerLine4 .topSocItem .socINS{ background-position: -96px; } #headerLine4 .topSocItem .socYOU{ background-position: -120px; } #headerLine4 .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link{ font-size: 14px; } #subHeader7{ border-bottom: 1px solid #f3f3f3; background-color: #ffffff; line-height: 90px; position: relative; min-width: 320px; height: 90px; } #subHeader7.color_black{ background-color: #2b2b2b; } #subHeader7.color_black, #subHeader7.color_theme{ border-bottom: 1px solid rgba(255, 255, 255, 0.15); color: #ffffff; } #subHeader7 .subTable{ table-layout: fixed; display: table; width: 100%; } #subHeader7 .subTableRow{ display: table-row; } #subHeader7 .subTableColumn{ vertical-align: middle; display: table-cell; } #subHeader7 .subTableColumn:first-child{ width: 230px; } #subHeader7 .subTableColumn:nth-child(2){ padding-left:170px; } #subHeader7 .subTableColumn:nth-child(3){ text-align: right; width: 400px; } #subHeader7 #logo{ line-height: 90px; height: 90px; text-align: left; width: 180px; border: 0; } #subHeader7 .subTableColumn:last-child{ text-align: right; width: 356px; } #subHeader7 .subTableColumn .toolsContainer{ vertical-align: middle; display: inline-block; text-align: right; line-height: 21px; } #subHeader7 .phonesContainer{ vertical-align: middle; display: inline-block; margin-right: 24px; } #subHeader7 .firstPhones, #subHeader7 .secondPhones{ vertical-align: middle; display: inline-block; line-height: 21px; text-align: left; } #subHeader7 .firstPhones{ /*margin-right: 48px;*/ } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading{ font-family: "robotoBold"; font-size: 16px; display: block; } #subHeader7 .firstPhones .heading a, #subHeader7 .secondPhones .heading a{ text-decoration: none; color: #222; } #subHeader7 .firstPhones .callBack{ text-decoration: none; position: relative; } #subHeader7.color_theme .firstPhones .callBack{ color: #ffffff; } #subHeader7.color_theme .firstPhones .callBack:hover{ opacity: 0.8; } #subHeader7 .firstPhones .callBack:active{ position: relative; top: 1px; } #subHeader7 .firstPhones .callBack:after{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; display: block; bottom: 0px; width: 100%; height: 0px; content: ""; left: 0px; } #subHeader7.color_theme .firstPhones .callBack:after{ border-color: #ffffff; } #subHeader7.color_theme .firstPhones .callBack:after:hover{ opacity: 0.8; } #subHeader7 .phonesTb{ table-layout: fixed; display: table; } #subHeader7 .phonesTc{ vertical-align: middle; display: table-cell; } #subHeader7 .phonesTc:first-child{ padding-right: 12px; } #subHeader7 .callBackIcon{ background: url(/local/templates/dresscode/headers/header7/css/images/phoneIco2.png) 0 0 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; display: block; height: 28px; width: 34px; } #subHeader7.color_black .callBackIcon, #subHeader7.color_theme .callBackIcon{ background-image: url(/local/templates/dresscode/headers/header7/css/images/phoneIco2W.png); } #subHeader7 .scheduleIcon{ background: url(/local/templates/dresscode/headers/header7/css/images/phoneIco.png) 0 0 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; display: block; height: 28px; width: 27px; } #subHeader7.color_black .scheduleIcon, #subHeader7.color_theme .scheduleIcon{ background-image: url(/local/templates/dresscode/headers/header7/css/images/phoneIcoW.png); } #subHeader7 .callBackIcon:hover, #subHeader7 .scheduleIcon:hover{ opacity: 0.7; } #subHeader7 .callBackIcon:active, #subHeader7 .scheduleIcon:active{ position: relative; top: 1px; } #subHeader7 .secondPhones .schedule{ color: #888888; } #subHeader7.color_theme .secondPhones .schedule{ color: #f1f1f1; } #subHeader7.color_black .firstPhones .heading, #subHeader7.color_black .secondPhones .heading{ font-family: "roboto_ltregular"; } #subHeader7 .topWishlist, #subHeader7 .topCompare, #subHeader7 .cart{ float: left; } #subHeader7 .subTableColumn .toolsContainer{ margin-top: 6px; } #geo-location-window{ text-align: left; } #subHeader7 #topSearch2 .searchContainerInner{ background-color: #fafafa; } #subHeader7.color_black #topSearch2 .searchContainerInner, #subHeader7.color_theme #topSearch2 .searchContainerInner{ background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); } #subHeader7.color_black #topSearch2 input[placeholder], #subHeader7.color_theme #topSearch2 input[placeholder]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(255, 255, 255, 0.7); } #subHeader7.color_black #topSearch2 input::-webkit-input-placeholder, #subHeader7.color_theme #topSearch2 input::-webkit-input-placeholder{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(255, 255, 255, 0.7); } #subHeader7.color_black #topSearch2 input::-moz-placeholder, #subHeader7.color_theme #topSearch2 input::-moz-placeholder{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(255, 255, 255, 0.7); } #subHeader7.color_black #topSearch2 input:focus[placeholder], #subHeader7.color_theme #topSearch2 input:focus[placeholder]{ color: transparent; } #subHeader7.color_black #topSearch2 input:focus::-webkit-input-placeholder, #subHeader7.color_theme #topSearch2 input:focus::-webkit-input-placeholder{ color: transparent; } #subHeader7.color_black #topSearch2 input::-moz-placeholder, #subHeader7.color_theme #topSearch2 input::-moz-placeholder{ color: transparent; } #subHeader7.color_theme .topWishlist .value, #subHeader7.color_theme .topCompare .value, #subHeader7.color_theme .cart .count{ border-color: rgba(255, 255, 255, 0.7); color: #ffffff; } #subHeader7.color_theme .topCompare .active .value, #subHeader7.color_theme .topWishlist .active .value, #subHeader7.color_theme .cart .active .count{ border-color: #ffffff; color: #ffffff; } #subHeader7.color_theme .cart .total, #subHeader7.color_theme .cart .total:hover, #subHeader7.color_theme .cart .heading, #subHeader7.color_theme .cart .heading:hover, #subHeader7.color_theme .cart .heading:hover .total{ color: #ffffff; } #subHeader7.color_black .cart .heading .cartLabel{ color: #ffffff; } #subHeader7.color_theme .cart .total:hover{ opacity: 0.7; } #subHeader7.color_theme #topAuth > ul li a, #subHeader7.color_theme #topAuth > ul li a:hover{ color: #ffffff; } #subHeader7.color_theme #topAuth > ul li a:hover{ opacity: 0.8; } #subHeader7.color_theme #topAuth > ul li:first-child:after{ color: #ffffff; } #subHeader7.color_theme .user-geo-position-value-link:after, #subHeader7.color_theme #topAuth ul li a:after{ border-color: #ffffff; } #subHeader7 #searchResult{ line-height: 21px; top: 90px; } #subHeader7 #searchOverlap{ top: 172px; } #subHeader7 .webformModal{ text-align: left; } @media all and (max-width: 1590px){ #subHeader7 .cart .heading{ display: none; } #subHeader7 .subTableColumn:last-child{ text-align: right; width: 182px; } } @media all and (max-width: 1340px){ #subHeader7 .callBackIcon, #subHeader7 .scheduleIcon{ display: none; } #subHeader7 .subTableColumn:nth-child(3){ width: 410px; } #subHeader7 .firstPhones{ margin-right: 24px; } #subHeader7 .subTableColumn:first-child{ width: 220px; } } @media all and (max-width: 1240px){ #subHeader7 .secondPhones{ display: none; } #subHeader7 .firstPhones{ margin-right: 0px; } #subHeader7 .subTableColumn:nth-child(3){ width: 200px; } } @media all and (max-width: 1150px){ #headerLine4 #topSocial{ display: none; } } @media all and (max-width: 1000px){ #subHeader7{ height: 164px; } #topSearchLine{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #headerLine4 #subMenu li a{ padding: 0 12px; } #headerLine4 #subMenu li:first-child a{ padding-right: 12px; padding-left: 0px; } #headerLine4 #topAuth{ margin-right: 12px; } #subHeader7 #searchResult{ top: 74px; } #subHeader7 #searchOverlap{ top: 206px; } } @media all and (max-width: 700px){ #subHeader7 #logo{ margin-left: 12px; padding-left: 0px; } /* #topSearchLine{ padding: 0 12px; } */ #headerLine4 #geoPosition{ padding: 0; } #headerLine4 .subTableColumn:first-child{ width: 172px; } #headerLine4 .user-geo-position-label{ display: inline-block; } /* #headerLine4 .user-geo-position-value{ display: none; } */ #subHeader7 .topCompare{ display: none; } #subHeader7 .phonesContainer{ margin-right: 12px; } #subHeader7 .phonesTc{ text-align: right; } #headerLine4 .top-auth-personal, #headerLine4 .top-auth-exit, #headerLine4 .top-auth-login, #headerLine4 .top-auth-register{ position: static; } #headerLine4 .subTableColumn:last-child{ width: 150px; white-space: nowrap; } #subHeader7 .subTableColumn:nth-child(3){ width: 190px; } #subHeader7 .subTableColumn:first-child{ width: 180px; } #subHeader7 #logo{ width: 160px; } #headerLine4 #subMenu .removedItemsContainer .removedItemsList{ left: 0; } #subHeader7 .subTable, #subHeader7 .subTableRow, #subHeader7 .subTableColumn{ display: block; } #subHeader7 .subTableRow{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; /* width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; */ -ms-align-items: center; align-items: center; justify-content: space-between; } } @media all and (max-width: 600px){ #subHeader7 .subTableColumn:last-child{ display: block; } #subHeader7 .topWishlist, #subHeader7 .topCompare{ display: block; } #subHeader7 .subTableColumn:last-child{ position: fixed; width: 100%; bottom: 0; left: 0; background: #fff; z-index: 1000; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; } #subHeader7 .subTableColumn .toolsContainer{ margin-top: 0px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } #subHeader7 .subTableColumn:nth-child(2){ display: inline; } #subHeader7 .subTableColumn:first-child{ width: auto; } #subHeader7 #logo{ padding-right: 12px; width: 130px; } } @media all and (max-width: 440px){ #topSearchLine{ padding-right: 0px; } #subHeader7 #logo{ width: 160px; height: auto; line-height: normal; } #subHeader7 .firstPhones{ } /* #headerLine4 .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link{ font-size: 12px; } */ #subHeader7 .firstPhones .callBack{ display: none; } #headerLine4 #geoPosition.color_theme .user-geo-position-value-link{ color: #ffffff; } #headerLine4 #geoPosition.color_theme .user-geo-position-value-link:after{ border-color: #ffffff; } #subHeader7 #logo{ width: 140px; } } @media all and (max-width: 400px){ #headerLine4 #subMenu{ margin: 0; } #subHeader7 #logo{ width: 120px; } #subHeader7 .firstPhones .heading, #subHeader7 .secondPhones .heading{ font-size: 14px; } #headerLine4 .subTableColumn:first-child{ width: 30px; } #subHeader7 #topSearch2 #searchQuery, #subHeader7.color_theme #topSearch2 #searchQuery, #subHeader7.color_black #topSearch2 #searchQuery{ background-image: none !important; padding-left: 12px; } #topSearch2 input::placeholder { color: #c7c7c6; font-size: 14px; } } /* End */ /* Start:/local/templates/dresscode/headers/header7/css/types/type1.css?173702152572*/ #subHeader7 #topSearch2 .searchContainerInner{ border-radius: 50px; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/menu/topMenu6/style.css?1737021536786*/ #subMenu{ display: inline-block; vertical-align: top; white-space: nowrap; text-align: center; visibility: hidden; list-style: none; margin: 0 0 0 0; font-size: 0; height: 40px; padding: 0; opacity: 0; } #subMenu li{ vertical-align: middle; display: inline-block; position: relative; list-style: none; font-size: 14px; padding: 0; margin: 0; } #subMenu li:last-child{ border: 0; } #subMenu{ margin-left: 12px;; } #subMenu 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; vertical-align: middle; text-decoration: none; display: inline-block; padding: 0 10px; color: #000000; } #subMenu li a:not(.selected):active{ position: relative; top: 1px; } #subMenu ul{ padding-right: 20em; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/form.result.new/modal/style.css?173702153510678*/ .webformModal{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: hidden; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webformModalHideScrollBar{ position: relative; overflow: auto; height: 100%; width: 120%; } .webformModalcn100{ position: relative; height: 100%; width: 100%; width: 100vw; /* css3 */ } .webformModal.visible{ display: block; } .webformModalContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); transform: translateX(-50%) translateY(0%); /*transform: translateX(-50%) translateY(-50%);*/ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 100px; max-width: 500px; min-width: 320px; width: 100%; top: 100px; left: 50%; } .small .webformModalContainer{ transform: translateX(-50%) translateY(-50%); margin-bottom: 0px; top: 50%; } .webFormDw form{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .webFormDw form.loading{ pointer-events: none; opacity: 0.8; } .webFormModalHeading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } .webformModal .webFormModalHeadingExit{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } .webformModal .webFormModalHeadingExit{ background: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/exit.png) 0 0 no-repeat transparent; } .webformModal .webFormModalHeadingExit:hover{ background-position: 0 -21px ; } .webformModal .webFormModalHeadingExit:active{ background-position: 0 -42px ; } .webFormDescription{ margin: 24px 0 0 0; max-width: 800px; } .webformModal .webFormDescription{ padding: 0 24px; } .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError{ padding: 0 24px; } .webFormItem{ margin-top: 24px; } .webFormItemCaption{ font-family: "robotoMedium"; margin-bottom: 12px; line-height: 21px; } .webFormItemImage{ vertical-align: middle; display: inline-block; padding-right: 6px; } .webFormItemLabel{ vertical-align: middle; display: inline-block; color: #555555; } .webFormItemRequired{ display: inline-block; padding-left: 4px; color: #ff0000; } .webFormItemFieldVariant{ display: inline-block; margin-left: 12px; } .webFormItemFieldVariant:first-child{ margin-left: 0px; } .webFormItemField input[type="password"], .webFormItemField input[type="text"], .webFormItemField select{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 55px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; outline: none; height: 55px; width: 100%; } .webFormItemField textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #e7e7e7; padding-left: 12px; line-height: 21px; padding-top: 12px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; height: 150px; outline: none; width: 100%; } .webFormItemField input[id*="form_date_"]{ margin-bottom: 6px; } .webFormItemField input[type="text"]:focus, .webFormItemField input[type="password"]:focus, .webFormItemField textarea:focus{ border: 1px solid #aaaaaa; } .webFormItemField input[type="checkbox"] + label, .webFormItemField input[type="radio"] + label { cursor: pointer; } .webFormItemField input[type="checkbox"]:not(checked), .webFormItemField input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .webFormItemField input[type="checkbox"]:not(checked) + label, .webFormItemField input[type="radio"]:not(checked) + label { position: relative; padding-left: 28px; } .webFormItemField input[type="checkbox"] + label:before { background: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent; } .webFormItemField input[type="radio"] + label:before { background: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent; } .webFormItemField input[type="checkbox"]:not(checked) + label:before, .webFormItemField input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .webFormItemField input[type="checkbox"]:not(checked) + label:hover:before, .webFormItemField input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .webFormItemField input[type="checkbox"]:checked + label:before, .webFormItemField input[type="radio"]:checked + label:before { background-position: 0 -34px; } .webFormItemField input[type="checkbox"]:checked + label:hover:before, .webFormItemField input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .webFormItemField input[type="checkbox"]:disabled + label, .webFormItemField input[type="radio"]:disabled + label { cursor: default; } .webFormItemField input[type="checkbox"]:disabled + label:before, .webFormItemField input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .webFormItemField img.calendar-icon { vertical-align: middle !important; margin: 0 0 0 0px !important; border: 0 !important; } .webFormItemField [multiple]{ line-height: 120px; height: 120px; padding: 12px; } .webFormCaptchaPicture{ margin-top: 12px; } .webFormCaptchaPicture img{ vertical-align: middle; max-width: 100%; } .webFormCaptchaLabel{ margin-bottom: 12px; margin-top: 12px; } .webFormItemField input.captcha_word{ max-width: 300px; } .webFormTools{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #e7e7e7; text-align: center; line-height: 55px; font-size: 14px; cursor: pointer; color: #ffffff; outline: none; height: 55px; width: 100%; padding: 0; } .webFormTools .tc:first-child{ padding-right: 12px; } .webFormTools .tc:last-child{ padding-left: 12px; } .webFormTools input[type="submit"]:active{ position: relative; top: 1px; } .webFormTools input[type="submit"].loading{ background-image: url(/local/templates/dresscode/components/bitrix/form.result.new/modal/images/loading.gif); background-color: #000000 !important; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #000000; pointer-events: none; color: #dddddd; opacity: 0.1; } .webFormTools input[type="reset"]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .webFormTools input[type="reset"]:hover{ border: 1px solid #cccccc; } .webFormTools input[type="reset"]:active{ position: relative; top: 1px; } .webFormItemError, .webFormError{ font-family: "robotoMedium"; margin-bottom: 12px; font-size: 12px; color: #ff0000; display: none; } .webFormError{ margin-bottom: 0px; margin-top: 24px; } .webFormItemError.visible, .webFormError.visible{ display: block; } .webFormItemField .error{ border: 1px solid #ff0000 !important; } .webFormMessage{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); line-height: 250px; position: fixed; overflow: auto; color: #000000; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webFormMessageContainer{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -225px; position: absolute; text-align: center; margin-top: -125px; border-radius: 2px; padding: 0px 24px; height: 250px; width: 450px; left: 50%; top: 50%; } .webFormMessageMiddle{ vertical-align: middle; display: inline-block; line-height: 21px; } .webFormMessageHeading{ margin-bottom: 24px; text-align: center; font-weight: 500; font-size: 18px; } .webFormMessageDescription{ text-align: center; } .webFormMessageExit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-decoration: none; display: inline-block; text-align: center; border-radius: 2px; line-height: 40px; margin-top: 24px; padding: 0 24px; color: #ffffff; height: 40px; } .webFormMessageExit:hover{ opacity: 0.8; } .webFormMessageExit:active{ position: relative; top: 1px; } @media all and (max-width: 650px) { .webFormItemField input[id*="form_date_"]{ margin-bottom: 12px; } .webFormItemField img.calendar-icon{ margin-left: 0px !important; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ max-width: 150px; } } @media all and (max-width: 400px) { .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ margin-bottom: 24px; max-width: 300px; display: block; width: 100%; } } /* End */ /* Start:/local/templates/dresscode/components/bitrix/menu/leftMenu/style.css?17370215365012*/ #leftMenu{ background: #2b2b2b; padding: 12px 0 12px 0; padding: 0; position:relative; list-style: none; z-index: 330; margin: 0; } #leftMenu li{ list-style: none; } #leftMenu > li:first-child{ border: 0; } #leftMenu > li{ -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition: all 0.1s ease; background: #2b2b2b; display: block; border-top: 1px solid #eee; } #leftMenu > li:hover, #leftMenu .activeDrop{ background: #ffffff; } #leftMenu > li:hover > a{ background: #f5f5f5; } #leftMenu li:hover .menuLink, #leftMenu .activeDrop .menuLink{ color: #000000; } #leftMenu li .menuLink{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; padding-right: 8px; position: relative; line-height: 18px; font-size: 13px; display: block; color: #ffffff; } #leftMenu .menuLink img{ vertical-align: middle; } #leftMenu li .tb{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; width: 100%; } #leftMenu .pc, #leftMenu .tx{ display: inline-block; vertical-align: middle; padding: 8px 6px; } #leftMenu .tx{ min-width: 160px; } #leftMenu li .pc{ -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition: all 0.1s; padding-left: 18px; text-align:center; height: 32px; width: 32px; min-width: 32px; } #leftMenu .pc img{ max-width: 100%; max-height: 100%; } #leftMenu ul{ padding: 0; margin: 0; } #leftMenu .drop{ background: #ffffff; position: absolute; top: 0; left: 100%; overflow: hidden; white-space: nowrap; z-index: -1; display: none; height: 100%; min-width: 220px; border: 1px solid #eeeeee; border-top: 0; } #leftMenu .menuItems{ background-color: #ffffff; display: table-cell; vertical-align: top; width: 245px; } #leftMenu .menuItems > li:first-child{ margin-top: 0px; } #leftMenu .menuItems > li{ position: relative; } #leftMenu .menuItems span{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* text-transform: uppercase; */ /*font-family: 'robotobold';*/ /*font-size: 14px;*/ color: #444444; } #leftMenu .menuItems small{ position: absolute; margin-top: -11px; line-height: 22px; height: 22px; color: #888; right: 0px; top: 50%; } #leftMenu .menuItems a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 21px; display: block; padding: 8px 12px; color: #000; } #leftMenu .menuItems a:hover{ background-color: #f6f6f6; color: #999; } #leftMenu .menuItems a img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #leftMenu .menuItems a:hover img{ opacity: 0.8; } #leftMenu .menuSlider{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ vertical-align: middle; display: table-cell; position: relative; overflow: hidden; width: 295px; } #leftMenu .menuSlider > ul{ position: relative; list-style: none; padding: 0; margin: 0; } #leftMenu .menuSlider > ul > li{ position: relative; float: left; } #leftMenu .menuSlider .slideBtnLeft, #leftMenu .menuSlider .slideBtnRight{ background: url(/local/templates/dresscode/components/bitrix/menu/leftMenu/images/slideArrow.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; z-index: 99; height: 16px; opacity: 0.5; width: 14px; top: 30%; } #leftMenu .menuSlider .slideBtnLeft:hover, #leftMenu .menuSlider .slideBtnRight:hover{ opacity: 0.8; } #leftMenu .menuSlider .slideBtnLeft:active, #leftMenu .menuSlider .slideBtnRight:active{ opacity: 1; } #leftMenu .menuSlider .slideBtnLeft{ left: 12px; } #leftMenu .menuSlider .slideBtnRight{ background-position: -14px 0; right: 12px; } #leftMenu .product{ position: relative !important; height: auto !important; width: 100% !important; border: 0 !important; } #leftMenu .product .tabloid{ border: 0 !important; height: auto !important; position: static !important; background: transparent !important; } #leftMenu .product:hover .tabloid{ box-shadow: none; } /* End */ /* Start:/local/templates/dresscode/components/dresscode/search.line/header/style.css?17370215368318*/ #subHeader2.color_black #topSearch2 .searchContainerInner{ border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.1); } #subHeader2.color_theme #topSearch2 .searchContainerInner{ border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1); } #topSearch2 .searchContainer{ border-collapse: collapse; table-layout: fixed; line-height: 50px; display: table; height: 50px; width: 100%; } #topSearch2 .searchColumn{ position: relative; vertical-align: middle; display: table-cell; } #topSearch2 .searchColumn:last-child{ width: 54px; } #topSearch2 #searchQuery{ padding: 6px 20px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.12em; height: 40px; width: 100%; font-weight: 300; border: 0; border-radius: 6px; border: 1px solid #eee; } #topSearch2 #goSearch{ position: absolute; top: 0; right: 0; background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchH2.png) 14px 50% no-repeat transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: transparent; cursor: pointer; height: 40px; width: 40px; border: none; } #subHeader2.color_black #topSearch2 #searchQuery, #subHeader2.color_theme #topSearch2 #searchQuery, #subHeader6.color_black #topSearch2 #searchQuery, #subHeader6.color_theme #topSearch2 #searchQuery, #subHeader7.color_black #topSearch2 #searchQuery, #subHeader7.color_theme #topSearch2 #searchQuery, #subHeader9.color_black #topSearch2 #searchQuery, #subHeader9.color_theme #topSearch2 #searchQuery{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchH2W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #subHeader5.color_black #topSearch2 #searchQuery, #subHeader5.color_theme #topSearch2 #searchQuery{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchH5W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #subHeader2.color_black #goSearch, #subHeader2.color_theme #goSearch{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchIcoH2W.png) 0 0 no-repeat transparent; } #subHeader5.color_black #goSearch, #subHeader5.color_theme #goSearch, #subHeader6.color_black #goSearch, #subHeader6.color_theme #goSearch, #subHeader7.color_black #goSearch, #subHeader7.color_theme #goSearch, #subHeader9.color_black #goSearch, #subHeader9.color_theme #goSearch{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchIcoH5W.png) 0 0 no-repeat transparent; } #searchResult{ border-top: 1px solid #f3f3f3; background-color: #ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 172px; left: 0; } #subHeader2 #searchResult{ top: 102px; } #subHeader2 #searchOverlap{ top: 172px; } #searchResult h1{ font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 85px; font-size: 18px; height: 85px; margin: 0px; } #searchResult.visible{ display: block; } #searchResult .productList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #searchResult .item{ width: 16.666666%; } #searchResult .product{ border: 0; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #searchResult .product:nth-child(6n+1) { border-left: 1px solid #e7e8ea; } #searchResult .product:nth-child(1), #searchResult .product:nth-child(2), #searchResult .product:nth-child(3), #searchResult .product:nth-child(4), #searchResult .product:nth-child(5), #searchResult .product:nth-child(6) { border-top: 1px solid #e7e8ea; height: 355px; } #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; color: #000000; } #searchProductsClose{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover{ background-position: -18px 0; } #searchProductsClose:active{ background-position: -36px 0; } @media all and (max-width: 1200px){ #topSearchLine.color_black #topSearch2 #searchQuery{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchH5W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #topSearchLine.color_black #goSearch{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchIcoH5W.png) 0 0 no-repeat transparent; } #subHeader6 #topSearchLine #topSearch2 #searchQuery{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchH2.png) 14px 50% no-repeat transparent; color: #000000; } #subHeader6 #topSearchLine #topSearch2 #goSearch{ background: url(/local/templates/dresscode/components/dresscode/search.line/header/images/searchIcoH2.png) 0 0 no-repeat transparent; } #subHeader6 #topSearchLine #topSearch2 input[placeholder]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, 0.7); } #subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, 0.7); } #subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, 0.7); } } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /* End */ /* Start:/local/templates/dresscode/components/dresscode/compare.line/header-line/style.css?17370215361388*/ .topCompare .text{ position: relative; display: block; } .topCompare .icon{ /*background: url(/local/templates/dresscode/components/dresscode/compare.line/header-line/images/compareH4.png) 50% 50% no-repeat transparent;*/ display: inline-block; height: 40px; line-height: 40px; width: 60px; text-align: center; } .topCompare .icon img{ width: 24px; height: 24px; vertical-align: middle; } #subHeader4.color_black .topCompare .icon, #subHeader4.color_theme .topCompare .icon, #subHeader5.color_black .topCompare .icon, #subHeader5.color_theme .topCompare .icon, #subHeader7.color_black .topCompare .icon, #subHeader7.color_theme .topCompare .icon, #subHeader9.color_black .topCompare .icon, #subHeader9.color_theme .topCompare .icon{ background: url(/local/templates/dresscode/components/dresscode/compare.line/header-line/images/compareH4w.png) 50% 50% no-repeat transparent; } .topCompare .active .icon:hover{ opacity: 0.7; } .topCompare .active .icon:active{ position: relative; top: 1px; } .topCompare .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .topCompare .value, #subHeader7.color_black .topCompare .value, #subHeader9.color_black .topCompare .value{ background-color: #2b2b2b; } .topCompare .active .value:active{ top: 1px; } /* End */ /* Start:/local/templates/dresscode/components/dresscode/favorite.line/header-line/style.css?17370215361462*/ .topWishlist .text{ position: relative; display: block; } .topWishlist .icon{ /*background: url(/local/templates/dresscode/components/dresscode/favorite.line/header-line/images/wishlistH4.png) 50% 50% no-repeat transparent;*/ display: inline-block; height: 40px; line-height: 40px; width: 60px; text-align: center; } .topWishlist .icon img{ width: 24px; height: 24px; vertical-align: middle; } #subHeader4.color_black .topWishlist .icon, #subHeader4.color_theme .topWishlist .icon, #subHeader5.color_black .topWishlist .icon, #subHeader5.color_theme .topWishlist .icon, #subHeader7.color_black .topWishlist .icon, #subHeader7.color_theme .topWishlist .icon, #subHeader9.color_black .topWishlist .icon, #subHeader9.color_theme .topWishlist .icon{ background: url(/local/templates/dresscode/components/dresscode/favorite.line/header-line/images/wishlistH4w.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } .topWishlist .active .icon:hover{ opacity: 0.7; } .topWishlist .active .icon:active{ position: relative; top: 1px; } .topWishlist .value{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .topWishlist .value, #subHeader7.color_black .topWishlist .value, #subHeader9.color_black .topWishlist .value{ background-color: #2b2b2b; } .topWishlist .active .value:active{ top: 1px; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/style.css?17370215352064*/ .cart .countLink{ /*background: url(/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4.png) 50% 50% no-repeat transparent;*/ display: inline-block; position: relative; font-size: 14px; float: left; height: 40px; text-align: center; width: 60px; } .cart .countLink .icon{ line-height: 40px; } .cart .countLink img{ width: 24px; height: 24px; vertical-align: middle; } #subHeader4.color_black .cart .countLink, #subHeader4.color_theme .cart .countLink, #subHeader5.color_black .cart .countLink, #subHeader5.color_theme .cart .countLink, #subHeader6.color_black .cart .countLink, #subHeader6.color_theme .cart .countLink, #subHeader7.color_black .cart .countLink, #subHeader7.color_theme .cart .countLink, #subHeader8.color_black .cart .countLink, #subHeader8.color_theme .cart .countLink{ background: url(/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4w.png) 50% 50% no-repeat transparent; } .cart .countLink.active:hover{ opacity: 0.7; } .cart .countLink.active:active{ top: 1px; } .cart .heading{ vertical-align: middle; text-decoration: none; display: inline-block; max-width: 172px; margin-left: 6px; margin-top: 8px; color: #000000; } #subHeader5.color_black .cart .heading, #subHeader5.color_theme .cart .heading, #subHeader6.color_black .cart .heading, #subHeader6.color_theme .cart .heading, #subHeader7.color_black .cart .heading, #subHeader7.color_theme .cart .heading, #subHeader8.color_black .cart .heading, #subHeader8.color_theme .cart .heading{ color: #ffffff; } .cart .heading.active:active{ position: relative; top: 1px; } .cart .heading .cartLabel:hover{ opacity: 0.7; } .cart .count{ border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 12px; color: #d1d1d1; height: 20px; width: 20px; right: 8px; top: 0; } #subHeader5.color_black .cart .count, #subHeader6.color_black .cart .count, #subHeader7.color_black .cart .count, #subHeader8.color_black .cart .count{ background-color: #2b2b2b; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.css?17370215351766*/ #bigDataCarousel{ position: relative; } #bigDataCarousel .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin: 0 24px; } #bigDataCarousel .slideBox > li{ width: 20%; } #bigDataCarousel .productList .item{ border-left: 0px; width: 100% !important; float: none; } #bigDataCarousel .bigDataBtnLeft, #bigDataCarousel .bigDataBtnRight{ display: block; height: 40px; width: 40px; position: absolute; top: 50%; margin-top: -20px; left: 30px; border-radius: 100%; background-color: #fff; transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out; z-index: 200; opacity: 0.33; } #bigDataCarousel .bigDataBtnRight{ left: auto; right: 30px; } #bigDataCarousel .bigDataBtnLeft svg, #bigDataCarousel .bigDataBtnRight svg{ width: 20px; height: 20px; margin: 10px 0 0 10px; transition: fill 0.2s ease-in-out } #bigDataCarousel:hover .bigDataBtnLeft, #bigDataCarousel:hover .bigDataBtnRight{ opacity: 1; } #bigDataCarousel .bigDataBtnRight:hover, #bigDataCarousel .bigDataBtnRight:active, #bigDataCarousel .bigDataBtnLeft:hover, #bigDataCarousel .bigDataBtnLeft:active{ background-color: #2a65d0; } #bigDataCarousel .bigDataBtnLeft:hover svg, #bigDataCarousel .bigDataBtnRight:hover svg{ fill: #fff; } @media(max-width: 1200px){ #bigDataCarousel .slideBox > li{ width: 25%; } } @media(max-width: 1024px){ #bigDataCarousel .slideBox > li{ width: 33.33%; } } @media(max-width: 870px){ #bigDataCarousel .slideBox > li{ width: 50%; } } @media(max-width: 480px){ #bigDataCarousel .slideBox > li{ width: 100%; } } /* End */ /* Start:/local/templates/dresscode/styles.css?173702152510054*/ /**/ /*filter*/ /**/ .filter-item-holder{ border: 1px solid #e7e8ea; padding: 20px; margin: 0em 0 4em 0; background: url(/local/templates/dresscode/images/battery.jpg) no-repeat calc(100% - 24px) 24px; padding-right: 398px; -webkit-background-size: 350px; background-size: 350px; } @media(max-width: 1300px){ #left + #right .filter-item-holder{ background-position: calc(100% - 24px) bottom; } .filter-item-holder{ background-position: calc(100% - 24px) 48px; } } @media(max-width: 1200px){ #left + #right .filter-item-holder{ background: none; padding-right: 24px; } } @media(max-width: 950px){ .filter-item-holder{ background: none; padding-right: 24px; } } .filter-item-wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .filter-item-title{ font-family: 'robotobold'; text-decoration: none; font-size: 20px; line-height: normal; margin: 0 0 5px 0; } .filter-item-sub-title{ margin-bottom: 10px; font-size: 15px; color: #666; } .filter-item-sub-title strong{ color: #111; } .filter-item{ margin: 1em 1em 0 0; min-width: 150px; } .filter-item:last-child{ margin-right: 0; } .filter-item dt{ font-size: 0.9em; line-height: 1.4em; color: #222; margin-bottom: 0.5em; } .filter-item dd{ position: relative; margin: 0; } .filter-item dd:after{ content: ''; position: absolute; right: 10px; top: 50%; margin-top: -3px; border: 5px solid transparent; border-top-color: #ddd; pointer-events: none; } .filter-item dd:not(.disabled):after{ border-top-color: #999; } .filter-item dd select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: top; width: 100%; padding: 4px 15px; padding-right: 25px; background: #fff; color: #222; -webkit-border-radius: 6px; border-radius: 6px; font-size: 1em; height: 32px; border: 1px solid #ddd; line-height: normal; box-sizing: border-box; } .filter-item dd:not(.disabled):hover:after{ border-top-color: #666; } .filter-item dd:not(.disabled):hover select{ border-color: #aaa; } .filter-item dd select:disabled{ opacity: 0.33; } .filter-item-buttons { margin-top: 1.5em; border-top: 1px solid #eee; padding-top: 1.5em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .filter-item-buttons .button{ line-height: 24px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filter-item-buttons .button:disabled{ opacity: 0.33; } .filter-item-buttons .button-reset{ margin-left: 1em; } @media(max-width: 500px ){ .filter-item-holder{ display: block; padding: 12px; } .filter-item-wrapper{ display: block; } } /* cards filter */ .title { width: 100%; overflow: hidden; } /* tradein */ .akb-trade-in{ margin-top: 10px; } .akb-trade-in__select{ display: none; } .do-trade-in-label{ cursor: pointer; } .do-trade-in-label.active + .akb-trade-in__select{ display: block; margin-top: 5px; } .cart-wrapper article table tr select.akb-trade-in__select-options{ padding-right: 0 !important; width: initial; margin-right: 10px; height: 36px; } .akb-trade-in__select-notify{ font-size: 12px; margin-right: -35px; } .tradein-price-2, .swap-price{ /*color: red;*/ } .tradein-price-2{ display: inline-block; } .tradein-price-2 span{ font-size: 0.8em; vertical-align: middle; } /* tradein */ .fastBackAdd{ background: #ffa800; color: #ffffff; } .fastBackAdd:hover{ background-color: #ff9601; } .product .fastBackAdd{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 60px; height: 60px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 12px; border-radius: 4px; } #auto_model_filter { /*position: absolute !important; left: 403px !important; top: 363px !important; width: calc(100% - 474px) !important;*/ border: 1px solid #e7e8ea !important; z-index: 10 !important; background: #f3f3f3; margin: 24px 0; } #auto_model_filter .params { display: flex; flex-wrap: wrap; margin: 0 -5px; } #auto_model_filter .params > * { flex: 1; margin: 0 5px; } @media (max-width: 1024px){ #smartFilter{ margin-bottom: 24px; } #auto_model_filter { position: static !important; left: initial !important; top: initial !important; width: auto !important; z-index: initial !important; } } @media (max-width: 1024px){ #auto_model_filter .params { display: block; margin: 0; } #auto_model_filter .params > * { flex: 1; margin: 10px 0; } } #smartFilter{ margin-top: 0; } #smartFilter .paramsBox { position: static; } #smartFilter .dropdownList.opened { max-height: 295px; overflow-y: scroll; } #catalog #smartFilter{ border: none; } #auto_model_filter #smartFilterControls2 { flex-basis: 100%; } #auto_model_filter 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; border-radius: 4px; font-size: 13px; color: #fff; background-color: #2a65d0; padding: 10px 20px; display: table; width: 110px; height: 40px; text-align: center; line-height: 40px; margin-right: 0; margin-left: auto; } #auto_model_filter #smartFilterControls2 { padding: 0; list-style: none; display: block; margin-top: 25px; } /*@media (max-width: 1024px) { #auto_model_filter #smartFilterControls2 {display:none;} }*/ .my-panel { padding: 10px; background: #fff; display: flex; margin-top: 20px; align-items: center; justify-content: space-between; } .my-panel a { background-color: #2a65d0; -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; text-decoration: none; padding: 10px 25px; color: #fff; display: block; } .my-panel a:hover { background-color: #0d57dc; } #apply-accum-filter{ background-color: #f97310; -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; text-decoration: none; padding: 19px 25px; color: #fff; font-weight: bold; font-size:12px; border-radius: 50px; } #subHeader7 #apply-accum-filter { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc9300+0,ff7247+100 */ background: #fc9300; /* Old browsers */ background: -moz-linear-gradient(top, #fc9300 0%, #ff7247 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fc9300 0%,#ff7247 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fc9300 0%,#ff7247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9300', endColorstr='#ff7247',GradientType=0 ); /* IE6-9 */ box-shadow: rgba(109, 109, 109, 0.5) 0px 0px 0px 1px; } #subHeader7 #apply-accum-filter:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7247+0,fc9300+100 */ background: #ff7247; /* Old browsers */ background: -moz-linear-gradient(top, #ff7247 0%, #fc9300 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff7247 0%,#fc9300 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff7247 0%,#fc9300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7247', endColorstr='#fc9300',GradientType=0 ); /* IE6-9 */ } .button{ display: inline-block; vertical-align: top; text-decoration: none; border: 1px solid #2a65d0; background-color: #2a65d0; color: #fff; padding: 8px 24px; font-size: 14px; line-height: normal; /*font-weight: bold;*/ cursor: pointer; font-family: 'Roboto', sans-serif; border-radius: 4px; transition: color 0.2s ease-out; transition-property: color, background-color, border-color; } .button:hover{ color: #fff; background-color: #3b78e8; border-color: #3b78e8; } .button-transparent{ border-color: #eee; background-color: transparent; color: #222; } .button-transparent:hover{ color: #fff; background-color: #3b78e8; border-color: #3b78e8; } .button-gray{ border-color: #eee; background-color: #eee; color: #222; } .button-gray:hover{ color: #fff; background-color: #3b78e8; border-color: #3b78e8; } .button-white{ border-color: #fff; background-color: #fff; color: #666; } .button-white:hover{ color: #fff; background-color: #3b78e8; border-color: #3b78e8; } .button-green{ background-color: #1fbea5; border-color: #1fbea5; color: #fff; } .button-green:hover{ color: #fff; background-color: #02e676; border-color: #02e676; } .button.disabled{ opacity: 0.33; cursor: default; } .category_tags{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } div.category_tags > p a{ text-decoration: none; color:#000; font-weight: bold; } .blog-banner.banner-no-bg .banner-elem span{ font-family: "roboto_ltregular"; font-size: 24px; margin-bottom: 12px; line-height: 29px; max-height: 57px; } @media (max-width: 768px) { .left{ min-width: 300px; } #compareBlock{ width: 350px; overflow-x: scroll; } #compareBlock thead, #compareBlock tbody, #compareBlock tr { width: 600px; } #compareBlock tbody { overflow-y: auto; overflow-x: auto; position: relative; } #compareBlock tbody td, #compareBlock thead th { width: 200px; } #compareBlock table { width: 100%; table-layout: auto; border-collapse: collapse; } #topScroll{ display: none; } .right .propList { margin-top: 9px!important; } } /* End */ /* Start:/local/templates/dresscode/template_styles.css?1737021535213948*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } body{ font: normal normal 14px 'robotoregular', "roboto_ltregular" , arial , sans-serif; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background-color: #ffffff; line-height: 21px; margin: 0; line-height: 1.7; } img{ border: 0; } input{ font: normal normal 13px "roboto_ltregular" , arial , sans-serif; outline: none; } input[placeholder]{ text-overflow: ellipsis; } input::-moz-placeholder{ text-overflow: ellipsis; } input:-moz-placeholder{ text-overflow: ellipsis; } input:-ms-input-placeholder{ text-overflow: ellipsis; } 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; } .custom-input{ position: relative; } .custom-input input{ position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; } .custom-input .state{ position: relative; padding-left: 1.5em; font-weight: normal; } .custom-input input:checked ~ .state:after{ content: ''; position: absolute; top: 0em; left: 0; width: 8px; height: 8px; margin: 4px; background: #e2dfdf; border: 1px solid transparent; } .custom-input input ~ .state:before{ content: ''; position: absolute; top: 0em; left: 0; width: 16px; height: 16px; border: 1px solid #e2dfdf; } .custom-select{ position: relative; display: inline-block; vertical-align: top; margin: 0.5em 0; min-width: 300px; } .custom-select:after{ content: ''; position: absolute; top: 50%; margin-top: -2px; right: 0.5em; border: 4px solid transparent; border-width: 4px 3px; border-top-color: #e2dfdf; } .custom-select select{ -webkit-appearance: none; appearance: none; border: 1px solid #e2dfdf; padding: 0.25em 0.5em; width: 100%; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } a{ outline: none; } .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{ display: block; line-height: normal; font-weight: 400; text-align: left; color: #000000; } .h1, h1{ font-size: 36px; line-height: 40px; margin: 0 0 24px; } .h2, h2{ font-weight: 600; font-size: 32px; } .h3, h3{ font-size: 20px; margin-bottom: 10px; } .h4, h4{ font-size: 18px; margin-bottom: 10px; } b, strong{ font-family: 'robotobold'; font-weight: 400; } *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #topHeader{ position: relative; min-width: 320px; height: 30px; z-index: 35; } .loading #topHeader, .loading #topHeader2, .loading #topHeader3, .loading #topHeader4, .loading #topHeader5, .loading #topHeader6, .loading #topHeader7, .loading #topHeader8, .loading #topHeader9{ overflow: hidden; } .loading #topMenu{ opacity: 0; } .bold{ font-family: 'robotobold'; font-weight: 600; font-size: 20px; } /* 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; } #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{ transition: all 0.7s; } /* Sub Header */ #subHeader7 .firstPhones .heading a, #subHeader7 .secondPhones .heading a { font-size: 14px; } #subHeader{ min-width: 320px; height: 102px; z-index: 3; } .loading #subHeader, .loading #subHeader2, .loading #subHeader3, .loading #subHeader4, .loading #subHeader5, .loading #subHeader6, .loading #subHeader7, .loading #subHeader8, .loading #subHeader9, .loading #subHeaderV2{ overflow: hidden; } #subHeaderV2{ background-color: #ffffff; } #subHeaderV2 .subHeaderContainer{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #subHeaderV2 .subHeaderLeft, #subHeaderV2 .subHeaderCenter, #subHeaderV2 .subHeaderRight{ vertical-align: middle; display: table-cell; } #subHeaderV2 .subHeaderLeft{ width: 680px; } #subHeaderV2 .subHeaderCenter{ text-align: center; } #subHeaderV2 .subHeaderRight{ text-align: right; } #headerLine4 .subTable { display: flex; align-items: center; justify-content: space-between; column-gap: 6px; min-height: 58px; } #subHeader7 .subTableRow { justify-content: space-between; display: flex; min-height: 68px; align-items: center; column-gap: 12px; } #topAuth { padding-left: 25px; position: relative; } .top-auth-login a, .top-auth-register a { font-size: 16px; color: #2233CF; text-decoration: none; } .top-auth-login a:hover, .top-auth-register a:hover { text-decoration: underline; } #topAuth::after { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: url('/local/templates/dresscode/images/user.svg') center / cover no-repeat; } .topAuth__list { display: flex; column-gap: 8px; margin: 0; padding: 0; line-height: 1.3; } .heading.orange { display: flex; align-items: center; column-gap: 12px; background: #2233CF; padding: 6px 25px; line-height: 1.3; } .topAuth__list li::marker{ content: none; } .dropdown-holder a img { width: 20px; height: 20px; } .dropdown-holder a span { font-size: 16px; line-height: 20px; } #headerLine4 .subTableColumn { display: flex; } #subHeader7 .subTableColumn:first-child { width: auto; text-align: left; display: flex; column-gap: 12px; } #headerLine4 .subTableColumn:last-child, #subHeader7 .subTableColumn:last-child { width: auto; text-align: left; } #subHeader7 .subTableColumn:nth-child(2), #subHeader7 .subTableColumn:nth-child(3) { padding: 0 !important; width: auto !important; } #logo { border: none; } #logo img { display: block; width: 170px; } #subMenu { display: flex; vertical-align: normal; white-space: nowrap; text-align: left; visibility: hidden; list-style: none; margin: 0; height: auto; padding: 0; opacity: 0; } .phonesTc { display: flex; flex-direction: column; line-height: 1.3; text-align: right; } .phonesTc span a { font-size: 14px; line-height: 20px; color: #1F32D8; text-decoration: none; } .phonesTc span a:hover { text-decoration-line: underline; color: #1F32D8; } .phonesTc a { color: #62B884; font-weight: 500; font-size: 14px; transition: color 0.3s; } .phonesTc a:hover { color: #168B5A; } #headerLine4 #geoPosition { padding-left: 0; } #topSearch2 { max-width: 446px; } #headerLine4 #subMenu .removedItemsContainer { opacity: 0; } /* #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: 0; } #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; } #changeYouCity{ position: relative; min-width: 320px; padding: 18px 0; display: none; } #changeYouCity .limiter{ position: relative; } #changeYouCity .heading{ font-size: 21px; display: block; } #changeYouCity .list{ text-align: center; overflow: hidden; } #changeYouCity .list li{ margin-top: 12px; text-align: left; float: left; width: 25%; } #changeYouCity .list li a{ text-decoration: none; font-size: 14px; } #changeYouCity .list li a:hover{ text-decoration: underline; } #changeYouCity #cityClose{ text-decoration: none; position: absolute; padding: 4px 12px; font-size: 14px; display: block; right: 24px; top: 0; } #changeYouCity #cityClose ins{ display: inline-block; margin-right: 6px; height: 10px; width: 10px; } #topMenu .bar > a{ background: url(/local/templates/dresscode/images/menuMore.png) 0 50% no-repeat transparent; } #topHeader.color_default #topMenu .bar > a{ background-image: url(/local/templates/dresscode/images/menuMore2.png) } #topHeader.color_default #topMenu .sub{ background-color: #fbfbfb; } #topHeader.color_default #topMenu .sub li:hover { background: #f9f9f9; } #topHeader.color_default #topMenu .sub li{ border-top: 1px solid #f3f3f3; border-bottom: 0px; } #topMenu .bar > a:hover, #topMenu .bar.active > a{ background: url(/local/templates/dresscode/images/menuMore.png) -21px 50% no-repeat transparent; } #main{ margin-top: 24px; min-width: 320px; } #main .compliter{ border-collapse: collapse; /*table-layout: fixed;*/ /*display: table;*/ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .hidden-desktop{ display: none; } #left{ flex: 0 0 295px; } .header-catalog-menu, #left .heading{ font-family: "roboto_ltregular"; text-decoration: none; padding: 6px 24px; line-height: 50px; font-weight: 400; font-size: 18px; display: block; height: 50px; border-radius: 6px; } .header-catalog-menu{ display: inline-block; font-weight: bold; color: #fff; white-space: nowrap; font-size: 16px; height: 28px; line-height: 28px; } .header-catalog-menu .line-holder{ display: inline-block; vertical-align: middle; margin-right: 5px; } .header-catalog-menu .line-holder .line{ width: 18px; height: 2px; display: block; margin: 3px 0; background: #fff; border-radius: 2px; transition: opacity 0.3s ease-out, transform 0.3s ease-out, background-color 0.3s ease-out; } .header-catalog-menu .line-holder .line-1{margin-top: 0;} .header-catalog-menu .line-holder .line-3{margin-bottom: 0;} .header-catalog-menu span{ vertical-align: middle; } .header-catalog-menu .arrow, #left .heading .arrow{ background-position: -27px 50%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #left .heading.opened .arrow{ -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled + .collapsed{ display: none; } #left .heading ins{ vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 50px; height: 50px; float: right; width: 27px; } #left .sideBlock .heading{ -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 60px; font-size: 16px; height: 60px; } #left .sideBlock a.heading:hover{ opacity: 0.95; } #left #subscribe .copy{ text-align: center; margin: 12px auto; line-height: 24px; font-size: 12px; display: block; width: 90%; } #left .banner{ text-align: center; margin-top: 24px; } #left .banner img{ max-height: 100%; vertical-align: middle; max-width: 100%; } #right{ /*display: table-cell; vertical-align: top;*/ width: 100%; } #left + #right{ padding-left: 20px; width: calc(100% - 315px); } .flex-block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .left-block{ -webkit-flex: 1 1; -moz-flex: 1 1; -ms-flex: 1 1; -o-flex: 1 1; flex: 1 1; padding-right: 24px; } .right-block{ min-width: 25%; width: 25%; } .left-banner{ line-height: 0; height: 200px; margin-bottom: 25px; } .left-banner:last-child{ margin-bottom: 0; } .left-banner a{ display: block; width: 100%; height: 100%; } .left-banner img{ width: 100%; height: 100%; object-fit: cover; object-position: center bottom; } #topSearch2 .searchContainerInner, #topSearch2 .searchContainer{ line-height: 38px; height: 38px; } #topSearch2 #goSearch { display: none; } #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: 557px; } #slider ul li img{ width: auto; display: inline-block; margin-left: -120px; } #slider ol{ position: absolute; list-style: none; margin: 0px; padding: 0px; left: 50%; bottom: 12px; } #main.color_black #slider .sliderContent{ color: #ffffff; } #main.color_white #left #leftMenu{ border: 1px solid #eeeeee; } #main.color_white #left #subLeftMenu{ border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } #main.color_white #leftMenu{ background-color: #ffffff !important; } #main.color_white #leftMenu > li{ background-color: #ffffff !important; } #main.color_white #leftMenu li .menuLink{ color: #000000 !important; } #main.color_white #leftMenu > li:hover, #leftMenu .activeDrop{ color: #f6f6f6 !important; } #main.color_white #subLeftMenu{ border-top: 1px solid #eeeeee !important; background-color: #ffffff !important; } #main.color_white #subLeftMenu a{ color: #000000 !important; } #popCats{ margin-top: 24px; } #popCats .sideBlockContent { padding: 12px; border-top: 0; } #popCats ul { list-style: none; padding: 0; margin: 0; } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } #popCats li span, #popCats li a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block; } #collectionList { margin-top: 24px; position: relative; overflow: hidden; } #collectionCarousel { position: relative; overflow: hidden; margin: 0 -12px; } #collectionCarousel > ul { list-style: none; padding: 0; margin: 0; } #collectionCarousel > ul li { width: 33.3131313%; float: left; } #collectionList .collection { position: relative; padding: 0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #collectionList .collection .wrap { border-bottom: none; overflow: hidden; padding: 12px; } #collectionList .collection .heading { text-decoration: none; margin-bottom: 12px; line-height: 24px; font-weight: 700; font-size: 18px; height: auto; padding: 0; } #collectionList .collectionDesc { line-height: 18px; font-size: 12px; } #collectionList .goTo { vertical-align: middle; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } #collectionList .pic { display: block; margin-bottom: 18px; text-align: center; line-height: 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, #specialBlock{ display: table-cell; vertical-align: top; } #bannersBlock, #specialBlock { padding-left: 12px; position: relative; overflow: hidden; width: 356px; } #specialBlock{ padding-left: 24px; width: 344px; } #left #specialBlock{ margin-bottom: 24px; padding-left: 0px; display: block; width: 100%; } #bannersBlock ul { list-style: none; padding: 0; margin: 0; } #bannersBlock ul li { float: left; } #bannersBlock ul a { display: block; line-height: 0; } #bannersBlock ul li:first-child { margin-bottom: 12px; float: none; } #bannersBlock ul li:first-child + li { padding-right: 12px; } #right .heading{ display: block; margin-bottom: 24px; padding-left: 16px; font-size: 18px; line-height: 50px; height: 50px; } #footer{ padding: 28px 0; background: #282943; } #footer.variant_2 #leftFooter, #footer.variant_4 #leftFooter{ color: #ffffff; } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_7 #leftFooter, #footer.variant_7 #footerBottom, #footer.variant_8 #leftFooter, #footer.variant_8 #footerBottom{ background-color: #ffffff; } #footer.variant_6 #leftFooter, #footer.variant_7 #rightFooter{ background-color: #f3f3f3; } #footer.variant_5 #footerBottom, #footer.variant_6 #footerBottom, #footer.variant_8 #footerBottom{ border-top: 1px solid #f1f1f1; } #footer.variant_7 #footerBottom{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_8 #footerBottom{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.15); } #footer.variant_2 #leftFooter a, #footer.variant_4 #leftFooter a{ color: #ffffff; } #footer.variant_5 #leftFooter a, #footer.variant_6 #leftFooter a, #footer.variant_7 #leftFooter a, #footer.variant_8 #leftFooter a{ color: #000000; } #footer.variant_2 #leftFooter a:hover, #footer.variant_4 #leftFooter a:hover{ opacity: 0.8; } #footer.variant_2 #leftFooter .selected, #footer.variant_4 #leftFooter .selected{ opacity: 0.7; } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading{ /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */ } #footer.variant_5 #leftFooter .heading, #footer.variant_6 #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{ /* border-top: 1px solid rgba(255, 255, 255, 0.2); */ } #footer.variant_5 #leftFooter ul li, #footer.variant_6 #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_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_6 #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_3 #rightFooter, #footer.variant_3 #rightFooter p, #footer.variant_3 #rightFooter .list li, #footer.variant_3 #rightFooter .telephone, #footer.variant_3 #rightFooter .showMap, #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .telephone, #footer.variant_4 #rightFooter .showMap, #footer.variant_8 #rightFooter, #footer.variant_8 #rightFooter p, #footer.variant_8 #rightFooter .list li, #footer.variant_8 #rightFooter .telephone, #footer.variant_8 #rightFooter .showMap{ color: #ffffff; } #footer.variant_8 #rightFooter .showMap:hover{ opacity: 0.7; } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email, #footer.variant_6 #rightFooter, #footer.variant_6 #rightFooter p, #footer.variant_6 #rightFooter .list li, #footer.variant_6 #rightFooter .email, #footer.variant_7 #rightFooter, #footer.variant_7 #rightFooter p, #footer.variant_7 #rightFooter .list li, #footer.variant_7 #rightFooter .email{ color: #000000; } #footer.variant_5 #rightFooter .email a, #footer.variant_6 #rightFooter .email a, #footer.variant_7 #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_3 #rightFooter .showMap:hover, #footer.variant_4 #rightFooter .showMap:hover{ opacity: 0.8; } #footer.variant_3 #rightFooter .telephone, #footer.variant_4 #rightFooter .telephone{ font-family: "robotomedium"; margin-top: 12px; } #footer.variant_3 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_8 #rightFooter .hr{ border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 #rightFooter .hr, #footer.variant_6 #rightFooter .hr, #footer.variant_7 #rightFooter .hr{ border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #footerBottom{ border-top: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_4 #footerBottom .sn .vk{ background: url(/local/templates/dresscode/images/snC.png) 0 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .fb{ background: url(/local/templates/dresscode/images/snC.png) -60px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .od{ background: url(/local/templates/dresscode/images/snC.png) -120px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .tw{ background: url(/local/templates/dresscode/images/snC.png) -180px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .go{ background: url(/local/templates/dresscode/images/snC.png) -240px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .yo{ background: url(/local/templates/dresscode/images/snC.png) -300px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .vk:hover{ background-position: 0 -60px; } #footer.variant_4 #footerBottom .sn .fb:hover{ background-position: -60px -60px; } #footer.variant_4 #footerBottom .sn .od:hover{ background-position: -120px -60px; } #footer.variant_4 #footerBottom .sn .tw:hover{ background-position: -180px -60px; } #footer.variant_4 #footerBottom .sn .go:hover{ background-position: -240px -60px; } #footer.variant_4 #footerBottom .sn .yo:hover{ background-position: -300px -60px; } #footer.variant_5 #footerBottom .sn .vk, #footer.variant_6 #footerBottom .sn .vk, #footer.variant_7 #footerBottom .sn .vk, #footer.variant_8 #footerBottom .sn .vk{ background: url(/local/templates/dresscode/images/snW.png) 0 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .fb, #footer.variant_6 #footerBottom .sn .fb, #footer.variant_7 #footerBottom .sn .fb, #footer.variant_8 #footerBottom .sn .fb{ background: url(/local/templates/dresscode/images/snW.png) -60px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .od, #footer.variant_6 #footerBottom .sn .od, #footer.variant_7 #footerBottom .sn .od, #footer.variant_8 #footerBottom .sn .od{ background: url(/local/templates/dresscode/images/snW.png) -120px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .tw, #footer.variant_6 #footerBottom .sn .tw, #footer.variant_7 #footerBottom .sn .tw, #footer.variant_7 #footerBottom .sn .tw{ background: url(/local/templates/dresscode/images/snW.png) -180px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .go, #footer.variant_6 #footerBottom .sn .go, #footer.variant_7 #footerBottom .sn .go, #footer.variant_8 #footerBottom .sn .go{ background: url(/local/templates/dresscode/images/snW.png) -240px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .yo, #footer.variant_6 #footerBottom .sn .yo, #footer.variant_7 #footerBottom .sn .yo, #footer.variant_8 #footerBottom .sn .yo{ background: url(/local/templates/dresscode/images/snW.png) -300px 0 no-repeat transparent; } #footer.variant_5 #footerBottom .sn .vk:hover, #footer.variant_6 #footerBottom .sn .vk:hover, #footer.variant_7 #footerBottom .sn .vk:hover, #footer.variant_8 #footerBottom .sn .vk:hover{ background-position: 0 -60px; } #footer.variant_5 #footerBottom .sn .fb:hover, #footer.variant_6 #footerBottom .sn .fb:hover, #footer.variant_7 #footerBottom .sn .fb:hover, #footer.variant_8 #footerBottom .sn .fb:hover{ background-position: -60px -60px; } #footer.variant_5 #footerBottom .sn .od:hover, #footer.variant_6 #footerBottom .sn .od:hover, #footer.variant_7 #footerBottom .sn .od:hover, #footer.variant_8 #footerBottom .sn .od:hover{ background-position: -120px -60px; } #footer.variant_5 #footerBottom .sn .tw:hover, #footer.variant_6 #footerBottom .sn .tw:hover, #footer.variant_7 #footerBottom .sn .tw:hover, #footer.variant_8 #footerBottom .sn .tw:hover{ background-position: -180px -60px; } #footer.variant_5 #footerBottom .sn .go:hover, #footer.variant_6 #footerBottom .sn .go:hover, #footer.variant_7 #footerBottom .sn .go:hover, #footer.variant_8 #footerBottom .sn .go:hover{ background-position: -240px -60px; } #footer.variant_5 #footerBottom .sn .yo:hover, #footer.variant_6 #footerBottom .sn .yo:hover, #footer.variant_7 #footerBottom .sn .yo:hover, #footer.variant_8 #footerBottom .sn .yo:hover{ background-position: -300px -60px; } #footer.variant_4 .sn li:first-child{ border-left: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 .sn li:first-child, #footer.variant_6 .sn li:first-child, #footer.variant_7 .sn li:first-child, #footer.variant_8 .sn li:first-child{ border-left: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 .sn li{ border-right: 1px solid rgba(255, 255, 255, 0.2); } #footer.variant_5 .sn li, #footer.variant_6 .sn li, #footer.variant_7 .sn li, #footer.variant_8 .sn li{ border-right: 1px solid rgba(0, 0, 0, 0.1); } #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; } .footer-container, #container, .limiter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1270px; margin: 0 auto; padding: 0 15px; } #leftFooter{ padding: 40px 0 20px; background: transparent; border-bottom: 1px solid #4F5A6E; } #leftFooter .footerRow{ display: flex; flex-wrap: wrap; column-gap: 107px; } #leftFooter .column{ flex: 0 0 315px; margin-bottom: 20px; } #leftFooter .heading{ margin-bottom: 16px; font-size: 18px; border-bottom: 1px solid transparent; color: #fff; display: block; } #leftFooter ul{ list-style: none; padding: 0; margin: 0; } #leftFooter ul li:first-child{ /* border: 0; */ } #leftFooter ul li{ border-top: 1px solid transparent; } #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: 16px; padding: 6px 0; display: block; } #rightFooter{ -webkit-box-sizing: border-box; -moz-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; } #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: 12px; font-size: 22px; display: block; } #rightFooter .telephone a{ color: #fff; text-decoration: none; } #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{ max-width: 150px; margin-bottom: 1em; } #rightFooter .logo img{ vertical-align: middle; max-height: 100%; max-width: 100%; } #rightFooter .logo a:active{ position: relative; top: 1px; } .logo a { display: block; text-align: right; } #footerBottom{ line-height: 60px; overflow: hidden; height: 60px; clear: both; background: transparent; } #footerBottom .creator a{ font-size: 12px; text-decoration: none; color: #4F5A6E; } #footerBottom .creator a:hover{ color: #2a65d0; } #footerBottom .creator img{ vertical-align: middle; margin-top: 12px; max-width: 140px; display: block; } #footerBottom .social{ float: left; padding-left: 24px; } #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{ position: absolute; min=height: 400px; max-width: 700px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #FFFFFF; box-shadow: 0px 0px 21px rgba(42, 101, 208, 0.2); border-radius: 12px; } #appBasket .close { background-image: url("/local/templates/dresscode/images/x.svg"); } #appBasket .heading{ background: #F4F6FB; position: relative; text-align: center; padding: 16px 0; font-size: 18px; color: #21222D; font-weight: 600; line-height: 150%; font-size: 32px; border-radius: 12px 12px 0px 0px; } #appBasket .close{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appBasket .container{ padding: 0 90px; display: flex; column-gap: 40px; justify-content: center; } .tools__inner { display: flex; justify-content: center; column-gap: 10px; } .tools__btn { color: #21222D; font-size: 14px; text-decoration: none; display: flex; align-items: center; column-gap: 8px; padding: 12px 20px; border: 1px solid #2233CF; box-sizing: border-box; border-radius: 8px; } #appBasket .lower .tools .icon:hover, .tools__btn:hover { background: #e0e3ff; } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px; } #appBasket .rating { position: absolute; left: 90px; top: 90px; z-index: 2; width: 79px; } #appBasket .rating i { background: url(/local/templates/dresscode/images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #appBasket .rating i.m { background: url(/local/templates/dresscode/images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #appBasket .markerContainer .marker { font: normal normal 12px "roboto_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; } #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: 18px; line-height: 150%; display: block; } #appBasket .price{ display: block; opacity: 0; } #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 .close:hover { background-position: 0; } #appBasket .qty{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appBasket .qty.error{ border: 1px solid #ff0000; } #appBasket .sum{ font-family: 'robotobold'; font-weight: 600; font-size: 28px; line-height: 140%; margin-bottom: 20px; } #appBasket .sum .discount{ font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px; } #appBasket .lower{ background: #F4F6FB; border-radius: 0px 0px 12px 12px; padding: 20px 0; } #appBasket .lower .tools{ } #appBasket .lower tbody{ vertical-align: top; } #appBasket .lower .tools td{ padding: 0; } #appBasket .lower .tools .icon{ border: none; display: flex; justify-content: center; align-items: center; padding: 0 12px; border-radius: 8px; cursor: pointer; border: 1px solid #2233CF; } /* #appBasket .lower .tools .av:hover{ background: unset; } */ /* #appBasket .lower .tools .icon a{ text-decoration: none; color: transparent; display: block; }*/ #appBasket .lower .tools .icon .ico{ vertical-align: middle; display: inline-block; height: 16px; width: 17px; } #appBasket .lower .tools .addCompare .ico{ background: url(/local/templates/dresscode/images/compare.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico{ background: url(/local/templates/dresscode/images/compareActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico{ background: url(/local/templates/dresscode/images/wishlist.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico{ background: url(/local/templates/dresscode/images/wishlistActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock .ico{ background: url(/local/templates/dresscode/images/inStock.png) 0 0 no-repeat transparent; border-bottom: 0 !important; } #appBasket .lower .tools .outOfStock .ico{ background: url(/local/templates/dresscode/images/outOfStock.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico{ background: url(/local/templates/dresscode/images/onOrder.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico{ background: url(/local/templates/dresscode/images/delete.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .continue{ text-align: center; width: 50%; } #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a{ line-height: 60px; text-decoration: none; font-size: 14px; display: block; } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text{ margin-top: 2px; display: inline-block; } #appBasket .lower .tools .goToBasket img{ margin-top: -3px; } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img{ vertical-align: middle; padding-right: 12px; } #appBasket .lower .tools .goToBasket{ text-align: center; width: 50%; } #appFastBuy{ -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{ 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; -moz-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; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; width: 354px; height: 50px; border: 0; } #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; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 90px; 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{ transform: translateY(50%); -webkit-box-sizing: border-box; -moz-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; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px; } #appFastBuyContainer #fastBuyPicture .url{ 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(/local/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastBuy .close:hover{ background-position: 0 -21px ; } #appFastBuy .close:active{ background-position: 0 -42px ; } /*----блок быстрый просмотр----*/ #appFastView { background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 999; height: 100%; width: 100%; left: 0px; top: 0px; } .appFastViewContainer { background-color: #ffffff; position: absolute; left: 50%; top: 50%; max-width: 820px; width: 100%; border: 1px solid #F4F6FB; box-shadow: 0px 0px 21px rgba(42, 101, 208, 0.2); border-radius: 12px; padding: 38px 80px; transform: translate(-50%, -50%) } .appFastViewExit { position: absolute; top: 25px; right: 25px; } .appFastViewColumnContainer__inner { display: flex; column-gap: 60px; margin-bottom: 50px; } .appFastViewProductProperties { max-height: 210px; } .propertyList { max-height: 150px; overflow: auto; } .appFastViewDescriptionColumn { max-height: 355px; overflow: hidden; } .appFastViewProductHeading { font-weight: 600; font-size: 32px; line-height: 150%; color: #21222D; margin-bottom: 19px; margin-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .appFastViewProductPropertiesHeading { color: #4F5A6E; font-size: 16px; line-height: 150%; margin-bottom: 16px; } .propertyTable { display: flex; column-gap: 20px; margin-bottom: 5px; } .propertyName { flex: 0 0 205px; color: #B0B0B6; font-size: 16px; line-height: 150%; } .appFastViewDescriptionColumn .price { font-weight: 600; font-size: 28px; color: #21222D; display: block; } .appFastViewColumnContainer .label { color: #4F5A6E; text-decoration: none; margin-right: 32px; line-height: 18px; font-size: 14px; white-space: nowrap; transition: color 0.3s; } .appFastViewColumnContainer .label i { color: #aaa; font-size: 14px; vertical-align: middle; margin-right: 5px; transition: color 0.3s; } .appFastViewColumnContainer .appFastViewMoreLink { color: #3476EF; display: inline-flex; align-items: center; column-gap: 5px; text-decoration: none; font-size: 14px; transition: color 0.3s; } .appFastViewColumnContainer .appFastViewMoreLink:hover, .appFastViewColumnContainer .label:hover, .appFastViewColumnContainer .label:hover i { color: #2a65d0; } .appFastViewColumnContainer .addWishlist { margin-right: 105px; } /* .appFastViewPictureSliderItem { display: none; } .appFastViewPictureSliderItem.active { display: block; } */ /*----/ блок быстрый просмотр /----*/ #personalCart input[name="BuyButton"]{ margin-bottom: 24px; margin-top: 24px; display: block; } #footerTabsCaption{ line-height: 85px; margin-top: 24px; height: 85px; } #footerTabsCaption .items{ text-align: center; overflow: hidden; } #footerTabsCaption .item:last-child{ margin-right: 0px; } #footerTabsCaption .item{ vertical-align: middle; display: inline-block; margin-right: 24px; } #footerTabsCaption .item a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #footerTabs{ overflow: hidden; } #footerTabs .tab{ display: none; } #footerTabs .tab.selected{ display: block; } /* #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid{ box-shadow: none; } */ /* #footerTabs .product:hover .tabloid{ border-color: transparent; } #personalCart .product:hover .tabloid{ border-bottom-color: #e7e8ea; } */ #footerLine{ line-height: 55px; position: fixed; z-index: 999; height: 55px; width: 100%; bottom: 0; } #footerLine.color_white{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25); background-color: #ffffff; border-color: #f3f3f3; } #footerLine.color_theme{ 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(/local/templates/dresscode/images/compareFooterMinC.png); } #footerLine.color_theme .item .wishlist .icon{ background-image: url(/local/templates/dresscode/images/wishlistFooterMinC.png); } #footerLine.color_theme .item .cart .icon{ background-image: url(/local/templates/dresscode/images/cartFooterMinC.png); } #footerLine.color_theme .item .callback .icon{ background-image: url(/local/templates/dresscode/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; -moz-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 .col:first-child .item:first-child{ margin-left: 24px; } */ #footerLine .item{ display: inline-block; vertical-align: middle; margin-right: 24px; } #footerLine .item a:active{ position: relative; top: 1px; } #footerLine .item:last-child{ margin-right: 0px; } #authMenu{ margin-bottom: 24px; overflow: hidden; list-style: none; padding: 0; } #authMenu li{ margin-bottom: 24px; margin-right: 24px; float: left; } #authMenu li:last-child{ margin-right: 0; } #authMenu li a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 16px; } #authMenu li a:active{ position: relative; top: 1px; } #authMenu li .selected{ font-family: 'robotobold'; padding-bottom: 4px; } #empty{ overflow: hidden; } #empty .emptyWrapper{ padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer{ margin-right: 24px; float: left; } #empty h3{ font-family: 'robotobold'; text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0; } #empty p{ font-size: 14px; } #empty a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #empty a:active{ position: relative; } #empty a img{ vertical-align: middle; padding-right: 12px; } #empty .emptyTitle{ text-transform: uppercase; font-family: 'robotobold'; margin-top: 24px; font-size: 14px; } #empty .emptyMenu{ margin: 24px 0 0 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li{ margin-bottom: 12px; width: 33.333333%; float: left; } #empty .emptyMenu li img{ max-height: 64px; max-width: 64px; } #empty .back{ padding-bottom: 2px; } #empty .back:active{ position: relative; top: 1px; } #overlap{ background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0px; top: 0px; } #searchOverlap{ background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 34; left: 0px; top: 0px; } /* CLASSES */ .ajaxContainer{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ajaxContainer.loading{ opacity: 0.5; } .productList{ display: flex; column-gap: 20px; flex-wrap: wrap; border: none; padding: 0; } .productList li::marker { content: none } .productListLine4 .product{ width: 25%; } .productList li { flex: 0 0 232px; } #bigDataCarousel .productList .item { position: relative; padding: 20px; background: #FFFFFF; border: 3px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; min-height: 325px; margin-bottom: 20px; min-width: auto; } .product { position: relative; padding: 24px 28px 36px; background: #FFFFFF; border: 3px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; width: 100%; min-width: 295px; flex: 0 0 295px; min-height: 450px; margin-bottom: 20px; } /* .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5){ height: 347px; }*/ .product.last{ /* next page */ line-height: 346px; } .product .tabloid{ /* -webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; overflow: hidden; padding: 12px; /*border: 1px solid #e7e8ea;*/ height: 100%; z-index: 1; */ } .product .markerContainer{ position: absolute; z-index: 88; left: 8px; top: 8px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .product .marker { display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; border-radius: 2px; padding: 2px 7px 2px; margin: 0px 2px 4px; z-index: 2; } .product .rating { position: absolute; width: 81px; z-index: 2; right: 8px; top: 8px; } .product .rating i { background: url(/images/stars_grey.svg) transparent; position: absolute; display: block; height: 14px; width: 81px; left: 0px; top: 0px; } .product .rating i.m { background: url(/images/stars_yellow.svg) transparent; z-index: 10; width: 0px; -webkit-background-size: cover; background-size: cover; } .product .name { transition: color 0.6s; display: block; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 140%; color: #21222D; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article__info-item { color: #B0B0B6; font-size: 16px; line-height: 140%; } .article__info { display: flex; column-gap: 5px; justify-content: space-between; margin-bottom: 16px; } /* .product .middle{ font-weight: 600; font-size: 16px; line-height: 140%; color: #21222D; margin-bottom: 4px; } */ .price{ flex-shrink: 0; font-size: 18px; font-weight: bold; display: flex; column-gap: 30px; justify-content: flex-end; flex-direction: row-reverse; text-decoration: none; } .tradein-price-2 { color: #FA8F6B; } .tradein-price-2 .price-text { margin: 0; } /* .price-double{ display: flex; align-items: flex-end; min-height: 2em; line-height: 1em; margin-bottom: 0.5em; } .price-double *{ display: inline-block; vertical-align: top; margin-right: 0.5em; } */ /* .price-double .tradein-price-2{ color: #73b24e; } */ /* .price-double .normal-price{ font-weight: normal; } .price-double .price-text{ font-size: 0.6em; display: block; line-height: 1.2em; color: #999; } .price-double .normal-price .price-text{ font-weight: normal; color: inherit; } */ .price__inner { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; column-gap: 16px; } span.price-num { display: block; color: #FA8F6B; font-weight: 500; font-size: 18px; line-height: 110%; } .price-text { color: #B0B0B6; font-size: 14px; line-height: 140%; } .normal-price { display: block; font-weight: 600; font-size: 20px; color: #21222D; line-height: 140%; margin-bottom: 16px; } .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; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; text-align: center; height: 180px; overflow: hidden; } .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; width: 164px; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* .product .picture:hover img{ opacity: 0.85; } */ .product .picture:active{ position: relative; top: 1px; } .loading .product .getFastView{ pointer-events: none; } #catalogLineList .picture .getFastView, #specialProduct .productItem .getFastView{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #ffffff; /*display: none;*/ height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%; } .product .getFastView { display: none; position: absolute; top: 50%; left: 50%; background: #FFFFFF; padding: 4px 15px; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 28px; color: #FC916D; border: 1px solid #DBDBE5; box-sizing: border-box; border-radius: 2px; transform: translate(-50%, -50%); white-space: nowrap; cursor: pointer; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView, #specialProduct .productItem .picture:hover .getFastView{ visibility: visible; display: block; opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover, #specialProduct .productItem .getFastView:hover{ opacity: 1; } .product .addCart{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 12px 24px; font-weight: 600; font-size: 16px; text-align: center; display: block; text-decoration: none; border-radius: 4px; background: #2233CF; line-height: 100%; border: 2px solid transparent; cursor: pointer; } .product .addCart:hover { background: #101FAB; box-shadow: 0px 3px 6px 2px rgba(63, 91, 134, 0.06); } .product .addCart:focus { border: 2px solid #CCE4FF; box-sizing: border-box; box-shadow: 0px 3px 6px 2px rgba(63, 91, 134, 0.06); } .product .icon{ vertical-align: middle; display: inline-block; } .product .addCart .icon{ padding-right: 12px; margin-top: -4px; } .product .row{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; column-gap: 24px; } .product .label{ -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: 18px; font-size: 14px; display: block; float: left; width: 55%; white-space: nowrap; } .product .label i{ color: #aaa; font-size: 14px; vertical-align: middle; margin-right: 5px; } .product .label span{ vertical-align: middle; } .product .label:hover, .product .label:hover i{ color: #2a65d0; } .product .row .label:last-child{ width: 45%; } .product .optional{ margin-top: 1em; } .product .label .icon{ padding-right: 6px; margin-top: -4px; } .inStock{ color: #73b24e !important; text-decoration: none; } .inStock:hover{ color: #73b24e !important; } a.inStock span{ border-bottom: 1px dashed #73b24e !important; } a.inStock:hover span{ opacity: 0.8; } .outOfStock{ color: #ff0000; } .outOfStock:hover{ color: #ff0000; } .product .skuPropertyList{ overflow: hidden; list-style: none; padding: 0px; margin: 0px; } .product .skuProperty{ overflow: hidden; margin: 12px 0; } .product .skuPropertyName{ padding-bottom: 2px; padding-left: 2px; font-size: 13px; } .product .skuProperty li{ box-sizing: border-box; overflow: hidden; padding: 4px; float: left; min-width: 20%; } .product .skuProperty .selected .skuPropertyLink{ pointer-events: none; position: relative; /*top: -2px;*/ } .product .skuProperty .disabled{ display: none; } .product .skuPropertyLink{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 21px; padding: 6px 4px; font-size: 12px; display: block; } .product .skuPropertyLink:hover{ opacity: 0.8; } .product .skuPropertyList img{ vertical-align: middle; max-height: 100%; max-width: 100%; } /* product hover */ .product:hover { border: 3px solid #B0B0B6; box-sizing: border-box; } .product:hover .picture img { opacity: 0.5; } /* .product:hover .tabloid{ box-shadow: none; border: none; background: #fff; } */ /* .product:hover .morePhoto{ display: block; } */ .product.last .wp{ vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100%; } .product.last .showMore{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100%; } .product.last .showMore:hover{ opacity: 0.7; } .product.last .icon{ display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100%; } .product.last .ps{ font-size: 18px; } .product.last .value{ padding-left: 6px; font-size: 18px; } .product.last .small{ display: inline-block; width: 100%; } .sideBlock .heading{ padding-left: 18px; } .heading.collapsed{ text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: #ffffff; font-size: 16px; } .heading.collapsed ins{ vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px; } .mfeedback .errortext, .mfeedback .mf-ok-text{ font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text + form{ display: none; } .mfeedback .mf-text{ font-size: 14px; margin-top: 8px; } .mfeedback input, .mfeedback textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_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; } .bx-auth { overflow: hidden; } .bx-auth .alert{ font-family: 'robotobold'; text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px; } .bx-auth .alert.small{ font-family: "roboto_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-policy{ max-width: 600px; font-size: 0.9em; line-height: 1.2em; margin: 1em 0; color: #999; } .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(/local/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent; } .bx-auth input[type="radio"] + label:before { background: url(/local/templates/dresscode/images/radio.png) 0 0 no-repeat transparent; } .bx-auth input[type="checkbox"]:not(checked) + label:before, .bx-auth input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .bx-auth input[type="checkbox"]:not(checked) + label:hover:before, .bx-auth input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .bx-auth input[type="checkbox"]:checked + label:before, .bx-auth input[type="radio"]:checked + label:before { background-position: 0 -34px; } .bx-auth input[type="checkbox"]:checked + label:hover:before, .bx-auth input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .bx-auth input[type="checkbox"]:disabled + label, .bx-auth input[type="radio"]:disabled + label { cursor: default; } .bx-auth input[type="checkbox"]:disabled + label:before, .bx-auth input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .bx-auth input[type="text"], .bx-auth input[type="password"] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; margin-top: 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; } .clear-both{ clear: both; width: 100%; height: 0; margin: 0; padding: 0; bottom: 0; } .bx-auth .submit:active { position: relative; top: 1px; } .bx-auth .forgot, .bx-auth .registerLink{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-left: 12px; } .bx-auth .registerLink{ margin-left: 0; } .blackLink, .backToIndexPage{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog-item-links{ margin-bottom: 12px; } .catalog-detail{ margin-bottom: 12px; } .contactList { margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0; } .contactList li{ float: left; width: 25%; } .contactList li table{ table-layout: fixed; width: 100%; } .contactList li table td{ vertical-align: middle; text-align: left; } .contactList li table td:first-child{ padding-right: 12px; text-align: center; width: 42px; } .contactList li table td img{ vertical-align: middle; } .contactList a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .contactLabel{ font-size: 16px; margin-top: 0; } .blurred{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: #ffffff; } /*.product .pic:hover img{}*/ .copyright img{ vertical-align: middle; } .sn{ overflow: hidden; float: right; } .sn li{ line-height: 60px; float: left; } .sn a{ display: block; height: 60px; width: 60px; } .sn .vk{ background: url(/local/templates/dresscode/images/sn.png) 0 0 no-repeat transparent; } .sn .fb{ background: url(/local/templates/dresscode/images/sn.png) -60px 0 no-repeat transparent; } .sn .od{ background: url(/local/templates/dresscode/images/sn.png) -120px 0 no-repeat transparent; } .sn .tw{ background: url(/local/templates/dresscode/images/sn.png) -180px 0 no-repeat transparent; } .sn .go{ background: url(/local/templates/dresscode/images/sn.png) -240px 0 no-repeat transparent; } .sn .yo{ background: url(/local/templates/dresscode/images/sn.png) -300px 0 no-repeat transparent; } .sn .vk:hover{ background-position: 0 -60px; } .sn .fb:hover{ background-position: -60px -60px; } .sn .od:hover{ background-position: -120px -60px; } .sn .tw:hover{ background-position: -180px -60px; } .sn .go:hover{ background-position: -240px -60px; } .sn .yo:hover{ background-position: -300px -60px; } #upButton{ background: url(/local/templates/dresscode/images/up.png) 0 0 no-repeat transparent; position: fixed; cursor: pointer; display: none; bottom: 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{ transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #requestPrice #requestPriceResultTitle{ text-align: center; margin-top: 24px; font-size: 16px; } #requestPrice #requestPriceResultMessage{ text-align: center; margin-top: 24px; } #requestPrice #requestPriceResultClose{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; color: #ffffff; display: block; height: 50px; width: 254px; } #requestPrice #requestPriceResultClose:active{ position: relative; top: 1px; } #requestPrice #requestPriceContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%; } #requestPrice .requestPriceHeading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; height: 60px; } #requestPrice .requestPriceHeading .close{ background: url(/local/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #requestPrice .requestPriceHeading .close:hover{ background-position: 0 -21px ; } #requestPrice .requestPriceHeading .close:active{ background-position: 0 -42px ; } #requestPrice .requstProductContainer{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #requestPrice .productColumn{ vertical-align: middle; display: table-cell; text-align: center; width: 320px; } #requestPrice .productNameBlock { padding: 0 24px; } #requestPrice .productNameBlock .productUrl{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 44px; } #requestPrice .productNameBlock .productUrl:active{ position: relative; top: 1px; } #requestPrice .productImageBlock{ text-align: center; line-height: 270px; display: block; height: 270px } #requestPrice .productImageBlock a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 270px; display: block; height: 270px; } #requestPrice .productImageBlock a:hover{ opacity: 0.8; } #requestPrice .productImageBlock a:active{ position: relative; top: 1px; } #requestPrice .productImageBlock img{ vertical-align: middle; max-height: 100%; max-width: 100%; } #requestPrice .productNameBlock .middle{ line-height: 21px; vertical-align: middle; display: inline-block; } #requestPrice .formColumn{ vertical-align: middle; display: table-cell; width: 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; -moz-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 textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 90px; border: 0; } #requestPrice textarea { background-color: #f3f3f3; } #requestPrice input:focus, #requestPrice textarea:focus{ background-color: #e9e9e9; outline: none; } #requestPrice #requestPriceSubmit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #ffffff; height: 50px; width: 354px; } #requestPrice #requestPriceSubmit:active{ position: relative; top: 1px; } #requestPrice #requestPriceSubmit.loading{ -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9; } #requestPrice #requestPriceSubmit.loading img{ display: none; } #requestPrice #requestPriceSubmit img{ vertical-align: middle; padding-right: 4px; margin-top: -2px; } #requestPrice .markerContainer{ position: absolute; top: 0px; left: 12px; } #requestPrice .error{ border: 1px solid #ff0000; } #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; } #stores{ margin-top: 24px; font-size: 13px; } #stores .wrap{ -webkit-box-sizing: border-box; -moz-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; -moz-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: 100%; } /* panels colors */ body.panels_white #homeCatalog .captionList{ border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; } 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{ /*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 #homeCatalog .heading, body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading{ border: 1px solid #e7e8ea; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; } body.panels_white #homeCatalog .heading, body.panels_white #right #homeCatalog .heading{ margin-bottom: 0; border-bottom: 0; } /*#error404 .wrapper{ width: 1000px; margin: auto; }*/ .clean{ position: relative; overflow: hidden; padding: 0 2px; } /* .limiter{ padding: 0px 30px; max-width: 1840px; min-width: 320px; margin: auto; clear: both; box-sizing: border-box; } */ /* .limiter .compliter > div[id*="bx_"] { width: 355px; padding-right: 24px; display: table-cell; vertical-align: top; } */ /* .limiter .compliter > div[id*="bx_"] #left{ padding-right: 0 } */ /* page styles */ .priceTableContainer{ max-width: 1000px; overflow-x: auto; min-width: 320px; } .priceTableStyle80{ border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .priceTableStyle80 th{ font-family: "robotomedium"; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px; } .priceTableStyle80 td{ border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333; } .mediumText{ font-family: "robotomedium"; } .pagePicture{ max-width: 100%; height: auto; } .skuPropertyValue.loading{ position: relative; } .skuPropertyValue.loading img{ opacity: 0; } .skuPropertyValue.loading:after { content: ""; display: block; width: 20px; height: 20px; position:absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/local/templates/dresscode/images/loaderMin.gif) 50% 50% no-repeat #fff; } .clear{ clear:both; } .hidden { display: none; } .hiddenZone{ display: none; } .pay_system_icons { text-align: end; } .pay_system_icons i{display:inline-block;height:20px;width:34px;background:url(/images/pay_icons.png) no-repeat;margin:0 11px 9px 0} .pay_system_icons span i:last-child{margin-right:0} .pay_system_icons i.cacsh{background-position:0 -1px} .pay_system_icons i.sbrf{background-position:-259px -1px} .pay_system_icons i.alfa{background-position:-305px -1px} .pay_system_icons i.mastercard{background-position:-42px -1px} .pay_system_icons i.visa{background-position:-89px -1px} .pay_system_icons i.yandex_money{background-position:-142px -1px;width:21px} .pay_system_icons i.webmoney{background-position:-182px -1px;margin-right:7px} .pay_system_icons i.qiwi{background-position:-222px -1px;margin-right:0} .social-icons li.telegram a, .soc-avt a i.telegram { background-position: -550px 0px; } .payments_image_holder img{ margin: 0 18px 10px 0; vertical-align: middle; } .payments_image_holder .paypal { vertical-align: bottom; } .payments_image_holder .yad { position: relative; top: -3px; vertical-align: top; } #ORDER_CONFIRM_BUTTON{ text-shadow: none !important; height: 50px !important; line-height: 50px !important; } .addCart.disabled{ pointer-events: none; cursor: default; } .addCart.requestPrice{ background-color: #2b2b2b !important; pointer-events: auto !important; cursor: pointer !important; } .addCart.requestPrice:hover{ opacity: 0.8 !important; } .addCart.requestPrice:active{ position: relative; top: 1px; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 50px; cursor: pointer; padding: 0 48px; height: 50px; border: 0px; } div.bx-debug-summary{ z-index: 99999 !important; } .appZoomContainerExit{ background: url(/local/templates/dresscode/images/exitWindow.png) 0 0 no-repeat transparent; position: absolute; height: 38px; width: 38px; right: -38px; top: -38px; } .appZoomContainerExit:hover{ background-position: 0px -38px; } .appZoomContainerExit:active{ background-position: 0px -76px; } #appZoomWindow .appZoomContainer{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appZoomWindow .appZoomContainer.loading{ background: url(/local/templates/dresscode/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px; } .fastBack.disabled{ /*pointer-events: none;*/ cursor: not-allowed; } .fastBack.disabled:hover{ color: #717171; } .fastBack.disabled:active{ top: 0px; } .getPricesWindow{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer !important; } .getPricesWindow:hover{ color: #444444; } .getPricesWindow:active{ position: relative; top: 1px; } .getPricesWindow .priceIcon{ background: url(/local/templates/dresscode/images/priceInfo.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -2px; height: 21px; width: 21px; } .getPricesWindow .priceIcon:hover{ background-position: 0px -21px; } .getPricesWindow .priceIcon:active{ background-position: 0px -42px; } .global-block-container{ display: flex; column-gap: 30px; justify-content: space-between; margin-bottom: 100px; } .global-content-block{ flex: 0 1 713px; } /* .global-information-block { flex: 0 0 400px; } */ /* .global-information-block{ position: relative; padding-left: 24px; overflow: hidden; width: 280px; } */ .global-information-block.fixed .global-information-block-cn{ padding-top: 24px; overflow: hidden; position: fixed; width: 280px; top: 0px } .global-information-block-hide-scroll{ padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px; } .global-information-block-hide-scroll-cn{ width: 280px; } .global-information-block.max-scroll .global-information-block-cn{ position: absolute; bottom: 0px; top: auto; } .information-heading{ font-family: "robotomedium"; margin-bottom: 12px; font-size: 21px; } .information-text{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555555; } .information-list-item{ border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px 12px; margin-top: 24px; } .information-item-icon{ padding-right: 24px; width: 42px; } .information-list-item a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .information-list-item a:hover{ color: #777777; } .information-list-item a:active{ position: relative; top: 1px; } .information-feedback-container{ margin-top: 24px; } .information-feedback{ -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block; } .information-feedback:active{ position: relative; top: -1px; } .tb{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .tc{ vertical-align: middle; display: table-cell; } #catalog-section-banners{ margin: 24px 0px; clear: both; } #catalog-section-banners li{ list-style: none; } #catalog-section-banners li img{ width: 100%; } #catalog-section-banners ol{ margin: 0px; padding: 0px; list-style: none; position: absolute; left: 50%; bottom:12px; } #catalog-section-banners ol{ position: absolute; left: 50%; bottom: 12px; } #catalog-section-banners ol li{ background: url(/local/templates/dresscode/images/slideButtonSect.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float:left; cursor: pointer; } .webFormMessageContainer{ max-width: 360px; margin-left: -180px; } .webFormMessageDescription{ max-width: 100%; white-space: break-spaces; } .propExpander{ display: none !important; } #smartFilter .paramsBoxTitle{ margin-bottom: 18px !important; } #catalog-section-banners ol li:hover{ background: url(/local/templates/dresscode/images/slideButtonSect.png) -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active{ background: url(/local/templates/dresscode/images/slideButtonSect.png) -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected{ background: url(/local/templates/dresscode/images/slideButtonSect.png) -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover{ background: url(/local/templates/dresscode/images/slideButtonSect.png) -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active{ background: url(/local/templates/dresscode/images/slideButtonSect.png) -90px 0 no-repeat transparent; } #catalog-section-banners .catalog-section-banners-btn-left, #catalog-section-banners .catalog-section-banners-btn-right{ background: url(/local/templates/dresscode/images/slideArrowSect.png) no-repeat transparent; position: absolute; margin-top: -30px; display: block; height: 60px; width: 30px; top: 50%; } #catalog-section-banners .catalog-section-banners-btn-left{ background-position: 0 0; left: 0px; } #catalog-section-banners .catalog-section-banners-btn-left:hover{ background-position: -30px 0; } #catalog-section-banners .catalog-section-banners-btn-left:active{ background-position: -60px 0; } #catalog-section-banners .catalog-section-banners-btn-right{ background-position: 0 -60px; right: 0px; } #catalog-section-banners .catalog-section-banners-btn-right:hover{ background-position: -30px -60px; } #catalog-section-banners .catalog-section-banners-btn-right:active{ background-position: -60px -60px; } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{ color: #23527c !important; } #colorSwitcher{ -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); transform: translateX(192px); background-color: #ffffff; margin-top: -275px; text-align: center; position: fixed; z-index: 99999; height: 550px; width: 192px; right: 0px; top: 50%; } #colorSwitcher:hover{ transform: translateX(0); } #colorSwitcher .settingTouch{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-align: center; position: absolute; line-height: 50px; height: 50px; width: 50px; left: -50px; } #colorSwitcher .settingTouch:hover{ background: #2b2b2b; } #colorSwitcher .settingTouchPicture{ background: url(/local/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px; } #colorSwitcher:hover .settingTouchPicture{ transform: rotate(360deg); } #colorSwitcher .title{ text-transform: uppercase; font-family: 'robotobold'; text-align: center; margin-top: 12px; } #colorSwitcher .items, #colorSwitcher .backgroundItems{ text-align: center; margin-top: 12px; overflow: hidden; } #colorSwitcher .menuSelect{ margin-top: 12px; } #colorSwitcher .menuSelect select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; outline: none; height: 35px; width: 85%; } #colorSwitcher .menuSelect option{ padding: 12px 0px; } #colorSwitcher .item{ margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left; } #colorSwitcher .item:nth-child(3n+1){ /*margin-left: 0px;*/ } #colorSwitcher .close{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.8); text-decoration: none; display: inline-block; margin-top: 8px; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 24px; color: #ffffff; } #colorSwitcher .close:hover{ background-color: rgba(0, 0, 0, 1); } #colorSwitcher .item a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; display: block; height: 48px; width: 48px; } #colorSwitcher .selected a{ background-image: url(/local/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } #colorSwitcher .item .color1{ background-color: #ff9601; } #colorSwitcher .item .color1:hover{ background-color: #ffb800; } #colorSwitcher .item .color2{ background-color: #fb9bad; } #colorSwitcher .item .color2:hover{ background-color: #f3889d; } #colorSwitcher .item .color3{ background-color: #ff855f; } #colorSwitcher .item .color3:hover{ background-color: #e77652; } #colorSwitcher .item .color4{ background-color: #daa550; } #colorSwitcher .item .color4:hover{ background-color: #e4a540; } #colorSwitcher .item .color5{ background-color: #b15b49; } #colorSwitcher .item .color5:hover{ background-color: #a05a4b; } #colorSwitcher .item .color6{ background-color: #f44336; } #colorSwitcher .item .color6:hover{ background-color: #d42d20; } #colorSwitcher .item .color7{ background-color: #acce11; } #colorSwitcher .item .color7:hover{ background-color: #94b20e; } #colorSwitcher .item .color8{ background-color: #27c148; } #colorSwitcher .item .color8:hover{ background-color: #19cc3f; } #colorSwitcher .item .color9{ background-color: #27bfc1; } #colorSwitcher .item .color9:hover{ background-color: #25ccce; } #colorSwitcher .item .color10{ background-color: #3498db; } #colorSwitcher .item .color10:hover{ background-color: #2395e1; } #colorSwitcher .item .color11{ background-color: #2a65d0; } #colorSwitcher .item .color11:hover{ background-color: #0d57dc; } #colorSwitcher .item .color12{ background-color: #0061b2; } #colorSwitcher .item .color12:hover{ background-color: #006ac2; } #colorSwitcher .item .color13{ background-color: #c651d0; } #colorSwitcher .item .color13:hover{ background-color: #d75ee1; } #colorSwitcher .item .color14{ background-color: #c12752; } #colorSwitcher .item .color14:hover{ background-color: #c61c4b; } #colorSwitcher .item .color15{ background-color: #ed1c24; } #colorSwitcher .item .color15:hover{ background-color: #ff232b; } #colorSwitcher .item .white{ background-color: #eeeeee; } #colorSwitcher .item .black{ background-color: #000000; } .colorSwitcherLoader { background-color: rgba(0, 0, 0, 0.4); text-align: center; position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999; } .colorSwitcherLoader svg { height: 180px; width: 180px; margin: auto; overflow: visible; position: absolute; margin-top: -120px; top: 50%; left: 50%; display: none; } .colorSwitcherLoader.visible svg{ display: block; } .bx-soa-pp-company{ z-index: 1 !important; } #bx-soa-order * { -webkit-box-sizing: border-box !Important; -moz-box-sizing: border-box !Important; box-sizing: border-box !Important; } #reformal_tab{ z-index: 9991 !important; } .sale_order_full_table input[name="BuyButton"]{ margin-bottom: 24px; } .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); 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{ transform: translateX(0px); } .templateSwitcherScroll{ overflow: auto; height: 100%; width: 390px; } .templateSwitcherScrollContainer{ -webkit-box-sizing: border-box; -moz-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; background-color: #000000; text-align: center; margin-top: -50px; line-height: 50px; cursor: pointer; position: fixed; z-index: 9999; height: 50px; width: 50px; right: 0px; top: 50%; } .templateSwitcherSettings.active{ right: 360px; } .templateSwitcherSettings.active .templateSwitcherSettingsPicture{ transform: rotate(360deg); } .templateSwitcherSettings:hover{ background-color: #2b2b2b; } .templateSwitcherSettingsPicture{ background: url(/local/templates/dresscode/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: 24px; width: 24px; } .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 .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; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f3f3f3; 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(/local/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } .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; transform-origin: 60px 60px; fill: dodgerblue; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite; } .g--circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9); } .g-circles--v1 .g--circle { fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity; } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke; } .g-circles--v2 .g--circle .u--circle { -webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors; } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3; } .g-circles--v4 .u--circle { -webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } @-webkit-keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @-webkit-keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @-webkit-keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @-webkit-keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @-webkit-keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @-webkit-keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @-webkit-keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75); } } @-webkit-keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } @keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } #subHeader7{ line-height: 0; border: none; position: relative; min-width: 100%; height: auto; } #subHeader7 .subTableColumn .toolsContainer { margin-top: 0px; display: flex; column-gap: 15px; } #subHeader7 .topWishlist, #subHeader7 .topCompare, #subHeader7 .cart { float: none; display: flex; align-items: center; column-gap: 8px; } .cart .countLink img, .topWishlist .icon img, .topCompare .icon img { width: 20px; height: 20px; vertical-align: inherit } .topCompare .value, .topWishlist .value, .cart .count { border: 2px solid #d1d1d1; background-color: #ffffff; border-radius: 50%; position: absolute; text-align: center; overflow: hidden; font-size: 9px; color: #d1d1d1; height: 12px; width: 12px; right: -6px; top: 0; line-height: 12px; } .cart .countLink, .topWishlist .icon, .topCompare .icon{ position: relative; float: none; height: 30px; text-align: center; width: 25px; } .topCompare__text { color: #4F5A6E; } /* #subHeader7 .subTableColumn:nth-child(3){ width: 450px; padding-right: 50px; } #subHeader7 #apply-accum-filter{ float: left; margin-left: 2em; } #subHeader7 .subTableColumn:nth-child(2){ width: 134px; padding-left: 20px; padding-right: 20px; } #subHeader7 .subTableColumn:nth-child(2), #subHeader7 .subTableColumn:nth-child(3){ padding-top: 9px; } */ /*goodde styles*/ .contacts-requisites{ max-width: 800px; } .table-holder{ min-width: 600px; overflow: auto; } .table-holder table{ width: 100%; border: none; border-collapse: collapse; } .table-holder table td{ border: 1px solid #eee; vertical-align: top; padding: 0.5em 0.75em; } .map-holder .map{ position: relative; width: 100%; height: 400px; margin: 2em 0; background-color: #eee; } .map-holder .map.load .preloader{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .map-holder .map .marker{ display: none; } .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.66); z-index: 1000; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; display: none; } .preloader .preloader-item { width: 15.00px; height: 15.00px; margin: 5px; background-color: #094caf; border-radius: 100%; display: inline-block; animation: preload-pulse 1.4s ease-in-out 0s infinite both; } .preloader .preloader-item-1 {animation-delay: -0.32s;} .preloader .preloader-item-2 {animation-delay: -0.16s;} .preloader .preloader-item-3 {animation-delay: -0.0s;} @keyframes preload-pulse { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } .default-items .heading{ background-color: #424242; padding-left: 18px; line-height: 50px; font-size: 16px; display: block; color: #ffffff; height: 50px; } .default-items .items{ list-style: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; border-top: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; } .default-items .item{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; background-color: #ffffff; -webkit-flex: 1 1 20%; -moz-flex: 1 1 20%; -ms-flex: 1 1 20%; -o-flex: 1 1 20%; flex: 1 1 20%; max-width: 33.33%; } .default-items .tabloid{ position: relative; padding: 12px; } .default-items .picture{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-align: center; display: block; line-height: 100px; height: 100px; opacity: 1; } /* .default-items .picture:hover{ opacity: 0.8; } */ .default-items .picture img{ vertical-align: middle; max-height: 90%; max-width: 90%; } .default-items .name{ text-decoration: none; text-align: center; font-size: 14px; display: block; color: #000000; margin: 12px 0; -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .default-items.services .picture{ width: 80px; height: 80px; line-height: 80px; border-radius: 100%; overflow: hidden; margin: 12px auto; } .default-items.services .picture:after{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 0.2s box-shadow ease-in-out; -o-transition: 0.2s box-shadow ease-in-out; transition: 0.2s box-shadow ease-in-out; } .default-items.services .picture img{ width: 100%; height: 100%; object-fit: cover; max-width: none; max-height: none; } .default-items.services .picture:hover:after{ -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.15); box-shadow: 0 0 20px 0 rgba(0,0,0,.15); } #zoomer{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; transform: scale(0.7); } #zoomer.opened{ opacity: 1; visibility: visible; transform: scale(1); } #zoomer #zoomerExitLink{ background: url(/local/templates/dresscode/images/exitBig.png) 0 0 no-repeat transparent; height: 50px; opacity: 0.5; width: 50px; } #zoomer #zoomerExitLink:hover{ opacity: 0.8; } #zoomer #zoomerExitLink:active{ height: 48px; opacity: 1; top: 25px; } #zoomerMoreImagesContainerWrapper .item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #zoomerMoreImagesContainerWrapper .item:hover{ opacity: 0.9 !important; } #zoomerMoreImagesContainerWrapper .selected{ opacity: 1 !important; } #zoomerBigPrevMore, #zoomerBigNextMore{ background: url(/local/templates/dresscode/images/carouselArrowsBig.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerBigNextMore{ background-position: -57px 0; } #zoomerNextMore, #zoomerPrevMore{ background: url(/local/templates/dresscode/images/carouselArrows.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerNextMore{ background-position: -80px 0; } #zoomerPrevMore:hover, #zoomerNextMore:hover, #zoomerBigPrevMore:hover, #zoomerBigNextMore:hover{ opacity: 0.8; } #zoomerPrevMore:active, #zoomerNextMore:active, #zoomerBigPrevMore:active, #zoomerBigNextMore:active{ opacity: 1; } #zoomerNextMore:active{ right: -1px !important; } #zoomerPrevMore:active{ left: -1px !important; } #zoomerBigPrevMore:active{ left: 23px !important; } #zoomerBigNextMore:active{ right: 23px !important; } #zoomerMoreImagesContainerWrapper .link:active{ position: relative; top: 1px; } /*js*/ .win-gallery{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50000; transform: translateZ(0); } .win-gallery *{ margin: 0; padding: 0; min-width: 0; max-width: none; } .win-gallery .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding-bottom: 100px; cursor: pointer; opacity: 0.8; } .win-gallery .win-i, .win-gallery .win-i img{ top: 0; left: 0; position: absolute; } .win-gallery .win-i img{ background-color: #FFF; } .win-gallery .loader{ position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; @keyframes rotation { from {background-position: 0px 0px;} to {background-position: -5720px 0px;} } animation: rotation 5s steps(143, end) infinite; } .win-gallery .close{ position: absolute; right: 40px; top: 40px; width: 40px; height: 40px; cursor: pointer; transition: background-color 0.2s; z-index: 100; } .win-gallery .close:before{ content: ''; position: absolute; top: 50%; right: 20%; width: 60%; height: 1px; background-color: #000; transform: rotate(45deg); transform-origin: 50% 50%; transition: transform 0.3s; } .win-gallery .close:after{ content: ''; position: absolute; top: 50%; right: 20%; width: 60%; height: 1px; background-color: #000; transform: rotate(-45deg); transform-origin: 50% 50%; transition: transform 0.3s; } .win-gallery .close:hover:before{ transform: rotate(135deg); } .win-gallery .close:hover:after{ transform: rotate(45deg); } .win-gallery .prev, .win-gallery .next{ position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; cursor: pointer; transition: background-color 0.2s; z-index: 100; cursor: pointer; box-sizing: border-box; transition: background-color 0.2s; } .win-gallery .prev:before, .win-gallery .next:before{ content: ''; position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; } .win-gallery .prev img, .win-gallery .prev svg, .win-gallery .next img, .win-gallery .next svg{ max-width: 100%; max-height: 100%; vertical-align: middle; transition: transform 0.3s ease-out; } .win-gallery .prev:hover img, .win-gallery .prev:hover svg, .win-gallery .next:hover img, .win-gallery .next:hover svg{ transform: scale(1.2); } .win-gallery .prev{ left: 40px; padding-right: 12px; padding-left: 8px; } .win-gallery .next{ right: 40px; padding-right: 8px; padding-left: 12px; } .win-gallery .thumbs{ position: absolute; bottom: 1em; left: 0%; text-align: center; width: 100%; } .win-gallery .thumbs .thumb{ display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 100%; margin: 0 5px; cursor: pointer; background-color: #aaa; transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out transform 0.2s ease-in-out; opacity: 0.7; } .win-gallery .thumbs .thumb:hover{ opacity: 1; } .win-gallery .thumbs .thumb:hover.active{ background-color:#fff; opacity: 1; transform: scale(1.1); } /* REGIONS */ .user-geo-position-label{ margin-right: 4px; } .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{ -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -webkit-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; -moz-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{ 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(/local/templates/dresscode/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; -moz-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; 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; text-decoration: none; line-height: 35px; padding: 0 24px; display: block; color: #000000; 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(/local/templates/dresscode/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 ; } /* .header-region.dropdown-holder .user-geo-position-label{ margin: 0; } */ .header-region.dropdown-holder svg{ position: relative; top: -2px; width: 32px; height: 32px; margin: 0 -4px; vertical-align: middle; fill: #fff; } .region_wrapper--mobile .header-region.dropdown-holder svg{ width: 14px; height: 14px; } .header-region .header-region-list{ text-align: left; padding: 0.5em 0 !important; } .header-region .header-region-list .dropdown-list-item{ padding: 0.25em 1em; line-height: 1.6em; white-space: nowrap; } .header-region .header-region-list .dropdown-list-item a{ text-decoration: none; color: #666; } .header-region .header-region-list .dropdown-list-item a:hover{ text-decoration: underline; color: #2a65d0; } .header-region .header-region-list .dropdown-list-item a.selected{ text-decoration: none; color: #111; } /*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); } } @-o-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-ms-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); } } @-moz-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; } } /*detail-pdf*/ .detail-pdf{ margin: 48px 0; padding: 0 24px; } .detail-pdf-header{ font-family: 'robotobold'; font-weight: 800; font-size: 20px; margin-bottom: 0.75em; font-weight: bold; } .detail-pdf-item{ display: inline-block; vertical-align: top; width: 44%; max-width: 200px; margin: 0 1em 2em 0; } .detail-pdf-link:hover{ text-decoration: none; } .detail-pdf-img img{ width: 48px; margin-left: -5px; margin-bottom: 5px; } .detail-pdf-name{ font-size: 0.9em; line-height: 1.4em; color: #2a65d0; } /*compare*/ .compareImage{ padding-top: 0; } #compareBlock .leftTools{ margin-top: 29px; } #compareBlock .left .headingTools div, #compareBlock .left .headingTools{ height: auto; } /**/ /*licanses*/ /**/ .license__holder{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin: 2em 0; } .license__block{ width: 33.33%; } .license__link{ display: block; width: 100%; height: 100%; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; transition: box-shadow 0.3s ease, color 0.3s ease; text-align: center; text-decoration: none; color: #999; } .license__link:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); color: #222; } .license__img{ width: 100%; margin-bottom: 1em; } .license__img img{ max-width: 100%; } .license__text{ margin-top: 1em; } /*headerdropdown*/ .dropdown-holder{ position: relative; z-index: 200; } .dropdown-holder .dropdown-item{ position: absolute; top: 100%; left: 0; min-width: 100%; visibility: hidden; opacity: 0; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); z-index: 2; } .dropdown-holder .dropdown-item--right{ left: auto; right: 0; } .dropdown-holder .dropdown-item .drop{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); } .dropdown-holder:hover .dropdown-item{ opacity: 1; visibility: visible; } .dropdown-holder .dropdown-item #leftMenu > li{ background-color: #fff; } .dropdown-holder .dropdown-item #leftMenu > li .menuLink{ color: #000; } /**/ /*index blocks*/ /**/ .promo-index__holder{ position: relative; width: 100%; height: 425px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 4em; background-color: #fdd144; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .promo-index__holder .canvas-holder{ position: absolute; bottom: -166px; right: -166px; width: 500px; height: 500px; } @keyframes fade{ 0%{transform: scale(1);} 50%{transform: scale(1.2);} 100%{transform: scale(1);} } .promo-index__holder .canvas-holder .lighting{ position: absolute; top: 50%; left: 50%; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: center; font-size: 60px; margin: -100px 0 0 -100px; width: 200px; height: 200px; /*background: #2a65d0;*/ color: #193f84; z-index: 2; animation: fade 3s ease-in-out infinite; } .promo-index__text{ position: relative; z-index: 2; padding-right: 200px; } .promo-index__title{ font-size: 2em; line-height: normal; font-weight: bold; margin-bottom: 1em; } .promo-index__phone{ margin-bottom: 1em; } .promo-index__phone a[href*=tel]{ vertical-align: middle; color: #111; font-size: 1.4em; font-weight: bold; text-decoration: none; margin-right: 1em; } .promo-index__phone .button{ vertical-align: middle; } .promo-index__desc{ font-size: 1em; line-height: normal; } .index__block{ margin: 4em 0; } .index__block--first{ margin-top: 2em; } .index__block-header > *{ margin-top: 0; } .index__block-advantages{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .index__block-advantages dl{ /*width: 25%;*/ flex: 1 1 25%; padding-right: 2em; box-sizing: border-box; } .index__block-advantages dl dt{ display: flex; -ms-align-items: center; align-items: center; position: relative; font-size: 18px; line-height: normal; min-height: 64px; padding-left: 80px; font-weight: bold; margin-bottom: 1em; } .index__block-advantages dl dt .ico{ position: absolute; top: 0; left: 0; font-size: 24px; width: 64px; height: 64px; line-height: 64px; border-radius: 100%; background-color: #eee; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: center; } .index__block-advantages dl dd{ display: block; font-size: 1.12em; line-height: normal; margin: 1em 0 0 0; } .detailAdvantag { padding: 0 24px; margin: 0 0 24px 0; } .detailAdvantag .index__block { margin: 0; } .detailAdvantag .index__block-advantages dl dt .ico{ background-color: #2a65d0 !important; color: #fff !important; } .detailAdvantag .index__block-advantages dl dd{ font-size: 14px; line-height: 1.6em; } .index__block-more{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0em -1em; } .index__block-more dl{ position: relative; width: 50%; padding: 4em; margin: 1em; background-color: #fff; border: 1px solid #eee; } .index__block-more dl dt{ position: relative; display: flex; -ms-align-items: center; align-items: center; position: relative; font-size: 20px; line-height: normal; font-weight: bold; margin-bottom: 0.5em; padding-right: 120px; } .index__block-more dl dt .ico{ position: absolute; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: center; top: 0; right: 0px; width: 100px; height: 100px; border-radius: 100%; background-color: #eee; overflow: hidden; } .index__block-more dl dt .ico img{ max-width: 90%; max-height: 90%; } .index__block-more dl dd{ display: block; font-size: 16px; line-height: normal; padding-right: 120px; margin: 0; } .index__block-about{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 2em 0; } .index__block-about-img{ min-width: 265px; width: 265px; margin-top: -2em; } .index__block-about-text{ margin-top: 30px; margin-left: 60px; padding-right: 200px; } .index__block-about-title{ font-size: 24px; line-height: normal; font-weight: bold; margin-bottom: 0.75em; } .index__block-about-description{ font-size: 16px; line-height: normal; margin-bottom: 2.5em; } .index__block-about-links{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .index__block-about-links .button{ margin: 0 0.5em 0.5em 0; } #searchResult .productList{ border-top: 0; text-align: left; } .text-content .text-content-image-line{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .text-content img{ max-width: 100%; } .footer__top { padding-bottom: 40px; border-bottom: 1px solid #4F5A6E; } .footer__top-inner { display: flex; justify-content: space-between; column-gap: 20px } .footer-email { margin-bottom: 8px; } .footer-telephone a, .footer-email a { color: #FFFFFF; font-weight: 600; font-size: 20px; transition: color 0.6s; text-decoration: none; } .footer-telephone a:hover, .footer-email a:hover { color: #3476EF; } .footer-address { font-style: normal; font-weight: normal; font-size: 14px; color: #B0B0B6; } .footer__copy { margin: 10px 0; font-size: 12px; line-height: 20px; color: #B0B0B6; text-align: right; } .logo span { display: block; } .logo span img { display: block; max-width: 144px; margin-left: auto; } h2.homeCatalog__title { text-align: center; } /*-------- страница услуги----------*/ .news__inner { display: flex; column-gap: 20px; } .news__item { flex: 0 1 610px; margin-bottom: 60px; min-height: 433px; display: flex; flex-direction: column; } .news__content { flex: 1 1 auto; } .news__img { height: 160px; position: relative; margin-bottom: 24px; } .news__img img{ position: absolute; top: 0; height: 100%; width: 100%; display: block; object-fit: cover; } h2.news__title { margin-top: 0; margin-bottom: 12px; font-weight: 600; font-size: 24px; line-height: 36px; } .news__title a{ color: #21222D; text-decoration: none; transition: color 0.6s; } .news__title a:hover{ color: #5e64a1; } .news__description { margin-top: 0; margin-bottom: 20px; max-width: 554px; font-size: 18px; line-height: 150%; } .news__btn { background: #FA8F6B; display: inline-flex; align-items: center; justify-content: center; border: 2px solid transparent; border-radius: 4px; padding: 12px 24px; color: #FFFFFF; font-weight: 600; font-size: 16px; text-decoration: none; user-select: none; outline: transparent; transition: background-color 0.6s; } .news__btn:hover, .news__btn:active { background: #E16A42; } .news__btn:focus { border: 2px solid #E16A42; } /*-------- страница услуги----------*/ /*-------- страница оплаты----------*/ .pay__inner, .text__inner, .faq__inner { display: flex; justify-content: space-between; column-gap: 30px; padding-bottom: 70px; } .pay__content, .text__content { flex: 0 1 715px; font-size: 18px; } .faq__content { flex: 0 1 777px; font-size: 18px; } .pay__box { border: 1px solid #FA8F6B; box-sizing: border-box; border-radius: 4px; padding: 24px; font-size: 18px; } .pay__box span { color: #FA8F6B; font-weight: 600; } .pay__img-list { display: flex; column-gap: 16px; list-style: none; padding: 0; } /*-------- страница оплаты----------*/ /*-------- aside на некоторых страницах----------*/ .aside { flex: 0 0 400px; } .aside__item { background: #F4F6FB; box-shadow: 0px 0px 6px 3px rgba(64, 81, 143, 0.09); border-radius: 4px; padding: 25px; margin-bottom: 40px; } .aside__item-wrapper { display: flex; align-items: center; column-gap: 50px; } .aside__item-title { margin-top: 0; font-weight: 600; font-size: 18px; margin-bottom: 16px; line-height: 23px; } .aside__item-text { font-size: 16px; line-height: 150%; } .aside__item-text--light { color: #4F5A6E; } .aside__item-text--light a{ color: #3476EF; } .aside__item-text--light a:hover{ color: #06307e; } .aside__item-img { display: block; max-width: 158px; margin: 0 auto; } .aside__item-links { list-style: none; padding: 0; margin: 0; } .aside__item-li { margin-bottom: 8px; } .aside__item-link { color: #3476EF; font-size: 18px; transition: color 0.6s } .aside__item-link:hover { color: #083486; } .aside__item-address { margin-bottom: 12px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; } .aside__item--light { background: #FFFFFF; box-shadow: 0px 0px 6px 3px rgba(64, 81, 143, 0.09); } /*-------- aside на некоторых страницах----------*/ .sale__title { text-align: center; } .appFastViewPictureCarousel img, .appFastViewPictureSlider img { display: none; } .appFastViewPictureCarousel img:first-child, .appFastViewPictureSlider img:first-child { display: block; } h2.questions-title { font-weight: normal; font-size: 18px; margin: 0; } .question-answer-wrap { font-size: 18px; box-shadow: 0px 4px 5px rgba(86, 110, 139, 0.09); padding: 0; } .questions-answers-list .question { padding: 24px 120px 24px 24px; } .questions-answers-list .question:hover { background: #F4F6FB; box-shadow: 0px 4px 5px rgba(86, 110, 139, 0.18); } .questions-answers-list .question:hover > .questions-title { color: #2233CF; } .question-answer-wrap.active > .question { background: #F4F6FB; box-shadow: 0px 4px 5px rgba(86, 110, 139, 0.18); } .question-answer-wrap.active > .question > .questions-title { color: #2233CF; } .questions-answers-list .open-answer { position: absolute; right: 25px; top: 50%; width: 25px; height: 25px; margin-top: -12px; overflow: hidden; transition: all 0.6s; } .questions-answers-list .answer { padding: 24px; } .open-answer-btn2 { width: 23px; height: 23px; } .question-answer-wrap.active .open-answer { transform: rotate(-180deg); } .questions-answers-list .question:hover > .questions-title + .open-answer > .open-answer-btn2 svg path { fill: #2233CF; } .question-answer-wrap.active .question > .questions-title + .open-answer > .open-answer-btn2 svg path { fill: #2233CF; } /*----------basket-----------*/ .basket-items-list-table { width: auto; } .basket__inner { display: flex; column-gap: 20px; flex-wrap: wrap; margin-bottom: 100px; } .basket__main { flex: 0 1 715px; } .basket__all { flex: 0 0 505px; } @media (max-width: 540px) { .basket__all { flex: auto; } } .basket-checkout-container { border: 2px solid #DBDBE5; box-sizing: border-box; box-shadow: 0px 4px 5px rgba(86, 110, 139, 0.18); border-radius: 4px; padding: 25px; } .basket__all-second { padding: 20px; border: 1px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; box-shadow: 0px 2px 21px rgb(56 78 119 / 20%); } .basket__all-content { padding-left: 30px; position: relative; } .basket__all-content:after { content: ''; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background: url('/local/templates/dresscode/images/warning.png') center / cover no-repeat; } .basket__all-title { font-weight: 600; font-size: 18px; margin-bottom: 10px; } .basket__all-text { font-size: 18px; } .basket__all-text p { margin-bottom: 10px; } .basket__all-btn { display: inline-block; padding: 0; margin: 0; color: #2233CF; border: none; background: #FFFFFF; } .bx-sbb-empty-cart-image { width: 190px; height: 190px; margin: 0; background-size: contain; } .bx-sbb-empty-cart-container { display: flex; column-gap: 20px; align-items: center; margin-bottom: 60px; } .bx-sbb-empty-cart-text { font-weight: 500; font-size: 18px; text-align: left; color: #4F5A6E; margin-bottom: 12px; } .bx-sbb-empty-cart-desc { text-align: left; } /*----------end basket-----------*/ /*----------wishlist-----------*/ #wishlist .removeFromWishlist{ background-image: url("/local/templates/dresscode/images/x.png"); display: block !important; position: absolute; height: 18px; width: 18px; right: 12px; top: 12px; z-index: 999; } /*----------end wishlist-----------*/ /*----------service-page-----------*/ #newsDetail { margin-top: 0; padding-bottom: 112px; display: flex; flex-direction: row-reverse; column-gap: 20px; } #newsDetail .bigPicture img { width: 100%; object-fit: cover; max-height: 383px; } .newsDetail__content { flex: 0 0 610px; } #newsDetail .description { border-top: none; padding-top: 0; line-height: 21px; margin-top: 24px; max-width: 100%; font-size: 18px; line-height: 150%; margin-bottom: 60px; margin-block-start: 1em; margin-block-end: 1em; } .bigPicture img { margin-bottom: 40px; } .newsDetail__link { display: flex; align-items: center; font-size: 16px; line-height: 150%; color: #4F5A6E; text-decoration: none; } .newsDetail__link:hover { text-decoration: underline; color: #2233CF; } .newsDetail__link:hover svg path{ fill: #2233CF; } .newsDetail__link:active { text-decoration: underline; color: #21222D; } .newsDetail__link:active svg path{ fill: #21222D; } /*----------end service-page-----------*/ /*---------price-block-----------*/ #priceProperties { box-sizing: border-box; } .priceProperties__title { margin-top: 0; box-sizing: border-box; font-size: 20px; margin-bottom: 20px; } .priceProperties__inner { box-sizing: border-box; columns: 2; column-gap: 30px; margin-bottom: 40px; } .priceProperties__item { box-sizing: border-box; display: flex; align-items: center; column-gap: 12px; margin-bottom: 12px; } .priceProperties__item-title { box-sizing: border-box; flex: 0 1 120px; font-weight: 600; font-size: 18px; white-space: nowrap; } .priceProperties__item-price { box-sizing: border-box; flex: 0 1 165px; font-size: 18px; color: #2233CF; background: #F4F6FB; border-radius: 4px; padding: 12px 0; text-align: center; white-space: nowrap; } /*----------end price-block-----------*/ /*----------stores page-----------*/ #storesList { display: flex; flex-wrap: wrap; margin-bottom: 100px; } #storesList .storesListItemLeft, #storesList .storesListItemRight { float: none; width: 100%; line-height: 150%; } #storesList .storesListItem { box-sizing: border-box; border: 1px solid #DBDBE5; flex: 0 1 410px; min-height: 490px; padding: 25px; margin-top: 0; } #storesList .storesListItemPicture { text-align: center; padding-left: 0; max-width: 100%; width: 100%; } #storesList .storesListItemPictureWrapper { height: 150px; } #storesList .storesListItemPicture img { object-fit: cover; } #storesList .storesListItemPicture, #storesList .storesListItemName, #storesList .storesListItemPhone, #storesList .storesListItemEmail, #storesList .storesListItemSchedule { padding: 0; line-height: 21px; margin-bottom: 24px; margin-top: 0; float: none; text-align: left; width: 100%; } #storesList .storesListItemName { width: 100%; font-weight: 600; font-size: 18px; margin-bottom: 24px; } #storesList .storesListItemScheduleLabel { font-size: 18px; line-height: 150%; } #storesList .storesListItemScheduleSmall { margin-top: 0; } .storesList-title { font-size: 18px; line-height: 150%; color: #FA8F6B; margin-bottom: 8px; text-align: left; } #storesList .storesListItemLabel { font-size: 18px; } /*----------end stores page-----------*/ /*----------popup-----------*/ .webFormModalHeading { padding: 16px 0; background: #F4F6FB; position: relative; text-align: center; line-height: 1.5; font-weight: 600; font-size: 32px; color: #21222D; border-radius: 12px 12px 0px 0px; } .webformModal .webFormModalHeadingExit { background: url("/bitrix/templates/dresscode/components/bitrix/form.result.new/modal/images/exit2.png") 0 0 no-repeat transparent; } .small .webformModalContainer { transform: translateX(-50%) translateY(-50%); margin-bottom: 0px; top: 50%; text-align: left; box-shadow: 0px 2px 21px rgba(56, 78, 119, 0.2); border-radius: 12px; } .webFormItemField input[type="password"], .webFormItemField input[type="text"], .webFormItemField select { border: 2px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; max-width: 314px; } .button-group a { color: #FA8F6B; font-weight: 500; font-size: 14px; transition: color 0.3s; } .button-group a:hover { color: #e4b6a7; } .webFormItemCaption { margin-bottom: 5px; } .webFormItem { margin-top: 15px; } .tb { display: flex; width: 100%; } .sendWebFormDw { background: #2233CF; box-sizing: border-box; border-radius: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; line-height: 140%; padding: 12px 24px; font-weight: 600; font-size: 16px; color: #FFFFFF; border: 2px solid #2233CF; cursor: pointer; transition: all 0.6s; } #bx-soa-order-form .sendWebFormDw { color: #FFFFFF; } #bx-soa-order-form .sendWebFormDw:hover { color: #FFFFFF; } #bx-soa-order-form .sendWebFormDw:focus { color: #FFFFFF; } .sendWebFormDw:hover { background: #0a1683; border: 2px solid #0a1683; } .sendWebFormDw:focus { background: #0a1683; border: 2px solid #0a1683; } .sendWebFormDw__reset { border: 2px solid #2233CF; background: #2233CF; box-sizing: border-box; border-radius: 4px; color: #FFFFFF; font-weight: 600; font-size: 16px; line-height: 140%; padding: 12px 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; transition: all 0.6s; } .sendWebFormDw__reset:hover, .sendWebFormDw__reset:focus { color: #0a1683; border: 2px solid #0a1683; } .form-group.button-group { white-space: normal; } /*----------end popup-----------*/ /*----------nav block-page-----------*/ #personalMenu { display: flex; flex-wrap: wrap; column-gap: 38px; border-bottom: none; margin: 0px 0px 24px 0px; overflow: hidden; list-style: none; padding-bottom: 6px; overflow-x: auto; width: 100%; } #personalMenu::-webkit-scrollbar { width: 10px; } #personalMenu::-webkit-scrollbar-track { -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset; background-color: #f9f9fd; } #personalMenu::-webkit-scrollbar-thumb { background-color: #f2bf93; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent); } #personalMenu .personalMenu__item { margin-bottom: 10px; margin-right: 0; float: none; white-space: nowrap; } #personalMenu .personalMenu__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-transform: uppercase; */ text-decoration: none; font-weight: 500; font-size: 16px; color: #000000; padding-bottom: 7px; line-height: 150%; border-bottom: none; } #personalMenu .personalMenu__link-active { font-weight: 500; padding-bottom: 7px; line-height: 150%; color: #FA8F6B; border-bottom: none; } #personalMenu .personalMenu__link:hover, #personalMenu .personalMenu__link-active:hover { color: #FA8F6B; } /*----------end nav block-page-----------*/ /*----------about page-----------*/ .bx_page-list { list-style: none; padding: 0; margin-bottom: 30px; } .bx_page-item { font-size: 18px; line-height: 150%; margin-bottom: 10px; padding-left: 30px; position: relative; } .bx_page-item:after { content: ""; position: absolute; top: 5px; left: 0; width: 17px; height: 17px; background: url('/local/templates/dresscode/images/Check-square.svg') center / cover no-repeat; } /*----------end about page-----------*/ /*----------tmavtotok page-----------*/ .license__holder { margin: 0; flex-wrap: nowrap; display: flex; column-gap: 20px; } .license__block { flex: 0 0 295px; } /*----------end tmavtotok page-----------*/ /*----------contact-----------*/ .main-contact { flex: 0 0 400px; } .main-contact__title { font-weight: 600; font-size: 18px; line-height: 150%; color: #21222D; margin: 0 0 24px; } .main-contact__desc { font-size: 18px; line-height: 150%; color: #FA8F6B; margin: 0 0 5px; } .main-contact__text { font-size: 18px; line-height: 150%; color: #a9aab6; margin: 0 0 12px; } .main-contact__text p { margin: 0 0 8px; } .main-contact__text p a { font-size: 18px; text-decoration: none; color: #21222D; } .title-prostoclas{ font-weight: 600; font-size: 20px; line-height: 20px; color: #21222D; } .left-con .wraa{ margin: 8px 0px; width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 18px; line-height: 20px; color: #4F5A6E; } .left-con .wraa p{ width: 120px; margin: 0px; } .left-con .wraa span{ margin-left: 8px; max-width: 400px; width: 100%; display: block; font-weight: normal; font-size: 18px; line-height: 20px; color: #21222D; background: #F4F6FB; border-radius: 4px; padding: 12px 16px; } /*----------end contact-----------*/ /*----------Серегин кодик-----------*/ /*-------------*/ /*-----reborn-----*/ /* #subHeader7 .subTableColumn:nth-child(2){ width: 142px !important; } */ #subHeader7 .cart .heading { display: none; } .heading.orange{ max-width: 142px; padding: 8px 24px; display: flex; align-items: center; justify-content: space-between; background: #2233CF; border-radius: 4px; } .header-catalog-menu span{ font-weight: normal; } .header-catalog-menu .line-holder{ width: 18px; height: 18px; position: relative; } .header-catalog-menu .line-holder .line{ position: absolute; width: 7px; height: 7px; background: #FFFFFF; border-radius: 1px; margin: 0px; } .header-catalog-menu .line-holder .line-1{ top: 0; left: 0; } .header-catalog-menu .line-holder .line-2{ top: 0; right: 0; } .header-catalog-menu .line-holder .line-3{ bottom: 0; left: 0; } .header-catalog-menu .line-holder .line-4{ bottom: 0; right: 0; } @media (max-width: 340px) { #subHeader7 .subTableColumn:nth-child(2){ padding: 0px; } } #subHeader7 .firstPhones .heading a, #subHeader7 .secondPhones .heading a{ font-weight: normal; font-size: 14px; line-height: 20px; color: #2233CF; } #subHeader7 .firstPhones .heading a:hover, #subHeader7 .secondPhones .heading a:hover{ color: #0e1a85; } #headerLine4.color_black #subMenu .removedItemsContainer .removedItemsLink, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsLink{ background: url(/bitrix/templates/dresscode/headers/header7/css/images/menuMore.png) 50% 50% no-repeat transparent; } #subHeader7 .subTableColumn:nth-child(2) .dropdown-holder > a > span:last-child{ display: inline; } #subHeader7 .firstPhones .callBack{ font-weight: 500; font-size: 14px; line-height: 20px; color: #168B5A; } #subHeader7 .firstPhones .callBack:hover{ color: #06492d; } #subHeader7 .firstPhones .callBack:after{ display: none; } .global-content-block p{ font-weight: normal; font-size: 18px; line-height: 150%; color: #21222D; } .breadcrumbs { width: 100%; margin-bottom: 40px; line-height: 21px; overflow: hidden; font-size: 12px; } .breadcrumbs ul li{ color: #4F5A6E; } .breadcrumbs ul li span{ font-weight: 500; font-size: 16px; line-height: 140%; } .breadcrumbs ul li a{ text-decoration: none; font-weight: 500; font-size: 16px; line-height: 140%; color: #B0B0B6; } #compareTools .hide, .leftTools .all{ background: #FFFFFF !important; border: 2px solid #2233CF !important; box-sizing: border-box !important; border-radius: 4px !important; font-weight: normal !important; font-size: 16px !important; line-height: 150% !important; color: #2233CF !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; max-width: 230px !important; width: 100% !important; } .leftTools .all{ max-width: 280px !important; } #compareTools .hide:hover, .leftTools .all:hover{ background: #2233CF !important; color: white !important; } #compareTools .show, .leftTools .different{ font-weight: normal !important; font-size: 16px !important; line-height: 150% !important; color: #4F5A6E !important; background: #FFFFFF !important; border: 2px solid #DBDBE5 !important; box-sizing: border-box !important; border-radius: 4px !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; max-width: 280px !important; width: 100% !important; } #compareBlock .left .wrap, #scrollTable > ul > li{ background: #FFFFFF; border: 2px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; } #compareTools .show:hover, .leftTools .different:hover{ color: #FFFFFF !important; background: #4F5A6E !important; } #scrollTable .addCart, #scrollTable .addSku{ background: #2233CF; border-radius: 4px; font-weight: normal; font-size: 16px; line-height: 24px; color: #FFFFFF; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } #catalogLine{ border: 2px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; } #compareTools{ display: flex; align-items: center; } #scrollTable .addCart:hover, #scrollTable .addSku:hover{ background: #09115f; } .basket-items-list-wrapper, .basket-items-list-wrapper-compact{ border: none; } .basket-items-list{ padding: 0px; } .basket-items-list-item-container{ display: block; border-radius: 4px; background: white; margin-bottom: 20px; padding: 0px 12px; border: 2px solid #DBDBE5; box-sizing: border-box; } .basket-items-list-item-container>td{ border: none; } .basket-checkout-container{ box-shadow: 0px 2px 21px rgba(56, 78, 119, 0.2); border-radius: 4px; background: white; } div.bx-blue .btn.btn-default{ background: #2233CF; border-radius: 4px; border: none; } div.bx-blue .btn.btn-default:hover{ background: #0a1683; } @media (max-width: 460px){ .basket-checkout-block { display: flex; } } .filter-item-holder{ border: none; background-color: #FFFFFF; box-shadow: 0px 2px 21px rgba(56, 78, 119, 0.2); border-radius: 4px; } #main input[name="BuyButton"], #main input[type="submit"]{ background: #2233CF; border-radius: 4px; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover, .button-transparent:hover{ background: #0a1683; border: none; } #catalogSection .sectionItems{ border: none; margin: -10px; } #catalogSection .sectionItems .item{ background: #FFFFFF; box-shadow: 0px 2px 21px rgba(56, 78, 119, 0.2); border-radius: 4px; border: none; max-width: 400px; width: 100%; margin: 10px; } #catalogSection .sectionItems .item .itemContainer{ display: flex; flex-direction: column; } .product .name{ margin-top: 20px; } /* .productListLine4 .product .picture img{ position: static; transform: translate(0%); } */ #smartFilter{ border: none; } #smartFilter span.heading{ margin-bottom: 20px; background: #F4F6FB; border: 2px solid #DBDBE5; box-sizing: border-box; box-shadow: 0px 3px 6px 2px rgba(63, 91, 134, 0.06); border-radius: 4px; font-weight: 600; font-size: 16px; line-height: 140%; color: #4F5A6E; display: flex; justify-content: center; align-items: center; text-align: center; } #smartFilter .paramsBox{ background: white; border: 2px solid #DBDBE5; box-sizing: border-box; box-shadow: 0px 3px 6px 2px rgba(63, 91, 134, 0.06); border-radius: 4px; display: flex; flex-direction: column; margin-bottom: 12px; padding: 12px 18px; } #smartFilter .paramsBoxTitle{ font-weight: 600; font-size: 16px; line-height: 140%; color: #4F5A6E; margin-bottom: 0px; } #smartFilter .handler{ background: #FFCEA2; border-radius: 4px; } #smartFilter .slider .blackoutLeft{ background: #e76f47; } #smartFilter .slider .blackoutRight{ background: #e76f47; } #smartFilter .slider .left, #smartFilter .slider .right{ background: #FA8F6B; border-radius: 50%; } #smartFilter input[type="checkbox"]:disabled + label, #smartFilter input[type="radio"]:disabled + label{ font-weight: normal; font-size: 16px; line-height: 150%; color: #4F5A6E; } #set_filter, #catalogLineList .addCart, #catalogTableList .addCart, #elementTools .addCart, #smallElementTools .addCart{ background: #2233CF; border-radius: 4px; font-weight: 600; font-size: 18px; line-height: 140%; color: #FFFFFF; display: flex; justify-content: center; align-items: center; text-align: center; } #set_filter:hover, #catalogLineList .addCart:hover, #catalogTableList .addCart:hover, #elementTools .addCart:hover, #smallElementTools .addCart:hover{ background: #07127c; } #del_filter{ font-weight: normal; font-size: 18px; line-height: 140%; color: #4F5A6E; background: white; border: 2px solid #B0B0B6; box-sizing: border-box; border-radius: 4px; display: flex; justify-content: center; align-items: center; text-align: center; } #del_filter:hover{ color: white; background: #4F5A6E; } #catalogLine{ border: 2px solid #DBDBE5; box-sizing: border-box; border-radius: 4px; } #catalogLine .label{ font-weight: 600; font-size: 14px; line-height: 140%; color: #4F5A6E; } /* #catalogElement .productList .product .picture img{ position: static; transform: translate(0%); } */ #catalogElement .product{ background: #FFFFFF; border: 2px solid #DBDBE5 !important; box-sizing: border-box; border-radius: 4px; } #catalogElement .product:nth-child(4n+4), #catalogElement .product:nth-child(1), #catalogElement .product:nth-child(2), #catalogElement .product:nth-child(3), #catalogElement .product:nth-child(4){ border: 2px solid #DBDBE5 !important; } .index__block-advantages{ background: #F4F6FB; border-radius: 4px; padding: 8px 12px; } .index__block-advantages dl dt{ font-weight: 600; font-size: 18px; line-height: 150%; color: #21222D; } .detailAdvantag .index__block-advantages dl dd{ font-weight: normal; font-size: 18px; line-height: 150%; color: #4F5A6E; } #elementSmallNavigation a{ font-weight: normal; font-size: 16px; color: #4F5A6E; } #elementTools .price{ font-weight: 600; font-size: 24px; line-height: 150%; color: #21222D; } #elementProperties .heading, #similar .heading{ font-weight: 600; font-size: 24px; line-height: 150%; color: #4F5A6E; } #elementProperties .stats .name span{ font-weight: normal; font-size: 18px; line-height: 150%; color: #4F5A6E; } #elementProperties .stats td{ font-weight: normal; font-size: 18px; line-height: 150%; color: #21222D; } #elementProperties .stats .cap td{ font-weight: 500; font-size: 24px; line-height: 140%; color: #21222D; } #authMenu li a{ font-weight: normal; line-height: 20px; color: #4F5A6E; } #authMenu li .selected, #authMenu li a:hover{ color: #FA8F6B; } .bx-authform-label-container{ font-weight: normal; font-size: 16px; line-height: 24px; color: #4F5A6E; } .bx-auth input[type="text"], .bx-auth input[type="password"]{ background: #F4F6FB; border-radius: 4px; } .bx-auth .registerText, .bx-auth .rightContainer p{ font-weight: normal; font-size: 14px; line-height: 24px; color: #4F5A6E; } .bx-auth{ padding-bottom: 20px; } /* .items.productList .product .picture img{ position: static; transform: translate(0%); } */ /*-----reborn-----*/ #brandList .markerContainer { position: static; z-index: 99; left: 8px; top: 8px; } .contacts-wrap{ width: 100%; display: flex; column-gap: 20px; justify-content: space-between; align-items: center; } .contacts-s-s-s{ margin-left: 20px; max-width: 300px; width: 100%; display: flex; flex-direction: column; align-items: start; } .contactList-map-map-map{ width: 100%; } .contacts-s-s-s li{ width: 100%; } .table-holder table{ overflow: hidden; } .new-und-con{ max-width: 100%; padding-bottom: 100px; width: 100%; } .flex-cont{ flex-wrap: wrap; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin: -10px; } .left-con{ flex: 1 1 auto; margin: 10px; max-width: 580px; width: 100%; display: flex; flex-direction: column; align-items: start; } /*----------Серегин кодик-----------*/ /*-----Оформление заказа-----*/ #bx-soa-order-form .bx-blue .btn.btn-default { background: #2233CF; box-sizing: border-box; border-radius: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; line-height: 140%; padding: 12px 24px; font-weight: 600; font-size: 16px; color: #FFFFFF; border: 2px solid #2233CF; cursor: pointer; transition: all 0.6s; } #bx-soa-order-form .bx-blue .btn.btn-default:hover { background: #0a1683; border: 2px solid #0a1683; } #bx-soa-order-form .bx-blue .btn.btn-default:focus { background: #0a1683; border: 2px solid #0a1683; } /*-----Оформление заказа-----*/ /*----------media-------------*/ @media (max-width: 1800px) { body.panels_white #right #homeCatalog .heading, body.panels_white #right #brandList .heading, body.panels_white #right #popSection .heading, body.panels_white #right .heading { border-bottom: 0px; } #popSection .item { width: 25% !important; border: 0 !important; /* clear old */ } #catalogLineList .prop { width: 80%; } #catalogTableList .column:nth-child(3) { display: none; } #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #popSection .item:nth-child(-n + 4) { border-top: 1px solid #e7e8ea !important; } #popSection .item:nth-child(4n + 1) { border-left: 1px solid #e7e8ea !important; } #bigDataCarousel .product:nth-child(4n + 1), #viewedProduct .product:nth-child(4n + 1), #topProduct .product:nth-child(4n + 1) { /*border-left: none !important;*/ } #bigDataCarousel .productList > li:first-child .product, #viewedProduct .productList > li:first-child .product, #topProduct .productList > li:first-child .product { /*border-left: 1px solid #e7e8ea !important;*/ } } @media (max-width: 1650px) { #bannersBlock { display: none; } #sliderBlock { width: 100%; } .product .row { margin-bottom: 0; } .product .label, .product .row .label:last-child { margin-bottom: 6px; width: auto; float: none; } } @media (max-width: 1550px) { #footer .information .label { display: block; } #topHeading { display: none; } #catalogLineList .column:first-child { width: 340px; } #middleSlider { display: none; } #middleSlider img { max-width: 100%; } /* .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 250px !important; } */ #catalogLineList .description { display: none; } #catalogLineList .prop { width: 100%; } #catalogTableList .column:nth-child(4) { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 386px; } #modef { left: 335px; } } @media (max-width: 1400px) { #storesList .storesListItemLeft, #storesList .storesListItemRight { width: 100%; } #subHeader7 .subTableColumn:nth-child(3) { width: 250px; } } @media (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; } .product { width: 25%; } #left { width: 280px; } .disabled1366 { display: none; } #modef { left: 295px; } } @media (max-width: 1300px) { #rightFooter .rightColumn { text-align: left; } .product .label { float: left; width: 55%; margin-bottom: 0; } .product .row { margin-bottom: 9px; } .product .row .label:last-child { margin-bottom: 0; float: left; width: 45%; } } @media (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; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { top: -2.5px; } #left #specialProduct .specialProductHeading, #left .sideBlock .heading, #right .heading { line-height: 55px; height: 55px; } #modef { left: 345px; } } @media (max-width: 1250px) { #subHeader7 .subTableColumn:nth-child(3) { display: none; } #subHeader7 .subTableColumn:nth-child(4) { white-space: nowrap; } #subHeader7 #apply-accum-filter { margin-left: 0; } } @media (max-width: 1200px) { .subTableColumn--nav { flex: 0 0 100%; order: 4; justify-content: center; } #headerLine4 .subTable { flex-wrap: wrap; } #logo{ flex: 1 1 auto; } /* #headerLine4 { padding-top: 25px; } */ #leftFooter .footerRow { column-gap: 50px; } #leftFooter .column { flex: 0 0 250px; } .default-items .item { flex: 1 1 50%; max-width: 50%; } #catalog-section-banners { display: none; } #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 { text-align: left; margin: 10px 0 0 15px; } #catalogLineList .column:last-child .addCart { display: inline-block; margin: 9px auto; line-height: 40px; padding: 0 24px; font-size: 14px; height: 40px; width: auto; } #catalogLineList .column:last-child .optional { margin: 9px 0 0 0px; font-size: 14px; } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0px; } #catalogLineList .column:last-child .optional .label { text-align: left; font-size: 14px; width: 50%; } #catalogLineList .column:last-child .article { display: none; } #catalogTableList .column:nth-child(7) { display: none; } /* #homeCatalog .item:nth-child(5n){ border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(4n){ border-right: 1px solid #e7e8ea; } #homeCatalog .item:nth-child(3n){ border-right: 1px solid #e7e8ea; }*/ #catalogLineList .column:last-child { background-color: #f9f9f9; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 36px; margin-top: 12px; font-size: 30px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 24px; margin-top: 12px; font-size: 16px; } #slider .sliderContent .cButton, #slider .sliderContent .cButtonLight { margin-top: 12px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { margin-top: 12px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none; } #slider .sliderContent { left: 24px; } #slider .leftContainer { left: 24px; } #slider .rightContainer { right: 24px; } #leftMenu li .pc { display: none; } #leftMenu .pc, #leftMenu .tx { padding: 8px 24px; } #left { width: 260px; } #modef { left: 275px; } /* #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; } #middleSlider { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 384px; } #footer .rightTable .leftColumn { display: none; } #rightFooter { width: 23%; } #empty .emptyMenu li { width: 50%; } /* .product { height: 346px !important; height: 355px !important; width: 33.33333% !important; border: 0 !important; } */ .product.last { width: 100% !important; text-align: center; line-height: 50px !important; height: 50px !important; } .product:nth-child(3n + 1).last .icon, .product:nth-child(3n + 1).last .small { display: none; } .disabled1366 { display: block; } } @media (max-width: 1100px) { /* .product { height: 346px !important; height: 355px !important; width: 50% !important; border: 0 !important; clear old } */ #homeCatalog .item.last { width: 50% !important; height: auto !important; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .product:nth-child(3n + 1).last .icon, .product:nth-child(3n + 1).last .small { display: block; } #popSection .item { width: 50% !important; border: 0 !important; } #popSection .item:nth-child(3n + 1) { border-left: 0px !important; } #popSection .item:nth-child(-n + 4) { border-top: 0 !important; } #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } #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; } #popSection .item:nth-child(2n + 1) { border-left: none !important; } } @media (max-width: 1024px) { .breadcrumbs ul { display: flex; flex-wrap: wrap; overflow: auto; white-space: nowrap; } .index__block-about-img { display: none; } .index__block-about-text { margin-top: 0; margin-left: 0; padding-right: 0; } .index__block-about-description { margin-bottom: 1.5em; } .index__block-advantages dl { flex: 1 1 50%; } .promo-index__holder { height: auto; } .default-items .item { flex: 1 1 33.33%; max-width: 33.33%; } #subHeader7 .subTableColumn:nth-child(2) { /*display: none;*/ width: auto; } #subHeader7 .subTableColumn:nth-child(2) .dropdown-holder:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #subHeader7 .subTableColumn:nth-child(2) .dropdown-holder .dropdown-item { right: 0; left: auto; } #colorSwitcher { display: none !important; } #left .collapsed { display: none; } #bestsellers { margin-top: 0; } #left { margin-bottom: 24px; } #left, #right { display: block; width: 100%; } #left + #right { padding-left: 0; width: 100%; } #smartFilter .heading { line-height: 46px; height: 46px; } /* .product:hover .fastShow, */ #left #promoBlock, #left #serviceBlock, #left #collectionBlock, #left #newsBlock, #left #popCats, #left #subscribe, #left .banner, #footer .top .left, #headerTools .nf{ display: none; } #right { padding-left: 0px; } .drop { display: none !important; } #rightFooter { display: none; } #smartFilter .heading { cursor: pointer; } #nextSection ul { display: none; } #nextSection .title { cursor: pointer; } #smartFilterForm { display: none; } #smartFilterForm .slider { display: none; } .appZoomContainerImage { max-width: 60vh !important; max-height: 60vh !important; } #reformal_tab { display: none !important; } .product .getFastView, #specialProduct .productItem .getFastView, #catalogLineList .picture .getFastView { display: none !important; } #appFastView { display: none !important; } #fastViewStores { display: none !important; } #slider ol { display: none; } #specialBlock { display: none !important; } /* .product { width: 33.33333% !important; } */ #leftMenu li .pc { display: table-cell; } #leftMenu .pc, #leftMenu .tx { padding: 8px; } #slider .videoPoster { display: block; } #slider .slideVideo { display: none; } .hidden-desktop { display: block; } .flex-block { display: block; } .left-block { padding: 0; margin-bottom: 1em; } .right-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: auto; margin: 0 -0.5em; } .left-banner { width: 50%; margin: 0; padding: 0 0.5em; } } @media (max-width: 1024px) and (min-width: 870px) { .product:nth-child(3n + 1).last, #popSection .item:nth-child(3n + 1).last { line-height: 70px !important; height: 70px !important; width: 100% !important; } #homeCatalog .item.last { width: 100% !important; } .product:nth-child(3n + 1).last .icon, #popSection .item:nth-child(3n + 1).last .icon { display: none; } .product:nth-child(3n + 1).last .small, #popSection .item:nth-child(3n + 1).last .small { display: none; } } @media (max-width: 1000px) { .topCompare__text { display: none; } #subHeader7 { height: auto; } #error404 .errorText { display: none; } } @media (max-width: 900px) { .bigPicture .aside__item { max-width: 100%; } #newsDetail, .global-block-container, .aside__item-wrapper { display: block; } .pay__inner, .text__inner, .faq__inner { display: block; padding-bottom: 0; } .pay__content, .text__content, .faq__content, .global-content-block { margin-bottom: 30px; } .aside__item { max-width: 400px; margin: 0 auto 20px; } .news__inner { flex-wrap: wrap; justify-content: center; } #leftFooter .heading { text-align: center; margin-bottom: 0; } #leftFooter a { text-align: center; } #leftFooter .footerRow { justify-content: center; } .index__block-more { display: block; margin: 0; } .index__block-more dl { width: auto; margin: 1em 0; } } @media (max-width: 870px) { #storesList .storesListItem { flex: 0 1 320px; padding: 15px; } #storesList { justify-content: center; margin-bottom: 40px; } .default-items .item { flex: 1 1 50%; max-width: 50%; } /* .product { height: 346px !important; height: 355px !important; width: 50% !important; } */ #popSection .item { width: 50% !important; border: 0 !important; } #homeCatalog .item.last { width: 50% !important; } #popSection .item:nth-child(3n + 1) { border-left: 0px !important; } #popSection .item:nth-child(-n + 4) { border-top: 0 !important; } #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } #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; } #popSection .item:nth-child(2n + 1) { border-left: 1px solid #e7e8ea !important; } } @media (max-width: 850px) { #geo-location-window .geo-location-window-container { transform: translateX(0) translateY(-50%); width: 100%; left: 0px; } #topHeading { display: none; } #leftFooter .column { width: 50%; } #footerLine .col:first-child { display: none; } #footerLine .col:last-child { text-align: center; width: 100%; float: left; } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px; } #modef { display: none !important; } } @media (max-width: 800px) { #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList { left: -134px; z-index: 999; } #headerLine4 #subMenu .removedItemsContainer { opacity: 1; } #footer { padding: 28px 0 60px; } .win-gallery .prev { left: 10px; } .win-gallery .next { right: 10px; } #subHeader7 #apply-accum-filter { display: none; } #subHeader7 .subTableColumn:last-child { position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; z-index: 1000; padding-right: 80px; } #subHeader7 .subTableColumn:nth-child(2) { width: 66px; } #subHeader7 .subTableColumn:nth-child(2) .dropdown-holder > a > span:last-child { display: none; } .header-catalog-menu .line-holder { margin-right: 0; } #subHeader7 .subTableColumn .toolsContainer { margin-top: 0px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } } @media (max-width: 750px) { #requestPrice .productColumn { display: none; } #requestPrice .formColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; width: 100%; } #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit { width: 100%; } #requestPrice #requestPriceContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; 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; } #appFastBuyContainer { height: auto; width: auto; top: 10px; right: 10px; bottom: 10px; left: 10px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #appFastBuyContainer .container { overflow: auto; padding: 20px; height: calc(100% - 60px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #appFastBuyContainer .column { width: auto; float: none; margin: 0; } #appFastBuyContainer .column:first-child { width: auto; } #appFastBuyContainer .name { height: auto; line-height: normal; } #appFastBuyContainer #fastBuyPicture { height: 150px; } #appFastBuyContainer #fastBuyPicture .url { height: 150px; line-height: 150px; } #appFastBuyContainer input, #appFastBuyContainer #fastBuyFormSubmit { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 700px) { .webFormModalHeading { padding: 10px 0; line-height: 1.3; font-size: 22px; } .small .webformModalContainer { width: 90%; } .promo-index__holder .canvas-holder { display: none; } .promo-index__text { padding-right: 0; } .license__block { width: 50%; } #geo-location-window .geo-location-window-list-item { width: 33.333%; } #geo-location-window .geo-location-window-container { padding: 0 12px; } .contacts-requisites .table-holder { min-width: 0; } .contacts-requisites table, .contacts-requisites table tbody, .contacts-requisites table tr, .contacts-requisites table td { display: block; } .contacts-requisites table td { margin-bottom: -1px; } .contacts-requisites table td:last-child { margin: 0; } #subHeader7 .topCompare { display: block; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 300px; } /* .limiter { padding: 0 10px; } */ #topMenu { margin-left: 12px; } #subHeader #logo, #subHeader.color_theme #logo, #subHeader.color_black #logo { border: 0; } #topSearch form { box-sizing: border-box; } #left { width: 100%; padding: 0 12px; box-sizing: border-box; display: block; } .hidden-desktop #left { padding: 0; } #right { display: block; /* margin-top: 24px; */ /*padding: 0 12px;*/ box-sizing: border-box; } #leftMenu li a { font-size: 16px; } #footer .top { box-sizing: border-box; padding: 0 12px; } #footer .bottom { box-sizing: border-box; padding: 0 12px; } #footer .bottom .left { width: 60px; } #flushFooterCart .item:nth-child(1) { display: none; } #catalogLine .column:nth-child(2) { display: none; } .copyright img { display: none; } .copyright { display: block; width: 60px; height: 60px; background: url(/local/templates/dresscode/images/sn.png) -360px -0px no-repeat transparent; } .copyright:hover { background-position: -360px -60px; } #catalogLineList .resizeColumn { width: 40%; } #catalogLineList .column .resizeColumn.last { width: 20%; } #catalogLineList .column:last-child .optional .label { width: 100%; } #catalogLineList .column:last-child .optional .label:first-child { display: none; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogTableList .column:nth-child(8) { display: none; } #appBasket { display: none !important; } #overlap { display: none !important; } .blurred { -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #upButton { display: none !important; } #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; } */ } @media (max-width: 634px) { #footerTabsCaption, #footerTabs { display: none; } #headerTools .tools .compare, #headerTools .tools .wishlist { display: none; } #catalogLineList .column { width: 50%; } #catalogLineList .prop { display: none; } #catalogLineList .column .resizeColumn { width: 50%; } #catalogLineList .column .resizeColumn.last { display: none; } #catalogTableList .column:nth-child(1) { display: none; } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto; } .contactList li { margin-bottom: 24px; width: 100%; } #empty .emptyMenu li { width: 100%; } } @media (max-width: 600px) { .license__holder { display: block; } .index__block-more { display: block; margin: 0; } .index__block-more dl { padding: 2em; } .index__block-more dl dt .ico { display: none; } .index__block-more dl dt, .index__block-more dl dd { padding-right: 0; } .index__block-advantages dl { width: 100%; padding-right: 0; margin-bottom: 2em; } .promo-index__holder { padding: 2em; } .promo-index__title { font-size: 1.4em; } .promo-index__phone a[href*="tel"] { font-size: 1em; } .wrap_mW { bottom: 76px !important; right: -15px !important; height: 70px; } .win-gallery .thumbs .thumb { width: 10px; height: 10px; margin: 0 3px; } .map-holder .map { height: 300px; } .right-block { display: block; margin: 0; } .left-banner { width: auto; height: auto; padding: 0; margin-top: 1em; } .h1, h1 { font-size: 24px; line-height: 28px; } .h2, h2 { font-size: 20px; line-height: 24px; } } @media (max-width: 520px) { /* #subHeader7 .subTableRow { flex-wrap: wrap; justify-content: center; column-gap: 20px; } */ /* .product { height: 346px !important; height: 355px !important; width: 100% !important; border: 0 !important; } */ /* .product:nth-child(-n+3){ height: 346px !important; border-top: 0 !important; } .product:nth-child(3n+1){ border-left: 0 !important; } .product:nth-child(-n+1){ height: 347px !important; }*/ #popSection .item { width: 100% !important; border: 0 !important; /* clear old */ } #homeCatalog .item.last { width: 100% !important; } #popSection .item:nth-child(3n + 1) { border-left: 0px !important; } #popSection .item:nth-child(-n + 4) { border-top: 0 !important; } #homeCatalog { margin-top: 0px; } #slider { margin-bottom: 24px; } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none !important; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 240px; } #leftFooter .column { width: 100%; } #flushFooterCart .item:nth-child(2) { display: none; } .sn { display: none; } #catalogTableList .column:nth-child(2) { margin-top: 0px; } #catalogTableList .column { text-align: center; display: block; } #catalogTableList .column:nth-child(1) { margin-top: 24px; display: block; } #catalogTableList .name { text-align: center; } #catalogTableList .price .discount { right: 48px; } #catalogTableList .addCart, #catalogTableList .more { margin: 0; } /*.product{ border-bottom: 1px solid #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; }*/ #popSection .item { border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; } #popSection .item:nth-child(-n + 1) { border-top: 1px solid #e7e8ea !important; } #popSection .item:nth-child(1n + 1) { border-left: 1px solid #e7e8ea !important; } /* #leftFooter .heading{ text-align: center; } */ #leftFooter ul { text-align: center; } #footerBottom { height: auto; } #footerBottom .creator { padding: 0px; text-align: center; float: none; } #footerBottom .creator img { display: inline; } #footerBottom .social { display: none; } #slider .sliderContent { text-align: center; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: unset; left: unset; width: 100%; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 30px; font-size: 24px; } #slider .sliderContent br { display: none; } #slider ul li span { -webkit-filter: url(#blur); filter: url(#blur); -webkit-filter: blur(3px); filter: blur(3px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-transition: 1s -webkit-filter linear; transition: 1s filter linear; opacity: 0.5; } #slider ul li span:hover { transform: scale(1); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px); } } @media (max-width: 500px) { .productList { justify-content: center; } #geo-location-window .geo-location-window-list-item { width: 50%; } .win-gallery .close { left: 20px; top: 20px; } .win-gallery .prev { left: 20px; } .win-gallery .next { right: 20px; } /* .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { border: none !important; position: absolute; top: 103px; } */ /* .top-auth-personal, .top-auth-login { left: 12px; } */ /* .top-auth-exit { left: 120px; } */ #headerLine4 { position: relative; z-index: 201; } .top-auth-register { left: 52px; } #subHeader #headerTools, #subHeader.color_theme #headerTools, #subHeader.color_black #headerTools { border: 0; } #headerTools .telephone { line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; top: 107px; } #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: #888888; } #subHeader #headerTools .tools li, #subHeader.color_theme #headerTools .tools li, #subHeader.color_black #headerTools .tools li { border: none !important; } #subHeader #topService, #subHeader.color_theme #topService, #subHeader.color_black #topService { border: none; } #topHeader #topService li, #topHeader.color_theme #topService li, #topHeader.color_black #topService li { padding: 0px; border: none; } #topService.color_theme > li > a { color: #ffffff !important; } #topService.color_theme > li > a:hover { opacity: 0.8; } #topHeader.color_theme #topService, #topHeader.color_black #topService { border: 0; } /* #logo { padding-left: 12px; line-height: 80px; height: 80px; } */ #headerTools .tools li { line-height: 80px; } #topMenu { margin-left: 0px; } #topSearch input[type="text"] { padding-left: 6px; } #topService li a { color: #888888; } #panel { position: fixed; z-index: 9999; } #logo { text-align: left; } #topSearch input[type="text"] { font-size: 14px; } #topSeachCloseForm { font-size: 13px; } .custom-select { display: block; min-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } } @media (max-width: 486px) { .news__item { margin-bottom: 30px; } #catalogLine .column:last-child { display: none; } } @media (max-width: 480px) { .new-und-con { padding-bottom: 40px; } .left-con .wraa p { font-size: 14px; } .left-con .wraa span { font-size: 14px; padding: 10px; } .global-block-container { margin-bottom: 40px; } .priceProperties__inner { columns: 1; margin-bottom: 20px; } #newsDetail { padding-bottom: 30px; } #newsDetail .description { margin-bottom: 30px; } .bigPicture img { margin-bottom: 20px; } .bx-sbb-empty-cart-container { display: block; } .bx-sbb-empty-cart-image { width: 100px; height: 100px; margin: 0 0 20px; } .logo a { text-align: center; } h2.questions-title { font-size: 16px !important; } .questions-answers-list .answer { padding: 12px; font-size: 14px;-size: 16px } .questions-answers-list .question { padding: 12px 50px 12px 12px; } .pay_system_icons { text-align: center; } #leftFooter { padding: 20px 0 0; } .footer__top { padding-bottom: 20px; } .logo span img { margin: 0 auto; } .footer__copy, .footer-telephone, .footer-email, .footer-address { text-align: center; } .footer__top-inner { flex-direction: column-reverse; } .default-items .item { flex: 1 1 100%; max-width: 100%; } } @media (max-width: 450px) { #topAuth { margin-top: 15px; } .user-geo-position-label { display: none; } } @media (max-width: 440px) { #subHeader7 .subTableColumn:nth-child(3) { width: auto; } } @media (max-width: 430px) { #requestPrice #requestPriceContainer { height: 450px; } #requestPrice .requestPriceHeading { font-size: 16px; } #requestPrice .requestPriceHeading .close { display: none; } #requestPrice .requestPriceFormHeading { margin-top: 32px; } } @media (max-width: 400px) { .tb { flex-direction: column; } #subHeader7 #leftMenu .tb { flex-direction: row; } .webFormTools .tc:first-child { padding-right: 0; margin-bottom: 10px; } .webFormTools .tc:last-child { padding-left: 0; } .pay__content, .text__content, .faq__content { font-size: 16px; } .pay__inner, .text__inner { padding-bottom: 30px; } .license__block { width: 100%; } #geo-location-window .geo-location-window-list-item { width: 100%; } .left-banner { height: 200px; } /* #logo { width: 150px; padding-left: 12px; } */ .promo-index__holder { padding: 1em; } .promo-index__title { font-size: 1.2em; } } @media (max-width: 360px) { .subTableColumn--nav { flex: 0 1 40px; } #headerLine4 .subTable { justify-content: center; } #headerLine4 #geoPosition ul { left: 0; right: auto; } /* #logo { flex: 0 0 100%; text-align: -webkit-center; margin-bottom: 10px; } */ #catalogLine { display: none; } #headerTools .tools li { border-left: none; } #logo { width: 120px; } } @media (max-width: 300px) { #headerTools .tools .telephone { display: none !important; } } @media (max-width: 900px){ .contacts-wrap{ flex-direction: column; } } .homeCatalog__title { text-align: center; } .aside-wrapper { position: relative; } .aside-wrapper__cover { position: fixed; content: ""; top: 0; left: 0; z-index: 300; background-color: #00000080; } .aside-wrapper.active .aside-wrapper__cover { width: 100%; height: 100%; } .mobile-menu { color: #2233CF; position: fixed; top: 0; right: -300px; z-index: 400; height: 100%; width: 260px; padding: 20px 20px; background-color: #FFFFFF; font-style: normal; font-weight: 300; font-size: 16px; color: #2233CF; line-height: 1.3; transition: right 0.2s ease-in-out; font-family: 'roboto_ltregular', Arial, sans-serif; } .mobile-menu a { text-decoration: none; color: #2233CF; } .mobile-menu.active { right: 0; } .mobile-menu__list { list-style-type: none; padding: 0; } .mobile-menu__list li{ margin-bottom: 14px; transition: color 0.2s ease-in-out; } .mobile-menu__list li::hover{ color: #FA8F6B; } .mobile-menu__phone { display: flex; flex-direction: column; padding: 14px 0; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #6EAF82; } .mobile-menu__phone a { color: #6EAF82; } .mobile-menu__phone .heading a { color: #2233CF; } .mobile-menu__phone .heading{ font-family: 'robotomedium', Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 16px; color: #2233CF; } .menu-btn__wrapper { display: flex; align-items: center; gap: 15px; } .region-btn { display: none; } .menu-btn { display: none; } .header-menu-init { cursor: pointer; } .aside-wrapper .header-menu-init { cursor: pointer; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; z-index: 400; } .no-scroll { overflow: hidden; } #headerLine4 .subTable .region_wrapper { line-height: 1.3; } #headerLine4 .subTable .user-geo-position-value { border-bottom: 1px dashed #5B617C; } .aside-wrapper .mobile-menu .mobile-menu__auth-list { position: relative; display: flex; margin: 0 0 20px 0; list-style-type: none; padding-left: 20px; gap: 10px; } .aside-wrapper .mobile-menu .mobile-menu__auth-list::after { content: ''; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; background: url(/bitrix/templates/dresscode/images/user.svg) center / cover no-repeat; } @media (max-width: 777px) { #subHeader7 #topAuth { display: none; } #headerLine4 .subTable .subTableColumn--nav { display: none; } #headerLine4 .subTable .phonesTc { display: none; } #headerLine4 .subTable .region_wrapper { order: 2; flex: 1 1 100%; } .menu-btn { display: flex; } .region-btn { display: block; } .dropdown-holder .header-catalog-menu span { display: none; } .heading.orange { padding: 5px 11px; } #headerLine4 .subTable > #geoPosition.region_wrapper { display: none; } #topSearchLine{ padding: 0 20px 0 0; } } @media (max-width: 440px) { #topSearchLine{ padding-right: 0px; } #logo img { display: block; width: 108px; } #headerLine4 .user-geo-position-value .user-geo-position-value-link { font-size: 12px; } } /* End */ /* /local/templates/dresscode/fonts/roboto/roboto.css?17370215262282 */ /* /local/templates/dresscode/themes/white/blue/style.css?173702152838687 */ /* /local/templates/dresscode/fa.css?173702153672616 */ /* /local/templates/dresscode/css/custom.css?17494772781236 */ /* /local/templates/dresscode/perfect-scrollbar.css?17370215252598 */ /* /local/templates/dresscode/headers/header7/css/style.css?173702152519308 */ /* /local/templates/dresscode/headers/header7/css/types/type1.css?173702152572 */ /* /local/templates/dresscode/components/bitrix/menu/topMenu6/style.css?1737021536786 */ /* /local/templates/dresscode/components/bitrix/form.result.new/modal/style.css?173702153510678 */ /* /local/templates/dresscode/components/bitrix/menu/leftMenu/style.css?17370215365012 */ /* /local/templates/dresscode/components/dresscode/search.line/header/style.css?17370215368318 */ /* /local/templates/dresscode/components/dresscode/compare.line/header-line/style.css?17370215361388 */ /* /local/templates/dresscode/components/dresscode/favorite.line/header-line/style.css?17370215361462 */ /* /local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/style.css?17370215352064 */ /* /local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.css?17370215351766 */ /* /local/templates/dresscode/styles.css?173702152510054 */ /* /local/templates/dresscode/template_styles.css?1737021535213948 */