/* Start:/local/templates/dresscodeV2/fonts/roboto/roboto.min.css?17277696021910*/ @font-face{font-family:robotobold;src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-bold.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-bold.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:robotomedium;src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-medium.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-medium.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-medium.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:roboto_condensedlight;src:url('/local/templates/dresscodeV2/fonts/roboto/robotocondensed-light.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/robotocondensed-light.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/robotocondensed-light.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto_cnregular;src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-condensed.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-condensed.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-condensed.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto_ltregular;src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-light.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-light.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-light.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:robotoregular;src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-regular.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-regular.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto_thregular;src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-thin.eot');src:url('/local/templates/dresscodeV2/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-thin.woff') format('woff'),url('/local/templates/dresscodeV2/fonts/roboto/roboto-thin.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} /* End */ /* Start:/local/templates/dresscodeV2/themes/red/style.css?174705812645853*/ /* Base color: #ed1c24 Base color hover: #ff232b; Base color focus: #ad000c; */ body.index { background-color: #f3f3f3; } #subHeaderLine.color_theme, #headerLine .headerLineTools .callBack, #subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine2 .callBack, #headerLine3 .callBack, #headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList, #headerLayout.color_theme, #headerLine.color_theme, #topHeader.color_theme, #topHeader2.color_theme, #subHeader2.color_theme, #subHeader3.color_theme, #subHeader4.color_theme, #subHeader5.color_theme, #subHeader6.color_theme, #subHeader7.color_theme, #subHeader8.color_theme, #subHeader9.color_theme, #headerLine2.color_theme, #headerLine3.color_theme, #headerLine4.color_theme, #headerLine5.color_theme, #subHeader.color_theme, #subHeader.color_black #headerTools .cart ins.active, #subHeader2 .topCompare .text.active, #subHeader2 .topWishlist .text.active, #subHeader2 .cart .heading.active, #subHeader2.color_black .cart .heading.active, #subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader4.color_theme .topWishlist .value, #subHeader4.color_theme .topCompare .value, #subHeader4.color_theme .cart .count, #subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader5.color_theme .topWishlist .value, #subHeader5.color_theme .topCompare .value, #subHeader5.color_theme .cart .count, #subHeader6.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader6.color_theme .topWishlist .value, #subHeader6.color_theme .topCompare .value, #subHeader6.color_theme .cart .count, #subHeader7.color_theme .topWishlist .value, #subHeader7.color_theme .topCompare .value, #subHeader7.color_theme .cart .count, #subHeader8.color_theme .cart .count, #subHeader9 .subContainerColumn .callBack, #subHeader9 #menuCatalogSection .catalogButton, #subHeader9.color_theme .topWishlist .value, #subHeader9.color_theme .topCompare .value, #subHeader9.color_theme .cart .count, #footer.variant_2 #leftFooter, #footer.variant_2 #rightFooter, #footer.variant_2 #footerBottom, #footer.variant_2 .fc, #footerLine.color_theme, .menuContainerColor.color_theme #mainMenuContainer, .menuContainerColor.color_theme #menuCatalogSection .catalogButton, .menuContainerColor.color_theme #mainMenu .removedItemsLink .removedItemsList { background-color: #ed1c24; } #subHeader.color_black #headerTools .cart ins.active:hover, #headerLine .headerLineTools .callBack:hover, #subHeader9 .subContainerColumn .callBack:hover, #headerLine2 .callBack:hover, #subHeader9 #menuCatalogSection .catalogButton:hover, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, .menuContainerColor.color_theme #mainMenuContainer #mainMenu>li:hover, .menuContainerColor.color_theme #mainMenu .removed:hover { background-color: #ff232b; } #subHeader.color_black #headerTools .tools .link, #subHeader2 #topCallback .link, #subHeader3 .cart .total, #subHeader3.color_theme .cart .active .count, #subHeader6 .cart .total, #subHeader6 .cart .active .count, #subHeader7 .cart .active .total, #subHeader7 .firstPhones .callBack, #subHeader4 #subMenu li .selected, #subHeader8 #subMenu li .selected, #subHeader9 #subMenu li .selected, #subHeader5 .cart .heading .total, #headerLine #topAuth ul li a, #headerLine .user-geo-position-value-link, #headerLine2 .user-geo-position-value-link, #headerLine2 #subMenu li .selected, #headerLine2.color_black #subMenu li .selected, #headerLine3 #subMenu li .selected, #headerLine3.color_black #subMenu li a.selected, #headerLine4 #subMenu li .selected, #footerLine.color_white .item .callback, #footer.variant_4 #leftFooter .heading, #footer.variant_4 #rightFooter .email a, #footer.variant_4 #leftFooter .selected, #footer.variant_5 #leftFooter .heading, #footer.variant_5 #rightFooter .email a, #footer.variant_5 #leftFooter .selected { color: #ed1c24; } #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: #ed1c24 !important; } #headerLine4.color_black #subMenu li a:hover, #headerLine4.color_black #subMenu li .selected { color: #ed1c24 !important; } #headerLine #topAuth ul li a:hover, #topHeader.color_black #topMenu li a.selected, #topHeader.color_default #topMenu li a:hover, #topHeader.color_default #topMenu li .selected, #topHeader.color_default #topService>li>a:hover, #topHeader.color_default .user-geo-position-value-link:hover, #subHeader.color_black #headerTools .tools .link:hover, #subHeader2 #topCallback .link:hover, #subHeader4 #subMenu li a:hover, #subHeader8 #subMenu li a:hover, #subHeader9 #subMenu li a:hover, #subHeader5 .cart .heading:hover .total, #subHeader6 .cart .heading:hover .total, #subHeader7 .firstPhones .callBack:hover, #headerLine .user-geo-position-value-link:hover, #headerLine .user-geo-position-value-link:hover, #headerLine2 .user-geo-position-value-link:hover, #headerLine2 #topAuth>ul li a:hover, #headerLine2 #subMenu li a:hover, #headerLine3 #subMenu li a:hover, #headerLine4 #subMenu li a:hover, #headerLine2.color_black #topAuth>ul li a:hover, #headerLine2.color_black #subMenu li a:hover, #headerLine3.color_black #topAuth>ul li a:hover, #headerLine3.color_black #subMenu li a:hover #headerLine4.color_black #subMenu li a:hover, #footerLine.color_white .item .callback:hover, #footer.variant_4 #leftFooter a:hover, #footer.variant_4 #rightFooter .email a:hover, #footer.variant_5 #leftFooter a:hover, #footer.variant_5 #rightFooter .email a:hover { color: #ff232b; } #headerLine.color_theme .headerLineTools .callBack, #headerLine2.color_theme .callBack, #subHeader6.color_theme .callBack, #subHeader9.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader9.color_theme #menuCatalogSection .catalogButton, #subHeader9.color_theme .callBack { background-color: #ff232b; } #subHeader3 .cart .order.active, #subHeader6 .subPhones .callBack { border: 1px solid #ed1c24; color: #ed1c24; } #subHeader6 .subPhones .callBack:hover { border: 1px solid #ff232b; } #subHeader4 .topCompare .active .value, #subHeader4 .topWishlist .active .value, #subHeader4 .cart .active .count, #subHeader4.color_black .topCompare .active .value, #subHeader4.color_black .topWishlist .active .value, #subHeader4.color_black .cart .active .count, #subHeader5 .topCompare .active .value, #subHeader5 .topWishlist .active .value, #subHeader5 .cart .active .count, #subHeader6 .topCompare .active .value, #subHeader6 .topWishlist .active .value, #subHeader6 .cart .active .count, #subHeader7 .topCompare .active .value, #subHeader7 .topWishlist .active .value, #subHeader7 .cart .active .count, #subHeader8 .cart .active .count, #subHeader9 .topCompare .active .value, #subHeader9 .topWishlist .active .value, #subHeader9 .cart .active .count { border: 2px solid #ed1c24; color: #ed1c24; } #subHeader3 .cart .active .count, #subHeader3.color_theme .cart .active .count, #subHeader3.color_black .cart .active .count { background-color: #ed1c24; } #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: #ed1c24; } #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: #ff232b; } #subHeader3 #topToolsLeft a:after, #subHeader3 .user-geo-position-value-link:after, #headerLine .user-geo-position-value-link:after, #headerLine #topAuth ul li a:after, #headerLine2 .user-geo-position-value-link:after, #subHeader6 #topAuth ul li a:after, #subHeader6 .user-geo-position-value-link:after, #subHeader7 .firstPhones .callBack:after, #subHeader8 .telephoneContainer .callBack:after, #headerLine4 .user-geo-position-value-link:after, #headerLine4 #topAuth ul li a:after { border-bottom: 1px dashed #ed1c24; } #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 #ff232b; } @media all and (max-width: 800px) { #subHeader6 .user-geo-position-value-link { background-color: #ff232b; } } @media all and (max-width: 650px) { #subHeader9 .subContainerColumn .callBack { color: #ff232b !important; } #subHeader9 .subContainerColumn .callBack:hover { color: #ed1c24 !important; } } @media all and (max-width: 420px) { #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link { color: #ff232b; } #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link:after { border-color: #ff232b; } } #topHeader { border-bottom: 1px solid #f6f6f6; background: #fff; } #topService { color: #000; border-left: 1px solid #f6f6f6; } #topService li { border-right: 1px solid #f6f6f6; } #topService li a { color: #000; } #topService li:hover a:hover { color: #ff232b; } #topService li a:focus { color: #ad000c; } #topService .selected { color: #ff232b; } #subHeader { background: #fff; border-bottom: 0 solid #f6f6f6; } #logo { border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; } #topHeading { border-right: 1px solid #f6f6f6; } #topHeading p { color: #000; } #headerTools { border-right: 1px solid #f6f6f6; } #headerTools .tools .heading { color: #000; } #headerTools .tools .link { color: #ed1c24; } #headerTools .tools .link:hover { color: #ff232b; } #headerTools .tools li { border-left: 1px solid #f6f6f6; } #headerTools .text { color: #000; } #headerTools .telephone .icon { background: url(/local/templates/dresscodeV2/themes/red/images/callbackHead.png) 0 0 no-repeat transparent; } #headerTools .telephone .icon:hover { background: url(/local/templates/dresscodeV2/themes/red/images/callbackHead.png) -35px 0 no-repeat transparent; } #headerTools .search .icon { background: url(/local/templates/dresscodeV2/themes/red/images/searchHead.png) 0 0 no-repeat transparent; } #headerTools .search .icon:hover { background: url(/local/templates/dresscodeV2/themes/red/images/searchHead.png) -35px 0 no-repeat transparent; } #headerTools .wishlist .icon { background: url(/local/templates/dresscodeV2/themes/red/images/wishlistHead.png) 0 0 no-repeat transparent; } #headerTools .wishlist .icon.active { background: url(/local/templates/dresscodeV2/themes/red/images/wishlistHead.png) -36px 0 no-repeat transparent; } #headerTools .wishlist .icon.active:hover { background-position: -72px 0; } #headerTools .compare .icon { background: url(/local/templates/dresscodeV2/themes/red/images/compareHead.png) 0 0 no-repeat transparent; } #headerTools .compare .icon.active { background: url(/local/templates/dresscodeV2/themes/red/images/compareHead.png) -35px 0 no-repeat transparent; } #headerTools .compare .icon.active:hover { background: url(/local/templates/dresscodeV2/themes/red/images/compareHead.png) -70px 0 no-repeat transparent; } #headerTools .cart .icon { background: url(/local/templates/dresscodeV2/themes/red/images/cartHead.png) 0 0 no-repeat transparent; } #headerTools .cart .icon.active { background: url(/local/templates/dresscodeV2/themes/red/images/cartHead.png) -44px 0 no-repeat transparent; } #headerTools .cart .icon.active:hover { background: url(/local/templates/dresscodeV2/themes/red/images/cartHead.png) -88px 0 no-repeat transparent; } #headerTools .cart ins { background: #e0e0e0; color: #888; } #headerTools .cart ins.active { color: #ff232b; } #topHeader #topMenu { border-left: 1px solid #e9e9e9; } #topHeader #topMenu li a { color: #000; } #topHeader #topMenu li a:hover { color: #ff232b; } #topHeader #topMenu .sub { background-color: #eeeeee; } #topHeader #topMenu .sub li { border-bottom: 1px solid #e0e0e0; border-top: 0; } #topHeader #topMenu .sub li:hover { background: #e0e0e0; } #mainMenuContainer .minCatalogButton { background: #ed1c24; color: #fff; } #changeYouCity { background: url(/local/templates/dresscodeV2/themes/red/images/modalBg.png) 0 0 repeat #232323; } #changeYouCity .heading { color: #ff232b; } #changeYouCity .list li a { color: #ccc; } #changeYouCity .list li a:hover { color: #ff232b; } #changeYouCity #cityClose { background: rgba(0, 0, 0, 0.1); border: 1px solid #000; color: #fff; } #changeYouCity #cityClose:hover { color: #ff232b; } #changeYouCity #cityClose ins { background: url(/local/templates/dresscodeV2/themes/red/images/exit.png) 0 0 no-repeat transparent; } #changeYouCity #cityClose:hover ins { background-position: -11px 0; } #changeYouCity #cityClose:active ins { background-position: -22px 0; } #mainMenuContainer { background-color: #1a1a1a; } #mainMenu>li a { color: #fff; } #mainMenu>li a:hover { color: #ed1c24; } #menuCatalogSection .drop ul li a:hover { color: #ed1c24; } #left .heading { color: #fff; } #left .opener { background: #ed1c24; } #left .heading ins { background: url(/local/templates/dresscodeV2/themes/red/images/iconMenu.png) 0 50% no-repeat transparent; } #left .sideBlock .heading { background-color: #2b2b2b; } #left #subscribe .sideBlockContent { border: 1px solid #e7e8ea; } #left #subscribe .copy { color: #888; } #brandSearch td { border-left: 1px solid #313131; background: #424242; color: #fff; } #brandSearch td a { color: #fff; } #brandSearch td:hover a { color: #ff232b; } #brandSearch a { color: #000; } #slider ol li { background: url(/local/templates/dresscodeV2/themes/red/images/slideButton.png) 0 0 no-repeat transparent; } #slider ol li:hover { background: url(/local/templates/dresscodeV2/themes/red/images/slideButton.png) -18px 0 no-repeat transparent; } #slider ol li:active { background: url(/local/templates/dresscodeV2/themes/red/images/slideButton.png) -36px 0 no-repeat transparent; } #slider ol li.selected { background: url(/local/templates/dresscodeV2/themes/red/images/slideButton.png) -54px 0 no-repeat transparent; } #slider ol li.selected:hover { background: url(/local/templates/dresscodeV2/themes/red/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active { background: url(/local/templates/dresscodeV2/themes/red/images/slideButton.png) -90px 0 no-repeat transparent; } #popCats .sideBlockContent { border: 1px solid #e7e8ea; background-color: #fff; } #popCats li span, #popCats li a { background-color: #e7e8ea; color: #000; } #popCats li a:hover { background-color: #ff232b; border-color: #ed1c24; color: #fff; } #collectionList .collection .wrap { border: 1px solid #ccc; background-color: #fff; } #collectionList .collection .heading { background-color: #fff; color: #000; } #collectionList .goTo { border: 1px solid #ccc; background-color: #f7f7f7; color: #000; } #collectionList .goTo:hover { background-color: #ff232b; border-color: #ed1c24; color: #fff; } #right .heading { background: #2b2b2b; color: #fff; } #footer { background-color: #f9f9f9; } #footer .fc { background-color: #000; } #catalogLine { border: 1px solid #e7e8ea; } #catalogLine select { border: 1px solid #e7e8ea; color: #888; } #catalogLine .viewList .element a { background: url(/local/templates/dresscodeV2/themes/red/images/catalogView.png) 0 0 no-repeat transparent; } #leftFooter { background: #000; } #leftFooter .heading { color: #fff; } #leftFooter a { color: #999; } #leftFooter a:hover { color: #fff; font-weight: 600; -o-transform: translate(10px); -ms-transform: translate(10px); -moz-transform: translate(10px); -webkit-transform: translate(10px); transform: translate(10px); } #leftFooter .selected { color: #fff; font-weight: 600; } #leftFooter .selected:hover { color: #fff; font-weight: 600; -o-transform: translate(0px); -ms-transform: translate(0px); -moz-transform: translate(0px); -webkit-transform: translate(0px); transform: translate(0px); } #rightFooter { background: unset; } #rightFooter .list li { color: #888; } #rightFooter .email a { color: #fff; } #rightFooter p { color: #888; } #rightFooter .hr { border-top: 1px solid #575757; } #rightFooter .telephone { color: #fff; } #rightFooter .email { color: #fff; } #rightFooter .showMap { color: #ed1c24; } #rightFooter .showMap:hover { color: #ff232b; } #footerBottom { border-top: 3px solid #101010; background: #191919; color: #fff; } #appBasketContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #fff; } #appBasket .heading { background-color: #424242; color: #fff; } #appBasket .close { background: url(/local/templates/dresscodeV2/themes/red/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: #fff; } #appBasket .name { color: #000; } #appBasket .name:hover { color: #ed1c24; } #appBasket .price { color: #000; } #appBasket .price .discount { color: #888; } #appBasket .plus, #appBasket .minus { background: url(/local/templates/dresscodeV2/themes/red/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:active { background-position: -38px 0; } #appBasket .qty { background-color: #e7e8ea; color: #000; } #appBasket .sum { background-color: #fbfbfb; } #appBasket .sum .discount { color: #888; } #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: #fff; } #appBasket .lower .tools .goToBasket { background-color: #ed1c24; } #appBasket .lower .tools .goToBasket:hover { background-color: #ff232b; } #appBasket .lower .tools .continue:hover { background: #2b2b2b; } #appFastBuyContainer .heading { background-color: #424242; color: #fff; } #appFastBuyContainer input { background-color: #f3f3f3; color: #000; } #appFastBuyContainer textarea { background-color: #f3f3f3; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus { background-color: #e9e9e9; } #appFastBuyContainer input.error, #appFastBuyContainer textarea.error { border: 1px solid #f00; } #appFastBuyContainer #fastBuyFormSubmit { background-color: #ed1c24; color: #fff; } #appFastBuyContainer #fastBuyFormSubmit:hover { background-color: #ff232b; } #appFastBuyContainer #fastBuyFormSubmit.loading { background: url(/local/templates/dresscodeV2/themes/red/images/loading.gif) 24px 50% no-repeat #ff232b !important; } #fastBuyResult #fastBuyResultClose { background-color: #ed1c24; color: #fff; } #fastBuyResult #fastBuyResultClose:hover { background-color: #ff232b; } #appFastBuyContainer .marker { background-color: #424242; color: #fff; } #appFastBuyContainer .name { color: #000; } #appFastBuyContainer .name:hover { color: #ed1c24; } #appFastBuyContainer .price { color: #000; } #appFastBuyContainer .price .discount { color: #888; } #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit { background: url(/local/templates/dresscodeV2/themes/red/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/dresscodeV2/themes/red/images/exit2.png) 0 0 no-repeat transparent; } #appProductPriceVariant .appPriceVariantExit:hover { background-position: 0 -21px; } #appProductPriceVariant .appPriceVariantExit:active { background-position: 0 -42px; } #footerTabsCaption { border-top: 1px solid #e7e8ea; background-color: #f9f9f9; } #footerTabsCaption .item a, #infoTabsCaption .item a { color: #888; } #footerTabsCaption .item .selected, #infoTabsCaption .item .selected { color: #000; border-bottom: 1px solid #ed1c24; } #footerTabsCaption .item .selected:hover, #infoTabsCaption .item .selected:hover { color: #000; } #footerTabsCaption .item a:hover, #infoTabsCaption .item a:hover { color: #ed1c24; } #footerLine { background-color: #1a1a1a; border-top: 2px solid #202020; box-shadow: 1px 1px 12px #000; } #footerLine .item .callback { color: #ed1c24; } #footerLine .item .wishlist .icon { background: url(/local/templates/dresscodeV2/themes/red/images/wishlistFooterMin.png) 0 0 no-repeat; } #footerLine .item .cart .icon { background: url(/local/templates/dresscodeV2/themes/red/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/dresscodeV2/themes/red/images/callbackFooterMin.png) 0 0 no-repeat; } #footerLine .item .callback:hover { color: #ff232b; } #footerLine .callback:hover .icon { background-position: -21px 0; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { background-color: #313131; color: #888; } #footerLine .item .compare .icon { background: url(/local/templates/dresscodeV2/themes/red/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: #ed1c24; } #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: #ed1c24; } #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: #ff232b; } #footerLine .item a { color: #888; } #footerLine .item a:hover { color: #fff; } #authMenu { border-bottom: 2px solid #e7e8ea; } #authMenu li a { color: #000; } #authMenu li a:hover { border-bottom: 2px solid #099650; padding-bottom: 2.5px; } #authMenu li .selected { border-bottom: 2px solid #099650; } #authMenu li .selected:hover { color: #000; } #empty .emptyWrapper { border-bottom: 1px solid #e7e8ea; } #empty a { color: #0e974f; } #empty a:hover { color: #ed1c24; } #empty .back { border-bottom: 1px dashed #ed1c24; color: #ed1c24; } #empty .back:hover { color: #ff232b; } .product.last { background: #f9f9f9; } .product .tabloid { background-color: #fff; } .product .marker { background-color: #424242; color: #fff; } .product .name { color: #000; } .product .name:hover { color: #ed1c24; } .product .price { color: #000; } .product .price .discount { color: #888; } .product .addCart { background: #ed1c24; color: #fff; } .product .addCart.added, #catalogLineList .itemRow.item .addCart.added, #catalogTableList .itemRow.item .addCart.added{ background: #099650; } .product .addCart.added:hover, #catalogLineList .itemRow.item .addCart.added:hover, #catalogTableList .itemRow.item .addCart.added:hover { background: rgba(9, 150, 80, .85); } .product.tonirSection .addCart { background: #52C0E2; } .product.tonirSection .addCart:hover { background: #12948b; } .product.tonirSection .addCart.added { background: #a4e21b; } .product .label { color: #717171; } .product .label:hover { color: #000; } .product .skuPropertyName { color: #888; } .product .skuProperty .selected .skuPropertyLink { border: 1px solid #ed1c24; background-color: #bdbdbd5c; } .product .skuPropertyLink { border: 1px solid #ddd; color: #000; } .product:hover .tabloid { background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #fff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(100%, #f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 50%, #f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 50%, #f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 50%, #f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 50%, #f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f9fafc', GradientType=0); /* IE6-9 */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.95); border-bottom: 1px solid #ccc; transition-duration: 0.3s; } .product.last .showMore { color: #000; } .product.last .showMore:hover { color: #ed1c24; } #appFastView .addCart.added { background: #099650; } .pv-product__asside_header .addCart.added { background: #099650; } .sideBlock .heading { background-color: #424242; } .heading.collapsed { color: #fff; } .heading.collapsed ins { background: url(/local/templates/dresscodeV2/themes/red/images/iconMenu.png) 50% 50% no-repeat #ed1c24; border-right: 1px solid #ed1c24; } .heading.orange { background: #ed1c24; } .mfeedback input, .mfeedback textarea { background-color: #f3f3f3; color: #000; } .mfeedback input:focus, .mfeedback textarea:focus { background-color: #eeeeee; } .mfeedback input[type="submit"] { background-color: #ed1c24; color: #fff; } .mfeedback input[type="submit"]:hover { background-color: #ff232b; } .bx-auth .alert { border: 1px solid #e7e8ea; background-color: #f3f3f3; } .bx-auth .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .bx-auth .alert.alert-danger { border: 1px solid #f00; background-color: #fff; } .bx-auth .alert.small { color: #000; } .bx-authform-label-container { color: #333; } .bx-auth .registerText { border-bottom: 1px solid #e7e8ea; } .bx-auth input.error { border: 1px solid #f00 !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: #ed1c24; color: #fff; } .bx-auth .submit:hover, .popup-window .btn:hover { background: #ff232b; } .bx-auth .clear { border: 1px solid #e7e8ea; color: #000; } .bx-auth .clear:hover { border: 1px solid #ccc; } .bx-auth .forgot, .bx-auth .registerLink { color: #000; } .bx-auth .forgot:hover, .bx-auth .registerLink:hover { color: #ed1c24; } .blackLink, .backToIndexPage { color: #000; } .blackLink:hover, .backToIndexPage:hover { color: #ed1c24; } .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: #fff !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: #000; } .contactList a:hover { color: #ed1c24; } @media all and (max-width: 700px) { .copyright { border-left: 1px solid #313131; border-right: 1px solid #313131; } } #ORDER_CONFIRM_BUTTON { background: #ff232b !important; } .addCart.disabled { background-color: #ccc !important; border: 1px solid #e7e8ea; } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] { background-color: #ed1c24; color: #fff; } .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover { background-color: #ff232b; } /* components colors */ /*breadcrumbs*/ #breadcrumbs { color: #999; } #breadcrumbs ul li a { color: #000; } #breadcrumbs ul li a:hover { color: #888; } #breadcrumbs .arrow { color: #888; } /*end breadcrumbs*/ /*section.list.default*/ #catalogSection .sectionItems .item:first-child { border-top: 1px solid #e7e8ea; } #catalogSection .sectionItems .item { border: 1px solid #e7e8ea; } #catalogSection .sectionItems .item .itemContainer .bigPicture .marker { background-color: #424242; color: #fff; } #catalogSection .sectionItems .item .itemContainer .bigTitle { color: #000; } #catalogSection .sectionItems .item .itemContainer .bigTitle:hover { color: #ed1c24; } #catalogSection .sectionItems .item .itemContainer .description { color: #888; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a { border-bottom: 1px solid #e7e8ea; color: #000; } #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover { border-bottom: 1px solid #e7e8ea; color: #888; } /*end section.list.default*/ /*section.list.cast*/ #sectionList .tabloid { border: 1px solid #e7e8ea; background: #fff; } #sectionList .tabloid .name { color: #000; } #sectionList .tabloid .name:hover { color: #ff232b; } #sectionList .tabloid .marker { background-color: #424242; color: #fff; } #sectionList .item:hover .tabloid { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; } #sectionList .element .name:hover { color: #ff232b; } /*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: #000; } #nextSection li a:hover, #nextSection li .selected { color: #000; font-weight: 500; -o-transform: translate(10px); -ms-transform: translate(10px); -moz-transform: translate(10px); -webkit-transform: translate(10px); transform: translate(10px); } #nextSection li .cnt { color: #888; font-weight: 200; } #nextSection li .cnt:hover { color: #888; -o-transform: translate(0px); -ms-transform: translate(0px); -moz-transform: translate(0px); -webkit-transform: translate(0px); transform: translate(0px); font-weight: 200; } /*end section.list.level2*/ /*catalog.element*/ #elementSmallNavigation .tab { border-right: 1px solid #e7e8ea; } #elementSmallNavigation .tab.active a { color: #ed1c24; } #elementSmallNavigation .tab.active span { border-bottom: 1px dashed #ed1c24; } #elementTools .addCart, #smallElementTools .addCart { background: #ed1c24; } #elementTools .addCart:hover, #smallElementTools .addCart:hover { background-color: #ff232b; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink { border: 1px solid #ed1c24; background-color: #bdbdbd5c; } .elementProperties a:hover { color: #ed1c24; } #elementProperties .stats a:hover { color: #ed1c24; } #files .item .info .name:hover { color: #ed1c24; } /*reviews*/ #catalogReviews .heading .reviewAddButton:hover { border-color: #ed1c24; color: #ed1c24; } #showallReviews:hover { color: #ed1c24; } #catalogElement #newReview .usedSelect li a.selected { background: #ed1c24; } #catalogElement #newReview .submit { background: #ed1c24; } #catalogElement #newReview .submit:hover { background: #ff232b; } /*set*/ #set .setTools .addCart { background: #ed1c24; } #set .setTools .addCart:hover { background-color: #ff232b; } #set .setElement .name:hover { color: #ed1c24; } #setWindowPrice .addCart { background: #ed1c24; } #setWindowPrice .addCart:hover { background-color: #ff232b; } /*end.catalog.element*/ /* catalog.section */ #catalogLineList .name:hover { color: #ed1c24; } #catalogLineList .addCart { background: #ed1c24; } #catalogLineList .addCart:hover { background-color: #ff232b; } #catalogLineList .tonirSection .addCart { background: #52C0E2; } #catalogLineList .tonirSection .addCart:hover { background: #12948b; } #catalogLineList .skuProperty .selected .skuPropertyLink { border: 1px solid #ed1c24; } #catalogLineList .prop a:hover { color: #ed1c24; } /* table */ #catalogTableList .name:hover { color: #ff232b; } #catalogTableList .addCart, #catalogTableList .more { background-color: #ed1c24; } #catalogTableList .addCart:hover, #catalogTableList .more:hover { background-color: #ff232b; } #catalogTableList .tonirSection .addCart { background: #52C0E2; } #catalogTableList .tonirSection .addCart:hover { background: #12948b; } /* end.catalog.section */ /*smart filter */ #smartFilter .showALL { color: #ed1c24; } #smartFilter .showALL:hover { color: #ff232b; } #smartFilter .radio label:hover, #smartFilter .checkbox label:hover { color: #ed1c24; } #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover { background-color: #ff232b; } #smartFilter .handler { background: url(/local/templates/dresscodeV2/themes/red/images/handlerActive.png) 0 0 no-repeat transparent; } #set_filter { background-color: #ed1c24; } #set_filter:hover { background-color: #ff232b; } #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon { border-color: #ed1c24; } #smartFilter .hint { background: url(/local/templates/dresscodeV2/themes/red/images/question.png) 0 0 no-repeat transparent; } #smartFilter .hintValue .close { color: #ed1c24; } #smartFilter .hintValue .close:hover { color: #ff232b; } #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button { border: 1px solid #ed1c24; background-color: #ed1c24; } #smartFilter input[type="submit"]:hover, #smartFilter button:hover { background-color: #ff232b; } #modef { background: url(/local/templates/dresscodeV2/themes/red/images/modef.png) 0 0 no-repeat; } /* end smart filter */ /* menu */ #topMenu li a:hover { color: #ff232b; } #topMenu li .selected { color: #ff232b; } #topMenu .sub li:hover a { color: #ff232b; } #personalMenu li a:hover { color: #ed1c24; } #subLeftMenu .selected a { color: #ff232b; } #leftMenu .menuItems a:hover span { color: #ed1c24; } #mainMenu .drop ul li a:hover, #mainMenu .drop .nextColumn ul li a:hover { color: #ed1c24; } /* end menu */ /* news */ #newsDetail .more { background: #ed1c24; } #newsDetail .more:hover { background-color: #ff232b; } #newsContainer .column .item .title a:hover { color: #ed1c24; } #newsContainer .column .item .more { background: #ed1c24; } #newsContainer .column .item .more:hover { background-color: #ff232b; } #newsContainer .column .item .title a:hover { color: #ed1c24; } #newsContainer .column .item .more, .mainServiceContainer .item .more { background: #ed1c24; } #newsContainer .column .item .more:hover, .mainServiceContainer .item .more:hover { background-color: #ff232b; } .backToList:hover { color: #ed1c24; } #brandList .name:hover { color: #ff232b; } #newsContainer .column .item .title a:hover, .mainServiceContainer .item .title a:hover { color: #ed1c24; } #newsContainer .column .item .more { background: #ed1c24; } #newsContainer .column .item .more:hover { background-color: #ff232b; } #collectionBlock .name:hover { color: #ff232b; } #collectionBlock .link { color: #ff232b; } #newsBlock .newsTitle:hover { color: #ed1c24; } #serviceBlock .name:hover { color: #ff232b; } #serviceBlock .link { color: #ff232b; } /* end news */ /* order cancel */ .bx_my_order_cancel a:hover { color: #ed1c24; } .bx_my_order_cancel input[type="submit"] { background: #ed1c24; } .bx_my_order_cancel input[type="submit"]:hover { background: #ff232b; } .bx_my_order_cancel input[type="submit"]:active { background: #ff232b; } input[name="BuyButton"] { background-color: #ed1c24; } .bx_my_order_switch .bx_mo_link:hover { color: #ed1c24; } /* end order cancel */ /* #subscribe */ #subscribeEdit a:hover { color: #ed1c24; } #subscribeEdit .submit { background: #ed1c24; } #subscribeEdit .submit:hover { background: #ff232b; } #subscribe .submit { background-color: #ff232b; } #subscribe .submit:hover { background-color: #ff232b; } /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span { background: #ed1c24; color: #fff; } /* end navigation */ #brandList .name:hover { color: #ff232b; } #brandList .last .showMore:hover { color: #ff232b; } #brandList .last .ps:hover { color: #ff232b; } #mainProfile .profileSettings .heading { color: #ed1c24; } #mainProfile .profileSettings .submit { background: #ed1c24; } #mainProfile .profileSettings .submit:hover { background: #ff232b; } #main input[name="BuyButton"], #main input[type="submit"] { background-color: #ed1c24; } #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover { background-color: #ff232b; } #newOrder { background-color: #ed1c24; } #newOrder:hover { background-color: #ff232b; } #orderSuccess a { color: #ed1c24; } #orderSuccess a:hover { color: #ff232b; } #personalCart #basketView .item a { background: url(/local/templates/dresscodeV2/themes/red/images/cartView.png) 0 0 no-repeat transparent; } #personalCart #tabsControl .item a:hover { color: #ed1c24; } #personalCart #tabsControl .item .selected:hover { border-bottom: 1px dashed #ed1c24; } #personalCart .productTable .clear a:hover { color: #ed1c24; } #personalCart .productTable .name a:hover { color: #ed1c24; } #orderMake { background-color: #ed1c24; } #orderMake:hover { background-color: #ff232b; } .orderLoad { background: url(/local/templates/dresscodeV2/themes/red/images/orderLoad.gif) 24px 50% no-repeat #ed1c24 !important; } #wishlist .prop a:hover { color: #ff232b; } #popSection .name:hover { color: #ed1c24; } #popSection .last .showMore:hover { color: #ed1c24; } #popSection .last .ps:hover { color: #ed1c24; } #storesList .storesListTableLink, #storeDetail .storesMoreLink { color: #ed1c24; } #storeDetail .showByMapLink { color: #000; } #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover { color: #ff232b; } #complect .complectListItemLink { color: #000; } #complect .complectListItemLink:hover { color: #ff232b; } #complect .complectResultEconomyValue { color: #ff305c; } #appFastView .addCart, #geo-location-window .geo-location-window-button { background: #ed1c24; } #geo-location-window .geo-location-window-list-item .selected span { border-bottom: 1px dashed #ed1c24; color: #ed1c24; } #geo-location-window .geo-location-window-button:hover { background-color: #ff232b; } #appFastView .addCart:hover { background-color: rgba(9, 150, 80, .85); } #geo-location-window .geo-location-window-list-item a:hover { color: #ff232b; } .information-feedback, .shop-review-top-new-button { border: 1px solid #ed1c24; color: #ed1c24; } .information-feedback:hover, .shop-review-top-new-button:hover { border: 1px solid #ff232b; color: #ff232b; } .webFormTools input[type="submit"] { background-color: #ed1c24; } .webFormTools input[type="submit"]:hover { background-color: #ff232b; } #bx-soa-order-form .bx-blue .btn.btn-default { background-color: #ed1c24; border: 1px solid #ed1c24; color: #fff; } #bx-soa-order-form textarea { outline: none; } #bx-soa-order-form a { color: #000; } #bx-soa-order-form a:hover { color: #ff232b; } #bx-soa-order-form .bx-blue .btn.btn-default:hover { background-color: #ff232b; } #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c; } #appProductPriceVariant .linkMore { background: #ed1c24; } #appProductPriceVariant .linkMore:hover { background-color: #ff232b; } #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton { background-color: #ed1c24; } #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: #ff232b; } #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover { color: #ff232b; } #requestPrice #requestPriceSubmit.loading { background: url(/local/templates/dresscodeV2/themes/red/images/loading.gif) 24px 50% no-repeat #ff232b !important; } #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor { color: #ed1c24; } /*start цвета для новых блоков*/ .btn-simple { background: #ed1c24; border-color: #ed1c24; } .btn-simple:hover { background: #ff232b; border-color: #ff232b; color: #fff; } .btn-simple.btn-border { background: transparent; border-color: #ed1c24; color: #ed1c24; } .btn-simple.btn-border:hover { color: #ff232b; border-color: #ff232b; } .active-link:hover { color: #ed1c24; border-color: #ed1c24; } .inactive-link:hover { color: #ed1c24; } .text-link:hover { color: #ed1c24; } .tiles-list .h3:hover { color: #ed1c24; } .tiles-list .tile-wrap:first-child .h3:hover { color: #ed1c24; } .theme-color { color: #ed1c24; border-color: #ed1c24; } body .theme-color-hover { transition: all 0.2s ease-in-out; } body .theme-color-hover:hover { color: #ed1c24; } .other-news .name:hover { color: #ed1c24; } .big-text-link:hover { color: #ed1c24; } .link-dashed:hover { color: #ed1c24; border-color: #ed1c24; } .theme-link-dashed { color: #ed1c24; border-color: #ed1c24; } .theme-link-dashed:hover { color: #ff232b; border-color: #ff232b; text-decoration: none; } .new-list-items .active-link:hover { color: #ff232b; border-color: #ff232b; } .delivery-modal .active-link:hover { color: #ff232b; border-color: #ff232b; } .tabs-wrap .tab-btn-link.active { border-color: #ed1c24; background-color: #ed1c24; color: #fff; } .tabs-wrap .tab-btn-link.active:hover { border-color: #ed1c24; background-color: #ed1c24; color: #fff; } .tabs-wrap .tab-btn-link:hover { border-color: #ed1c24; color: #ed1c24; } .tabs-wrap .tab-dashed-link:hover { color: #ed1c24; } .bindAction a:hover { color: #ff232b; } #catalogElement .dropdownList .selected, #catalogElement .dropdownList .item:hover { background-color: #ff232b; } .smallSpecialTime .specialTimeItem { background: #ed1c24; } .productSpecialTime .specialTimeItem { background: #ed1c24; } .fastSpecialTime .specialTimeItem { background: #ed1c24; } #skuOffersTable .offersTable .basket .addCart { background-color: #ed1c24; } #skuOffersTable .offersTable .basket .addCart:hover { background-color: #ff232b; } #elementContainer .bindActionImage .image { background-image: url("/local/templates/dresscodeV2/themes/red/images/action.png"); } #elementContainer .wishCompWrap .elem.added { border-color: #ed1c24; background: #ed1c24; } #elementContainer .wishCompWrap .elem.added:hover { border-color: #ff232b; background: #ff232b; } /*end цвета для новых блоков*/ /*end*/ ::selection { background: #ed1c24; color: #fff; } ::-moz-selection { background: #444; color: #fff; } ::-webkit-selection { background: #444; color: #fff; } /* End */ /* Start:/local/templates/dresscodeV2/css/old_theme.css?1760685486217772*/ #giftContainer .price { text-align: center; } #giftContainer .price .discount { display: none; } Lbody { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background-color: #fff; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; color: #000; font-size: 1rem; } img { border: 0; } input { 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; } input:focus { outline: none; } a { outline: none; } h1 { line-height: 36px; font-weight: 700; text-align: left; margin: 0 0 24px; font-size: 24px; color: #000; display: block; } h2 { font-size: 1.5em; font-weight: 700; } h3 { font-weight: 700; font-size: 18px; } b, strong { font-weight: 400; } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } #topHeader { position: relative; min-width: 320px; height: 30px; z-index: 35; } .loading #topHeader { overflow: hidden; } .loading #topMenu { opacity: 0; } #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: 0; padding: 0; height: 0; width: 0; } #topService li:not(.null) 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; } #topService li:not(.null) a:active { position: relative; top: 1px; } #topService li:not(.null) a:focus { transition: all 0.7s; } #subHeader { min-width: 320px; height: 102px; z-index: 3; } .loading #subHeader { overflow: hidden; } #logo { line-height: 102px; text-align: center; position: relative; max-height: 102px; overflow: hidden; z-index: 66; width: 229px; float: left; } #logo a { display: block; } #logo a:active { position: relative; top: 1px; } #logo img { vertical-align: middle; max-height: 70px; max-width: 100%; } #topHeading { padding: 0 18px; width: 162px; float: left; } #topHeading .vertical { line-height: 102px; } #topHeading p { 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: 0 6px; font-size: 13px; } #mainMenuContainer { height: 60px; } #changeYouCity { position: relative; min-width: 320px; padding: 18px 0; display: none; } #changeYouCity .limiter { position: relative; } #changeYouCity .heading { font-size: 21px; display: block; } #changeYouCity .list { text-align: center; overflow: hidden; } #changeYouCity .list li { margin-top: 12px; text-align: left; float: left; width: 25%; } #changeYouCity .list li a { text-decoration: none; font-size: 14px; } #changeYouCity .list li a:hover { text-decoration: underline; } #changeYouCity #cityClose { text-decoration: none; position: absolute; padding: 4px 12px; font-size: 14px; display: block; right: 24px; top: 0; } #changeYouCity #cityClose ins { display: inline-block; margin-right: 6px; height: 10px; width: 10px; } #main { min-width: 320px; } #main .compliter { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #left { display: table-cell; vertical-align: top; width: 355px; } #left .heading { text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: block; height: 65px; } #left .heading .arrow { background-position: -27px 50%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #left .heading.opened .arrow { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled+.collapsed { display: none; } #left .heading ins { vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 65px; height: 65px; float: right; width: 27px; } #left .sideBlock .heading { line-height: 60px; font-size: 16px; height: 60px; } #left #subscribe .copy { text-align: center; margin: 12px auto; line-height: 24px; font-size: 12px; display: block; width: 90%; } #left .banner { text-align: center; margin-top: 24px; } #left .banner img { vertical-align: middle; max-height: 100%; max-width: 100%; } #right { display: table-cell; vertical-align: top; padding-left: 24px; } #brandSearch { border-collapse: collapse; table-layout: fixed; border-spacing: 0; width: 100%; display: none; } #brandSearch td { line-height: 50px; height: 50px; } #brandSearch .label { width: 140px; } #brandSearch .label span { display: block; text-align: center; } #brandSearch .all { width: 60px; } #brandSearch .all a { text-align: center; display: block; } #brandSearch a { text-decoration: none; text-align: center; display: block; } #slider { position: relative; overflow: hidden; } #slider ul { position: relative; list-style: none; padding: 0; margin: 0; } #slider ul li { position: relative; float: left; } #slider ul li span { background-position: center center; background-size: cover; -moz-background-size: cover; display: block; height: 900px; } #slider ul li img { width: auto; display: inline-block; margin-left: -120px; } #slider ol { position: absolute; left: 50%; bottom: 12px; } #slider ol li { margin-right: 4px; cursor: pointer; height: 18px; width: 18px; float: left; } #popCats { margin-top: 24px; } #popCats .sideBlockContent { padding: 12px; border-top: 0; } #popCats ul { list-style: none; padding: 0; margin: 0; } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px; } #popCats li span, #popCats li a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block; } #collectionList { margin-top: 24px; position: relative; overflow: hidden; } #collectionCarousel { position: relative; overflow: hidden; margin: 0 -12px; } #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 { width: 100%; display: table; overflow: hidden; table-layout: fixed; border-collapse: collapse; } #right .heading { margin-bottom: 24px; padding-left: 24px; line-height: 60px; font-size: 18px; display: block; height: 60px; } #footer { overflow: hidden; padding-top: 36px; } #footer p { margin-bottom: 0; color:#fff; margin-left: 15px; } #footer.variant_3 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_3 #footerBottom, #footer.variant_3 .fc { background-color: #47494d; } #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 #footerBottom, #footer.variant_4 .fc { background-color: #f3f3f3; } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_5 .fc { background-color: #fff; } #footer.variant_6 #leftFooter, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_6 .fc { background-color: #142236; } #footer.variant_7 #leftFooter, #footer.variant_7 #rightFooter, #footer.variant_7 #footerBottom, #footer.variant_7 .fc { background-color: #24433c; } #footer.variant_8 #leftFooter, #footer.variant_8 #rightFooter, #footer.variant_8 #footerBottom, #footer.variant_8 .fc { background-color: #4e0838; } #footer.variant_5 #footerBottom { border-top: 1px solid #f1f1f1; } #footer.variant_6 #footerBottom { border-top: 1px solid rgba(255, 255, 255, 0.1); } #footer.variant_7 #footerBottom, #footer.variant_8 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_3 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_4 #leftFooter a, #footer.variant_5 #leftFooter a { color: #000; } #footer.variant_4 #leftFooter a:active { position: relative; top: 1px; } #footer.variant_2 #leftFooter a { color: #fff; } #footer.variant_2 #leftFooter a:hover, #footer.variant_2 #leftFooter .selected { opacity: 0.8; } #footer.variant_2 #rightFooter .telephone, #footer.variant_2 #rightFooter .showMap { color: #fff; } #footer.variant_2 #rightFooter .showMap:hover { opacity: 0.8; } #footer.variant_3 #leftFooter .heading { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_3 #leftFooter ul li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li, #footer.variant_5 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_3 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child { border-top: 0; } #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .email { color: #000; } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email { color: #000; } #footer.variant_2 #rightFooter, #footer.variant_2 #rightFooter p, #footer.variant_2 #rightFooter .list li, #footer.variant_2 #rightFooter .email { color: #fff; } #footer.variant_2 #rightFooter .email a, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #rightFooter .email a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer.variant_2 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_5 #rightFooter .hr, #footer.variant_7 #rightFooter .hr, #footer.variant_8 #rightFooter .hr { border-top: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 #footerBottom .sn .vk { background: url(/local/templates/dresscodeV2/css/images/snC.png) 0 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .vk, #footer.variant_5 #footerBottom .sn .vk { background: url(/local/templates/dresscodeV2/css/images/snW.png) 0 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .fb { background: url(/local/templates/dresscodeV2/css/images/snC.png) -60px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .fb, #footer.variant_5 #footerBottom .sn .fb { background: url(/local/templates/dresscodeV2/css/images/snW.png) -60px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .od { background: url(/local/templates/dresscodeV2/css/images/snC.png) -120px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .od, #footer.variant_5 #footerBottom .sn .od { background: url(/local/templates/dresscodeV2/css/images/snW.png) -120px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .tw { background: url(/local/templates/dresscodeV2/css/images/snC.png) -180px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .tw, #footer.variant_5 #footerBottom .sn .tw { background: url(/local/templates/dresscodeV2/css/images/snW.png) -180px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .go { background: url(/local/templates/dresscodeV2/css/images/snC.png) -240px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .go, #footer.variant_5 #footerBottom .sn .go { background: url(/local/templates/dresscodeV2/css/images/snW.png) -240px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .yo { background: url(/local/templates/dresscodeV2/css/images/snC.png) -300px 0 no-repeat transparent; } #footer.variant_4 #footerBottom .sn .yo, #footer.variant_5 #footerBottom .sn .yo { background: url(/local/templates/dresscodeV2/css/images/snW.png) -300px 0 no-repeat transparent; } #footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_4 #footerBottom .sn .vk:hover, #footer.variant_5 #footerBottom .sn .vk:hover { background-position: 0 -60px; } #footer.variant_2 #footerBottom .sn .fb:hover, #footer.variant_4 #footerBottom .sn .fb:hover, #footer.variant_5 #footerBottom .sn .fb:hover { background-position: -60px -60px; } #footer.variant_2 #footerBottom .sn .od:hover, #footer.variant_4 #footerBottom .sn .od:hover, #footer.variant_5 #footerBottom .sn .od:hover { background-position: -120px -60px; } #footer.variant_2 #footerBottom .sn .tw:hover, #footer.variant_4 #footerBottom .sn .tw:hover, #footer.variant_5 #footerBottom .sn .tw:hover { background-position: -180px -60px; } #footer.variant_2 #footerBottom .sn .go:hover. #footer.variant_4 #footerBottom .sn .go:hover. #footer.variant_5 #footerBottom .sn .go:hover { background-position: -240px -60px; } #footer.variant_2 #footerBottom .sn .yo:hover, #footer.variant_4 #footerBottom .sn .yo:hover, #footer.variant_5 #footerBottom .sn .yo:hover { background-position: -300px -60px; } #footer.variant_2 .sn li:first-child, #footer.variant_3 .sn li:first-child, #footer.variant_4 .sn li:first-child, #footer.variant_5 .sn li:first-child, #footer.variant_7 .sn li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } #footer.variant_2 .sn li, #footer.variant_3 .sn li, #footer.variant_4 .sn li, #footer.variant_5 .sn li, #footer.variant_7 .sn li { border-right: 1px solid rgba(0, 0, 0, 0.1); } #catalogColumn #catalogLineList .description { display: none; } #catalogColumn #catalogLineList .prop { width: 100%; } #catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4) { display: none; } #catalogLine { margin-bottom: 12px; border-radius: 5px; line-height: 55px; padding: 0 12px; height: 55px; } #catalogLine .column { display: inline-block; margin-left: 5px; } #catalogLine .oFilter { display: none; margin-right: 48px; } #catalogLine .oSmartFilter .ico { background: url(/bitrix/templates/dresscodeV2/images/filterIco-2.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; padding-right: 22px; margin-top: -2px; height: 11px; width: 15px; } #catalogLine .column:first-child { margin-left: 0; } #catalogLine .column:last-child { float: right; } #catalogLine .label { display: inline-block; margin-right: 5px; } #catalogLine .viewList { vertical-align: middle; display: inline-block; overflow: hidden; } #catalogLine .viewList .element { margin-left: 12px; float: left; } #catalogLine .viewList .element .table { margin: 0; } #catalogLine .viewList .element:first-child { margin-left: 0; } #catalogLine .viewList .element a { vertical-align: middle; display: inline-block; height: 40px; width: 30px; } #catalogLine .viewList .element .squares { background-position: 0 -7px; } #catalogLine .viewList .element .squares:hover { background-position: -30px -7px; } #catalogLine .viewList .element .squares.selected { background-position: -60px -7px; } #catalogLine .viewList .element .line { background-position: 0 -62px; } #catalogLine .viewList .element .line:hover { background-position: -30px -62px; } #catalogLine .viewList .element .line.selected { background-position: -60px -62px; } #catalogLine .viewList .element .table { background-position: 0 -117px; } #catalogLine .viewList .element .table:hover { background-position: -30px -117px; } #catalogLine .viewList .element .table.selected { background-position: -60px -117px; } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active { position: relative; top: 1px; } .catalogLineSpecialTime { margin-bottom: 12px; color: #666d83; font-size: 0; line-height: 0; } .catalogLineSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 2px; padding: 8px 0; line-height: 14px; height: 42px; width: 48px; background: #e0e0e0; } .catalogLineSpecialTime .specialTimeItem:first-child { margin-left: 0; } .catalogLineSpecialTime .specialTimeItemValue { font-size: 14px; } .catalogLineSpecialTime .specialTimeItemlabel { font-size: 12px; } #rowFooter { display: table; width: 100%; table-layout: fixed; } #leftFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; padding: 24px 0; width: 75%; } #leftFooter .footerRow { overflow: hidden; list-style: none; } #leftFooter .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 48px; width: 33.33%; float: left; } #leftFooter .heading { margin-bottom: 6px; font-size: 20px; display: block; } #leftFooter ul { list-style: none; padding: 0; margin: 0; } #leftFooter ul li:first-child { border: 0; } #leftFooter a { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; font-size: 13px; padding: 6px 0; display: block; } #rightFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; vertical-align: top; display: table-cell; width: 25%; } #rightFooter .rightTable { border-collapse: collapse; table-layout: fixed; width: 100%; } #rightFooter .rightTable td { vertical-align: top; } #rightFooter .rightColumn { text-align: right; padding: 0 0; } #rightFooter .rightColumn .wrap { display: inline-block; text-align: left; } #rightFooter .list { list-style: none; padding-bottom: 8px; margin: 0 0; } #rightFooter .list li { line-height: 21px; list-style: none; font-size: 14px; display: block; } #rightFooter a { text-decoration: none; color: #fff; font-weight: inherit; } #rightFooter p { font-size: 14px; display: block; } #rightFooter .hr { padding-top: 12px; } #rightFooter .telephone { font: bold 22px 'roboto_ltregular' , arial , sans-serif; display: block; } #rightFooter .email { display: block; font-size: 18px; } #rightFooter .showMap { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; margin-top: 12px; display: block; } #rightFooter .showMap:active { position: relative; top: 1px; } #rightFooter .logo img { vertical-align: middle; max-height: 100%; max-width: 100%; } #footerBottom { line-height: 60px; overflow: hidden; height: 60px; clear: both; } #footerBottom .creator { float: left; } #footerBottom .creator a { display: block; line-height: 52px; } #footerBottom .creator a:active { position: relative; top: 1px; } #footerBottom .creator img { vertical-align: middle; height: 46px; } #footerBottom .social { float: right; } #footerBottom ul { list-style: none; padding: 0; margin: 0; } #appBasket { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0; top: 0; display: none; } #appBasketContainer { margin-left: -350px; margin-top: -200px; position: absolute; height: 400px; width: 700px; left: 50%; top: 50%; } #appBasket .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; } #appBasket .close { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appBasket .container { position: relative; overflow: hidden; padding-right: 0; padding-left: 0; } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px; } #appBasket .rating { position: absolute; right: 12px; top: 12px; z-index: 2; width: 79px; } #appBasket .rating i { background: url(/local/templates/dresscodeV2/css/images/rating.png) repeat 0 0 transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0; } #appBasket .rating i.m { background: url(/local/templates/dresscodeV2/css/images/rating.png) repeat 0 -14px transparent; width: 0; z-index: 10; } #appBasket .markerContainer .marker { margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appBasket .picture { position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left; } #appBasket .picture:active { position: relative; top: 1px; } #appBasket .picture img { vertical-align: middle; max-height: 90%; max-width: 90%; } #appBasket .information { line-height: 280px; } #appBasket .information .wrapper { vertical-align: middle; display: inline-block; line-height: 21px; } #appBasket .name { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block; } #appBasket .price { margin-bottom: 18px; font-size: 18px; display: block; } #appBasket .price .discount { padding-left: 8px; font-size: 14px; } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden; } #appBasket .qtyBlock .label { padding-right: 4px; } #appBasket .plus, #appBasket .minus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appBasket .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #appBasket .qty.error { border: 1px solid #f00; } #appBasket .sum { line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px; } #appBasket .sum .discount { padding-left: 8px; font-size: 14px; } #appBasket .lower { line-height: 60px; overflow: hidden; height: 60px; } #appBasket .lower .tools { border-collapse: collapse; table-layout: fixed; border-spacing: 0; width: 100%; } #appBasket .lower .tools .av:hover { background: unset; } #appBasket .lower tbody { vertical-align: top; } #appBasket .lower .tools td { padding: 0; } #appBasket .lower .tools .icon { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; vertical-align: top; text-align: center; line-height: 60px; height: 60px; width: 70px; } #appBasket .lower .tools .icon a { text-decoration: none; color: transparent; display: block; } #appBasket .lower .tools .icon .ico { vertical-align: middle; display: inline-block; height: 16px; width: 17px; } #appBasket .lower .tools .addCompare .ico { background: url(/local/templates/dresscodeV2/css/images/compare.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addCompare.added .ico { background: url(/local/templates/dresscodeV2/css/images/compareActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist .ico { background: url(/local/templates/dresscodeV2/css/images/wishlist.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .addWishlist.added .ico { background: url(/local/templates/dresscodeV2/css/images/wishlistActive.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .inStock { text-decoration: none !important; } #appBasket .lower .tools .inStock .ico { background: url(/local/templates/dresscodeV2/css/images/inStock.png) 0 0 no-repeat transparent; border: 0 !important; } #appBasket .lower .tools .outOfStock .ico { background: url(/local/templates/dresscodeV2/css/images/outOfStock.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .onOrder .ico { background: url(/local/templates/dresscodeV2/css/images/onOrder.png) 0 0 no-repeat transparent; } #appBasket .lower .tools .delete .ico { background: url(/local/templates/dresscodeV2/css/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: 0; top: 0; display: none; } #appFastBuyContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #fff; 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; width: 380px; float: left; font-size: 14px; } .webFormDwModal, .delivery-modal-offset, .information-text, .webFormItemField input[type="checkbox"]:not(checked) + label, .webFormItemField input[type="radio"]:not(checked) + label { font-size: 14px; } #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; padding-left: 12px; width: 354px; height: 50px; border: 0; } #appFastBuyContainer input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0; height: 14px; width: 14px; } #appFastBuyContainer input[type="checkbox"].error + label { border-bottom: 1px solid #f00 !important; } #appFastBuyContainer textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus { outline: none; } #appFastBuyContainer #fastBuyForm { margin-right: 24px; } #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: 356px; } #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: 0; 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 { 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 { text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block; } #appFastBuyContainer .price .discount { 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/dresscodeV2/css/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastBuy .close:hover { background-position: 0 -21px; } #appFastBuy .close:active { background-position: 0 -42px; } #appFastView { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0; top: 0; } #appFastView .appFastViewContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #fff; margin-left: -500px; margin-top: -300px; position: absolute; height: 600px; width: 1000px; left: 50%; top: 50%; } #appFastView .appFastViewColumnContainer { height: 540px; } #appFastView .appFastViewPictureColumn { border-right: 1px solid #ddd; position: relative; height: 490px; width: 336px; float: left; } #appFastView .appFastViewDescriptionColumn { position: relative; overflow: hidden; height: 100%; width: 410px; float: left; } #appFastView .appFastViewDescriptionColumnContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 24px; padding-top: 24px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px; } #appFastView .appFastViewDescriptionColumn:after { background: -moz-linear-gradient(top, #fff 0%, #fff 100%); background: -webkit-linear-gradient(top, #fff 0%, #fff 100%); background: linear-gradient(to bottom, #fff 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='white', GradientType=0); pointer-events: none; position: absolute; display: block; height: 50px; content: ''; width: 100%; bottom: 0; } #appFastView .appFastViewInformationColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; position: relative; padding: 6px 24px 0; height: 100%; width: 254px; float: left; } #appFastView .appFastViewInformationColumn .cardp { color: #0e974f; width: 100%; padding: 10px 0; margin-top: 10px; border-bottom: 1px solid #0e974f; display: flex; font-weight: 500; line-height: 1; background-image: url(https://new.vinyl4you.ru/images/u-user.svg); background-repeat: no-repeat; background-size: 16px; background-position: left; } #appFastView .appFastViewInformationColumn del.discountPrice { color: #888; text-decoration: line-through; text-decoration-color: #ed1c24; display: block; margin: 1rem 0; font-size: 18px; font-weight: 600; } #appFastView .markerContainer { position: absolute; color: #fff; z-index: 88; left: 12px; top: 12px; } #appFastView .marker { margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { -webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; position: relative; overflow: hidden; } #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { left: 0; } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px; } #appFastView .appFastViewPictureCarousel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px; margin: 0 24px; } #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem { text-align: center; float: left; } #appFastView .appFastViewPictureSliderItem { line-height: 380px; height: 380px; } #appFastView .appFastViewPictureSliderItemLayout { vertical-align: middle; display: inline-block; line-height: 0; } #appFastView .appFastViewPictureCarouselItem { line-height: 60px; height: 60px; margin-right: 3px; margin-left: 3px; } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { background: url(/local/templates/dresscodeV2/css/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: -14px; height: 16px; opacity: 0.5; z-index: 99; width: 14px; top: 50%; background-color: #fff; } #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover { opacity: 0.8; } #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active { opacity: 1; } #appFastView .appFastViewPictureCarouselLeftButton:active { left: 1px; } #appFastView .appFastViewPictureCarouselRightButton:active { right: 1px; } #appFastView .appFastViewPictureCarouselLeftButton { left: 0; } #appFastView .appFastViewPictureCarouselRightButton { background-position: -14px 0; right: 0; } #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureCarouselItemLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #appFastView .appFastViewPictureSliderItemLink { display: inline-block; position: relative; line-height: 0; height: auto; } #appFastView .appFastViewPictureCarouselItemLink { position: relative; display: block; height: 60px; opacity: 0.3; } #appFastView .appFastViewPictureSliderItemLink:hover img, #appFastView .appFastViewPictureCarouselItemLink:hover { opacity: 0.9; } #appFastView .appFastViewPictureCarouselItemLink.active { pointer-events: none; position: relative; opacity: 1; } #appFastView .appFastViewPictureCarouselItemLink.active:hover { opacity: 1; } #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewPictureCarouselItemLink:active { position: relative; top: 1px; } #appFastView .appFastViewPictureCarouselItemLink.active:after { background: #000; transform: translateX(-50%); position: absolute; display: block; bottom: -4px; content: ''; height: 2px; width: 20%; left: 50%; } #appFastView .appFastViewPictureLoupe { background-repeat: no-repeat; border: 1px solid #000; border-radius: 50%; position: absolute; margin-left: -75px; margin-top: -75px; cursor: crosshair; height: 150px; width: 150px; left: -9999px; top: -9999px; } #appFastView .appFastViewHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #fff; } #appFastView .appFastViewProductHeading { line-height: 33px; font-size: 21px; } #appFastView .appFastViewProductHeading a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000; } #appFastView .appFastViewProductHeading a:hover { color: #555; } #appFastView .appFastViewProductHeading a:active { position: relative; top: 1px; } #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewProductPropertiesHeading { margin-bottom: 12px; } #appFastView .propertyTable { table-layout: fixed; display: table; width: 100%; } #appFastView .propertyTable { font-size: 13px; } #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue { background-color: #fff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 4px 0; } #appFastView .propertyTable .propertyValue { padding-left: 12px; width: 40%; } #appFastView .propertyTable .propertyName:after { border-bottom: 1px dotted #ccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100%; } #appFastView .propertyTable .propertyValue a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #555; } #appFastView .propertyTable .propertyValue a:hover { color: #000; } #appFastView .appFastViewDescription { display: none; } #appFastView .appFastViewDescription.visible { display: block; } #appFastView .appFastViewDescriptionHeading { margin-top: 24px; font-size: 16px; } #appFastView .appFastViewDescriptionText { line-height: 21px; margin-top: 12px; font-size: 13px; } #appFastView .skuPropertyList { margin: 0 0 0 -6px; overflow: hidden; list-style: none; padding: 0; } #appFastView .skuProperty { overflow: hidden; margin: 12px 0; } #appFastView .skuProperty:last-child { margin-bottom: 0 !important; } #appFastView .skuPropertyName { padding-left: 2px; font-size: 13px; } #appFastView .skuProperty li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 12px; overflow: hidden; padding: 0 6px; min-width: 18%; float: left; } #appFastView .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; } #appFastView .skuProperty .disabled { display: none; } #appFastView .skuPropertyLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 28px; padding: 4px 6px; min-height: 28px; display: block; } #appFastView .skuPropertyLink:hover { opacity: 0.8; } #appFastView .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } #appFastView .skuProperty .selected .skuPropertyLink { border: 1px solid #ff9601; } #appFastView .skuPropertyLink { border: 1px solid #ddd; color: #000; } #appFastView .oSkuDropDownProperty { overflow: visible; margin: 0; } #appFastView .oSkuDropDownProperty .oSkuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; margin-top: 0; padding: 0; float: none; } #appFastView .oSkuDropdown { background-color: #fff; border: 1px solid #e7e8ea; position: relative; line-height: 13px; font-size: 13px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 2px; width: 88%; margin-top: 4px; } #appFastView .oSkuCheckedItem { background: url(/local/templates/dresscodeV2/css/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000; } #appFastView .oSkuCheckedItem:hover { opacity: 0.8; } #appFastView .oSkuCheckedItem:active { position: relative; top: 1px; } #appFastView .oSkuDropdown label:before, #appFastView .oSkuCheckboxList label:before { display: none; } #appFastView .oSkuDropdownList { background-color: white; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 42px; right: 0; left: 0; } #appFastView .oSkuDropdownList.opened { visibility: visible; opacity: 1; } #appFastView .pics .oSkuDropdownList { top: 52px; } #appFastView .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block; } #appFastView .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0; } #appFastView .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; } #appFastView .oSkuDropdownList .selected, #appFastView .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: white; opacity: 0.8; } #appFastView .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; min-height: 0; color: #000; display: block; border: 0; } #appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0; } #appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } #appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, #appFastView .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } #appFastView .oSkuDropdownList .skuPropertyValue.loading:after { left: 24px; } #appFastView .appFastViewExit { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #appFastView .appFastViewMoreLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-bottom: 24px; position: relative; margin-top: 24px; color: #000; z-index: 0; } #appFastView .appFastViewMoreLink:hover { color: #555; } #appFastView .appFastViewMoreLink:active { position: relative; top: 1px; } #appFastView .addCart { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; margin: 15px 0; border-radius: 4px; line-height: 60px; text-align: center; font-size: 16px; display: block; color: white; height: 60px; } #appFastView .addCart.tonirSection { background: #52C0E2; } #appFastView .addCart.tonirSection:hover { background: #12948b; } #appFastView .catalogQtyBlock { margin-bottom: 12px; } #appFastView .catalogQtyBlock .catalogQty { -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; } #appFastView .catalogQtyBlock .catalogQty { background-color: #e7e8ea; color: #000; } #appFastView .catalogQtyBlock .catalogQty.error { border: 1px solid #f00; } #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus { background: url(/local/templates/dresscodeV2/css/images/plusMinusCatalog.png) 0 0 no-repeat #424242; } #appFastView .catalogQtyBlock .catalogPlus { background-position: 0 -19px; } #appFastView .catalogQtyBlock .catalogPlus:hover { background-position: -19px -19px; } #appFastView .catalogQtyBlock .catalogPlus:active { background-position: -38px -19px; } #appFastView .catalogQtyBlock .catalogMinus:hover { background-position: -19px 0; } #appFastView .catalogQtyBlock .catalogMinus:active { background-position: -38px 0; } #appFastView .price { text-decoration: none; position: relative; line-height: 28px; font-size: 21px; display: block; color: #000; } #appFastView .getPriceWindow { line-height: 33px; } #appFastView .priceValue { border-bottom: 1px dashed #bbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000; } #appFastView .priceValue:hover { color: #333; } #appFastView .priceValue:active { position: relative; top: 1px; } #appFastView .article { margin-top: 12px; } #appFastView .article.hidden { display: none; } #appFastView .discount { font-size: 14px; color: #888; } #appFastView .price .oldPriceLabel { text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888; } #appFastView .price .discount { font-size: 14px; color: #888; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .addCart .icon { padding-right: 12px; margin-top: -4px; } #appFastView .rating { display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2; } #appFastView .rating i { background: url(/local/templates/dresscodeV2/css/images/rating2.png) repeat 0 0 transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0; } #appFastView i.m { background: url(/local/templates/dresscodeV2/css/images/rating2.png) repeat 0 -14px transparent; width: 0; z-index: 10; } #appFastView .icon { vertical-align: middle; display: inline-block; } #appFastView .appFastViewInformationColumn .row { margin-bottom: 12px; position: relative; margin-right: 0; margin-left: 0; } #appFastView .appFastViewInformationColumn .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #appFastView .appFastViewInformationColumn .label { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171; } #appFastView .appFastViewInformationColumn a.label:hover { color: #000; } #appFastView .appFastViewInformationColumn a.label:active { position: relative; top: 1px; } #appFastView .appFastViewInformationColumn .getStoresWindow.inStock span { padding-bottom: 2px; } #appFastView .appFastViewInformationColumn .discpercent span { font-weight: 300; } #appFastView .appFastViewInformationColumn .discpercent .active span { font-weight: 500; } #appFastView .appFastViewInformationColumn .discpercent .discpercent-price__span-price { font-size: 18px; } #appFastView .appFastViewInformationColumn .getPricesWindow .measure { font-size: 15px; font-weight: 300; } #appFastView .appFastViewInformationColumn .basePrice { margin-left: 0; font-size: 25px; font-weight: 600; line-height: 1; } #appFastView .appFastViewInformationColumn .basePrice.basePrice_line-through { text-decoration: line-through; color: #808080; font-size: 18px; } .fastSpecialTime { margin-top: 12px; color: white; font-size: 0; line-height: 0; } .fastSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 2px; padding: 8px 0; line-height: 14px; height: 42px; width: 48px; } .fastSpecialTime .specialTimeItem:first-child { margin-left: 0; } .fastSpecialTime .specialTimeItemValue { font-size: 14px; line-height: 14px; } .fastSpecialTime .specialTimeItemlabel { font-size: 12px; } #personalCart input[name="BuyButton"] { margin-bottom: 24px; margin-top: 24px; display: block; } #orderList, #subscribeEdit { margin-bottom: 36px; } #footerTabsCaption { line-height: 85px; height: 85px; } #footerTabsCaption .items { text-align: center; overflow: hidden; } #footerTabsCaption .item:last-child { margin-right: 0; } #footerTabsCaption .item { vertical-align: middle; display: inline-block; margin-right: 24px; } #footerTabsCaption .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #footerTabs { overflow: hidden; background-color: #f9f9f9; padding-bottom: 2rem; } #footerTabs .wrapper, #footerTabsCaption .wrapper { max-width: 1480px; min-width: 320px; margin: auto; } #footerTabs .tab { display: none; } #footerTabs .tab.selected { display: block; } #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid { 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.out { transform: translateY(125%); } @media (orientation: landscape) and (max-width: 1000px) { #footerLine { line-height: 25px; height: 25px; } } #footerLine.color_white { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25); background-color: white; 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: #000; } #footerLine.color_theme .item a { color: white; opacity: 0.7; } #footerLine.color_theme .col:first-child .item a { opacity: 1; } #footerLine.color_theme .item .active { color: white; opacity: 1; } #footerLine.color_theme .item .active:hover { color: white; 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: white; 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: #666; } #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark { background-color: #fcfcfc; color: #222; } #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/dresscodeV2/css/images/compareFooterMinC.png); } #footerLine.color_theme .item .wishlist .icon { background-image: url(/local/templates/dresscodeV2/css/images/wishlistFooterMinC.png); } #footerLine.color_theme .item .cart .icon { background-image: url(/local/templates/dresscodeV2/css/images/cartFooterMinC.png); } #footerLine.color_theme .item .callback .icon { background-image: url(/local/templates/dresscodeV2/css/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: #000; opacity: 1; } #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover { color: white; 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%; padding-right: 0; padding-left: 0; } #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; font-weight: 900; } #footerLine .item .callback .icon { vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart { text-transform: uppercase; } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { border-radius: 4px; margin-left: 12px; line-height: 20px; overflow: hidden; padding: 2px 12px; height: 20px; } #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon { vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 24px; width: 21px; } #footerLine .item .cart .icon { width: 26px; } #footerLine .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #footerLine .item a.contacts__phone.mgo-number { color: #fff; font-size: 16px; } #footerLine .item a.email { font: normal normal 14px 'roboto_ltregular' , arial , sans-serif; color: #ed1c24; font-weight: 900; } #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: 0; } #authMenu { margin-bottom: 24px; list-style: none; padding: 0; display: flex; max-width: fit-content; } #authMenu li { margin-right: 24px; white-space: nowrap; } #authMenu li:last-child { margin-right: 0; } #authMenu li a { text-transform: uppercase; text-decoration: none; font-size: 16px; } #authMenu li .selected { padding-bottom: 2.5px; } #empty { overflow: hidden; padding: 0 12px; } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer { margin-right: 36px; float: left; } #empty h3 { 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; margin-top: 24px; font-size: 14px; } #empty .emptyMenu { margin: 24px 0 24px 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li { margin-bottom: 12px; width: 33.333333%; float: left; } #empty .back { padding-bottom: 2px; } #empty .back:active { position: relative; top: 1px; } #overlap { background-color: #000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0; top: 0; } #searchOverlap { position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 34; left: 0; top: 0; } #infoTabs { padding-bottom: 36px; } #infoTabs .tab { display: none; } #infoTabs .tab.selected { display: block; } #infoTabsCaption { line-height: 85px; height: 85px; } #infoTabsCaption .items { text-align: center; overflow: hidden; } #infoTabsCaption .item { vertical-align: middle; display: inline-block; margin-left: 24px; } #infoTabsCaption .item:first-child { margin-left: 0; } #infoTabsCaption .item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; padding-bottom: 8px; font-size: 16px; } #catalogColumn { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #catalogColumn #nextSection { margin-top: 0; max-height: 292px; overflow-x: hidden; } #catalogColumn .leftColumn { padding-bottom: 24px; display: table-cell; vertical-align: top; width: 315px; } #catalogColumn .rightColumn { display: table-cell; vertical-align: top; padding-left: 24px; } #catalogColumn #middleSlider { margin-bottom: 24px; } #catalogColumn #middleSlider .limiter { padding: 0; margin: 0; width: auto; } #nextSection .title { font-size: 16px !important; } #catalogColumn .leftColumn .heading { font-size: 16px !important; text-decoration: none; line-height: 50px; font-weight: 700; display: block; height: 50px; font-family: "Trebuchet MS", serif; } .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; } .mainService.fullBg { background-color: white; padding-bottom: 36px; } .mainService .slideContainer { position: relative; overflow: hidden; margin: 0 -12px; } .mainService .heading { margin-bottom: 0 !important; text-transform: uppercase; text-align: center; padding-left: 18px; line-height: 95px; font-size: 18px; display: block; color: #000; height: 95px; } .mainServiceContainer { overflow: hidden; } .mainServiceContainer .items { list-style: none; overflow: hidden; padding: 0; margin: 0; } .mainServiceContainer .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; float: left; } .mainServiceContainer .item .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: white; border: 1px solid #e7e8ea; padding: 0 24px; } .mainServiceContainer .item .bigPicture { line-height: 200px; text-align: center; margin-top: 24px; height: 200px; } .mainServiceContainer .item .bigPicture a:active { position: relative; top: 1px; } .mainServiceContainer .item .bigPicture img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform: translate3d(0, 0, 0); vertical-align: middle; max-height: 100%; max-width: 100%; } .mainServiceContainer .item .bigPicture img:hover { opacity: 0.9; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition-duration: 0.3s; } .mainServiceContainer .item .title { margin-top: 24px; } .mainServiceContainer .item .title a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 44px; overflow: hidden; font-size: 14px; color: #000; display: block; height: 44px; } .mainServiceContainer .item .title a span { vertical-align: middle; display: inline-block; line-height: 24px; } .mainServiceContainer .item .title a:active { position: relative; top: 1px; } .mainServiceContainer .item .newsDate { margin-top: 12px; color: #888; } .mainServiceContainer .item .newsDate .pic { vertical-align: middle; padding-right: 4px; margin-top: -4px; } .mainServiceContainer .item .description { margin-top: 12px; font-size: 14px; color: #888; } .mainServiceContainer .item .more { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; margin-bottom: 24px; padding: 4px 12px; margin-top: 12px; color: #fff; } .mainServiceContainer .item .more:active { position: relative; top: 1px; } .mainService .btnLeft, .mainService .btnRight { background: url(/local/templates/dresscodeV2/css/images/slideArrowSmallBlack.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } .mainService .btnLeft { left: 0; } .mainService .btnRight { right: 0; } .mainService .btnLeft:hover { background-position: -35px 0; } .mainService .btnLeft:active { background-position: -70px 0; } .mainService .btnRight { background-position: 0 -70px; } .mainService .btnRight:hover { background-position: -35px -70px; } .mainService .btnRight:active { background-position: -70px -70px; } .personal-order-info { margin-bottom: 12px; } .personalInfoLabel { margin-top: 24px; font-size: 14px; } .productList { list-style: none; padding: 0; margin: 0; } #homeCatalog .productList { border-top: 1px solid #e7e8ea; } .product { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; height: 346px; } #catalog .product { width: 100%; } .product .btn-simple { display: none; } .product.last { 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; position: relative; overflow: hidden; padding: 9px; height: 345px; z-index: 1; border: 1px solid #e7e8ea; border-radius: 10px; } .product .markerContainer { position: absolute; z-index: 88; left: 8px; top: 8px; } .product .marker { font-family: "Rubik", sans-serif !important; text-transform: uppercase; font-size: 9px; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; font-weight: 500; } .product .marker.marker_action { font-size: 14px; line-height: 20px; padding: 5px 10px; } .product .rating { position: absolute; width: 79px; z-index: 2; right: 8px; top: 8px; } .product .rating i { background: url(/local/templates/dresscodeV2/css/images/rating.png) repeat 0 0 transparent; position: absolute; display: block; height: 15px; width: 79px; left: 0; top: 0; } .product .rating i.m { background: url(/local/templates/dresscodeV2/css/images/rating.png) repeat 0 -14px transparent; z-index: 10; width: 0; } .productSpecialTime { position: absolute; z-index: 2; top: 54px; right: 10px; width: 48px; color: #666d83; font-size: 0; line-height: 0; } .productSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-top: 4px; padding: 8px 0; line-height: 14px; height: 42px; width: 48px; background-color: #ed1c24; color: white; } .productSpecialTime .specialTimeItem:first-child { margin-top: 0; } .productSpecialTime .specialTimeItemValue { font-size: 14px; line-height: 14px; } .productSpecialTime .specialTimeItemlabel { font-size: 12px; } .product .name { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 15px; display: block; text-decoration: none; margin-bottom: 6px; height: 50px; line-height: 50px; overflow: hidden; } .product .middle { line-height: 16px; vertical-align: middle; display: inline-block; } .product .price { font-family: "Roboto", serif; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; font-weight: 600; } .product .price .measure { font-size: 16px; } .product .price .discount { padding-left: 4px; font-size: 14px; color: red; } .product .picture { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; display: block; text-align: center; height: 240px; line-height: 240px; } .product .picture img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: translate3d(0, 0, 0); vertical-align: middle; max-height: 90%; } .product .tabloid:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition-duration: 0.3s; } .product .picture:active img { position: relative; top: 1px; } .loading .product .getFastView { pointer-events: none; } .product .getFastView, #catalogLineList .picture .getFastView { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 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: white; height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%; } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView { visibility: visible; opacity: 0.9; } .product .getFastView:hover, #catalogLineList .picture .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; line-height: 60px; height: 60px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 12px; border-radius: 5px; } .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; margin-bottom: 12px; overflow: hidden; margin-right: 0; margin-left: 0; } #elementTools .row, #smallElementTools .row { margin-right: 0; margin-left: 0; display: block; font-size: small; } .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: 21px; font-size: 12px; display: block; float: left; width: 55%; } .product .row .label:last-child { width: 45%; } .product .label .icon { padding-right: 6px; margin-top: -4px; } .inStock { color: #73b24e !important; } .inLowerPrice { color: #ff8a00 !important; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCode a.outOfStock, .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCode span.inStock { display: flex; align-items: center; margin-bottom: 12px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCode span.inStock img { margin-right: 5px; width: 14px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCode a.outOfStock img { margin-right: 5px; margin-bottom: 3px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCode span.inStock span { font-weight: 400; } .pv-product__asside_lowStore .inLowerPrice:first-child { margin-bottom: 5px; } .inStock:hover { color: #73b24e !important; } .getStoresWindow.inStock span { border-bottom: 1px dashed #73b24e !important; cursor: pointer; } .getStoresWindow.inStock:hover span { opacity: 0.8; } .outOfStock { color: #f00; } .outOfStock:hover { color: #f00; } .product .skuPropertyList { overflow: hidden; list-style: none; padding: 0; margin: 0; } .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: 0; } .product .skuProperty .disabled { display: none; } .product .skuPropertyLink { text-decoration: none; text-align: center; line-height: 20px; padding: 4px 4px; font-size: 12px; display: block; } .product .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } .product:hover { position: relative; } .product:hover .tabloid { height: auto; width: 100%; z-index: 3; } .product:hover .nowp { overflow: visible; } .product:hover .morePhoto { display: block; } .product.last .wp { vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100%; } .product.last .showMore { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100%; } .product.last .icon .iconSmall { display: none; } .product.last .icon { display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100%; } .product.last .ps { font-size: 18px; } .product.last .value { padding-left: 6px; font-size: 18px; } .product.last .small { display: inline-block; width: 100%; } #giftContainer .product {width: 100%;} #giftContainer .product:hover .tabloid { position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.95); width: 100%; } .item .oSkuDropDownProperty { overflow: visible; margin: 0; } .item .oSkuDropDownProperty .oSkuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0; float: none; } .item .oSkuDropdown { background-color: white; border: 1px solid #e7e8ea; position: relative; line-height: 13px; font-size: 13px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 2px; width: 98%; margin-top: 4px; } .item .oSkuCheckedItem { background: url(/local/templates/dresscodeV2/css/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000; } .item .oSkuCheckedItem:hover { opacity: 0.8; } .item .oSkuCheckedItem:active { position: relative; top: 1px; } .item .oSkuDropdown label:before, .item .oSkuCheckboxList label:before { display: none; } .item .oSkuDropdownList { background-color: white; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 42px; right: 0; left: 0; } .item .oSkuDropdownList.opened { visibility: visible; opacity: 1; } .item .pics .oSkuDropdownList { top: 52px; } .item .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block; } .item .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0; } .item .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; background-color: #f9f9f9; cursor: pointer; color: white; opacity: 0.8; } .item .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: white; opacity: 0.8; } .item .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000; display: block; border: 0; } .item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0; } .item .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } .item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, .item .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } .item .oSkuDropdownList .skuPropertyValue.loading:after { left: 18px; } .sideBlock .heading { padding-left: 18px; } .heading.collapsed { text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: white; font-size: 16px; } .heading.collapsed ins { vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px; } .mfeedback { margin-bottom: 36px; } .mfeedback .errortext, .mfeedback .mf-ok-text { font-weight: 400; font-size: 16px; } .mfeedback .mf-ok-text+form { display: none; } .mfeedback .mf-text { font-size: 14px; margin-top: 8px; } .mfeedback input, .mfeedback textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 8px; padding: 0 12px; height: 48px; border: 0; } .mfeedback textarea { padding-top: 12px; height: 150px; outline: none; resize: none; } .mfeedback input[type="submit"] { cursor: pointer; padding: 0 48px; } #userPersonalInfoReg.error+label:before { border: 1px solid #f00 !important; } .bx-auth { margin-bottom: 36px; } .bx-auth .bx-email { font-weight: bolder; } .bx-auth .alert { display: inline-block; padding: 12px 48px; font-weight: 400; font-size: 12px; } .bx-auth .alert.small { 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 form.bx-auth-form .bx-captcha { margin-top: 0; margin-bottom: 12px; } .bx-auth .bx-authform-formgroup-container { float: left; width: 420px; } .bx-auth .bx-authform-formgroup-container-line { overflow: hidden; } .bx-auth .registerText { padding-bottom: 24px; max-width: 800px; margin-top: 0; display: block; } .bx-auth input { 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/dresscodeV2/css/images/checkBox.png) 0 0 no-repeat transparent; } .bx-auth input[type="radio"]+label:before { background: url(/local/templates/dresscodeV2/css/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: 0; } .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; padding: 0 12px; width: 390px; 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; margin-top: 24px; cursor: pointer; font-size: 14px; height: 48px; min-width: 180px; border: 0; } .bx-auth .send .submit { margin-top: 12px; } .popup-window .btn { margin-left: 12px; line-height: 30px; margin-top: 0; } .bx-auth .submit:active, .popup-window .btn:active { position: relative; top: 1px; } .bx-auth .clear { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; display: inline-block; text-decoration: none; text-align: center; margin-left: 12px; line-height: 48px; margin-top: 24px; font-size: 14px; cursor: pointer; height: 48px; width: 160px; } .bx-auth .submit:active { position: relative; top: 1px; } .bx-auth .forgot, .bx-auth .registerLink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-left: 12px; } .bx-auth .registerLink { margin-left: 0; } .blackLink, .backToIndexPage { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog-item-links { margin-bottom: 12px; } .catalog-detail { margin-bottom: 12px; } .contactList { margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0; } .contactList li { float: left; width: 25%; } .contactList li table { table-layout: fixed; width: 100%; } .contactList li table td { vertical-align: middle; text-align: left; } .contactList li table td:first-child { padding-right: 12px; text-align: center; width: 42px; } .contactList li table td img { vertical-align: middle; } .contactList a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } .contactLabel { font-size: 16px; margin-top: 0; } .blurred { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: white; } .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/dresscodeV2/css/images/sn.png) 0 0 no-repeat transparent; } .sn .fb { background: url(/local/templates/dresscodeV2/css/images/sn.png) -60px 0 no-repeat transparent; } .sn .od { background: url(/local/templates/dresscodeV2/css/images/sn.png) -120px 0 no-repeat transparent; } .sn .tw { background: url(/local/templates/dresscodeV2/css/images/sn.png) -180px 0 no-repeat transparent; } .sn .go { background: url(/local/templates/dresscodeV2/css/images/sn.png) -240px 0 no-repeat transparent; } .sn .yo { background: url(/local/templates/dresscodeV2/css/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/dresscodeV2/css/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: 0; top: 0; } #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: white; 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: white; 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: white; height: 60px; } #requestPrice .requestPriceHeading .close { background: url(/local/templates/dresscodeV2/css/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: #000; 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; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0; } #requestPrice input { background-color: #f3f3f3; color: #000; } #requestPrice .personalInfoRequest { margin-bottom: 12px; } #requestPrice input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-bottom: 0; margin-right: 6px; margin-top: -2px; height: 14px; width: 14px; } #requestPrice input[type="checkbox"].error+label { border-bottom: 1px solid #ff0000 !important; } #requestPrice textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; } #requestPrice textarea { background-color: #f3f3f3; } #requestPrice input:focus, #requestPrice textarea:focus { background-color: #e9e9e9; outline: none; } #requestPrice #requestPriceSubmit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: white; 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: 0; left: 12px; } #requestPrice .error { border: 1px solid #f00; } #smartFilter { margin-top: 0; } #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: #000; } #searchSection a:hover { opacity: 0.7; } .clean { position: relative; overflow: hidden; padding: 0 2px; } .limiter { max-width: 1480px; min-width: 320px; margin: auto; clear: both; } .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 { 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: #333; } .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/dresscodeV2/css/images/loaderMin.gif) 50% 50% no-repeat white; } #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; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #stores .storeTable { width: 100%; table-layout: fixed; border-collapse: collapse; } #stores .storeTable tr:nth-child(odd) td { background-color: #f9f9f9; } #stores .storeTable th { background-color: #f3f3f3; padding: 12px 24px; font-weight: 400; text-align: center; } #stores .storeTable td { 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 { color: #73b24e; } #stores .storeTable .red { color: #f00; } #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: #000; } #stores .storeTable a:hover { color: #888; } #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", serif; 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 { 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: 280px; text-align: left; } #middleSlider img { width: 100%; } .banner-animated .image { opacity: 0; transform: translate3d(30px, 0, 0); transition: all 0.6s 0.4s ease-in-out; } .banner-animated.banner-image-load .image { opacity: 1; transform: translate3d(0, 0, 0); } .slider_middle #slider ul li span, .slider_middle #slider .limiter { height: 800px; } .slider_small #slider ul li span, .slider_small #slider .limiter { height: 600px; } .slider_middle #slider ul li span, .slider_small #slider ul li span { background-position: 50% 0; } @media all and (max-width: 1920px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 540px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 420px; } } @media all and (max-width: 1600px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 450px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 380px; } } @media all and (max-width: 850px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 300px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 300px; } } @media all and (max-width: 700px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 280px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 280px; } } @media all and (max-width: 660px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 260px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 260px; } } @media all and (max-width: 480px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 220px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 220px; } #headerbannerinfo .headerbannerinfo_title { font-size: 12px; } } body.panels_white #homeCatalog .captionList { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; } body.panels_white #homeCatalog .caption { border-left: 1px solid #e7e8ea; } body.panels_white #homeCatalog .caption:not(.selected):hover { background-color: #fbfbfb; } body.panels_white #homeCatalog .caption.selected a { color: #fff; } 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: #000; } body.panels_white #homeCatalog .captionList .cItem:first-child { margin-left: -1px; } body.panels_white #homeCatalog #captionCarousel { border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; background-color: white; margin-left: -1px; } body.panels_white #left .sideBlock .heading { border: 1px solid #e7e8ea; background-color: white; color: #000; } body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent { border-top: 0; } body.panels_white #left #subscribe .heading { border-left: 0; border-right: 0; } body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading { border: 1px solid #e7e8ea; background-color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; } body.panels_white #homeCatalog #captionCarousel:before { background: -moz-linear-gradient(left, #fff 0%, #fff 100%); background: -webkit-linear-gradient(left, #fff 0%, #fff 100%); background: linear-gradient(to right, #fff 0%, #fff 100%); } @media all and (min-width: 1024px) { .menuContainerColor.color_white #mainMenuContainer { border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: white; } .menuContainerColor.color_gray #mainMenuContainer { border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #fbfbfb; } .menuContainerColor.color_white #menuCatalogSection, .menuContainerColor.color_gray #menuCatalogSection { border-left: 1px solid #f6f6f6; } .menuContainerColor.color_theme #menuCatalogSection { border-color: rgba(255, 255, 255, 0.2) } .menuContainerColor.color_white #menuCatalogSection .catalogButton { background-color: white; color: #000; } .menuContainerColor.color_gray #menuCatalogSection .catalogButton { background-color: #fbfbfb; color: #000; } .menuContainerColor.color_white #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover { opacity: 0.8; } .menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList { background-color: #fbfbfb; } .menuContainerColor.color_white #mainMenu .removed, .menuContainerColor.color_gray #mainMenu .removed { border-top: 1px solid white; } .menuContainerColor.color_theme #mainMenu .removed { border-color: rgba(255, 255, 255, 0.2); } .menuContainerColor.color_theme #mainMenu .removed:hover a { color: white; } .menuContainerColor.color_white #mainMenu .removed:hover, .menuContainerColor.color_gray #mainMenu .removed:hover { background-color: white; } .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage { background-image: url(/local/templates/dresscodeV2/css/images/catalogButtonW.png); } .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow { background-image: url(/local/templates/dresscodeV2/css/images/sectionMenuArrowW.png); } } @media all and (max-width: 1800px) { body.panels_white #right .heading { border-bottom: 0; } } @media all and (max-width: 1000px) { #error404 .errorText { display: none; } } .pilink { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #ed1c24; } .pilink:hover { opacity: 0.7; } .pilink:active { position: relative; top: 1px; } .clear { clear: both; } .hidden { display: none; } .hiddenZone { display: none; } .addCart:active { position: relative; top: 1px; } @media all and (min-width: 700px) { #catalog.alone-item .product { width: 50%; } } @media all and (min-width: 870px) { #catalog.alone-item .product { width: 33.333%; } } @media all and (min-width: 1220px) { #catalog.alone-item .product { width: 25%; } } @media all and (max-width: 1920px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 690px; } } @media all and (max-width: 1800px) { .product.last { line-height: 340px; } .product .name { margin-bottom: 8px; } .product .price .discount { padding: 0; display: inline-flex; font-size: 13px; line-height: 16px; height: 16px; } #popSection .item { height: 150px; } #popSection .tabloid { padding: 6px; } #popSection .picture img { max-width: 100%; max-height: 100%; } #popSection .picture { height: 120px; line-height: 90px; } #popSection .nameWrap { height: 22px; line-height: 18px; margin-top: 0; } #popSection .name { line-height: 16px; } #popSection .last { line-height: 150px; } #brandList .item { height: 96px; line-height: 96px; } #brandList .picture { height: 72px; line-height: 72px; } .addCart.requestPrice { margin-top: 30px; } } @media all and (max-width: 1600px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 650px; } #slider .sliderContent, #slider .leftContainer { left: 72px; } #slider .rightContainer { right: 48px; left: unset; } #slider .centerContainer { transform: translateX(-50%) translateY(-50%) !important; left: 50%; } } @media all and (max-width: 1500px) { #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 24px; } #newsContainer .column { width: 100%; } #newsContainer .column .item { overflow: hidden; } #newsContainer .column .item .bigPicture { margin-right: 48px; float: left; width: 30%; } } @media all and (max-width: 1400px) { #catalogColumn #catalogLineList .description { display: none; } #catalogColumn #catalogLineList .prop { width: 100%; } .mainServiceContainer .item .wrap { padding: 0 18px; } .mainServiceContainer .item .bigPicture { height: 140px; margin-top: 18px; line-height: 140px; } .mainServiceContainer .item .title { margin-top: 18px; } .mainServiceContainer .item .title a { height: 32px; line-height: 32px; } .mainServiceContainer .item .title a span { line-height: 16px; } } @media all and (max-width: 1366px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 480px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 350px; } #catalogLineList .column:first-child { width: 300px; } .contactList li { margin-bottom: 24px; width: 50%; } .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea { width: 100%; } .mfeedback input[type="submit"] { width: 200px; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 518px; } } @media all and (max-width: 1300px) and (min-width: 1024px) { .product:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(4n+1).last .icon { display: none; } .product:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1300px) { #catalogColumn #middleSlider { display: none; } #catalogColumn .leftColumn { width: 285px; } .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 420px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 420px; } .product { width: 25%; } #logo { width: 196px; } #topService .city { display: none; } #headerTools .wishlist .nf { display: none; } #headerTools .compare .nf { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 420px; } #footer .rightTable .leftColumn { display: none; } #rightFooter { width: 23%; } #empty .emptyMenu li { width: 50%; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor { line-height: 42px; font-size: 36px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 30px; font-size: 24px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { line-height: 21px; font-size: 14px; } #slider .sliderContent { max-width: 400px; } #slider .sliderContent br { display: none; } #slider .sliderContent, #slider .leftContainer { left: 24px; } #slider .rightContainer { left: unset; right: 24px; } #slider .centerContainer { transform: translateX(-50%) translateY(-50%); left: 50%; } } @media all and (min-width: 1281px) { .global-content-block+div[id*="bx_"] { display: table-cell; width: 290px; } } @media all and (max-width: 1280px) { .global-block-container { min-height: auto !important; } .global-block-container .global-information-block { display: none; } #homeCatalog .captionList { line-height: 55px; height: 55px; } } @media all and (max-width: 1200px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 400px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 400px; } #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 { 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: 0; width: 100%; clear: both; } #catalogLineList .resizeColumn { text-align: center; width: 30%; float: left; } #catalogLineList .column .resizeColumn.last { text-align: right; width: 40%; } #catalogLineList .column:last-child .priceLabel { display: inline-block; padding-left: 24px; float: none; } #catalogLineList .column:last-child .price { display: inline-block; margin: 0; } #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 0; font-size: 14px; } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0; } #catalogLineList .column:last-child .optional .label { text-align: left; font-size: 14px; width: 50%; } #catalogLineList .column:last-child .priceLabel { display: none; } #catalogLineList .column:last-child .article { display: none; } #catalogTableList .column:nth-child(7) { display: none; } #catalogLineList .column:last-child { background-color: #f9f9f9; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 400px; } #catalogLine .column:last-child .label { display: none; } } @media all and (max-width: 1100px) { .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 380px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 380px; } #catalogLineList .description { display: none; } #catalogLine .column:last-child .label { display: none; } #catalogLineList .prop { width: 100%; } #catalogTableList .column:nth-child(4) { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 380px; } } @media all and (max-width: 1300px) and (min-width: 1000px) { .product:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(4n+1).last .icon { display: none; } .product:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1000px) and (min-width: 790px) { .product:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(3n+1).last .icon { display: none; } .product:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 1024px) and (min-width: 790px) { #brandList .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } #brandList .item:nth-child(4n+1).last .icon { display: none; } #brandList .item:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1024px) and (min-width: 790px) { #popSection .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100%; } #popSection .item:nth-child(4n+1).last .icon { display: none; } #popSection .item:nth-child(4n+1).last .small { display: none; } } @media all and (max-width: 1024px) { #catalogColumn .rightColumn, #catalogColumn .leftColumn { display: block; width: auto; } #catalogColumn .rightColumn { padding: 0; } #reformal_tab { display: none !important; } #smartFilter .heading { line-height: 46px; height: 46px; } #catalogLine .oFilter { display: inline-block; } #catalogColumn .leftColumn { padding-bottom: 0; } #catalogColumn #smartFilter { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); pointer-events: none; background: white; visibility: hidden; position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; right: 0; z-index: 1000; opacity: 0; border: 0; } #catalogColumn #smartFilter.opened { pointer-events: auto; visibility: visible; opacity: 1; } #catalogLine .oFilter { margin-right: 12px; } .product .picture img { max-width: 176px; } .slider_middle #slider ul li span, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .limiter, .slider_middle #slider .videoPoster { height: 350px; } .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { height: 350px; } #catalog-section-banners .mobile { display: block !important; } #catalog-section-banners .desktop { display: none; } #slider .sliderBtnRight, #slider .sliderBtnLeft { display: none; } #mainMenuContainer .minCatalogButton { display: block; } #mainMenuContainer { background: transparent; height: auto; } #mainMenuContainer .limiter { margin: 0; } #mainMenu { background-color: #2b2b2b; display: none; height: auto; } #mainMenu li { border-top: 1px solid #222; line-height: 21px; float: none; } #mainMenu li:first-child { border: 0; } #mainMenu li a { padding: 18px 24px; display: block; } #middleSlider { display: none; } #menuCatalogSection { display: none; } #bestsellers { margin-top: 0; } #footer .top .left, #headerTools .nf, .product:hover .fastShow { display: none; } .drop { display: none !important; } #rightFooter { display: none; } #smartFilter .heading { cursor: pointer; } #nextSection ul { display: none; } #nextSection { border: none; } #nextSection .title { position: relative; padding-left: 12px; text-transform: none; cursor: pointer; text-align: left; border: none; background-color: #f8f8f8; } #nextSection .title:before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 42px; background: #efefef url('/local/templates/dresscodeV2/css/images/catalogIco2.png') center center no-repeat; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 350px; } .product .getFastView, #catalogLineList .picture .getFastView { display: none !important; } #appFastView, #fastViewStores, #modef { display: none !important; } a.inStock span { border: 0 !important; } #slider ol, #slider .slideVideo { display: none; } #slider .videoPoster { display: block; } .templateSwitcherSettings, .templateSwitcher { display: none !important; } .product { width: 25%; height: 301px } .product.last { line-height: 300px; } .product .tabloid { height: 300px; } .product .picture { height: 195px; line-height: 195px; } .productSpecialTime { top: 30px; } #homeCatalog .captionList { height: 70px; line-height: 50px; } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { display: none !important; } #homeCatalog .caption a { font-size: 14px; } #homeCatalog #captionCarousel { position: relative; } #catalogLine .column:nth-child(3) { display: none; } } @media all and (max-width: 1023.83px) { #catalogLine .label { font-size: 11px; } } @media all and (max-width: 1000px) { .product { width: 33.33333%; } #popSection .picture img { max-width: 100%; max-height: 100%; } #brandList .picture img { max-height: 70%; max-width: 70%; } } @media all and (max-width: 850px) { #topHeading { display: none; } #leftFooter .column { padding-right: 24px; width: 50%; } #leftFooter .column:last-child { display: none; } #footerLine .col:first-child { display: none; } #footerLine .col:last-child { text-align: center; width: 100%; float: left; } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px; } #headerTools .nf { display: none; } #catalogLine .column:last-child .label { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 300px; } #modef { display: none !important; } } @media all and (max-width: 800px) { #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor { line-height: 30px; font-size: 24px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 24px; font-size: 18px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { line-height: 21px; font-size: 14px; } .mainService .slideContainer { margin: 0 -2px; } .mainServiceContainer .item { padding: 0 2px; } .mainServiceContainer .item .bigPicture { height: 110px; line-height: 110px; } .mainServiceContainer .item .wrap { padding: 0 12px; } .mainServiceContainer .item .more { margin-bottom: 18px; } #catalogLineList .column:last-child .optional .label:first-child { display: none; } #catalogLineList .column .resizeColumn.last { width: 20%; } #catalogLineList .resizeColumn { width: 40%; } #catalogLineList .column:last-child .optional .label { width: 100% } #catalogTableList .column:nth-child(8) { display: none; } } @media all and (max-width: 790px) and (min-width: 600px) { .product:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100%; } .product:nth-child(2n+1).last .icon { display: none; } .product:nth-child(2n+1).last .small { display: none; } } @media all and (max-width: 790px) and (min-width: 500px) { #popSection .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } #popSection .item:nth-child(3n+1).last .icon { display: none; } #popSection .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 790px) and (min-width: 360px) { #brandList .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100%; } #brandList .item:nth-child(3n+1).last .icon { display: none; } #brandList .item:nth-child(3n+1).last .small { display: none; } } @media all and (max-width: 790px) { .product { width: 50%; } #brandList .item { width: 50%; } #homeCatalog .caption { border: none; } #catalogLine .label { display: none; } } @media all and (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 input { height: 45px; } #requestPrice textarea { height: 50px; } #requestPrice #requestPriceContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: white; transform: translateX(-50%); padding-right: 0; padding-left: 0; margin-left: 0; width: 90%; left: 50%; } #requestPriceForm { margin-bottom: 24px; } #requestPrice .requestPriceFormHeading { margin-right: 0; } } @media all and (max-width: 677.48px) { #main { margin-top: 0; } } @media all and (max-width: 700px) { #mainMenuContainer .minCatalogButton { padding-left: 12px; } #slider ul li span, #slider .limiter, #slider .videoPoster { height: 200px; } #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter { padding: 0 12px; margin: 0; } #footer .limiter { padding: 0 12px; margin: 0; } #main .limiter { padding: 0 12px; box-sizing: border-box; } #mainMenuContainer .limiter { padding: 0; } #topMenu { margin-left: 12px; } #logo { border-right: 0; } #topSearch form { box-sizing: border-box; } #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; } .copyright img { display: none; } .copyright { display: block; width: 60px; height: 60px; background: url(/local/templates/dresscodeV2/css/images/sn.png) -360px -0px no-repeat transparent; } .copyright:hover { background-position: -360px -60px; } #catalogLineList .column:last-child .priceLabel { display: none; } #appBasket { display: none !important; } #overlap { display: none !important; } .blurred { -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #upButton { display: none !important; } #newsContainer .column .item .bigPicture { width: 100%; float: none; } #catalogSection .sectionItems .item .itemContainer .description { display: none; } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message { width: 100%; } .product .row:first-child { display: none; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 280px; } .product { height: 144px; width: 50%; } body .product:hover .tabloid { box-shadow: none; border-color: transparent; } .product.last { line-height: 140px; } .product .btn-simple { display: inline-block; font-size: 13px; } .product .tabloid { height: 100%; } .product:hover .tabloid { height: 100%; } .product .picture { height: 120px; line-height: 120px; } .product .optional { display: none; } .product .skuProperty { display: none; } .product .addCart { float: right; margin-top: 0; width: 90px; height: 31px; font-size: 12px; border-radius: 5px; text-align: center; line-height: 31px; } .product .addCart .icon { padding-right: 5px; height: 13px; } .product .price .discount { height: auto; } .product .name { line-height: 36px; max-height: 56px; height: 54px; margin-bottom: 2px; } .product .middle { line-height: 18px; } .product .price { margin-bottom: 6px; font-size: 14px; } .product .price .measure { font-size: 14px; } .product .markerContainer { left: 6px; top: 6px; } .product .marker { margin-bottom: 2px; } .product .getPricesWindow .priceIcon { display: none; } .product .rating { display: none; } .productSpecialTime { display: none; } .productTable { display: table; table-layout: fixed; width: 100%; } .productColImage { width: 110px; padding-right: 12px; display: table-cell; vertical-align: middle; } .productColText { display: table-cell; vertical-align: top; padding-top: 5px; } .product.last .icon { height: 33px; margin-bottom: 6px; } .product.last .icon .iconBig { display: none; } .product.last .icon .iconSmall { display: inline-block; } .mainService .btnLeft, .mainService .btnRight { background: url(/local/templates/dresscodeV2/css/images/slideArrowMicro.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 48px; width: 24px; z-index: 22; top: 50%; } .mainService .btnLeft:hover { background-position: -24px 0; } .mainService .btnLeft:active { background-position: -48px 0; } .mainService .btnRight { background-position: 0 -48px; } .mainService .btnRight:hover { background-position: -24px -48px; } .mainService .btnRight:active { background-position: -48px -48px; } } @media (min-width: 601px) and (max-width: 700px) { .product .addCart { float: none; } } @media all and (max-width: 660px) { #footer { padding-top: 0; } #headerTools .tools .compare, #headerTools .tools .wishlist { display: none; } #catalogLineList .column { width: 50%; } #catalogLineList .prop { display: none; } #catalogLineList .column .resizeColumn { width: 50%; } #catalogLineList .column .resizeColumn.last { display: none; } #catalogTableList .column:nth-child(1) { display: none; } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto; } .contactList li { margin-bottom: 24px; width: 100%; } #empty .emptyMenu li { width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 260px; } #catalogLine .label { display: none; } } @media all and (max-width: 600px) { .product { width: 100%; } #catalogColumn .product { width: 100%; } #catalog .product { width: 100%; } .productColImage { width: 40%; min-width: 110px; max-width: 160px; } #popSection .item { height: 170px; } #popSection .nameWrap { height: 48px; line-height: 48px; } #popSection .last .value, #popSection .last .ps { font-size: 16px; } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 14px; } .catalogLineSpecialTime { display: none; } } @media all and (max-width: 525px) { #catalogLine .column:last-child { display: none; } } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { border: none !important; position: absolute; top: 98px; } .top-auth-personal, .top-auth-login { left: 12px; } .top-auth-exit { left: 120px; } .top-auth-register { left: 52px; } #headerTools { padding-right: 12px; border: none; } #headerTools .telephone { line-height: 21px !important; border: none !important; position: absolute; padding: 0; right: 0; top: 103px; } #headerTools .telephone .callBack { display: none; } #headerTools .telephone .nf { margin: 0; float: none; display: block; } #headerTools .telephone .nf .heading { display: none; } #headerTools .telephone .nf .heading:first-child { font-size: 14px; display: block; color: #000; } #headerTools .tools li { border: none !important; } #headerTools .tools .cart { padding: 0; } #topService, #topHeader.color_theme #topMenu, #topHeader.color_theme #topService, #topHeader.color_black #topMenu, #topHeader.color_black #topService { border: none; } #topHeader.color_theme #topService li, #topHeader.color_black #topService li, #topService li { padding: 0; border: none; } #logo { line-height: 75px; height: 75px; border: none; } #headerTools .tools li { line-height: 75px; } #topMenu { margin-left: 0; } .user-geo-position { padding-right: 12px; text-align: right; } #topSearch input[type="text"] { padding-left: 6px; } #topService li a { color: #888; } #panel { position: fixed; z-index: 9999; } #logo { text-align: left; } #topHeader #topMenu { border: none; } #topSearch input[type="text"] { font-size: 14px; } #topSeachCloseForm { font-size: 13px; } #subHeader #logo { padding-left: 12px; } #popSection .item { width: 50%; height: 150px; } #popSection .nameWrap { height: 30px; line-height: 18px; margin-top: 0; } #popSection .picture { height: 100px; line-height: 90px; } #popSection .item:nth-child(2n+1).last { line-height: 95px; height: 95px; width: 100%; } } @media all and (max-width: 480px) { #brandList .heading { padding-bottom: 24px; } #homeCatalog .captionList .limiter { padding: 0; } .product .addCart { margin-bottom: 0; } #leftFooter .column { width: 100%; } #leftFooter .column:nth-child(2n) { display: none; } #flushFooterCart .item:nth-child(2) { display: none; } .sn { display: none; } #catalogTableList .column:first-child { width: auto; } #catalogTableList .column:nth-child(2) { padding-left: 0; margin-top: 0; } #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; } #slider { width: 100%; } #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster { height: 178px; padding: 0; } #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; text-shadow: 1px 1px 10px white; right: unset; left: unset; width: 100%; } #slider .sliderContent br { display: none; } #slider ul li span { -webkit-transition: 1s -webkit-filter linear; transition: 1s filter linear; opacity: 1; } #slider ul li span:hover { transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px); } #slider .sliderContent .cButtonLight, #slider .sliderContent .cButton { text-shadow: none; line-height: 35px; margin-top: 12px; padding: 0 12px; height: 35px; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { margin-top: 6px; } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 21px; margin-top: 6px; } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor { line-height: 24px; font-size: 21px; } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { display: none; } #slider .whiteColor { text-shadow: 1px 1px 12px #000; } #leftFooter .heading { text-align: center; } #leftFooter ul { text-align: center; } #leftFooter .column { padding-right: 0; } #footerBottom .creator { text-align: center; float: none; } #homeCatalog .captionList .cItem:first-child .caption { border-left: none; } #homeCatalog .captionBtnRight { right: -12px; } #homeCatalog .captionBtnLeft { left: -12px; } } @media all and (max-width: 450px) { .user-geo-position-label { display: none; } } @media all and (max-width: 430px) { #requestPrice #requestPriceContainer { height: 450px; } #requestPrice .requestPriceHeading { font-size: 16px; } #requestPrice .requestPriceFormHeading { margin-top: 32px; } } @media all and (max-width: 400px) { .btn-simple.add-cart { display: none; } #logo { width: 150px; } #catalogLine .oFilter { margin-right: 0; } #catalogLine { padding: 0; border: none; height: 32px; line-height: 32px; } .product .name { font-size: 14px; margin-bottom: 4px; max-height: 64px; height: 48px; } .product .tabloid { padding: 6px 12px; } .product .middle { line-height: 16px; } } @media all and (max-width: 360px) { #brandList .item { width: 50%; } #brandList .item:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100%; } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 13px; } #catalogLine .oSmartFilter.btn-simple.btn-micro { min-width: 94px; } #headerTools .tools li { border-left: none; } #logo { width: 120px; } .mainServiceContainer .item .bigPicture { margin-top: 12px; height: 95px; line-height: 95px; } .mainServiceContainer .item .title { margin-top: 12px; } .mainServiceContainer .item .more { margin: 6px 0 12px; } .mainServiceContainer .item .title a { height: 30px; line-height: 30px; } .mainServiceContainer .item .title a span { font-size: 12px; line-height: 15px; } } @media all and (max-width: 300px) { #headerTools .tools .telephone { display: none !important; } } #ORDER_CONFIRM_BUTTON { text-shadow: none !important; height: 50px !important; line-height: 50px !important; } .addCart.disabled { 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: 0; } div.bx-debug-summary { z-index: 99999 !important; } .appZoomContainerExit { background: url(/local/templates/dresscodeV2/css/images/exitWindow.png) 0 0 no-repeat transparent; position: absolute; height: 38px; width: 38px; right: -38px; top: -38px; } .appZoomContainerExit:hover { background-position: 0 -38px; } .appZoomContainerExit:active { background-position: 0 -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/dresscodeV2/css/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px; } .fastBack.disabled { cursor: not-allowed; } .fastBack.disabled:hover { color: #717171; } .fastBack.disabled:active { top: 0; } .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: #444; } .getPricesWindow:active { position: relative; top: 1px; } .getPricesWindow .priceIcon { background: url(/local/templates/dresscodeV2/css/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: 0 -21px; } .getPricesWindow .priceIcon:active { background-position: 0 -42px; } .global-block-container { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .global-content-block, .global-information-block { display: table-cell; vertical-align: top; } .global-content-block.page-vozvrat .text-muted { color: #777; } .global-content-block.page-vozvrat strong { color: #000; } .text-align-canter { text-align: center; } .global-information-block { position: relative; padding-left: 24px; overflow: hidden; width: 320px; } .global-information-block.fixed .global-information-block-cn { padding-top: 24px; overflow: hidden; position: fixed; width: 300px; top: 0; } .global-information-block-hide-scroll { padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px; } .global-information-block-hide-scroll-cn { width: 280px; } @media screen and (max-width: 1199px) { .global-information-block-hide-scroll-cn, .global-information-block-hide-scroll, .global-information-block { width: 0; } .global-content-block { display: block; } } .global-information-block.max-scroll .global-information-block-cn { position: absolute; bottom: 0; top: auto; } .questions-answers .h2 { margin: 18px 0; font-family: "Trebuchet MS", sans-serif; } .question-answer-wrap { font-size: 14px; line-height: 24px; color: #000; margin-bottom: 12px; padding: 0 18px 0 24px; border: 1px solid #f3f3f3; transition: all 0.2s ease-in-out; } .question-answer-wrap:last-child { margin-bottom: 0; } .question-answer-wrap.question-answer-wrap_margin-top { margin-bottom: 12px; padding-top: 12px; } .question-answer-wrap:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15); } .questions-answers-list .question { position: relative; padding: 24px 0; padding-right: 120px; cursor: pointer; font-weight: 500; text-decoration: underline; font-size: 16px; color: #2b2b2b; } .questions-answers-list .open-answer { position: absolute; right: 6px; top: 50%; width: 110px; height: 25px; margin-top: -12px; overflow: hidden; } .questions-answers-list .open-answer span { position: absolute; left: 0; top: 0; display: block; font-size: 13px; height: 25px; line-height: 25px; color: #000; transition: all 0.3s linear; } .questions-answers-list span.hide-answer-text { top: -25px; } .questions-answers-list .active span.hide-answer-text { top: 0; } .questions-answers-list .active span.open-answer-text { top: 25px; } .questions-answers-list .open-answer-btn { position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url("/local/templates/dresscodeV2/css/images/question-arrow.png") center center / contain no-repeat; transition: all 0.3s linear; } .questions-answers-list .active .open-answer-btn { transform: rotate(-180deg); } .questions-answers-list .answer { display: none; padding: 24px 0; border-top: 1px solid #efefef; color: #009a13; } .questions-answers-list .answer.answer_no-border { border-top: 0; } .information-heading { 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: #555; } .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: #000; } .information-list-item a:hover { color: #777; } .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: 0 0 24px 0; overflow: hidden; clear: both; } #catalog-section-banners ul { padding: 0; margin: 0; } #catalog-section-banners ol { margin: 0; padding: 0; 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/dresscodeV2/css/images/slideButtonSect.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float: left; cursor: pointer; } #catalog-section-banners ol li:hover { background: url(/local/templates/dresscodeV2/css/images/slideButtonSect.png) -18px 0 no-repeat transparent; } #catalog-section-banners ol li:active { background: url(/local/templates/dresscodeV2/css/images/slideButtonSect.png) -36px 0 no-repeat transparent; } #catalog-section-banners ol li.selected { background: url(/local/templates/dresscodeV2/css/images/slideButtonSect.png) -54px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:hover { background: url(/local/templates/dresscodeV2/css/images/slideButtonSect.png) -72px 0 no-repeat transparent; } #catalog-section-banners ol li.selected:active { background: url(/local/templates/dresscodeV2/css/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/dresscodeV2/css/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: 0; } #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: 0; } #catalog-section-banners .catalog-section-banners-btn-right:hover { background-position: -30px -60px; } #catalog-section-banners .catalog-section-banners-btn-right:active { background-position: -60px -60px; } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important; } .list-advantages { max-width: none; font-size: 0; line-height: 0; margin: 18px -12px 24px; } .list-advantages .list-item { display: inline-block; vertical-align: top; max-width: 100%; width: 350px; box-sizing: border-box; padding: 12px; } .list-advantages .tc { vertical-align: top; } .list-advantages .image { width: 74px; } .list-advantages .text-wrap { font-size: 14px; color: #000; } .list-advantages .name { max-height: 40px; margin-bottom: 6px; overflow: hidden; font-size: 16px; line-height: 20px; } .list-advantages .descr { max-height: 32px; line-height: 16px; overflow: hidden; } .sale_order_full_table input[name="BuyButton"] { margin-bottom: 24px; } .microdata { display: none; } .btn-simple-wrap { margin-top: 14px; } .btn-simple { position: relative; display: inline-block; min-width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 24px 19px; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid transparent; border-radius: 2px; color: white; -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; cursor: pointer; text-decoration: none; } .btn-simple:active { top: 1px; } .btn-simple.btn-black { background: #2d2d2d; border-color: #2d2d2d; } .btn-simple.btn-black:hover { background: #202020; border-color: #202020; } .btn-simple.btn-black-border { background: transparent; border-color: #aaa; color: #000; } .btn-simple.btn-black-border:hover { border-color: #000; background: transparent; } .btn-simple.btn-medium { padding: 16px 24px 14px; } .btn-simple.btn-small { min-width: 126px; padding: 12px 8px 10px; border-radius: 5px; } .btn-simple.btn-micro { min-width: 154px; padding: 6px 8px 6px; } #catalogLine .oSmartFilter.btn-simple.btn-micro { background-color: #e5e5e5; color: #383838; } .btn-simple.add-cart { min-width: 90px; padding: 4px 8px 3px; background: transparent; color: #000; border-color: #e7e8ea; } .btn-simple.add-cart:hover { border-color: #000; background: transparent; } .active-link { display: inline-block; font-family: "robotobold", serif; font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; font-family: "robotobold", serif; font-size: 14px; color: #888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .tabs-wrap { margin: 24px 0; } .tabs-wrap .tabs-links { font-size: 0; } .tabs-wrap .tab-link { display: inline-block; vertical-align: top; font-size: 14px; } .tabs-wrap .tab-link:active { top: 1px; } .tabs-wrap .tab-link:last-child { margin-right: 0; } .tabs-wrap .tab-btn-link { position: relative; display: inline-block; min-width: 126px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 6px 6px 0; padding: 12px 14px 10px; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid #e7e8ea; border-radius: 2px; color: #888; -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out; cursor: pointer; text-decoration: none; } .tabs-wrap .tab-dashed-link { position: relative; display: inline-block; margin: 0 30px 6px 0; font-family: "robotobold", serif; font-size: 14px; color: #888; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed transparent; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabs-wrap .tab-dashed-link.active { color: #000; border-color: #000; } .tabs-wrap .tab-dashed-link.active:hover { color: #000; border-color: #000; } .tabs-wrap .tabs-content { margin-top: 18px; } .tabs-wrap .tab-content { display: none; } .tabs-wrap .tab-content.active { display: block; } .consultation-wrap { box-sizing: border-box; padding: 14px 40px 16px 22px; border: 1px solid #e7e8ea; background: #fafafa; color: #000; } .consultation-wrap .tb { width: 100%; } .consultation-wrap .image { width: 128px; } .consultation-wrap .consultation-btn-wrap { text-align: right; } .consultation-wrap .consultation-heading { margin-bottom: 6px; font-size: 21px; line-height: 25px; font-weight: 400; color: #000; text-decoration: none; } .consultation-wrap .text { max-height: 48px; overflow: hidden; font-size: 14px; line-height: 16px; } @media screen and (max-width: 790px) { .consultation-wrap { padding: 18px 12px; } .consultation-wrap .tc.image { display: none; } } @media screen and (max-width: 550px) { .consultation-wrap .tc { display: block; width: 100%; text-align: left; } .consultation-wrap .consultation-btn-wrap { margin-top: 18px; } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex .flex-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(50% - 10px); padding: 30px 24px; border: 1px solid #e7e8ea; } @media all and (max-width: 750px) { .flex .flex-item { width: 100%; margin-bottom: 12px; } } .h1 { display: block; margin-bottom: 6px; font-size: 24px; line-height: 30px; font-weight: 400; color: #000; text-decoration: none; } .h2 { display: block; margin-bottom: 6px; font-size: 21px; line-height: 25px; font-weight: 400; color: #000; text-decoration: none; } .h3 { display: block; margin-bottom: 6px; font-size: 16px; line-height: 20px; font-weight: 400; color: #000; text-decoration: none; } .ff-bold { font-family: "robotobold", serif; } .ff-medium {} .detail-text-wrap { margin: 24px 0; line-height: 24px; } .detail-text-wrap .h1 { margin-bottom: 12px; } .detail-text-wrap .h2 { margin-bottom: 12px; } .detail-text-wrap .h3 { margin-bottom: 12px; } .detail-text-wrap p { margin: 0 0 14px; line-height: 24px; } .detail-text-wrap *:last-child { margin-bottom: 0; } .detail-text-wrap ul { padding-left: 16px; } .detail-text-wrap ol { padding-left: 16px; } .detail-text-wrap img.fixwidth { display: inline-block; max-width: 100%; width: auto; height: auto; } .error-wrap { margin: 18px 0; padding: 48px 42px 36px; font-size: 14px; line-height: 24px; color: #952525; border: 1px solid #bc8383; } .table-simple-wrap { overflow: auto; } .table-simple { margin: 18px 0 36px; border-collapse: collapse; width: 100%; min-width: 700px; border-spacing: 0; table-layout: auto; border: 0; } .table-simple th { vertical-align: middle; padding: 12px 24px; background: #f7f7f7; border: 1px solid #e4e4e4; } .table-simple td { vertical-align: middle; padding: 12px 24px; border: 1px solid #e4e4e4; } .table-simple td:last-child { text-align: center; } .blockquote-wrap { margin: 42px 0 24px; padding: 48px 120px 42px 54px; background: #f9f9f9; } .blockquote-wrap blockquote { margin: 0; padding: 0; font-size: 18px; line-height: 30px; color: #888; } .blockquote-wrap blockquote:before { content: ""; display: inline-block; width: 40px; height: 33px; margin-right: 10px; background: url("/local/templates/dresscodeV2/css/images/blockquote.png") center center / contain no-repeat; } .blockquote-wrap p { margin-top: 14px; } .new-list-items-wrap { margin-top: 24px; } .new-list-items { max-width: none; margin: 18px -12px 30px; font-size: 0; } .new-list-items .list-item-wrap { display: inline-block; vertical-align: top; width: 33.333%; padding: 12px; box-sizing: border-box; } .new-list-items .list-item { padding: 24px 18px; border: 1px solid #e7e8ea; border-radius: 2px; } .new-list-items .image { width: 54px; padding-right: 18px; } .new-list-items .image-container { display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .new-list-items .image-container img { display: block; max-width: 100%; } .new-list-items .image-container:hover { opacity: 0.9; } .new-list-items .image-container:active { position: relative; top: 1px; } .new-list-items .text { color: #000; } .new-list-items .name { display: block; margin-bottom: 12px; font-size: 14px; line-height: 18px; max-height: 18px; overflow: hidden; text-decoration: none; color: #000; } .new-list-items .name:active { position: relative; top: 1px; } .new-list-items .price { position: relative; display: inline-block; padding-right: 18px; font-size: 18px; font-family: "robotobold", serif; } .new-list-items .old-price { position: absolute; right: 0; top: -12px; line-height: 15px; font-size: 13px; color: #888; } .new-list-items .active-link { text-transform: none; } .new-list-items .addCart.added { color: #888; border-color: #888; background: none !important; } .new-list-items .addCart.added:hover { color: #000; border-color: #000; } .price-container .addCart.added:hover { border-color: transparent; } @media screen and (max-width: 1600px) { .blockquote-wrap { margin: 24px 0 18px; padding: 30px 30px 36px 42px; } .new-list-items { margin: 0 -6px; } .new-list-items .list-item-wrap { padding: 6px; } .new-list-items .list-item { padding: 12px; } .new-list-items .image { padding-right: 12px; } } @media screen and (max-width: 1400px) { .new-list-items .list-item-wrap { width: 50%; } } @media screen and (max-width: 1280px) { .new-list-items .list-item-wrap { width: 33.333%; } } @media screen and (max-width: 1100px) { .new-list-items .list-item-wrap { width: 50%; } } @media screen and (max-width: 1024px) { .blockquote-wrap blockquote { font-size: 16px; line-height: 24px; } .detail-text-wrap .h1 { font-size: 20px; line-height: 24px; } .detail-text-wrap .h2 { font-size: 18px; line-height: 22px; } } @media screen and (max-width: 790px) { .new-list-items { margin: -3px; } .new-list-items .list-item-wrap { width: 100%; padding: 3px; } .new-list-items .list-item { padding: 8px; } } @media screen and (max-width: 500px) { .detail-text-wrap .h1 { font-size: 18px; line-height: 22px; } .detail-text-wrap .h2 { font-size: 16px; line-height: 20px; } .detail-text-wrap .h3 { font-size: 15px; line-height: 18px; } } @media screen and (max-width: 400px) { .new-list-items .price { font-size: 16px; } .new-list-items .name { max-height: 36px; } } .gray-bg-text { margin-bottom: 24px; padding: 30px 24px; font-size: 14px; line-height: 24px; color: #000; background: #f9f9f9; } @media screen and (max-width: 1024px) { .hide-1024 { display: none !important; } .gray-bg-text { padding: 12px; } } .btn-wrap { margin-top: 24px; font-size: 0; } .btn-wrap .btn-simple { vertical-align: top; margin-bottom: 6px; margin-right: 6px; } .active-link { display: inline-block; font-family: "robotobold", serif; font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; font-family: "robotobold", serif; font-size: 14px; color: #888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .banners-list { max-width: none; margin: 0 -12px 42px; font-size: 0; } .banners-list .banner-wrap { display: inline-block; width: 50%; padding: 12px; box-sizing: border-box; vertical-align: top; } .banner-wrap .banner-elem { border: 1px solid #e7e8ea; } .banner-wrap+.global-block-container .detail-text-wrap { margin-top: 0; } .banner-elem { height: 296px; overflow: hidden; } .banner-elem .limiter { height: 100%; } .banner-elem .tb { height: 100%; } .banner-elem .tr { display: table-row; height: 100%; } .banner-elem .text-wrap { padding-left: 54px; color: #000; } .banner-elem .text-wrap *:last-child { margin-bottom: 0; } .banner-elem .date { margin-bottom: 6px; font-size: 13px; color: #000; } .banner-elem h1 { font-size: 36px; margin-bottom: 18px; line-height: 43px; max-height: 86px; overflow: hidden; } .banner-elem .price { margin-bottom: 6px; font-size: 18px; line-height: 22px; max-height: 22px; overflow: hidden; } .banner-elem .descr { margin-bottom: 8px; font-size: 13px; line-height: 15px; max-height: 45px; overflow: hidden; } .banner-elem .image { width: 55%; vertical-align: middle; padding-left: 12px; font-size: 0; line-height: 0; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner-elem .image img { display: block; max-width: 100%; max-height: 296px; width: auto; height: auto; margin-left: auto; transition: all 0.4s ease-in-out; transform: translate3d(0, 0, 0) scale(1); } .banner-elem .image-link { display: block; width: auto; } .banner-elem .image-link:hover img { transform: translate3d(0, 0, 0) scale(1.02); } .banner-elem .image .image-link { display: inline-block; } .banner-elem .image .image-link img { display: inline-block; margin: auto; } .banner-elem .social { height: 60px; margin-top: 12px; } @media screen and (max-width: 1600px) { .banners-list { margin: 0 -8px 42px; } .banners-list .banner-wrap { padding: 8px; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image { width: 60%; } } @media screen and (max-width: 1400px) { .banners-list { margin: 0 -6px 42px; } .banners-list .banner-wrap { padding: 6px; } .banner-elem { height: 260px; } .banner-elem .image img { max-height: 260px; } .banner-elem .text-wrap { padding-left: 18px; } .banner-elem .price { font-size: 16px; line-height: 20px; max-height: 20px; } .banner-elem .social { height: 30px; } } @media screen and (max-width: 1280px) { .banner-elem h1 { font-size: 24px; margin-bottom: 12px; line-height: 29px; max-height: 58px; } } @media screen and (max-width: 1200px) { .banner-elem { height: 220px; } .banner-elem .image { width: 50%; } .banner-elem .image img { max-height: 220px; } .banner-elem .price { font-size: 15px; line-height: 18px; max-height: 18px; } } @media screen and (max-width: 1024px) { .banners-list { margin: 0 -3px 24px; } .banners-list .banner-wrap { padding: 3px; } .banner-elem { height: 160px; } .banner-elem h1 { font-size: 20px; margin-bottom: 10px; line-height: 24px; max-height: 48px; } .banner-elem .image { width: 55%; } .banner-elem .image img { max-height: 160px; } .banner-elem .price { display: none; } } @media screen and (max-width: 400px) { .banner-elem { height: 150px; } .banner-elem .h2 { font-size: 16px; line-height: 20px; max-height: 40px; } .banner-elem .price { font-size: 14px; line-height: 18px; max-height: 18px; } .banner-elem .text-wrap { padding-left: 12px; } .banner-elem .btn-simple.btn-micro { min-width: 100px; padding: 3px 8px 3px; } .banner-elem .image { width: 50%; } .banner-elem .image img { max-height: 150px; } .services-banners-list .banner-wrap .banner-elem { background: none !important; } } .fullscreen-banner { height: 470px; margin-bottom: 24px; border-bottom: 1px solid #e7e8ea; } .fullscreen-banner .limiter { position: relative; height: 100%; } .fullscreen-banner #breadcrumbs { position: absolute; left: 0; top: 0; width: 100%; } .fullscreen-banner #breadcrumbs+.tb .text-wrap { padding: 42px 0 0; } .fullscreen-banner h1 { margin-bottom: 12px; } .fullscreen-banner .price { margin-bottom: 12px; font-size: 30px; line-height: 36px; max-height: 36px; } .fullscreen-banner .descr { margin-bottom: 24px; font-size: 14px; line-height: 24px; max-height: 120px; } .fullscreen-banner .image { width: 55%; } .fullscreen-banner .image img { margin: 0 auto; max-height: 470px; } @media screen and (max-width: 1600px) { .fullscreen-banner { height: 440px; } .fullscreen-banner .image img { max-height: 440px; } } @media screen and (max-width: 1400px) { .fullscreen-banner { height: 420px; } .fullscreen-banner .price { font-size: 24px; line-height: 30px; height: 30px; } .fullscreen-banner .descr { margin-bottom: 18px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .image img { max-height: 420px; } } @media screen and (max-width: 1024px) { .fullscreen-banner { height: 290px; } .fullscreen-banner .image { width: 45%; } .fullscreen-banner .image img { max-height: 290px; } .fullscreen-banner .descr { margin-bottom: 12px; line-height: 20px; max-height: 80px; } } @media screen and (max-width: 800px) { .questions-answers-list .answer { padding: 0 12px; } .questions-answers-list .question { padding: 12px 36px 12px 0; line-height: 20px; } .questions-answers-list .answer { padding: 12px 0; line-height: 20px; } .questions-answers-list .open-answer { right: 0; } .questions-answers-list .open-answer span { display: none; } .blockquote-wrap blockquote:before { width: 20px; height: 18px; } .blockquote-wrap { padding: 18px 12px 18px 24px; } .banners-list .banner-wrap:nth-child(n) { width: 100%; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image { width: 50%; text-align: center; } .banner-elem .image img { margin: 0 auto; } .hide-800 { display: none !important; } .fullscreen-banner { height: 270px; } .fullscreen-banner .image { width: 40%; } .fullscreen-banner .image img { max-height: 270px; } .fullscreen-banner .descr { max-height: 60px; } } @media screen and (max-width: 600px) { .banner-hide-images { background: none !important; } .banner-hide-images .image { display: none; } .hide-600 { display: none !important; } } @media screen and (max-width: 500px) { .fullscreen-banner { height: 170px; } .fullscreen-banner .image img { max-height: 170px; } .fullscreen-banner .descr { max-height: 40px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .btn-simple { padding: 13px 8px 11px; } } .banner-elem.arbitrary-banner .text-wrap { padding-left: 0; } @media screen and (max-width: 700px) { .product .picture img { max-width: 108px; } .fullscreen-banner { height: 260px; } .fullscreen-banner .image img { max-height: 260px; } .fullscreen-banner #breadcrumbs { left: 12px; width: auto; right: 0; margin-top: 12px; } .banner-elem.arbitrary-banner { height: auto; margin-bottom: 18px; } .banner-elem.arbitrary-banner .descr { max-height: 80px; } .banner-elem.arbitrary-banner .text-wrap { display: block; margin-bottom: 6px; padding: 12px 12px 0; } .banner-elem.arbitrary-banner h1 { margin-bottom: 8px; font-size: 18px; } .banner-elem.arbitrary-banner .image { display: block; width: 100%; padding: 0; } .banner-elem.arbitrary-banner .image img { max-height: 250px; margin: 0 auto; } .banner-elem.arbitrary-banner.banner-no-bg .image img { max-height: none; } .hide-700 { display: none !important; } } @media screen and (max-width: 500px) { .banner-elem.arbitrary-banner .descr { display: block; } .banner-elem.arbitrary-banner h1 { font-size: 16px; margin-bottom: 8px; line-height: 20px; max-height: 60px; } .banner-elem.arbitrary-banner .image img { max-height: 200px; } } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-left { margin-left: 0 !important; } .templateSwitcher { background-color: white; -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: 0; top: 0; } .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 0; 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; animation-name: bounceInDown; animation-duration: 2s; animation-fill-mode: both; text-align: center; margin-top: -100px; line-height: 50px; cursor: pointer; position: fixed; z-index: 9999; height: 198px; width: 51px; right: 0; top: 50%; } .templateSwitcherSettings.active { right: 360px; } .templateSwitcherSettings:hover { opacity: 0.9; } .templateSwitcherSettings:hover { background-color: #2b2b2b; } .templateSwitcherSettingsPicture { background: url(/local/templates/dresscodeV2/css/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; display: inline-block; height: 198px; width: 51px; } .templateSwitcher .switcherList { overflow: hidden; } .templateSwitcher .switcherListItem { background-color: white; 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: white; } .templateSwitcher .switcherListItem.active a { color: white; } .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 { margin-bottom: 18px; padding: 0 24px; font-size: 16px; } .templateSwitcher .switcherBigHeading { border-bottom: 1px solid #f3f3f3; text-transform: uppercase; padding-bottom: 24px; margin-bottom: 24px; padding-right: 24px; padding-left: 24px; font-size: 18px; } .templateSwitcher .switcherBigHeading+.switcherRowBlock { padding-top: 0; border-top: 0; } .templateSwitcher .switcherBigHeading .switcherClose { text-decoration: none; margin-top: -1px; font-size: 21px; color: #f00; float: right; } .templateSwitcher .switcherBigHeading .switcherClose:hover { opacity: 0.7; } .templateSwitcher .switcherBigHeading .switcherClose:active { position: relative; top: 1px; } .templateSwitcher .switcherHeading2 { 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; cursor: pointer; padding: 0 12px; outline: none; height: 40px; width: 90%; } .templateSwitcher .switcherIcons { margin-bottom: 24px; } .templateSwitcher .switcherDescription { font-size: 13px; color: #888; } .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/dresscodeV2/css/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .templateSwitcher .switcherThemesItem .color1 { background-color: #ff9601; } .templateSwitcher .switcherThemesItem .color1:hover { background-color: #ffb800; } .templateSwitcher .switcherThemesItem .color2 { background-color: #fb9bad; } .templateSwitcher .switcherThemesItem .color2:hover { background-color: #f3889d; } .templateSwitcher .switcherThemesItem .color3 { background-color: #ff855f; } .templateSwitcher .switcherThemesItem .color3:hover { background-color: #e77652; } .templateSwitcher .switcherThemesItem .color4 { background-color: #daa550; } .templateSwitcher .switcherThemesItem .color4:hover { background-color: #e4a540; } .templateSwitcher .switcherThemesItem .color5 { background-color: #b15b49; } .templateSwitcher .switcherThemesItem .color5:hover { background-color: #a05a4b; } .templateSwitcher .switcherThemesItem .color6 { background-color: #f44336; } .templateSwitcher .switcherThemesItem .color6:hover { background-color: #d42d20; } .templateSwitcher .switcherThemesItem .color7 { background-color: #acce11; } .templateSwitcher .switcherThemesItem .color7:hover { background-color: #94b20e; } .templateSwitcher .switcherThemesItem .color8 { background-color: #27c148; } .templateSwitcher .switcherThemesItem .color8:hover { background-color: #19cc3f; } .templateSwitcher .switcherThemesItem .color9 { background-color: #27bfc1; } .templateSwitcher .switcherThemesItem .color9:hover { background-color: #25ccce; } .templateSwitcher .switcherThemesItem .color10 { background-color: #3498db; } .templateSwitcher .switcherThemesItem .color10:hover { background-color: #2395e1; } .templateSwitcher .switcherThemesItem .color11 { background-color: #2a65d0; } .templateSwitcher .switcherThemesItem .color11:hover { background-color: #0d57dc; } .templateSwitcher .switcherThemesItem .color12 { background-color: #0061b2; } .templateSwitcher .switcherThemesItem .color12:hover { background-color: #006ac2; } .templateSwitcher .switcherThemesItem .color13 { background-color: #c651d0; } .templateSwitcher .switcherThemesItem .color13:hover { background-color: #d75ee1; } .templateSwitcher .switcherThemesItem .color14 { background-color: #c12752; } .templateSwitcher .switcherThemesItem .color14:hover { background-color: #c61c4b; } .templateSwitcher .switcherThemesItem .color15 { background-color: #ed1c24; } .templateSwitcher .switcherThemesItem .color15:hover { background-color: #ff232b; } .templateSwitcher .switcherBackgroundItem .white { background-color: #eee; } .templateSwitcher .switcherBackgroundItem .black { background-color: #000; } @-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; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .minimized { max-width: 150px; cursor: pointer; border: 1px solid white; } .minimized:hover { border: 1px solid gray; } #magnify { display: none; position: fixed; max-width: 800px; height: auto; z-index: 9999; } #magnify img { width: 100%; } #overlay { display: none; background: #000; position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5; z-index: 9990; } #close-popup { width: 30px; height: 30px; background: white; border: 1px solid #AFAFAF; border-radius: 15px; cursor: pointer; position: absolute; top: 15px; right: 15px; } #close-popup i { width: 30px; height: 30px; background: url(https://codernote.ru/files/cross.png) no-repeat center center; background-size: 16px 16px; display: block; } @keyframes rota { 25% { transform: rotate(360deg); } } #close-popup:hover { animation: rota 4s infinite normal; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #color-btns .btn-micro { min-width: 50px; } #id_li_circle { list-style-type: circle; } .stoprocwidth { max-width: 100%; } #menuCatalogSection .menuSection .catalogButton { background-color: #ed1c24; font-size: 15px; } #menuCatalogSection .menuSection .catalogButton:hover { background-color: #ed1c24; opacity: 0.8; } #menuCatalogSection .sectionMenuArrow { padding-left: 0; } #subHeader7.color_black .scheduleIcon { background-image: url(/images/smartphone-call.png); padding-bottom: 6px; opacity: 0.2; } #subHeader7.color_black .scheduleIcon:hover { opacity: 0.1; } @media screen and (max-width: 1024px) { .leftColumn #newsBlock { display: none; } } #newsBlock { border-radius: 4px; margin-top: 24px; font-size: 14px; } @media (max-width: 750px) { .slider_small #slider ul li span, .slider_small #slider .slideVideoContainer, .slider_small #slider .limiter, .slider_small #slider .videoPoster { display: none; } .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link { padding-top: 5px; } } #elementContainer #detailText { font-size: 16px; } #headerLine4 .user-geo-position-value-link, #headerLine4 #topAuth ul li a { font-size: 14px; } .payments-methods { float: left; padding: 0 15px; } .payments-methods img { max-width: 130px; height: 34px; vertical-align: middle; } .container-fluid section { padding-bottom: 1.5em; } .container-fluid .img-onas { width: 100%; } .text-size-14 { font-size: 0.875rem !important; } .text-silver { color: #999 !important; } .container-fluid .img-onas-magaz { width: 24.77%; } .block-grey { background-color: #f8f9fa; } .aboutimgfullpage { position: relative; width: 100vw; left: 50%; transform: translate(-50%); overflow: hidden; } .text-size-52 { font-size: 3.25rem !important; } .text-color-express-2 { color: #f34840 !important; } .align-items-center .text-size-19 { font-size: 100%; font-weight: 600; color: #2b2b2b; } .col-xxl-2 img { max-width: 100%; } .mapsonas { padding-top: 1rem; } .mapsonas .col-xxl-3 { margin-right: -15px; margin-left: -15px; padding-left: 15px; padding-right: 15px; } .mapsonas .m-0 { padding-left: 15px; padding-right: 15px; } .about-img-container .m-auto { width: 100%; max-width: 1176px; } .imghoverotziv img { filter: grayscale(100%); transition: all .2s ease-in-out; max-width: 100%; } .imghoverotziv img:hover { filter: none; } .bransabout .btn-outline-red { -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: 55px; border-radius: 4px; color: #ed1c24; height: 60px; font-size: 16px; text-align: center; display: block; margin: 16px auto 12px auto; text-decoration: none; width: 220px; border: 2px solid #ed1c24; } .bransabout .btn-outline-red:hover { background: #ed1c24; color: #fff; } #newsBlock .preText { max-height: 79px; height: auto; } .aboutmissiom .item { padding-right: 0; padding-left: 0; text-align: center; line-height: 1em; } .aboutmissiom .row { margin-right: 0; margin-left: 0; } .aboutmissiom { background-color: #000; } .aboutmissiom h2, .aboutmissiom p { color: white; } .aboutpreimeshestva .align-items-center .col-9, .aboutpreimeshestva .align-items-center .col-3 { padding-right: 0; padding-left: 0; } .aboutpreimeshestva img { width: 90%; } .aboutpreimeshestva .row { margin-right: 5px; margin-left: 5px; } .cart .heading { font-size: 14px; } #elementTools .fastBack { margin-bottom: 0; } #smallElementTools .columnRow, #smallElementTools .columnRow .addCart { width: 100%; padding: 0; } .rasprodrf { border: 1px solid #e8e8e8; padding: 20px; color: red; font-weight: 500; text-align: center; transition: all .2s ease; } .rasprodrf:hover { box-shadow: 0 0 27px rgba(0, 0, 0, .1); } .rasprodpositiv { border: 1px solid #e8e8e8; padding: 20px; color: #2b2b2b; font-weight: 500; text-align: center; margin-bottom: 20px; } .rasprodpositiv p, .rasprodrf p { font-size: 14px; margin-bottom: 0; } .consultation-wrap .consultation-btn-wrap #webFormDwModal_11 { text-align: left; } #topProduct .wrap, #viewedProduct .wrap { margin: 0; } #topProduct .topBtnLeft, #viewedProduct .viewedBtnLeft { left: 0; } #topProduct .topBtnRight, #viewedProduct .viewedBtnRight { right: 0; } #relatedAnalog .heading { border-top: 1px solid #e7e8ea; font-family: 'robotobold', serif; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; } #brandList .colorize { padding: 10px; -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; transform: translate3d(0, 0, 0); opacity: 0.8; vertical-align: middle; } #brandList .colorize:hover { opacity: 1; } #brandList .p-4 { padding: 0 !important; } #brandList .align-items-center { border: 1px solid #e7e8ea; padding: 15px; margin: 0; background-color: white; box-shadow: 0 0 5px 0 #41414126; } #popSection .heading, #brandList .heading { padding-left: 0; text-shadow: 1px 1px 5px #58585859; } #footerTabsCaption .item .selected, #infoTabsCaption .item .selected { padding-left: 0; } .banner-elem .text-wrap { font-size: large; text-shadow: 1px 1px 2px #58585859; } .global-block-container .questions-answers:last-child { padding-top: 15px; } #headerbannerinfo { background-color: #ed1c24; font-weight: 300; position: relative; color: #fdfdfd; font-size: 16px; margin: auto; text-align: center; padding: 4px; box-shadow: inset 0 -2px 10px 1px rgba(0, 0, 0, 0.4); z-index: 10; transition: all 0.5s ease-in-out; display: flex; justify-content: center; align-items: center; } a #headerbannerinfo:hover { background-color: #e23037; } #headerbannerinfo .headerbannerinfo_title { max-width: 90%; } #headerbannerinfo a { color: #fff; } #headerbannerinfo a:hover { color: #484646; } .getPricesWindow .priceIcon { display: none !important; } .select-city__modal-wrap { text-align: left; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .select-city__list_letter { margin: auto; } .select-city__list_letter, .select-city__list { padding: 0 10px; } .select-city__tab_name_content { margin: 0 0 5px 0; } .select-city__tab.active { border-bottom: 1px solid #ed1c24; color: #ed1c24; } .select-city__list_item { color: #ed1c24; } .select-city__input__comment span { color: #ed1c24; border-bottom: 1px solid #ed1c24; } .select-city__dropdown__choose__yes, .select-city__dropdown__choose__no:hover { background: #ed1c24; border: 1px solid #ed1c24; } .select-city__tab_name_content__big_city, .select-city__tab_name_content__village { font-size: 14px; line-height: normal; } .marginmin15 { margin-right: -15px; margin-left: -15px; } #nextSection li a { padding: 12px 20px; } .btnwebformopros { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation-name: bounceInDown; animation-duration: 2s; animation-fill-mode: both; text-align: center; margin-top: -100px; line-height: 50px; cursor: pointer; position: fixed; z-index: 9999; height: 198px; width: 51px; left: 0; top: 50%; background-color: #ed1c24; border-bottom-right-radius: 6px; border-top-right-radius: 6px; writing-mode: tb-rl; transform: rotate(180deg); font-size: 16px; color: white; text-decoration: none; } .btnwebformopros:hover { background-color: #c5191f; } .webformModalContainer { max-width: 550px; } .smile1 { background-image: url(https://user55805.clients-cdnnow.ru/f2/s/0.svg); position: relative; width: 47px; height: 47px; cursor: pointer; } .smile2 { background-image: url(https://user55805.clients-cdnnow.ru/f2/s/1.svg); position: relative; width: 47px; height: 47px; cursor: pointer; } .smile3 { background-image: url(https://user55805.clients-cdnnow.ru/f2/s/2.svg); position: relative; width: 47px; height: 47px; cursor: pointer; } .smile4 { background-image: url(https://user55805.clients-cdnnow.ru/f2/s/3.svg); position: relative; width: 47px; height: 47px; cursor: pointer; } .smile5 { background-image: url(https://user55805.clients-cdnnow.ru/f2/s/4.svg); position: relative; width: 47px; height: 47px; cursor: pointer; } .smile { opacity: 0.8; } .smile:hover { opacity: 1; } .webFormItemField input[type="checkbox"]:checked+label::before, .webFormItemField input[type="radio"]:checked+label::before { opacity: 1; } #WEB_FORM_ITEM_KAK_CALLCENTR .webFormItemField input[type="checkbox"]:not(checked)+label::before, .webFormItemField input[type="radio"]:not(checked)+label::before { display: none; } #WEB_FORM_ITEM_KAK_CALLCENTR .webFormItemField { text-align: center; } #WEB_FORM_ITEM_KAK_CALLCENTR .webFormItemField input[type="radio"]:not(checked)+label { padding-left: 22px; } #webFormDwModal_13 .personalInfo .webFormItemField input[type="checkbox"]:not(checked), .webFormItemField input[type="radio"]:not(checked) { opacity: 1; z-index: 110; cursor: pointer; } #webFormDwModal_13 .personalInfo .webFormItemField input[type="checkbox"]:not(checked)+label::before, .webFormItemField input[type="radio"]:not(checked)+label::before { display: none; } @media (max-width: 1100px) { .getFastViewRulon { width: 99.7%; margin-bottom: 16px; } #smallElementTools .columnRow .fastBack { margin-bottom: 0; } } @media (max-width: 768px) { .select-city__list_wrapper_favorites, .select-city__tab_name_content__big_city { width: 50%; } #authMenu { overflow-x: auto; overflow-y: hidden; } #authMenu li a { font-size: 15px; } .select-city__list_letter_wrapper { width: 100%; } .select-city__wrapper__input { margin-bottom: 28px; } .select-city__input { max-width: 91%; } .catalog-section-list-pictures .catalog-section-list-item { line-height: 165px; height: 165px; } } .missionimg { width: 60%; margin-left: auto; margin-right: auto; padding-top: 30px; } .aboutbreadposition { position: absolute; display: none; } .overflowxhidden { overflow-x: hidden; } .oldPriceLabel { font-size: small; color: #414141; } .oldPriceLabel .discount { color: #f44336; font-size: 14px; } .catalog-section-list-pictures .catalog-section-list-picture { height: auto; margin-bottom: auto; } .catalog-section-list-pictures .catalog-section-list-item { padding: 4px 4px 0; } .catalog-section-list-pictures .catalog-section-list-link { padding: 14px; line-height: 32px; height: 65px; } .catalog-section-list-pictures .catalog-section-list-link span { font-size: 16px; font-weight: 600; vertical-align: middle; line-height: 16px; font-family: "Trebuchet MS", serif; } .section_block_hide { display: none; } .block-col-news-50 { width: 50%; float: left; margin-bottom: 30px !important; } .catalog-section-list-pictures .catalog-section-list-item-wp { display: block; } .article { font-weight: 700; } .pricesite { font-size: 15px; font-weight: bold; color: #c13f3b; padding: 10px; border: 1px solid #e44a46; display: block; } .h4contacts { margin-bottom: -10px; } #bigDataCarousel .bigDataBtnLeft { left: 0; } #bigDataCarousel .bigDataBtnRight { right: 0; } .item3999, .item4000 { display: none; } .select-city__block__text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 30px; font-size: 14px; margin-right: 2px; } .dopinfatovara { width: 220px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 12px; color: #9c9c9c; } .dopinfatovara hr { margin-top: 12px; } .propExpander.expanded+.params ul { position: relative; overflow-y: auto; max-height: 280px; overflow-x: hidden; } .shop-news-one-red-button { border: 1px solid #ed1c24; color: #fff; background-color: #ed1c24; -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; display: inline-block; text-align: center; border-radius: 2px; padding: 0 48px; line-height: 55px; height: 55px; width: 91.5%; } .shop-news-one-red-button:hover { color: #fff; background-color: #e01a22; } #subMenu li a, #footerLine .item .callback { font: normal normal 14px 'roboto_ltregular', arial, sans-serif } #mainMenu .drop .nextColumn .menu2Link { font-size: 14px; } #newsBlock .newsPreview:first-child .preText { margin-top: 6px; } .bx-pagination .row { display: block; } @media (max-width: 1240px) { #subHeader7 .firstPhones, #subHeader7 .secondPhones { display: block; } .aboutmissiom img { width: 100%; max-width: 98%; } } @media (max-width: 1240px) { #footerLine .item1000, #footerLine .item2000, #footerLine .item3000 { display: none; } .item3999, .item4000 { display: inline-block; } } @media (max-width: 580px) { .cat-photo-opisane { padding: 10px 0 !important; width: 100% !important; } .block-col-news-50 { width: 100%; } #footerLine .item .compare, #footerLine .item .wishlist { display: none; } #brandList .colorize { max-width: 70%; } } @media (max-width: 450px) { .index-banners .elem-column:nth-child(n) .name { max-height: 52px; } #subHeader7 .cart { right: 8px; left: auto; } #subHeader7 .firstPhones { margin-top: 10px; } #headerLine4 .user-geo-position-label { display: inline-block; } #headerLine4 .user-geo-position-value-link { position: relative; padding-top: 0 !important; } #headerLine4 .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link { font-size: 14px; } .user-geo-position { padding-right: 0; } #headerLine4 #geoPosition { margin-right: auto; top: 136px; left: 12px; right: auto; } #headerLine4 .user-geo-position-label { color: #f8f8f9; } #subHeader7 .phonesTc .contacts__info { margin: 0 5px 0 0; padding: 0 5px 0 0; } #subHeader7 { height: 194px; } .user-geo-position-label, #headerLine4 .user-geo-position-value, #headerLine4 .user-geo-position-value-link { padding-top: 7px; } .nizcartfooter { display: none; } #footerLine .item .cart .icon { margin-right: 0 !important; } #footerLine .item3000 { float: left !important; margin-right: 0 !important; display: none; } #footerLine .item .cart .mark { margin-left: 1px !important; } .item3999, .item4000 { display: inline-block; } .sn { display: block !important; } #topSearchLine { padding: 0 !important; top: 136px; } #subHeader7 #topSearch2 .searchContainerInner { border-radius: 0; } .select-city__block__text { color: #f8f8f9; } .geoPositionsotbit { top: 142px !important; } .catalog-section-list-pictures .catalog-section-list-link { padding: 0; height: auto; } .catalog-section-list-pictures .catalog-section-list-link span { font-size: 14px; } } @media (max-width: 400px) { .catalog-section-list-pictures .catalog-section-list-link span { font-size: 13px; } } @media (max-width: 360px) { .index-banners .elem-column:nth-child(n) .name { max-height: 52px; } } #bx_1712592909_24998, #bx_1712592909_24293, #bx_1712592909_24290, #bx_1712592909_24458, #bx_1712592909_24459, #bx_1712592909_24456 { max-width: 100% !important; overflow: hidden; } #bx_1712592909_24998 span, #bx_1712592909_24293 span, #bx_1712592909_24290 span, #bx_1712592909_24458 span, #bx_1712592909_24459 span, #bx_1712592909_24456 span { -webkit-animation: kenburns 45s infinite linear; animation: kenburns 45s infinite linear; width: 100%; height: 100%; background-size: cover; } @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } } @keyframes kenburns { 0% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } } #catalog-section-banners li img { -webkit-animation: kenburnscategoryslide 25s infinite linear; animation: kenburnscategoryslide 25s infinite linear; width: 100%; height: 100%; background-size: cover; } @-webkit-keyframes kenburnscategoryslide { 0% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.06); transform: scale(1.06) } 100% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } } @keyframes kenburnscategoryslide { 0% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.06); transform: scale(1.06) } 100% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } .homeotziv-TEST { -webkit-animation: color 15s ease-in-out infinite; -moz-animation: color 15s ease-in-out infinite; -o-animation: color 15s ease-in-out infinite; animation: color 15s ease-in-out infinite; } @keyframes color { 0% { background-color: #fdcc4b24; } 17% { background-color: #f0835a24; } 34% { background-color: #e5636d24; } 51% { background-color: #ab5f8e24 } 68% { background-color: #7770a324; } 85% { background-color: #79cdcf24; } 100% { background-color: #fdcc4b24; } } @-webkit-keyframes color { 0% { background-color: #fdcc4b24; } 17% { background-color: #f0835a24; } 34% { background-color: #e5636d24; } 51% { background-color: #ab5f8e24 } 68% { background-color: #7770a324; } 85% { background-color: #79cdcf24; } 100% { background-color: #fdcc4b24; } } .homeotziv { background: linear-gradient(-45deg, #ee775221, #ed1c2421, #6e3ce71f, #23a6d521, #4db79e21, #ee775221); -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 20s ease infinite; transition: all 250ms; background-size: 400% 100%; } @-webkit-keyframes Gradient { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @-moz-keyframes Gradient { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @keyframes Gradient { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); background-color: #000; } 20%, 80% { transform: translate3d(2px, 0, 0); } 50% { background-color: red; } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } #catalogTableList .price { padding: 0 15px; } .footsoc li { margin-right: 12px; } @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) { .catalog-section-list-pictures .catalog-section-list-item { height: 176px; } .catalog-section-list-pictures .catalog-section-list-link span { font-size: 14px; } .catalog-section-list-pictures .catalog-section-list-link { padding: 0 4px; height: auto; } .catalog-section-list-pictures .catalog-section-list-picture img { max-height: 110px; height: 100%; } } @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .catalog-section-list-pictures .catalog-section-list-item { height: 176px; } .catalog-section-list-pictures .catalog-section-list-link span { font-size: 14px; } .catalog-section-list-pictures .catalog-section-list-link { padding: 0 4px; height: auto; } .catalog-section-list-pictures .catalog-section-list-picture img { max-height: 110px; height: 100%; } } @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) { .catalog-section-list-pictures .catalog-section-list-item { height: 176px; } .catalog-section-list-pictures .catalog-section-list-link span { font-size: 14px; } .catalog-section-list-pictures .catalog-section-list-link { padding: 0 4px; height: auto; } .catalog-section-list-pictures .catalog-section-list-picture img { max-height: 110px; height: 100%; } } @media (max-width:540px) { .bx-auth .checkbox { margin-bottom: 15px; margin-top: 5px; } .bx-auth input[type="checkbox"]:not(checked) { position: relative; margin-right: 10px; } .bx-auth input[type="checkbox"]:not(checked)+label:before { top: auto; left: 15px; } #userPersonalInfoReg+label:before { margin-top: 2px; } #main input[type="submit"] { line-height: normal; } .basket-container-form__field input[type="checkbox"]:not(checked) { position: relative!important; } .basket-container-form__field input[type="checkbox"]:not(checked) + label:before { top: auto!important; left: 23px!important; margin-top: 2px; } .bx-auth input[type="text"], .bx-auth input[type="password"] { width: 100%; } .bx-auth .bx-captcha { margin-top: 0; } .bx-auth .bx-authform-formgroup-container { width: 100%; } .bx-auth .leftContainer { margin-right: 0; float: none; } .product .tabloid { border: 0; } } /* End */ /* Start:/local/templates/dresscodeV2/css/bootstrap.css?1760680416134360*/ @charset "UTF-8"; /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #0071bc; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #0071bc; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 600px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Rubik", sans-serif; --font-family-monospace: "Rubik", sans-serif; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Rubik", sans-serif !important; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a>code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; line-height: 1.5; color: #000; font-size: 1rem; } .container *, .container ::after, .container ::before { box-sizing: border-box; } .container h2 { margin-top: .5rem; margin-bottom: 1rem; font-weight: 500; line-height: 1.2; font-family: "Trebuchet MS", serif; font-size: 28px; } @media (max-width:440px) { #___ratingbadge_0 { display: none; } .getFastViewRulon { width: 99%; } .catalog-section-list-pictures .catalog-section-list-picture { height: 110px; } .catalog-section-list-pictures .catalog-section-list-picture img { height: 100%; object-fit: contain; } } @media (max-width:992px) { .catalog-section-list-pictures .catalog-section-list-picture img { max-height: 100px; } } @media (min-width: 600px) { .container { max-width: 570px; } } @media (min-width: 768px) { .container { max-width: 738px; } } @media (min-width: 1024px) { .container { max-width: 996px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 600px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody+tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody+tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary>th, .table-primary>td { background-color: #b8d7ec; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody+tbody { border-color: #7ab5dc; } .table-hover .table-primary:hover { background-color: #a4cce7; } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #a4cce7; } .table-secondary, .table-secondary>th, .table-secondary>td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody+tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #c8cbcf; } .table-success, .table-success>th, .table-success>td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody+tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #b1dfbb; } .table-info, .table-info>th, .table-info>td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody+tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5; } .table-warning, .table-warning>th, .table-warning>td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody+tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #ffe8a1; } .table-danger, .table-danger>th, .table-danger>td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody+tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f1b0b7; } .table-light, .table-light>th, .table-light>td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody+tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6; } .table-dark, .table-dark>th, .table-dark>td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody+tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe; } .table-active, .table-active>th, .table-active>td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 599.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm>.table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md>.table-bordered { border: 0; } } @media (max-width: 1023.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg>.table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl>.table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive>.table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #3db1ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 113, 188, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row>.col, .form-row>[class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled~.form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip { display: block; } .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip, .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip { display: block; } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #28a745; } .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip, .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip { display: block; } .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-valid~.custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid~.custom-control-label::before, .custom-control-input.is-valid~.custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip, .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked~.custom-control-label::before, .custom-control-input.is-valid:checked~.custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus~.custom-control-label::before, .custom-control-input.is-valid:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid~.custom-file-label, .custom-file-input.is-valid~.custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip, .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus~.custom-file-label, .custom-file-input.is-valid:focus~.custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip { display: block; } .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip, .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip { display: block; } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip, .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid~.custom-control-label::before, .custom-control-input.is-invalid~.custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip, .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked~.custom-control-label::before, .custom-control-input.is-invalid:checked~.custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus~.custom-control-label::before, .custom-control-input.is-invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid~.custom-file-label, .custom-file-input.is-invalid~.custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip, .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus~.custom-file-label, .custom-file-input.is-invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 600px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 113, 188, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #0071bc; border-color: #0071bc; } .btn-primary:hover { color: #fff; background-color: #005a96; border-color: #005289; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 134, 198, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0071bc; border-color: #0071bc; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #005289; border-color: #004b7c; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 134, 198, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show>.btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #0071bc; border-color: #0071bc; } .btn-outline-primary:hover { color: #fff; background-color: #0071bc; border-color: #0071bc; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 113, 188, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0071bc; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0071bc; border-color: #0071bc; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 113, 188, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #0071bc; text-decoration: none; } .btn-link:hover { color: #004370; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block+.btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #0071bc; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar>.container, .navbar>.container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 599.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 600px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 1023.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1024px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand>.container, .navbar-expand>.container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand>.container, .navbar-expand>.container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #0071bc; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .close { float: right; font-size: 16px; font-weight: 300; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer> :not(:first-child) { margin-left: .25rem; } .modal-footer> :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 600px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 1024px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Rubik", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Rubik", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top>.arrow, .bs-popover-auto[x-placement^="top"]>.arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top>.arrow::before, .bs-popover-auto[x-placement^="top"]>.arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top>.arrow::after, .bs-popover-auto[x-placement^="top"]>.arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right>.arrow, .bs-popover-auto[x-placement^="right"]>.arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right>.arrow::before, .bs-popover-auto[x-placement^="right"]>.arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right>.arrow::after, .bs-popover-auto[x-placement^="right"]>.arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom>.arrow, .bs-popover-auto[x-placement^="bottom"]>.arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom>.arrow::before, .bs-popover-auto[x-placement^="bottom"]>.arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom>.arrow::after, .bs-popover-auto[x-placement^="bottom"]>.arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left>.arrow, .bs-popover-auto[x-placement^="left"]>.arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left>.arrow::before, .bs-popover-auto[x-placement^="left"]>.arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left>.arrow::after, .bs-popover-auto[x-placement^="left"]>.arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #0071bc !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #005289 !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #0071bc !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 600px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width: 600px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 600px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 1024px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: #000; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 600px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 600px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1024px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #0071bc !important; } a.text-primary:hover, a.text-primary:focus { color: #004370 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " ("attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 1024px !important; } .container { min-width: 1024px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody+tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* End */ /* Start:/local/templates/dresscodeV2/css/fa.css?157670116739467*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(/local/templates/dresscodeV2/fonts/fontawesome-webfont.eot); src: url(/local/templates/dresscodeV2/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/local/templates/dresscodeV2/fonts/fontawesome-webfont.woff2) format("woff2"), url(/local/templates/dresscodeV2/css//fonts/fontawesome-webfont.woff) format("woff"), url(/local/templates/dresscodeV2/fonts/fontawesome-webfont.ttf) format("truetype"), url(/local/templates/dresscodeV2/headers/header7/css/images/fontawesome-webfont.svg#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul>li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .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(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-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); -ms-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 { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: white; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\F000"; } .fa-music:before { content: "\F001"; } .fa-search:before { content: "\F002"; } .fa-envelope-o:before { content: "\F003"; } .fa-heart:before { content: "\F004"; } .fa-star:before { content: "\F005"; } .fa-star-o:before { content: "\F006"; } .fa-user:before { content: "\F007"; } .fa-film:before { content: "\F008"; } .fa-th-large:before { content: "\F009"; } .fa-th:before { content: "\F00A"; } .fa-th-list:before { content: "\F00B"; } .fa-check:before { content: "\F00C"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\F00D"; } .fa-search-plus:before { content: "\F00E"; } .fa-search-minus:before { content: "\F010"; } .fa-power-off:before { content: "\F011"; } .fa-signal:before { content: "\F012"; } .fa-gear:before, .fa-cog:before { content: "\F013"; } .fa-trash-o:before { content: "\F014"; } .fa-home:before { content: "\F015"; } .fa-file-o:before { content: "\F016"; } .fa-clock-o:before { content: "\F017"; } .fa-road:before { content: "\F018"; } .fa-download:before { content: "\F019"; } .fa-arrow-circle-o-down:before { content: "\F01A"; } .fa-arrow-circle-o-up:before { content: "\F01B"; } .fa-inbox:before { content: "\F01C"; } .fa-play-circle-o:before { content: "\F01D"; } .fa-rotate-right:before, .fa-repeat:before { content: "\F01E"; } .fa-refresh:before { content: "\F021"; } .fa-list-alt:before { content: "\F022"; } .fa-lock:before { content: "\F023"; } .fa-flag:before { content: "\F024"; } .fa-headphones:before { content: "\F025"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-up:before { content: "\F028"; } .fa-qrcode:before { content: "\F029"; } .fa-barcode:before { content: "\F02A"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-book:before { content: "\F02D"; } .fa-bookmark:before { content: "\F02E"; } .fa-print:before { content: "\F02F"; } .fa-camera:before { content: "\F030"; } .fa-font:before { content: "\F031"; } .fa-bold:before { content: "\F032"; } .fa-italic:before { content: "\F033"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-align-left:before { content: "\F036"; } .fa-align-center:before { content: "\F037"; } .fa-align-right:before { content: "\F038"; } .fa-align-justify:before { content: "\F039"; } .fa-list:before { content: "\F03A"; } .fa-dedent:before, .fa-outdent:before { content: "\F03B"; } .fa-indent:before { content: "\F03C"; } .fa-video-camera:before { content: "\F03D"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\F03E"; } .fa-pencil:before { content: "\F040"; } .fa-map-marker:before { content: "\F041"; } .fa-adjust:before { content: "\F042"; } .fa-tint:before { content: "\F043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\F044"; } .fa-share-square-o:before { content: "\F045"; } .fa-check-square-o:before { content: "\F046"; } .fa-arrows:before { content: "\F047"; } .fa-step-backward:before { content: "\F048"; } .fa-fast-backward:before { content: "\F049"; } .fa-backward:before { content: "\F04A"; } .fa-play:before { content: "\F04B"; } .fa-pause:before { content: "\F04C"; } .fa-stop:before { content: "\F04D"; } .fa-forward:before { content: "\F04E"; } .fa-fast-forward:before { content: "\F050"; } .fa-step-forward:before { content: "\F051"; } .fa-eject:before { content: "\F052"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-plus-circle:before { content: "\F055"; } .fa-minus-circle:before { content: "\F056"; } .fa-times-circle:before { content: "\F057"; } .fa-check-circle:before { content: "\F058"; } .fa-question-circle:before { content: "\F059"; } .fa-info-circle:before { content: "\F05A"; } .fa-crosshairs:before { content: "\F05B"; } .fa-times-circle-o:before { content: "\F05C"; } .fa-check-circle-o:before { content: "\F05D"; } .fa-ban:before { content: "\F05E"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrow-down:before { content: "\F063"; } .fa-mail-forward:before, .fa-share:before { content: "\F064"; } .fa-expand:before { content: "\F065"; } .fa-compress:before { content: "\F066"; } .fa-plus:before { content: "\F067"; } .fa-minus:before { content: "\F068"; } .fa-asterisk:before { content: "\F069"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-gift:before { content: "\F06B"; } .fa-leaf:before { content: "\F06C"; } .fa-fire:before { content: "\F06D"; } .fa-eye:before { content: "\F06E"; } .fa-eye-slash:before { content: "\F070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\F071"; } .fa-plane:before { content: "\F072"; } .fa-calendar:before { content: "\F073"; } .fa-random:before { content: "\F074"; } .fa-comment:before { content: "\F075"; } .fa-magnet:before { content: "\F076"; } .fa-chevron-up:before { content: "\F077"; } .fa-chevron-down:before { content: "\F078"; } .fa-retweet:before { content: "\F079"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-folder:before { content: "\F07B"; } .fa-folder-open:before { content: "\F07C"; } .fa-arrows-v:before { content: "\F07D"; } .fa-arrows-h:before { content: "\F07E"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\F080"; } .fa-twitter-square:before { content: "\F081"; } .fa-facebook-square:before { content: "\F082"; } .fa-camera-retro:before { content: "\F083"; } .fa-key:before { content: "\F084"; } .fa-gears:before, .fa-cogs:before { content: "\F085"; } .fa-comments:before { content: "\F086"; } .fa-thumbs-o-up:before { content: "\F087"; } .fa-thumbs-o-down:before { content: "\F088"; } .fa-star-half:before { content: "\F089"; } .fa-heart-o:before { content: "\F08A"; } .fa-sign-out:before { content: "\F08B"; } .fa-linkedin-square:before { content: "\F08C"; } .fa-thumb-tack:before { content: "\F08D"; } .fa-external-link:before { content: "\F08E"; } .fa-sign-in:before { content: "\F090"; } .fa-trophy:before { content: "\F091"; } .fa-github-square:before { content: "\F092"; } .fa-upload:before { content: "\F093"; } .fa-lemon-o:before { content: "\F094"; } .fa-phone:before { content: "\F095"; } .fa-square-o:before { content: "\F096"; } .fa-bookmark-o:before { content: "\F097"; } .fa-phone-square:before { content: "\F098"; } .fa-twitter:before { content: "\F099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\F09A"; } .fa-github:before { content: "\F09B"; } .fa-unlock:before { content: "\F09C"; } .fa-credit-card:before { content: "\F09D"; } .fa-feed:before, .fa-rss:before { content: "\F09E"; } .fa-hdd-o:before { content: "\F0A0"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bell:before { content: "\F0F3"; } .fa-certificate:before { content: "\F0A3"; } .fa-hand-o-right:before { content: "\F0A4"; } .fa-hand-o-left:before { content: "\F0A5"; } .fa-hand-o-up:before { content: "\F0A6"; } .fa-hand-o-down:before { content: "\F0A7"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-globe:before { content: "\F0AC"; } .fa-wrench:before { content: "\F0AD"; } .fa-tasks:before { content: "\F0AE"; } .fa-filter:before { content: "\F0B0"; } .fa-briefcase:before { content: "\F0B1"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-group:before, .fa-users:before { content: "\F0C0"; } .fa-chain:before, .fa-link:before { content: "\F0C1"; } .fa-cloud:before { content: "\F0C2"; } .fa-flask:before { content: "\F0C3"; } .fa-cut:before, .fa-scissors:before { content: "\F0C4"; } .fa-copy:before, .fa-files-o:before { content: "\F0C5"; } .fa-paperclip:before { content: "\F0C6"; } .fa-save:before, .fa-floppy-o:before { content: "\F0C7"; } .fa-square:before { content: "\F0C8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\F0C9"; } .fa-list-ul:before { content: "\F0CA"; } .fa-list-ol:before { content: "\F0CB"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-underline:before { content: "\F0CD"; } .fa-table:before { content: "\F0CE"; } .fa-magic:before { content: "\F0D0"; } .fa-truck:before { content: "\F0D1"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-plus:before { content: "\F0D5"; } .fa-money:before { content: "\F0D6"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-up:before { content: "\F0D8"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-columns:before { content: "\F0DB"; } .fa-unsorted:before, .fa-sort:before { content: "\F0DC"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\F0DD"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\F0DE"; } .fa-envelope:before { content: "\F0E0"; } .fa-linkedin:before { content: "\F0E1"; } .fa-rotate-left:before, .fa-undo:before { content: "\F0E2"; } .fa-legal:before, .fa-gavel:before { content: "\F0E3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\F0E4"; } .fa-comment-o:before { content: "\F0E5"; } .fa-comments-o:before { content: "\F0E6"; } .fa-flash:before, .fa-bolt:before { content: "\F0E7"; } .fa-sitemap:before { content: "\F0E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-paste:before, .fa-clipboard:before { content: "\F0EA"; } .fa-lightbulb-o:before { content: "\F0EB"; } .fa-exchange:before { content: "\F0EC"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-user-md:before { content: "\F0F0"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-suitcase:before { content: "\F0F2"; } .fa-bell-o:before { content: "\F0A2"; } .fa-coffee:before { content: "\F0F4"; } .fa-cutlery:before { content: "\F0F5"; } .fa-file-text-o:before { content: "\F0F6"; } .fa-building-o:before { content: "\F0F7"; } .fa-hospital-o:before { content: "\F0F8"; } .fa-ambulance:before { content: "\F0F9"; } .fa-medkit:before { content: "\F0FA"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-beer:before { content: "\F0FC"; } .fa-h-square:before { content: "\F0FD"; } .fa-plus-square:before { content: "\F0FE"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angle-down:before { content: "\F107"; } .fa-desktop:before { content: "\F108"; } .fa-laptop:before { content: "\F109"; } .fa-tablet:before { content: "\F10A"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\F10B"; } .fa-circle-o:before { content: "\F10C"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-spinner:before { content: "\F110"; } .fa-circle:before { content: "\F111"; } .fa-mail-reply:before, .fa-reply:before { content: "\F112"; } .fa-github-alt:before { content: "\F113"; } .fa-folder-o:before { content: "\F114"; } .fa-folder-open-o:before { content: "\F115"; } .fa-smile-o:before { content: "\F118"; } .fa-frown-o:before { content: "\F119"; } .fa-meh-o:before { content: "\F11A"; } .fa-gamepad:before { content: "\F11B"; } .fa-keyboard-o:before { content: "\F11C"; } .fa-flag-o:before { content: "\F11D"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-terminal:before { content: "\F120"; } .fa-code:before { content: "\F121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\F122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\F123"; } .fa-location-arrow:before { content: "\F124"; } .fa-crop:before { content: "\F125"; } .fa-code-fork:before { content: "\F126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\F127"; } .fa-question:before { content: "\F128"; } .fa-info:before { content: "\F129"; } .fa-exclamation:before { content: "\F12A"; } .fa-superscript:before { content: "\F12B"; } .fa-subscript:before { content: "\F12C"; } .fa-eraser:before { content: "\F12D"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-slash:before { content: "\F131"; } .fa-shield:before { content: "\F132"; } .fa-calendar-o:before { content: "\F133"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-rocket:before { content: "\F135"; } .fa-maxcdn:before { content: "\F136"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-html5:before { content: "\F13B"; } .fa-css3:before { content: "\F13C"; } .fa-anchor:before { content: "\F13D"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-bullseye:before { content: "\F140"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-rss-square:before { content: "\F143"; } .fa-play-circle:before { content: "\F144"; } .fa-ticket:before { content: "\F145"; } .fa-minus-square:before { content: "\F146"; } .fa-minus-square-o:before { content: "\F147"; } .fa-level-up:before { content: "\F148"; } .fa-level-down:before { content: "\F149"; } .fa-check-square:before { content: "\F14A"; } .fa-pencil-square:before { content: "\F14B"; } .fa-external-link-square:before { content: "\F14C"; } .fa-share-square:before { content: "\F14D"; } .fa-compass:before { content: "\F14E"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\F150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\F151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\F152"; } .fa-euro:before, .fa-eur:before { content: "\F153"; } .fa-gbp:before { content: "\F154"; } .fa-dollar:before, .fa-usd:before { content: "\F155"; } .fa-rupee:before, .fa-inr:before { content: "\F156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\F157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\F158"; } .fa-won:before, .fa-krw:before { content: "\F159"; } .fa-bitcoin:before, .fa-btc:before { content: "\F15A"; } .fa-file:before { content: "\F15B"; } .fa-file-text:before { content: "\F15C"; } .fa-sort-alpha-asc:before { content: "\F15D"; } .fa-sort-alpha-desc:before { content: "\F15E"; } .fa-sort-amount-asc:before { content: "\F160"; } .fa-sort-amount-desc:before { content: "\F161"; } .fa-sort-numeric-asc:before { content: "\F162"; } .fa-sort-numeric-desc:before { content: "\F163"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbs-down:before { content: "\F165"; } .fa-youtube-square:before { content: "\F166"; } .fa-youtube:before { content: "\F167"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-youtube-play:before { content: "\F16A"; } .fa-dropbox:before { content: "\F16B"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-instagram:before { content: "\F16D"; } .fa-flickr:before { content: "\F16E"; } .fa-adn:before { content: "\F170"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitbucket-square:before { content: "\F172"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-apple:before { content: "\F179"; } .fa-windows:before { content: "\F17A"; } .fa-android:before { content: "\F17B"; } .fa-linux:before { content: "\F17C"; } .fa-dribbble:before { content: "\F17D"; } .fa-skype:before { content: "\F17E"; } .fa-foursquare:before { content: "\F180"; } .fa-trello:before { content: "\F181"; } .fa-female:before { content: "\F182"; } .fa-male:before { content: "\F183"; } .fa-gittip:before, .fa-gratipay:before { content: "\F184"; } .fa-sun-o:before { content: "\F185"; } .fa-moon-o:before { content: "\F186"; } .fa-archive:before { content: "\F187"; } .fa-bug:before { content: "\F188"; } .fa-vk:before { content: "\F189"; } .fa-weibo:before { content: "\F18A"; } .fa-renren:before { content: "\F18B"; } .fa-pagelines:before { content: "\F18C"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-arrow-circle-o-right:before { content: "\F18E"; } .fa-arrow-circle-o-left:before { content: "\F190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\F191"; } .fa-dot-circle-o:before { content: "\F192"; } .fa-wheelchair:before { content: "\F193"; } .fa-vimeo-square:before { content: "\F194"; } .fa-turkish-lira:before, .fa-try:before { content: "\F195"; } .fa-plus-square-o:before { content: "\F196"; } .fa-space-shuttle:before { content: "\F197"; } .fa-slack:before { content: "\F198"; } .fa-envelope-square:before { content: "\F199"; } .fa-wordpress:before { content: "\F19A"; } .fa-openid:before { content: "\F19B"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\F19C"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\F19D"; } .fa-yahoo:before { content: "\F19E"; } .fa-google:before { content: "\F1A0"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-delicious:before { content: "\F1A5"; } .fa-digg:before { content: "\F1A6"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-drupal:before { content: "\F1A9"; } .fa-joomla:before { content: "\F1AA"; } .fa-language:before { content: "\F1AB"; } .fa-fax:before { content: "\F1AC"; } .fa-building:before { content: "\F1AD"; } .fa-child:before { content: "\F1AE"; } .fa-paw:before { content: "\F1B0"; } .fa-spoon:before { content: "\F1B1"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-recycle:before { content: "\F1B8"; } .fa-automobile:before, .fa-car:before { content: "\F1B9"; } .fa-cab:before, .fa-taxi:before { content: "\F1BA"; } .fa-tree:before { content: "\F1BB"; } .fa-spotify:before { content: "\F1BC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-database:before { content: "\F1C0"; } .fa-file-pdf-o:before { content: "\F1C1"; } .fa-file-word-o:before { content: "\F1C2"; } .fa-file-excel-o:before { content: "\F1C3"; } .fa-file-powerpoint-o:before { content: "\F1C4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\F1C5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\F1C6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\F1C7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\F1C8"; } .fa-file-code-o:before { content: "\F1C9"; } .fa-vine:before { content: "\F1CA"; } .fa-codepen:before { content: "\F1CB"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\F1CD"; } .fa-circle-o-notch:before { content: "\F1CE"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\F1D0"; } .fa-ge:before, .fa-empire:before { content: "\F1D1"; } .fa-git-square:before { content: "\F1D2"; } .fa-git:before { content: "\F1D3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\F1D4"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-qq:before { content: "\F1D6"; } .fa-wechat:before, .fa-weixin:before { content: "\F1D7"; } .fa-send:before, .fa-paper-plane:before { content: "\F1D8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\F1D9"; } .fa-history:before { content: "\F1DA"; } .fa-circle-thin:before { content: "\F1DB"; } .fa-header:before { content: "\F1DC"; } .fa-paragraph:before { content: "\F1DD"; } .fa-sliders:before { content: "\F1DE"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-bomb:before { content: "\F1E2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\F1E3"; } .fa-tty:before { content: "\F1E4"; } .fa-binoculars:before { content: "\F1E5"; } .fa-plug:before { content: "\F1E6"; } .fa-slideshare:before { content: "\F1E7"; } .fa-twitch:before { content: "\F1E8"; } .fa-yelp:before { content: "\F1E9"; } .fa-newspaper-o:before { content: "\F1EA"; } .fa-wifi:before { content: "\F1EB"; } .fa-calculator:before { content: "\F1EC"; } .fa-paypal:before { content: "\F1ED"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bell-slash-o:before { content: "\F1F7"; } .fa-trash:before { content: "\F1F8"; } .fa-copyright:before { content: "\F1F9"; } .fa-at:before { content: "\F1FA"; } .fa-eyedropper:before { content: "\F1FB"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-area-chart:before { content: "\F1FE"; } .fa-pie-chart:before { content: "\F200"; } .fa-line-chart:before { content: "\F201"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-bicycle:before { content: "\F206"; } .fa-bus:before { content: "\F207"; } .fa-ioxhost:before { content: "\F208"; } .fa-angellist:before { content: "\F209"; } .fa-cc:before { content: "\F20A"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\F20B"; } .fa-meanpath:before { content: "\F20C"; } .fa-buysellads:before { content: "\F20D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-dashcube:before { content: "\F210"; } .fa-forumbee:before { content: "\F211"; } .fa-leanpub:before { content: "\F212"; } .fa-sellsy:before { content: "\F213"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-simplybuilt:before { content: "\F215"; } .fa-skyatlas:before { content: "\F216"; } .fa-cart-plus:before { content: "\F217"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-diamond:before { content: "\F219"; } .fa-ship:before { content: "\F21A"; } .fa-user-secret:before { content: "\F21B"; } .fa-motorcycle:before { content: "\F21C"; } .fa-street-view:before { content: "\F21D"; } .fa-heartbeat:before { content: "\F21E"; } .fa-venus:before { content: "\F221"; } .fa-mars:before { content: "\F222"; } .fa-mercury:before { content: "\F223"; } .fa-intersex:before, .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-venus-double:before { content: "\F226"; } .fa-mars-double:before { content: "\F227"; } .fa-venus-mars:before { content: "\F228"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-neuter:before { content: "\F22C"; } .fa-genderless:before { content: "\F22D"; } .fa-facebook-official:before { content: "\F230"; } .fa-pinterest-p:before { content: "\F231"; } .fa-whatsapp:before { content: "\F232"; } .fa-server:before { content: "\F233"; } .fa-user-plus:before { content: "\F234"; } .fa-user-times:before { content: "\F235"; } .fa-hotel:before, .fa-bed:before { content: "\F236"; } .fa-viacoin:before { content: "\F237"; } .fa-train:before { content: "\F238"; } .fa-subway:before { content: "\F239"; } .fa-medium:before { content: "\F23A"; } .fa-yc:before, .fa-y-combinator:before { content: "\F23B"; } .fa-optin-monster:before { content: "\F23C"; } .fa-opencart:before { content: "\F23D"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\F240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\F241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\F242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\F243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\F244"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-i-cursor:before { content: "\F246"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-sticky-note:before { content: "\F249"; } .fa-sticky-note-o:before { content: "\F24A"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-clone:before { content: "\F24D"; } .fa-balance-scale:before { content: "\F24E"; } .fa-hourglass-o:before { content: "\F250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\F251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass:before { content: "\F254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\F255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\F256"; } .fa-hand-scissors-o:before { content: "\F257"; } .fa-hand-lizard-o:before { content: "\F258"; } .fa-hand-spock-o:before { content: "\F259"; } .fa-hand-pointer-o:before { content: "\F25A"; } .fa-hand-peace-o:before { content: "\F25B"; } .fa-trademark:before { content: "\F25C"; } .fa-registered:before { content: "\F25D"; } .fa-creative-commons:before { content: "\F25E"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-tripadvisor:before { content: "\F262"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-get-pocket:before { content: "\F265"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-safari:before { content: "\F267"; } .fa-chrome:before { content: "\F268"; } .fa-firefox:before { content: "\F269"; } .fa-opera:before { content: "\F26A"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-tv:before, .fa-television:before { content: "\F26C"; } .fa-contao:before { content: "\F26D"; } .fa-500px:before { content: "\F26E"; } .fa-amazon:before { content: "\F270"; } .fa-calendar-plus-o:before { content: "\F271"; } .fa-calendar-minus-o:before { content: "\F272"; } .fa-calendar-times-o:before { content: "\F273"; } .fa-calendar-check-o:before { content: "\F274"; } .fa-industry:before { content: "\F275"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-map-o:before { content: "\F278"; } .fa-map:before { content: "\F279"; } .fa-commenting:before { content: "\F27A"; } .fa-commenting-o:before { content: "\F27B"; } .fa-houzz:before { content: "\F27C"; } .fa-vimeo:before { content: "\F27D"; } .fa-black-tie:before { content: "\F27E"; } .fa-fonticons:before { content: "\F280"; } .fa-reddit-alien:before { content: "\F281"; } .fa-edge:before { content: "\F282"; } .fa-credit-card-alt:before { content: "\F283"; } .fa-codiepie:before { content: "\F284"; } .fa-modx:before { content: "\F285"; } .fa-fort-awesome:before { content: "\F286"; } .fa-usb:before { content: "\F287"; } .fa-product-hunt:before { content: "\F288"; } .fa-mixcloud:before { content: "\F289"; } .fa-scribd:before { content: "\F28A"; } .fa-pause-circle:before { content: "\F28B"; } .fa-pause-circle-o:before { content: "\F28C"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stop-circle-o:before { content: "\F28E"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-hashtag:before { content: "\F292"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-percent:before { content: "\F295"; } .fa-gitlab:before { content: "\F296"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpforms:before { content: "\F298"; } .fa-envira:before { content: "\F299"; } .fa-universal-access:before { content: "\F29A"; } .fa-wheelchair-alt:before { content: "\F29B"; } .fa-question-circle-o:before { content: "\F29C"; } .fa-blind:before { content: "\F29D"; } .fa-audio-description:before { content: "\F29E"; } .fa-volume-control-phone:before { content: "\F2A0"; } .fa-braille:before { content: "\F2A1"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\F2A4"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-signing:before, .fa-sign-language:before { content: "\F2A7"; } .fa-low-vision:before { content: "\F2A8"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-first-order:before { content: "\F2B0"; } .fa-yoast:before { content: "\F2B1"; } .fa-themeisle:before { content: "\F2B2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\F2B3"; } .fa-fa:before, .fa-font-awesome:before { content: "\F2B4"; } .fa-handshake-o:before { content: "\F2B5"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-o:before { content: "\F2B7"; } .fa-linode:before { content: "\F2B8"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-book-o:before { content: "\F2BA"; } .fa-vcard:before, .fa-address-card:before { content: "\F2BB"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\F2BC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-circle-o:before { content: "\F2BE"; } .fa-user-o:before { content: "\F2C0"; } .fa-id-badge:before { content: "\F2C1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\F2C2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\F2C3"; } .fa-quora:before { content: "\F2C4"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-telegram:before { content: "\F2C6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\F2CB"; } .fa-shower:before { content: "\F2CC"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\F2CD"; } .fa-podcast:before { content: "\F2CE"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\F2D3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\F2D4"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-grav:before { content: "\F2D6"; } .fa-etsy:before { content: "\F2D7"; } .fa-imdb:before { content: "\F2D8"; } .fa-ravelry:before { content: "\F2D9"; } .fa-eercast:before { content: "\F2DA"; } .fa-microchip:before { content: "\F2DB"; } .fa-snowflake-o:before { content: "\F2DC"; } .fa-superpowers:before { content: "\F2DD"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-meetup:before { content: "\F2E0"; } /* End */ /* Start:/local/templates/dresscodeV2/css/perfect-scrollbar.css?15730850662598*/ /* * 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/dresscodeV2/css/twentytwenty.css?15923935266552*/ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; top: 20px; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } /* End */ /* Start:/local/templates/dresscodeV2/css/jquery.fancybox.css?157753810417412*/ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* End */ /* Start:/local/templates/dresscodeV2/components/dresscode/search.line/version3/style.css?15774056187990*/ #subHeader4 .openTopSearch, #subHeader8 .openTopSearch { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version3/images/searchH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } #subHeader4.color_black .openTopSearch, #subHeader4.color_theme .openTopSearch, #subHeader8.color_black .openTopSearch, #subHeader8.color_theme .openTopSearch, #subHeader9.color_black .openTopSearch, #subHeader9.color_theme .openTopSearch { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version3/images/searchH4w.png) 50% 50% no-repeat transparent; } #subHeader4 .openTopSearch:hover { opacity: 0.7; } #subHeader4 .openTopSearch:active { position: relative; top: 1px; } #topSearch3 .searchContainerInner { height: 50px; } #topSearch3 { background-color: #ffffff; position: absolute; line-height: 90px; display: none; height: 90px; z-index: 99; width: 100%; left: 0px; top: 1px; } #subHeader4.color_black #topSearch3 { background-color: #2b2b2b; } #topSearchForm { vertical-align: middle; display: inline-block; line-height: 21px; } #topSearch3 .searchContainer { border-collapse: collapse; table-layout: fixed; line-height: 50px; display: table; height: 50px; width: 100%; } #topSearch3 .searchColumn { vertical-align: middle; display: table-cell; position: relative; } #topSearch3 .searchColumn:last-child { padding-left: 12px; width: 54px; } #topSearch3 #searchQuery { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version3/images/searchH2.png) 14px 50% no-repeat transparent; background-color: #fbfbfb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #f3f3f3; box-sizing: border-box; padding: 0 120px 0 1%; font-weight: normal; font-size: 16px; color: #000000; height: 50px; width: 100%; } #subHeader4.color_black #topSearch3 #searchQuery { border-color: rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.05); color: #ffffff; } #topSearch3 #goSearch { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version3/images/searchIcoH4.png) 50% 50% no-repeat #fbfbfb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #f3f3f3; box-sizing: border-box; color: transparent; cursor: pointer; height: 50px; width: 54px; } #subHeader4.color_black #topSearch3 #goSearch { background-image: url(/local/templates/dresscodeV2/components/dresscode/search.line/version3/images/searchIcoH4W.png); border-color: rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.05); } #topSearch3 #goSearch:hover { opacity: 0.8; } #topSearch3 #goSearch:active { position: relative; top: 1px; } #topSeachCloseForm { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; position: absolute; color: #000000; right: 24px; top: 0px; } #subHeader4.color_black #topSeachCloseForm { color: #ffffff; } #topSeachCloseForm:hover { opacity: 0.8; } #topSeachCloseForm:active { top: 1px; } #searchResult { border-top: 1px solid #f3f3f3; background-color: #ffffff; position: absolute; display: none; height: 100vh; z-index: 999; width: 100%; left: 0; overflow-y: scroll; } #subHeader4 #searchResult { top: 90px; } #subHeader4 #searchOverlap { top: 80px; } #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; overflow-y: scroll; height: 100%; } #searchResult .item { width: 14.285%; } /* #searchResult .product:nth-child(6n+1) { border-left: 1px solid #e7e8ea; } */ #searchResult .product { border-right: none !important; } #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/dresscodeV2/components/dresscode/search.line/version3/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover { background-position: -18px 0; } #searchProductsClose:active { background-position: -36px 0; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span { -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span { background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span { /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } @media all and (max-width: 1920px) { #searchResult .item { width: 16.666666%; } } @media all and (max-width: 1600px) { #searchResult .item { width: 20%; } } @media all and (max-width: 1300px) { #searchResult .item { width: 25%; } } @media all and (max-width: 1024px) { #searchResult .item { width: 33.33333%; } } @media all and (max-width: 790px) { #searchResult .item { width: 50%; } } @media all and (max-width: 600px) { #searchResult .item { width: 100%; } } /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/system.auth.form/top2/style.min.css?17277699201050*/ #subHeader8 .topAuthContainer,#subHeader8 .topAuthIcon{position:relative}#subHeader8 .topAuthIcon .status{text-align:center;position:absolute;line-height:21px;font-size:14px;color:#000;display:block;height:20px;width:20px;z-index:22;right:2px;top:2px}#subHeader8.color_black .topAuthIcon .status{color:#fff}#subHeader8 .topAuthIcon .status.active{color:#360}#subHeader8 #topAuth ul li a:hover,#subHeader8 .topAuthIcon .status:hover{opacity:.8}#subHeader8 #topAuth{background-color:#fff;-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.1);box-shadow:1px 1px 12px rgba(0,0,0,.1);position:absolute;display:none;width:150px;z-index:22;right:-63px;top:66px}#subHeader8 #topAuth ul{list-style:none;padding:0;margin:0}#subHeader8 #topAuth ul li{line-height:21px;text-align:left;font-size:14px;display:block}#subHeader8 #topAuth ul li a{border-top:1px solid #f3f3f3;text-decoration:none;padding:8px 12px;color:#000;display:block}#subHeader8 #topAuth ul li:last-child a{border-bottom:1px solid #f3f3f3}#subHeader8 #topAuth ul li a:active{position:relative;top:1px} /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/menu/mobileSlideSubMenu/style.css?17458514422378*/ .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu { margin: 25px 0; transition: all .3s; list-style-type: none; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu__subitem { background-color: #fff; width: 260px; position: fixed; height: 100%; top: 0; z-index: 100; left: 0; overflow-x: hidden; overflow-y: auto; opacity: 0; transform: translateX(-100%); transition: all .3s; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu .slide-menu__item, .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu__subitem li { position: relative; margin-bottom: 9px; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu__subitem .slide-menu__subitem-menu { display: flex; align-items: center; padding: 10px 0 10px 1rem; font-size: 14px; font-weight: 500; color: #333; height: 50px; background-color: #e9eaec; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu__subitem .slide-menu__subitem-menu .slide-menu__icon { width: 16px; height: 16px; margin-right: 1rem; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu__item.dropSubMenu .slide-menu__subitem { opacity: 1; transform: translateX(0); transition: all .3s; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu .slide-menu__item::after { content: ""; background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_rightArrow.svg); width: 7px; height: 12px; position: absolute; right: 20px; top: 5px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu.dropSubMenu .slide-menu__item::after { transform: rotate(90deg); } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu .slide-menu__item .slide-menu__item-link { font-size: 15px; font-weight: 500; color: #333; /*height: 35px;*/ display: flex; align-items: center; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu .slide-menu__item .slide-menu__item-link.slide-menu__item-link_all-item { margin: 14px 0; } .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu .slide-menu__item .slide-menu__subitem .slide-menu__item-link { font-weight: 400 } @media screen and (max-width: 1024px) { .pv-mobileMenu .pv-mobileMenu__catalog .slide-menu .slide-menu__item .slide-menu__item-link { padding: 0 1rem; } } /* End */ /* Start:/local/components/sotbit/regions.choose/templates/location_new/style.css?17173984268729*/ .select-city-wrap { font-family: "Open Sans", Arial, sans-serif; position: relative; } .select-city__block__text { color: #919294; font-size: 12px; line-height: 30px; } .select-city__block__text-city:after { position: absolute; display: block; content: ''; top: 50%; right: 5px; transform: rotate(45deg) translateY(-50%); transition: all 0.3s ease-in-out; transform-origin: 50% 0; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin-top: 0; display: none; } /* Your choose place*/ .select-city__dropdown-wrap { z-index: 9999; position: absolute; } .select-city__dropdown { background-color: #fff; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.23); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.23); width: 275px; padding: 20px 25px 25px 25px; text-align: center; border: 1px solid #ededed; display: none; } @media (max-width: 500px) { .select-city__dropdown { display: none; } } .select-city__dropdown__title { color: #272727; font-size: 13px; font-weight: 700; display: block; margin: 0 0 15px 0; } .select-city__dropdown__choose { display: inline-block; height: 40px; width: 100%; font-size: 12px; font-weight: 700; line-height: 40px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .select-city__dropdown__choose__yes { color: #ffffff; border: 1px solid #fb0040; background: #fb0040; margin: 0 10px 0 0; } .select-city__dropdown__choose__no { color: #fb0040; background: transparent; border: 1px solid #fb0040; } .select-city__dropdown__choose__yes:hover { background: #c80033; border: 1px solid #c80033; } .select-city__dropdown__choose__no:hover { color: #fff; background: #fb0040; } .select-city__dropdown__choose-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* end choose Your place*/ .select-city__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; display: none; } .modal__overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2500; } /* new style origami*/ .select-city__modal-wrap { font-family: "Open Sans", Arial, sans-serif; background-color: #ffffff; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.22); max-width: 730px; max-height: 570px; padding: 50px; position: relative; margin: 20vh auto; -webkit-transition: width .2s; -o-transition: width .2s; transition: width .2s; } .select-city__close { position: absolute; right: 15px; top: 15px; width: 25px; height: 25px; opacity: 1; cursor: pointer; } .select-city__close:before, .select-city__close:after { position: absolute; left: 12px; content: ' '; height: 25px; width: 1px; background-color: #bcbcbc; } .select-city__close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .select-city__close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .select-city__close:hover { opacity: .7; } /*tabs*/ .select-city__tabs { display: inline-block; margin: 0 0 35px 0; padding: 0; } .select-city__tab { display: inline-block; padding: 0; margin: 0 30px 0 0; cursor: pointer; font-size: 14px; line-height: 31px; border-bottom: 1px solid transparent; color: #000; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .select-city__tab.active { border-bottom: 1px solid #fb0040; color: #fb0040; } .select-city__tab:hover { color: #fb0040; } .select-city__tab:last-child { margin-right: 0; } .select-city__tab:before { display: none; } /*tabs*/ /* name city*/ .select-city__modal__title { color: #717171; font-size: 17px; line-height: 20px; padding: 0 0 15px 0; margin: 0; } .select-city__modal__title span { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #000; } .select-city__modal__title span:hover { color: #fb0040; cursor: pointer; } /* end name city*/ /*input*/ .select-city__wrapper__input { margin: 0 0 50px 0; } .select-city__input { border: 1px solid #ededed; height: 40px; width: 100%; padding: 0 10px; margin: 0 0 10px 0; border-radius: 0; font-size: 13px; color: #000; } .select-city__input__comment { font-size: 12px; color: #000; } .select-city__input__comment span { color: #fb0040; border-bottom: 1px solid #fb0040; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .select-city__input__comment span:hover { color: #222; border-bottom: 1px solid #222; cursor: pointer; } /*input*/ /*alphabet city*/ .select-city__tab_content { display: none; } .select-city__tab_content.active { display: block; } .select-city__tab_name_content, .select-city__list_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .select-city__tab_name_content__big_city, .select-city__list_wrapper_favorites { width: 25%; flex-shrink: 0; color: #000; } .select-city__tab_name_content__village, #container_scroll { width: 75%; margin:0 auto; } .select-city__tab_name_content { margin: 0 0 30px 0; } .select-city__tab_name_content__big_city, .select-city__tab_name_content__village { font-size: 15px; } .select-city__tab_name_content__village { color: #000; } .select-city__list_wrapper_favorites, .select-city__list_wrapper_cities { height: 210px; overflow-x: hidden; overflow-y: auto; } .select-city__list_wrapper_cities { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .select-city__list_letter_wrapper { width: 33%; } .select-city__list_letter { font-size: 18px; margin: 0 0 20px 0; color: #000; } .select-city__list_item { padding: 0; margin: 0; } .select-city__list_item { font-size: 13px; padding: 0; line-height: 21px; color: #fb0040; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .select-city__list_item:hover { color: #000; } .select-city__list { margin: 0 0 15px 0; } /* end alphabet city*/ /* scroll bar*/ .select-city__list_wrapper_cities::-webkit-scrollbar { width: 6px; background-color: #f5f3f3; } .select-city__list_wrapper_cities::-webkit-scrollbar-track { border-radius: 6px; background-color: #f5f3f3; } .select-city__list_wrapper_cities::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #d7d8d9; } /* end scroll bar*/ @media (max-width: 768px) { .select-city__list_wrapper_favorites, .select-city__tab_name_content__big_city { width: 100%; } .select-city__modal-wrap { max-height: 90vh; height: auto; margin: 5vh 15px; padding: 40px 20px; } .select-city__close { width: 20px; height: 20px; } .select-city__close::before, .select-city__close::after { height: 20px; } .select-city__tabs { margin-bottom: 43px; } .select-city__tab { margin-right: 18px; font-size: 13px; line-height: 18px; } .select-city__wrapper__input { margin-bottom: 44px; } .select-city__input { margin-bottom: 6px; } .select-city__tab_name_content__big_city, .select-city__tab_name_content__village { font-size: 14px; } .select-city__modal__title { padding-bottom: 10px; } .select-city__dropdown-wrap { position: relative; } .select-city__dropdown { box-shadow: none; width: 100%; border-left: none; border-right: none; border-top: none; } .select-city__dropdown__choose-wrap { max-width: 275px; margin-left: auto; margin-right: auto; } } #container_scroll { position: relative; margin: 0 auto; padding: 0; height: 210px; overflow: auto; } #container_scroll .content { width: 100%; height: auto; } .select-city__tab_content .color_black { color: #000; font-size: 16px; } /* End */ /* Start:/local/templates/dresscodeV2/components/dresscode/compare.line/version4/style.css?17286456751252*/ .topCompare .text{ position: relative; display: block; } .topCompare .icon{ background: url(/local/templates/dresscodeV2/components/dresscode/compare.line/version4/images/compareH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } #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/dresscodeV2/components/dresscode/compare.line/version4/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: #fff; 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/dresscodeV2/components/dresscode/favorite.line/version4/style.css?17286456921327*/ .topWishlist .text{ position: relative; display: block; } .topWishlist .icon{ background: url(/local/templates/dresscodeV2/components/dresscode/favorite.line/version4/images/wishlistH4.png) 50% 50% no-repeat transparent; display: inline-block; height: 40px; width: 60px; } #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/dresscodeV2/components/dresscode/favorite.line/version4/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: #fff; 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/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart5/style.css?17303722242187*/ .cart .countLink{ background: url(/local/templates/dresscodeV2/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; width: 60px; } #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, #subHeader9.color_black .cart .countLink, #subHeader9.color_theme .cart .countLink{ background: url(/local/templates/dresscodeV2/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: #000; } #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, #subHeader9.color_black .cart .heading, #subHeader9.color_theme .cart .heading{ color: #fff; } .cart .heading.active:active{ position: relative; top: 1px; } .cart .heading .cartLabel{ font-family: "robotomedium"; margin-right: 3px; } .cart .heading .cartLabel:hover{ opacity: 0.7; } .cart .count{ border: 2px solid #d1d1d1; background-color: #fff; 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, #subHeader9.color_black .cart .count{ background-color: #2b2b2b; } /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?17568904148355*/ #mainMenuContainer { position: relative; } #mainMenuContainer.fixed { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; position: fixed; z-index: 999; width: 100%; top: 0; } #mainMenuContainer .minCatalogButton { font-family: "roboto_ltregular"; text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: none; height: 65px; } #mainMenuContainer .minCatalogButton img { vertical-align: middle; padding-right: 12px; margin-top: -2px; } #menuCatalogSection { border-left: 1px solid #222; height: 60px; float: left; } #menuCatalogSection .catalogButton { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; background-color: #111; text-decoration: none; line-height: 60px; padding: 0 29px; color: #fff; display: block; } #menuCatalogSection .catalogButton:hover { background-color: #000; } #menuCatalogSection .catalogButton img { vertical-align: middle; padding-right: 12px; margin-top: -2px; } #menuCatalogSection .catalogButtonImage { background: url(/local/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/catalogButton.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 18px; width: 30px; } #menuCatalogSection .sectionMenuArrow { background: url(/local/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/sectionMenuArrow.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-left: 12px; margin-top: -2px; height: 6px; width: 9px; } #mainMenu { list-style: none; overflow: hidden; padding: 0; height: 60px; margin: 0; } #mainMenu .removedItemsLink > a { background: url(/local/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/menuSlicedIcon.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 60px; float: left; width: 40px; background-color: #ed1c24; } #mainMenu .removedItemsLink > a:hover { opacity: 0.8; } #mainMenu .removedItemsLink .removedItemsList { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); margin: 0 0 0 -211px; background-color: #1a1a1a; position: absolute; list-style: none; display: none; padding: 0; z-index: 100; width: 300px; top: 60px; left: 0; } #mainMenu .removedItemsLink:hover .removedItemsList { display: block; } #mainMenu .removed { border-top: 1px solid #222; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mainMenu .removed:hover { background-color: #202020; } #mainMenu .removed a { text-decoration: none; line-height: 24px; padding: 18px 24px; display: block; } #mainMenu a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; } #mainMenu > li { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right: 1px solid #222; line-height: 60px; float: left; } #mainMenu > li:first-child { border-left: 1px solid #222; } #mainMenu > li:hover { background-color: #202020; } #mainMenu > li:first-child { margin-left: 0; } #mainMenu > li > a { text-decoration: none; padding: 0 24px; } #mainMenu > li img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; padding-right: 12px; } #mainMenu > li a:hover img { opacity: 0.8; } #menuCatalogSection .sectionMenuArrow { padding-left: 12px; } /* drop sections */ #menuCatalogSection .drop { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #ddd; background-color: #fff; position: absolute; padding: 24px 0; display: none; z-index: 100; width: 100%; top: 60px; left: 0; } #menuCatalogSection .drop ul { margin: -24px 0 0 0; overflow: hidden; list-style: none; padding: 0; } #menuCatalogSection .drop .menuSectionContainer { overflow: hidden; } #menuCatalogSection .drop ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 180px; text-align: center; margin-top: 24px; height: 180px; float: left; width: 20%; } #menuCatalogSection .drop ul li:nth-child(5n+1) { border-left: 0; } #menuCatalogSection .drop ul li .container { vertical-align: middle; width: auto !important; display: inline-block; line-height: 21px; } #menuCatalogSection .drop ul li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; font-size: 14px; display: block; color: #000; } #menuCatalogSection .drop ul li .picture { margin-bottom: 12px; line-height: 130px; height: 130px; } #menuCatalogSection .drop ul li .picture img { vertical-align: middle; } #menuCatalogSection .drop ul li .picture:hover { opacity: 0.9; } #mainMenu .drop { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #ddd; background-color: #fff; position: absolute; padding: 24px 0; display: none; z-index: 99; width: 100%; top: 60px; left: 0; } #mainMenu .drop .nextColumn { line-height: 21px; list-style: none; float: left; width: 20%; padding: 0; margin: 0; } #mainMenu .drop .nextColumn > li { margin-top: 12px; display: block; } #mainMenu .drop .nextColumn > li:first-child { margin-top: 0; } #mainMenu .drop .nextColumn > li > a { text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; color: #000; } #mainMenu .drop .nextColumn .menu2Link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; overflow: hidden; } #mainMenu .drop .nextColumn .menu2Link img { padding-bottom: 12px; } #mainMenu .drop .nextColumn ul { list-style: none; padding: 0; margin: 0; } #mainMenu .drop .nextColumn ul li { margin-top: 12px; display: block; } #mainMenu .drop .nextColumn ul li a { text-decoration: none; color: #000; } .pv-nav .pv-nav__menu .pv-nav__menuItem:first-child { background-color: #ed1c24; text-transform: uppercase; font-family: "Trebuchet MS"; font-weight: 700; font-size: 15px; position: relative; overflow: hidden; } .pv-nav .pv-nav__menu .pv-nav__menuItem:nth-child(7) a { color: #D73832; white-space: nowrap; } .pv-nav .pv-nav__menu .pv-nav__menuItem:first-child .pv-nav__menuLink { font-weight: 700; padding: 0 24px; } .pv-nav .pv-nav__menu .pv-nav__menuItem:first-child:hover { background-color: #ed1c24!important; opacity: 0.8; } .button__romb_menu { display: block; width: 30px; height: 60px; position: absolute; opacity: .3; left: 0; background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%); -webkit-transform: skew(-10deg,0deg); -moz-transform: skew(-10deg,0deg); -ms-transform: skew(-10deg,0deg); -o-transform: skew(-10deg,0deg); transform: skew(-10deg,0deg); -webkit-animation: move 4s linear infinite; -moz-animation: move 4s linear infinite; -ms-animation: move 4s linear infinite; -o-animation: move 4s linear infinite; animation: move 4s linear infinite } @-webkit-keyframes move{0%{left:0%}20%{left:100%}100%{left:100%}}@-moz-keyframes move{0%{left:0%}20%{left:100%}100%{left:100%}}@-ms-keyframes move{0%{left:0%}20%{left:100%}100%{left:100%}}@-o-keyframes move{0%{left:0%}20%{left:100%}100%{left:100%}}@keyframes move{0%{left:0%}20%{left:100%}100%{left:100%}} @media screen and (max-width: 1024px) { #mainMenu > li:hover { background-color: #202020 !important; color: #fff; } #mainMenu > li:hover a { color: #fff; } } /* End */ /* Start:/local/templates/dresscodeV2/components/bitrix/menu/dropSubMenu/style.css?17539545392869*/ #menuCatalogSection { border-left: 1px solid #222; height: 50px; float: left; } #menuCatalogSection .drop-section { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #ddd; background-color: #fff; position: absolute; padding: 12px 0; opacity: 0; visibility: hidden; z-index: 100; width: 33%; top: 50px; left: 0; display: none; } #menuCatalogSection .drop-section.is-open { opacity: 1; visibility: visible; display: block; } #menuCatalogSection .pv-nav__catalog { border-left: none; height: 50px; line-height: 50px; padding: 0 15px; } .pv-nav .pv-nav__menu-wrap { height: 50px; } #mainMenuContainer .pv-nav__wrap .drop-menu { margin: 0; list-style-type: none; padding-left: 0; } #mainMenuContainer .pv-nav__wrap .drop-menu__subitem { background-color: #fff; width: 100%; position: absolute; z-index: 25; left: 100%; top: 0; opacity: 0; transition: opacity .5s; padding: 12px 0; list-style-type: none; } #mainMenuContainer .pv-nav__wrap .drop-menu__subitem .drop-menu__li.drop-menu__li_subsection { padding: 2px 0; } #menuCatalogSection .drop-section.is-open .drop-menu__item:hover { background-color: #e0e0e0; } #menuCatalogSection .drop-section.is-open .drop-menu__item:hover > .drop-menu__subitem { opacity: 1; transition: opacity .5s; z-index: 100; display: flex; flex-direction: column; flex-wrap: wrap; width: max-content; height: 100%; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); } #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item { display: flex; align-items: center; z-index: 50; } #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item .drop-menu__item-image { width: 45px; height: 30px; margin-left: 15px; } #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item span { background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_rightArrow.svg); width: 7px; height: 12px; margin-left: auto; margin-right: 20px; } #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item, #mainMenuContainer .pv-nav__wrap .drop-menu__subitem li { padding: 5px 0; } #mainMenuContainer .pv-nav__wrap .drop-menu__subitem li { margin-right: 24px; } #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item .drop-menu__item-link { font-size: 15px; font-weight: 500; color: #333; display: flex; align-items: center; padding: 0 0 0 15px; } #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item .drop-menu__item-link.drop-menu__item-link_subsection { font-weight: 400; margin-left: 12px; } @media screen and (max-width: 1200px) { #menuCatalogSection .pv-nav__catalog { padding: 0 8px; } } @media screen and (max-width: 1024px) { #mainMenuContainer .pv-nav__wrap .drop-menu .drop-menu__item .drop-menu__item-link { padding: 0 1rem; } .pv-nav .pv-nav__menu-wrap { margin: 0!important; padding-left: 0!important; } } /* End */ /* Start:/local/templates/dresscodeV2/components/dresscode/search.line/version4/style.css?17302741379433*/ #topSearch2 .searchContainerInner { border: 1px solid #f3f3f3; height: 50px; } #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 { vertical-align: middle; display: table-cell; } #topSearch2 .searchColumn:last-child { width: 54px; } #topSearch2 #searchQuery2 { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/images/searchH2.png) 14px 50% no-repeat transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 42px; height: 50px; width: 100%; border: 0; } #topSearch2 #goSearch { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/images/searchIcoH2.png) 0 0 no-repeat transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: transparent; cursor: pointer; height: 50px; border: none; width: 50px; } #subHeader2.color_black #topSearch2 #searchQuery2, #subHeader2.color_theme #topSearch2 #searchQuery2, #subHeader6.color_black #topSearch2 #searchQuery2, #subHeader6.color_theme #topSearch2 #searchQuery2, #subHeader7.color_black #topSearch2 #searchQuery2, #subHeader7.color_theme #topSearch2 #searchQuery2, #subHeader9.color_black #topSearch2 #searchQuery2, #subHeader9.color_theme #topSearch2 #searchQuery2 { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/images/searchH2W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #subHeader5.color_black #topSearch2 #searchQuery2, #subHeader5.color_theme #topSearch2 #searchQuery2 { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/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/dresscodeV2/components/dresscode/search.line/version4/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/dresscodeV2/components/dresscode/search.line/version4/images/searchIcoH5W.png) 0 0 no-repeat transparent; } #topSearch2 #goSearch:hover { background-position: 0 -50px; } #topSearch2 #goSearch:active { background-position: 0 -100px; } #searchResult2 { border-top: 1px solid #f3f3f3; background-color: #fff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 50px; left: 15px; max-width: 985px; max-height: 850px; } @media (max-width: 1023.98px) { #searchResult2 { max-width: 838px; } } #subHeader2 #searchResult2 { top: 102px; } #subHeader2 #searchOverlap2 { top: 172px; } #mainMenuStaticContainer #searchOverlap2 { background-color: #000; position: fixed; opacity: 0.8; height: 100%; width: 100%; z-index: 9; left: 0; top: 0; display: none; } #searchResult2 h1 { font-family: 'robotobold', serif; text-transform: uppercase; background-color: #fff; position: relative; text-align: center; font-size: 18px; margin: 0; line-height: 45px; height: 45px; } #searchResult2 .product { height: 270px; } #searchResult2 .product .picture { height: 150px; line-height: 150px; } #searchResult2 .product .tabloid { height: 237px; padding: 4px 12px; } #searchResult2 .product:hover .tabloid { height: auto; } #searchResult2 .product .addCart { margin-top: 12px; } #searchResult2 .product .name { margin-bottom: 2px; } #searchResult2 .product .row, #searchResult2 .product .price { margin-bottom: 6px; } #searchResult2 .product .addCart { line-height: 50px; height: 50px; } #searchResult2 .bx-pagination .bx-pagination-container ul li { margin: 0 2px 4px 2px; } #searchResult2.visible { display: block; border: 1px solid #e7e8ea; border-top: none; } #searchResult2 .productList { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; padding: 0 12px; border-left: none; } #searchResult2 .item { width: 33.33333%; } #searchResult2 .product { border-right: none; } #searchResult2 .searchAllResult { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-family: 'robotobold', serif; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; font-size: 14px; display: block; color: #000; line-height: 80px; height: 82px; } #searchResult2 .searchAllResult:hover { background-color: #eee; } #searchResult2 .searchAllResult span { border-bottom: 1px dashed #000; padding-bottom: 4px; } #searchResult2 .errorMessage { margin: 24px 36px 24px 36px; text-align: center; font-size: 14px; color: #000; } #searchProductsClose { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/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; } #searchResult2 .optional { display: none; } @media all and (max-width: 1200px) { #topSearchLine.color_black #topSearch2 #searchQuery2 { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/images/searchH5W.png) 14px 50% no-repeat transparent; color: rgba(255, 255, 255, 0.7); } #topSearchLine.color_black #goSearch { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/images/searchIcoH5W.png) 0 0 no-repeat transparent; } #subHeader6 #topSearchLine #topSearch2 #searchQuery2 { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/images/searchH2.png) 14px 50% no-repeat transparent; color: #000; } #subHeader6 #topSearchLine #topSearch2 #goSearch { background: url(/local/templates/dresscodeV2/components/dresscode/search.line/version4/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; 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-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } @media all and (max-width: 790px) { #searchResult2 .item { width: 50%; } } @media all and (max-width: 600px) { #searchResult2 .item { width: 100%; } } @media (max-width: 1800px){ #searchResult2 .price .discount { display: inline-block; } } /* End */ /* Start:/local/templates/dresscodeV2/components/dresscode/products.by.filter/.default/style.css?17277701011190*/ #topProduct{ position: relative; } #topProduct .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin: 0 24px; } #topProduct .productList{ position: relative; list-style: none; overflow: hidden; clear: both; margin: 0; left: 0; } #topProduct .productList > li{ float: left; } #topProduct .productList .item{ width: 100%; float: none; border-top: 1px solid #e7e8ea; } #topProduct .product .tabloid{ height: 100%; } #topProduct .topBtnLeft, #topProduct .topBtnRight{ background: url(/local/templates/dresscodeV2/components/dresscode/products.by.filter/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } #topProduct .topBtnLeft{ left: 24px; } #topProduct .topBtnRight{ right: 24px; } #topProduct .topBtnLeft:hover{ background-position: -35px 0; } #topProduct .topBtnLeft:active{ background-position: -70px 0; } #topProduct .topBtnRight{ background-position: 0 -70px; } #topProduct .topBtnRight:hover{ background-position: -35px -70px; } #topProduct .topBtnRight:active{ background-position: -70px -70px; } /* End */ /* Start:/local/templates/dresscodeV2/components/dresscode/catalog.viewed.product/.default/style.css?17579202251116*/ #viewedProduct { position: relative; } #viewedProduct .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #viewedProduct .productList { position: relative; list-style: none; overflow: hidden; clear: both; margin: 0; left: 0; } #viewedProduct .productList > li { float: left; } #viewedProduct .productList .item { width: 100%; float: none; border-top: 1px solid #e7e8ea; } #viewedProduct .product .tabloid { height: 100%; } #viewedProduct .viewedBtnLeft, #viewedProduct .viewedBtnRight { background: url(/local/templates/dresscodeV2/components/dresscode/catalog.viewed.product/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } #viewedProduct .viewedBtnLeft:hover { background-position: -35px 0; } #viewedProduct .viewedBtnLeft:active { background-position: -70px 0; } #viewedProduct .viewedBtnRight { background-position: 0 -70px; } #viewedProduct .viewedBtnRight:hover { background-position: -35px -70px; } #viewedProduct .viewedBtnRight:active { background-position: -70px -70px; } /* End */ /* Start:/local/templates/dresscodeV2/template_styles.css?1760680438302017*/ a { color: #0e974f; text-decoration: none; background-color: transparent; } a:hover { color: #ed1c24; text-decoration: underline; } a.btn-small:hover { color: #fff; text-decoration: none; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pv-mainCats .pv-mainCats_wrap .pv-mainSliderNav { height: 297px; } .pv-product__sliderItem:first-child { opacity: 0; visibility: hidden; transition: 1s opacity, 1s visibility; animation: fadein 1s; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; } .pv-product__sliderNavItem, .clph_btn, .pv-product__examplesItem, .pv-product__carImg { opacity: 0; visibility: hidden; transition: 2s opacity, 2s visibility; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item { opacity: 1; visibility: visible; } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item a.pv-mainSliderNav__title { text-decoration: none; color: #1a1a1a; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .pv-mainSliderNav__item.slick-slide, .pv-product__sliderItem.slick-slide, .pv-product__sliderNavItem.slick-slide, .clph_btn, .pv-product__examplesItem.slick-slide, .twentytwenty-container .pv-product__carImg { opacity: 1; visibility: visible; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; outline: none; } .count4 .pv-exampleProjectSlider2 .slick-track { float: left; } .pv-exampleProjectSlider2 .pv-product__examplesItem { min-height: 120px; overflow: hidden; } .pv-exampleProjectSlider2 .slick-list, .block-fc { height: 120px; overflow: hidden; } .pv-exampleProjectSlider2 .slick-slide { min-height: 120px; } .pv-exampleProjectSlider2 a { margin-left: 7px; margin-right: 7px; border: 1px #ccc solid; transition: all 0.5s ease-in-out; } .pv-exampleProjectSlider2 a:hover { filter: contrast(1.3); } .product_clph { position: relative; margin-top: 12px; min-height: 171px; } .product_clph .clph_title { font-family: Trebuchet MS, serif; font-size: 22px; margin-bottom: 12px; } .product_clph .clph_add { background-color: #fff; position: absolute; right: 0; z-index: 1; transition: all 0.5s ease-in-out; width: 174px; height: 120px; } .product_clph .clph_btn { background-color: #fff; border: #efefef 1px solid; color:#efefef; text-align: center; position: absolute; right: 19.5px; height: 120px; z-index: 9; width: 156px;transition: all 0.5s ease-in-out; } .product_clph .clph_btn:hover { border: #0e974f00 1px solid; color: #0e974f; } .add_foto { display: inline-flex; width: 54px; margin: 32px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(https://vinyl4you.ru/images/add-gr.svg); height: 54px; transition: all 0.5s ease-in-out; } .product_clph .clph_btn:hover .add_foto { background-image: url(https://vinyl4you.ru/images/add-gr-2.svg); } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url(/local/templates/dresscodeV2/images/pv-images/ajax-loader.gif) center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url(/local/templates/dresscodeV2/fonts/slick.eot); src: url(/local/templates/dresscodeV2/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/local/templates/dresscodeV2/fonts/slick.woff) format("woff"), url(/local/templates/dresscodeV2/fonts/slick.ttf) format("truetype"), url(/local/templates/dresscodeV2/images/pv-images/slick.svg#slick) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .pv-product__examplesRow-wrap .slick-prev, .pv-product__examplesRow-wrap .slick-next { z-index: 10; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick", serif; font-size: 20px; line-height: 1; color: #d2d2d2; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "\2190"; } [dir="rtl"] .slick-prev:before { content: "\2192"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\2192"; } [dir="rtl"] .slick-next:before { content: "\2190"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick", serif; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #000; opacity: 0.75; } * { box-sizing: border-box; padding: 0; margin: 0; font-weight: normal; border: 0; } *:before { box-sizing: border-box; } *:after { box-sizing: border-box; } html { min-height: 100%; color: #fff; font-size: 14px; } ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; box-shadow: rgba(255,255,255,0.3) 0 0 0 1px; transition: all 0.5s ease-in-out; } ::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,0.4)} html[class*=" no-"] { overflow: hidden; } html[class*=" no-"] body { visibility: visible; } html[class*=" no-"] .not-support { display: block; } a, input, select, button { outline: none !important; } .pv-nav .pv-nav__menu .pv-nav__menuItem, .pv-breadcrumb .pv-breadcrumb__item, .footsoc li, .pv-header .pv-header__social .pv-header__socialItem { list-style: none; } #leftFooter .footsoc { background-color: #000!important; } html { min-width: 320px; } .pv-mobileSearch #searchResult .productList { overflow-y: auto; height: auto; } .pv-mobileSearch #searchResult #searchProductsClose { display: none; } .pv-mobileSearch #searchResult h1 { line-height: 50px; height: 25px; } .pv-mobileSearch #searchResult .searchAllResult { height: 150px; } @font-face { font-family: "Trebuchet MS"; src: url(/local/templates/dresscodeV2/fonts/TrebuchetMS.eot); src: url(/local/templates/dresscodeV2/fonts/TrebuchetMS.eot?#iefix) format("embedded-opentype"), url(/local/templates/dresscodeV2/fonts/TrebuchetMS.woff) format("woff"), url(/local/templates/dresscodeV2/fonts/TrebuchetMS.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Trebuchet MS"; src: url(/local/templates/dresscodeV2/fonts/TrebuchetMS-Bold.eot); src: url(/local/templates/dresscodeV2/fonts/TrebuchetMS-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/dresscodeV2/fonts/TrebuchetMS-Bold.woff) format("woff"), url(/local/templates/dresscodeV2/fonts/TrebuchetMS-Bold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; opacity: 1 !important; } @keyframes fadeIn { 0% { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0; } 100% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0; } 100% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-moz-keyframes fadeIn { 0% { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0; } 100% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; opacity: 1 !important; } @-webkit-keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeUp { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation-duration: 1s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1 !important; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-duration: 1s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1 !important; } /* main__block */ .pv-topBanner { height: 700px; background-image: url(/local/templates/dresscodeV2/images/pv-images/topBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; display: flex; } .pv-topBanner .pv-topPartner_show { width: 650px !important; height: 470px !important; margin: 100px !important; } .pv-topBanner .pv-topPartner_show .error-message { color: #ed1c24; font-weight: 500; } .pv-topBanner .pv-topPartner { position: relative; width: 100%; height: 100%; padding: 45px; margin: 0; transition: all 0.2s ease-in-out; transition-delay: 0.1s; z-index: 1; } .pv-topBanner .pv-topPartner::after { content: ""; /* IE6-9 fallback on horizontal gradient */ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-image: radial-gradient(at top, #50f8ab 15%, #042217 100%); border-radius: 8px; opacity: 0.8; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap { position: relative; z-index: 200; display: flex; flex-flow: column; justify-content: space-between; height: 100%; color: #fff; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__title { font-family: "Trebuchet MS", serif; font-size: 50px; opacity: 0; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__text { margin: 25px 0; font-weight: 300; line-height: 1.6; opacity: 0; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form { display: flex; width: 500px; height: 50px; margin-bottom: 10px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"] { width: 300px; height: 100%; padding: 10px 17px; color: #fff; font-size: 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 4px 0 0 4px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"].error { border: 1px solid #ed1c24; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"]::-webkit-input-placeholder { color: #f8f9fa; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"]:-ms-input-placeholder { color: #f8f9fa; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"]::placeholder { color: #f8f9fa; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form .pv-topPartner__btn { display: flex; justify-content: center; align-items: center; width: 200px; height: 100%; padding: 10px 20px; font-family: "Trebuchet MS", serif; font-size: 16px; font-weight: 700; color: #fff; background-color: #ed1c24; border-radius: 0 4px 4px 0; cursor: pointer; text-transform: uppercase; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__info { margin-top: 15px; color: #c5c5c5; font-size: 13px; opacity: 0; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__info .pv-topPartner__legacy { color: #c5c5c5; text-decoration: none; border-bottom: 1px dashed; } .pv-ourDiff { margin-top: 75px; z-index: 100; position: relative; background-color: #fff; } .pv-ourDiff .pv-ourDiff__title { width: 100%; font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; } .pv-ourDiff .pv-ourDiff__slogan { width: 100%; margin: 20px 0; color: #4a4a4a; font-size: 20px; font-weight: 400; text-align: center; } .pv-ourDiff__wrap { margin-top: 50px; } .pv-ourDiff__wrap .pv-ourDiff__item { padding: 0 20px; margin: 25px 0; text-align: center; opacity: 0; } .pv-ourDiff__wrap .pv-ourDiff__item .pv-ourDiff__item_title { margin: 25px 0; font-family: "Trebuchet MS", serif; font-size: 24px; } @media (max-width: 767.98px) { .pv-topBanner { height: inherit; } .pv-topBanner .pv-topPartner_show { height: inherit !important; } .pv-topBanner .pv-topPartner { width: 100% !important; margin: 10% auto !important; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__title { font-size: 2rem; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__text { font-size: 14px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form { width: 100%; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"] { width: 65%; font-size: 16px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form .pv-topPartner__btn { width: 35%; font-size: 13px; } .pv-ourDiff .pv-ourDiff__title { font-size: 27px; } .pv-ourDiff .pv-ourDiff__slogan { font-size: 14px; } .pv-ourDiff__wrap { margin-top: 0; } .pv-ourDiff__wrap .pv-ourDiff__item .pv-ourDiff__item_title { font-size: 19px; margin: 20px 0; } } .pv-ourDiff__wrap .pv-ourDiff__item .pv-ourDiff__item_text { color: #4a4a4a; font-size: 16px; line-height: 1.6; } @media (max-width: 1199.98px) { .pv-topBanner { height: 550px; align-items: center; } .pv-topBanner .pv-topPartner_show { margin: 0 !important; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__title { font-size: 40px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__text { margin: 0 0 15px 0; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__info { margin-top: 15px; } .pv-ourDiff .pv-ourDiff__title { font-size: 40px; } .pv-ourDiff .pv-ourDiff__slogan { font-size: 18px; } .pv-ourDiff__wrap { margin-top: 20px; } .pv-ourDiff__wrap .pv-ourDiff__item .pv-ourDiff__item_title { font-size: 22px; } .pv-ourDiff__wrap .pv-ourDiff__item .pv-ourDiff__item_text { font-size: 14px; line-height: 1.5; } } .pv-about { min-height: 475px; padding-top: 75px; padding-bottom: 75px; margin: 75px -15px 0; color: #fff; background-image: url(/local/templates/dresscodeV2/images/pv-images/aboutBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; justify-content: center; display: flex; align-items: center; } @media (max-width: 767.98px) { .pv-ourDiff__wrap .pv-ourDiff__item .pv-ourDiff__item_text { font-size: 12px; max-width: 350px; margin: 0 auto; } .pv-about { padding-bottom: 20px; margin-top: 60px; padding-top: 60px; min-height: inherit; } } @media (max-width: 599.98px) { .pv-topBanner { background-attachment: scroll; } .pv-topBanner .pv-topPartner { padding: 20px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__text { font-size: 12px; line-height: 1.4; margin: 10px 0; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form { height: 40px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form input[type="text"] { width: 86%; font-size: 15px; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__form .pv-topPartner__btn { width: 14%; font-size: 25px; line-height: .9; } .pv-topBanner .pv-topPartner .pv-topPartner__wrap .pv-topPartner__info { font-size: 9px; margin-top: 12px; } .pv-ourDiff__wrap .pv-ourDiff__item { padding: 0 40px; } .pv-about { padding-bottom: 10px; margin-top: 40px; padding-top: 40px; background-attachment: scroll; } } .pv-about .pv-about__title { font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; color: #fff; } .pv-about .pv-about__slogan { margin-top: 45px; font-size: 20px; font-weight: 400; text-align: center; color: #fff; } @media (max-width: 1199.98px) { .pv-about .pv-about__title { font-size: 40px; } .pv-about .pv-about__slogan { font-size: 18px; } } @media (max-width: 767.98px) { .pv-about .pv-about__title { font-size: 27px; } .pv-about .pv-about__slogan { margin-top: 25px; font-size: 14px; } } .pv-about .pv-about__wrap { margin-top: 55px; } .pv-about .pv-about__wrap .pv-about__item { padding: 0 30px; text-align: center; } @media (max-width: 1023.98px) { .pv-ourDiff__wrap .pv-ourDiff__item { padding: 0 10px; } .pv-about .pv-about__wrap .pv-about__item { margin-bottom: 50px; } } .pv-about .pv-about__wrap .pv-about__item .pv-about__item_title { font-family: "Trebuchet MS", serif; font-size: 50px; line-height: 1; color: #fff; } @media (max-width: 1199.98px) { .pv-about .pv-about__wrap .pv-about__item .pv-about__item_title { font-size: 45px; } } @media (max-width: 599.98px) { .pv-about .pv-about__wrap .pv-about__item .pv-about__item_title { font-size: 3.5rem; } } .pv-about .pv-about__wrap .pv-about__item .pv-about__item_hr { display: inline-block; width: 70px; height: 2px; margin: 15px 0; background-color: #0e974f; } .pv-about .pv-about__wrap .pv-about__item .pv-about__item_text { font-size: 16px; line-height: 1.6; opacity: 0; color: #fff; } @media (max-width: 1199.98px) { .pv-about .pv-about__wrap .pv-about__item .pv-about__item_text { font-size: 14px; line-height: 1.4; } } @media (max-width: 767.98px) { .pv-about .pv-about__wrap .pv-about__item .pv-about__item_text { font-size: 12px; line-height: 1.2; } } .pv-wyg { margin-top: 75px; } @media (max-width: 767.98px) { .pv-wyg { margin-top: 60px; } } @media (max-width: 599.98px) { .pv-wyg { margin-top: 50px; padding: 0 10%; } } .pv-wyg .pv-wyg__title { margin-bottom: 75px; font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; } @media (max-width: 1199.98px) { .pv-wyg .pv-wyg__title { font-size: 40px; margin-bottom: 50px; } } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__title { font-size: 27px; } } @media (max-width: 599.98px) { .pv-wyg .pv-wyg__title { margin-bottom: 50px; } } .pv-wyg .pv-wyg__item { display: flex; flex-flow: row-reverse; padding: 0 95px; margin-bottom: 125px; } @media (max-width: 1199.98px) { .pv-wyg .pv-wyg__item { padding: 0 40px; margin-bottom: 100px; } } @media (max-width: 1023.98px) { .pv-wyg .pv-wyg__item { margin-bottom: 70px; padding: 0; } } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__item { flex-flow: column; } } .pv-wyg .pv-wyg__item:nth-child(2n) { flex-flow: row; } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__item:nth-child(2n) { flex-flow: column; } } .pv-wyg .pv-wyg__item:nth-child(2n) .pv-wyg__item_data { padding-right: 0; padding-left: 75px; opacity: 0; } @media (max-width: 1023.98px) { .pv-wyg .pv-wyg__item:nth-child(2n) .pv-wyg__item_data { padding-left: 15px; margin-top: 30px; padding-right: 15px; } } .pv-wyg .pv-wyg__item:last-child { margin-bottom: 0; } .pv-wyg .pv-wyg__item .pv-wyg__item_data { display: flex; flex-flow: column; width: 50%; padding-right: 75px; } @media (max-width: 1023.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data { padding-left: 15px; margin-top: 30px; padding-right: 15px; width: 100%; } } .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_number { color: #0e974f; font-family: "Roboto", serif; font-size: 115px; font-weight: 700; line-height: 1.2; } @media (max-width: 1199.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_number { font-size: 90px; } } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_number { font-size: 70px; line-height: 0.8; } } @media (max-width: 599.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_number { line-height: 1.2; } } .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_title { font-family: "Trebuchet MS", serif; font-size: 24px; } @media (max-width: 1199.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_title { font-size: 19px; } } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_title { margin-top: 15px; } } @media (max-width: 599.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_title { margin-top: 0; } } .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_text { margin-top: 20px; color: #4a4a4a; font-size: 16px; font-weight: 400; line-height: 1.6; } @media (max-width: 1199.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_text { font-size: 14px; line-height: 1.3; } } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_data .pv-wyg__item_text { margin-top: 10px; font-size: 12px; } } .pv-wyg .pv-wyg__item .pv-wyg__item_img-wrapper { width: 50%; opacity: 0; } @media (max-width: 767.98px) { .pv-wyg .pv-wyg__item .pv-wyg__item_img-wrapper { width: 100%; } } .pv-wyg .pv-wyg__item .pv-wyg__item_img-wrapper .pv-wyg__item_img { width: 100%; border-radius: 15px; } .pv-card { margin-top: 75px; } @media (max-width: 599.98px) { .pv-card { margin-top: 50px; } } .pv-card .pv-card__title { font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; } @media (max-width: 1199.98px) { .pv-card .pv-card__title { font-size: 40px; } } @media (max-width: 767.98px) { .pv-card .pv-card__title { font-size: 2rem; } } .pv-card .pv-card__slogan { margin-top: 45px; color: #4a4a4a; font-size: 20px; font-weight: 400; text-align: center; } @media (max-width: 1199.98px) { .pv-card .pv-card__slogan { font-size: 18px; margin-top: 25px; } } @media (max-width: 767.98px) { .pv-card .pv-card__slogan { font-size: 16px; } } @media (max-width: 599.98px) { .pv-card .pv-card__slogan { margin-top: 20px; font-size: 14px; } } .pv-card .pv-card__wrap { margin-top: 50px; } .pv-card .pv-card__wrap .pv-card__dataWrap { margin-left: -180%; width: 100%; position: relative; z-index: 5; } @media (max-width: 767.98px) { .pv-card .pv-card__wrap .pv-card__dataWrap.mg-l0 { margin-left: 6% !important; } } @media (max-width: 599.98px) { .pv-card .pv-card__wrap .pv-card__dataWrap.mg-l0 { margin-left: 0 !important; } } .pv-card .pv-card__wrap .pv-card__data { padding: 0 110px; } @media (max-width: 1199.98px) { .pv-card .pv-card__wrap .pv-card__data { padding: 0 60px; } } @media (max-width: 599.98px) { .pv-card .pv-card__wrap .pv-card__data { padding: 10px 10%; } } .pv-card .pv-card__wrap .pv-card__data .pv-card__data_title { font-family: "Trebuchet MS", serif; font-size: 40px; line-height: 1.2; } @media (max-width: 767.98px) { .pv-card .pv-card__wrap .pv-card__data .pv-card__data_title { font-size: 2rem; } } .pv-card .pv-card__wrap .pv-card__data .pv-card__data_text { margin-top: 25px; color: #4a4a4a; font-size: 16px; line-height: 1.6; } @media (max-width: 1023.98px) { .pv-card .pv-card__wrap .pv-card__data .pv-card__data_text { font-size: 14px; line-height: 1.3; max-width: 500px; width: 80%; } } @media (max-width: 599.98px) { .pv-card .pv-card__wrap .pv-card__data .pv-card__data_text { width: 100%; } } .pv-card .pv-card__wrap .pv-card__bg { padding: 0; overflow: hidden; } .pv-card .pv-card__wrap .pv-card__bg .pv-card__bg_image { width: 100%; margin-left: 100%; } @media (max-width: 1023.98px) { .pv-card .pv-card__wrap .pv-card__bg .pv-card__bg_image { width: 80%; } } @media (max-width: 599.98px) { .pv-card .pv-card__wrap .pv-card__bg .pv-card__bg_image { width: 90%; } } .pv-card .pv-card__wrap .pv-card__shadow { margin: 10px auto 0 auto; text-align: center; } @media (max-width: 1199.98px) { .pv-card .pv-card__wrap .pv-card__shadow { margin: 10px auto 0 auto; } } @media (max-width: 767.98px) { .pv-card .pv-card__wrap .pv-card__shadow { margin: 40px auto; } } @media (max-width: 599.98px) { .pv-card .pv-card__wrap .pv-card__shadow { margin: 20px auto; } } .pv-card .pv-card__wrap .pv-card__shadow img { width: 100%; max-width: 800px; } @media (max-width: 1023.98px) { .pv-card .pv-card__wrap .pv-card__shadow img { max-width: 570px; } } @media (max-width: 1023.98px) { .pv-card .pv-card__wrap .pv-card__shadow img { max-width: 70%; } } @media (max-width: 767.98px) { .pv-card .pv-card__wrap .pv-card__shadow img { max-width: 100%; } } .pv-bap { margin-top: 40px; } @media (max-width: 1199.98px) { .pv-bap { margin-top: 0; } } @media (max-width: 599.98px) { .pv-bap { margin-top: 20px; } } .pv-bap .pv-bap__title { font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; } @media (max-width: 1199.98px) { .pv-bap .pv-bap__title { font-size: 40px; margin-top: 50px; } } @media (max-width: 767.98px) { .pv-bap .pv-bap__title { font-size: 2rem; margin-top: 0; } } .pv-bap .pv-bap__step_wrap { padding: 0 15px; margin-top: 45px; } @media (max-width: 1199.98px) { .pv-bap .pv-bap__step_wrap { margin-top: 25px; } } .pv-bap .pv-bap__step_wrap .pv-bap__step_item { display: flex; align-items: center; opacity: 0; } @media (max-width: 1023.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item { flex-direction: column; margin: 5px 0; } } .pv-bap .pv-bap__step_wrap .pv-bap__step_item::after { content: ""; width: 18px; height: 100%; margin-left: 30px; color: #0e974f; background-image: url(/local/templates/dresscodeV2/images/pv-images/arrow-right.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (max-width: 1199.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item::after { margin-left: 10px; } } @media (max-width: 1023.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item::after { margin: 25px 0 10px 0; height: 10px; width: 53px; background-image: url(/local/templates/dresscodeV2/images/pv-images/arrow-bottom.svg); } } .pv-bap .pv-bap__step_wrap .pv-bap__step_item:last-child::after { content: none; } .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_number { margin: 0 20px; color: #0e974f; font-family: "Roboto", serif; font-size: 50px; font-weight: 700; } @media (max-width: 767.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_number { font-size: 50px; } } @media (max-width: 599.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_number { font-size: 50px; } } .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_desc { color: #4a4a4a; font-size: 16px; line-height: 1.6; } @media (max-width: 1199.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_desc { font-size: 13px; line-height: 1.3; } } @media (max-width: 1023.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_desc { width: 30%; text-align: center; font-size: 14px; margin-top: 10px; } } @media (max-width: 767.98px) { .pv-bap .pv-bap__step_wrap .pv-bap__step_item .pv-bap__step_desc { width: 70%; max-width: 200px; } } .pv-bap__banner { justify-content: center; height: 450px; padding: 100px 0; margin-top: 100px; background-image: url(/local/templates/dresscodeV2/images/pv-images/partnerBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } @media (max-width: 1199.98px) { .pv-bap__banner { padding: 80px 0; margin-top: 80px; } } @media (max-width: 1023.98px) { .pv-bap__banner { height: inherit; } } @media (max-width: 767.98px) { .pv-bap__banner { padding: 40px 0; margin-top: 40px; } } @media (max-width: 599.98px) { .pv-bap__banner { background-attachment: scroll; } } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_title { color: #fff; font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; } @media (max-width: 1199.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_title { font-size: 40px; } } @media (max-width: 767.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_title { font-size: 2rem; } } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form { display: flex; align-items: center; width: 90%; max-width: 750px; padding: 30px 15px; margin: 40px auto 0 auto; background-color: #fff; border-radius: 4px; justify-content: center; opacity: 0; } @media (max-width: 1023.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form { width: 100%; } } @media (max-width: 599.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form { padding: 20px 15px; } } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form .pv-main_btn { background-color: #ed1c24; } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form input[type=text] { width: 60%; padding: 10px 20px; margin: 0 15px; color: #868686; font-size: 20px; font-weight: 400; background-color: #ececec; border-radius: 4px; } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form input[type=text].error { border: 1px solid #ed1c24; } @media (max-width: 1023.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form input[type=text] { font-size: 18px; } } @media (max-width: 767.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form input[type=text] { padding: 7px 20px; margin: 0; font-size: 16px; } } @media (max-width: 599.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_form input[type=text] { width: 100%; font-size: 14px; padding: 9px 20px; } } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_info { margin-top: 25px; color: #c5c5c5; font-size: 13px; font-weight: 400; text-align: center; } @media (max-width: 599.98px) { .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_info { font-size: 11px; } } .pv-bap__banner .pv-bap__banner_wrap .pv-bap__banner_legacy { color: #c5c5c5; text-decoration: none; border-bottom: 1px dashed; } .pv-feedback { padding: 0 50px; margin: 100px 0; } @media (max-width: 1023.98px) { .pv-feedback { margin: 80px 0; } } @media (max-width: 767.98px) { .pv-feedback { margin: 60px 0; padding: 0; } } @media (max-width: 599.98px) { .pv-feedback { margin: 50px 0; } } .pv-feedback .pv-feedback__title { font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; } @media (max-width: 1199.98px) { .pv-feedback .pv-feedback__title { font-size: 40px; } } @media (max-width: 767.98px) { .pv-feedback .pv-feedback__title { font-size: 2rem; } } .pv-feedback .pv-feedback__slider { padding: 0 75px; margin-top: 50px; color: #4a4a4a; font-size: 16px; line-height: 1.6; text-align: center; } @media (max-width: 1199.98px) { .pv-feedback .pv-feedback__slider { padding: 0 30px; } } @media (max-width: 1023.98px) { .pv-feedback .pv-feedback__slider { font-size: 14px; } } @media (max-width: 767.98px) { .pv-feedback .pv-feedback__slider { margin: 30px auto 0 auto; padding: 0; width: 90%; } } .pv-feedback .pv-feedback__slider .slick-prev:before, .pv-feedback .pv-feedback__slider .slick-next:before { color: #0e974f; font-family: "FontAwesome", serif; font-size: 30px; } .pv-feedback .pv-feedback__slider .slick-prev:before { content: "\F104"; } .pv-feedback .pv-feedback__slider .slick-next:before { content: "\F105"; } @media (max-width: 767.98px) { .pv-feedback .pv-feedback__slider .pv-feedback__sliderItem_text { font-size: 12px; } } .pv-feedback .pv-feedback__slider .pv-feedback__sliderItem_partnerWrap { display: flex; justify-content: center; align-items: center; margin-top: 60px; } .pv-feedback .pv-feedback__slider .pv-feedback__sliderItem_partnerWrap .pv-feedback__sliderItem_partnerAvatar { margin-right: 30px; } @media (max-width: 767.98px) { .pv-feedback .pv-feedback__slider .pv-feedback__sliderItem_partnerWrap .pv-feedback__sliderItem_partnerAvatar { max-width: 55px; } } .pv-feedback .pv-feedback__slider .pv-feedback__sliderItem_partnerWrap .pv-feedback__sliderItem_partner { line-height: 1.6; text-align: left; } @media (max-width: 767.98px) { .pv-feedback .pv-feedback__slider .pv-feedback__sliderItem_partnerWrap .pv-feedback__sliderItem_partner { line-height: 1.4; font-size: 14px; } } /*feedbacks__block*/ .fadeInRight { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-duration: 1s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1 !important; } .pv-custFeedback { margin: 0 0 50px 0; } .pv-custFeedback .pv-custFeedback__button .pv-main_btn { display: block; color: #fff; text-decoration: none; } @media (max-width: 767.98px) { .pv-custFeedback .pv-custFeedback__button .pv-main_btn { margin-top: 25px; font-size: 15px; padding: 10px 0; } } .pv-custFeedback .pv-custFeedback__title { font-family: "Trebuchet MS", serif; font-size: 36px; margin-bottom: 20px; } .pv-custFeedback .pv-custFeedback__info { color: #333; font-size: 14px; font-weight: 300; line-height: 1.6; } .pv-custFeedback .pv-custFeedback__info a { color: #0e974f; text-decoration: underline; } .pv-custFeedback .pv-main_btn { margin: 0; } .pv-custFeedback .pv-custFeedback__top { margin-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; } @media (max-width: 767.98px) { .pv-custFeedback .pv-custFeedback__top { justify-content: center; } } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__percent { border-radius: 5px; border: 2px solid #0e974f; align-items: center; justify-content: center; padding: 10px 15px; } @media (max-width: 1023.98px) { .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__percent { margin-bottom: 25px; } } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__percent .number { font-family: "Trebuchet MS", serif; font-size: 24px; line-height: 1; margin-right: 10px; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__percent .text { color: #333; font-size: 14px; font-weight: 300; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__filter { display: flex; justify-content: center; align-items: center; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__filter .pv-custFeedback__filter-item { color: #333; font-size: 14px; font-weight: 300; line-height: 1.6; margin: 0 15px; text-decoration: none; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__filter .pv-custFeedback__filter-item.active, .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__filter .pv-custFeedback__filter-item:hover { border-bottom: 1px dashed #c5c5c5; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__starFilter { display: flex; justify-content: center; align-items: center; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__starFilter .pv-custFeedback__starFilter-text { color: #333; font-size: 14px; font-weight: 300; line-height: 1.6; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__starFilter .pv-custFeedback__starFilter-stars { margin-left: 10px; } .pv-custFeedback .pv-custFeedback__top .pv-custFeedback__starFilter .pv-custFeedback__starFilter-stars a { text-decoration: none; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback { padding: 50px 0; border-bottom: 2px solid #e9eaec; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider img { width: 100%; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap { display: flex; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .pv-custFeedback__feedbackSlider-nav { width: 90%; margin: 25px auto 0 auto; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .pv-custFeedback__feedbackSlider-nav img { padding: 0 7px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .pv-custFeedback__feedbackSlider-nav .slick-slide { cursor: pointer; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .pv-custFeedback__feedbackSlider-nav .slick-slide img { opacity: .5; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .pv-custFeedback__feedbackSlider-nav .slick-slide.slick-current img { opacity: 1; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .pv-custFeedback__feedbackSlider-itemAdd { margin-top: 25px; cursor: pointer; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .slick-prev:before, .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .slick-next:before { color: #0e974f; font-family: "FontAwesome", serif; font-size: 26px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .slick-prev:before { content: "\F104"; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackSlider-navWrap .slick-next:before { content: "\F105"; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody { padding-left: 30px; } @media (max-width: 1023.98px) { .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody { margin-top: 50px; padding-left: 15px; } } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top { display: flex; align-items: center; justify-content: space-between; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199.98px) { .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap { flex-flow: column; align-items: start; } } @media (max-width: 1023.98px) { .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap { flex-flow: row; align-items: center; } } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap .pv-custFeedback__feedbackBody-userWrap { display: flex; align-items: center; justify-content: space-between; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap .pv-custFeedback__feedbackBody-userWrap .pv-custFeedback__feedbackBody-avatar { border-radius: 50%; width: 50px; height: 50px; margin-right: 15px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap .pv-custFeedback__feedbackBody-userWrap .pv-custFeedback__feedbackBody-info .pv-custFeedback__feedbackBody-user { font-size: 16px; font-weight: 500; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap .pv-custFeedback__feedbackBody-userWrap .pv-custFeedback__feedbackBody-info .pv-custFeedback__feedbackBody-date { color: #a2a2a2; font-size: 14px; font-weight: 400; line-height: 1.6; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap .pv-custFeedback__feedbackBody-stars { margin-left: 15px; } @media (max-width: 1199.98px) { .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-leftWrap .pv-custFeedback__feedbackBody-stars { margin-left: 65px; } } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-stickers { display: flex; align-items: center; justify-content: space-between; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-stickers .pv-custFeedback__feedbackBody-sticker { border-radius: 17px; background-color: #f0f0f0; color: #333; font-size: 12px; font-weight: 400; line-height: 1.6; padding: 11px 20px; margin: 0 5px; display: flex; align-items: center; justify-content: center; text-decoration: none; } @media (max-width: 599.98px) { .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-stickers .pv-custFeedback__feedbackBody-sticker { padding: 8px 15px; } } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-stickers .pv-custFeedback__feedbackBody-sticker i { color: #c0c0c0; margin-right: 7px; font-size: 18px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-top .pv-custFeedback__feedbackBody-stickers .pv-custFeedback__feedbackBody-sticker i.green { color: #0e974f; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-content { margin-top: 30px; color: #333; font-size: 14px; font-weight: 300; line-height: 1.6; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-content .pv-custFeedback__feedbackBody-contentMore { color: #0e974f; text-decoration: underline; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-link { margin-top: 20px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-link .pv-custFeedback__feedbackBody-linkIcon { margin-right: 10px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-link a { color: #333; font-size: 14px; font-weight: 300; line-height: 1.6; text-decoration: none; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-answer { margin-top: 20px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-answer .pv-custFeedback__feedbackBody-answerTitle { font-weight: 500; color: #333; margin-bottom: 10px; } .pv-custFeedback .pv-custFeedback__feedbacks .pv-custFeedback__feedback .pv-custFeedback__feedbackBody .pv-custFeedback__feedbackBody-answer .pv-custFeedback__feedbackBody-answerText { font-size: 14px; font-weight: 300; line-height: 1.6; } .pv-custFeedback .pv-custFeedback__paginate { display: flex; justify-content: center; align-items: center; margin-top: 100px; } .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-prev, .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-next { border: 1px solid #eff0f1; border-radius: 17px; color: #565656; font-size: 16px; font-weight: 400; line-height: 1.6; padding: 5px 20px; margin: 0 5px; cursor: pointer; } @media (max-width: 599.98px) { .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-prev, .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-next { font-size: 13px; } } .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-prev.deactive, .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-next.deactive { color: #eff0f1; cursor: not-allowed; } .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-pages { display: flex; align-items: center; justify-content: center; } .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-pages .pv-custFeedback__paginate-page { background-color: #eff0f1; color: #565656; font-size: 18px; border-radius: 50%; width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; margin: 0 5px; text-decoration: none; cursor: pointer; } @media (max-width: 599.98px) { .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-pages .pv-custFeedback__paginate-page { width: 30px; height: 30px; font-size: 15px; } } .pv-custFeedback .pv-custFeedback__paginate .pv-custFeedback__paginate-pages .pv-custFeedback__paginate-page.active { background-color: #ed1b23; color: #fff; } .pv-addresses .pv-addressesHeader { display: flex; align-items: center; justify-content: space-between; } .pv-addresses .pv-addressesHeader .pv-addressesTitle { font-family: "Trebuchet MS", serif; font-size: 24px; } @media (max-width: 599.98px) { .pv-addresses .pv-addressesHeader .pv-addressesTitle { font-size: 17px; margin: 0; } } @media (min-width: 960px) { .pv-addressesHeader .pv-addressesView { display: none!important; } } .pv-addresses .pv-addressesHeader .pv-addressesView { display: flex; align-items: center; } .pv-addresses .pv-addressesHeader .pv-addressesView .pv-addressesView__item:not(:last-child) { display: flex; align-items: center; font-size: 16px; font-weight: 300; margin: 0 10px 0 0; color: #4a4a4a; cursor: pointer; } @media (max-width: 599.98px) { .pv-addresses .pv-addressesHeader .pv-addressesView .pv-addressesView__item { font-size: 13px; } } .pv-addresses .pv-addressesHeader .pv-addressesView .pv-addressesView__item:hover { color: #000; } .pv-addresses .pv-addressesHeader .pv-addressesView .pv-addressesView__item.active { color: #0e974f; } .pv-addresses .pv-addressesHeader .pv-addressesView .pv-addressesView__item .fa { font-size: 10px; margin-right: 3px; } .pv-addresses .pv-addressesHeader .pv-addressesView .pv-addressesView__item .fa-map-marker { font-size: 13px; } .pv-addresses .pv-addressesWrap { margin-top: 24px; display: flex; } .pv-addresses .pv-addressesWrap .pv-addressesList { height: auto; width: 39%; padding-right: 20px; position: relative; transition: all 0.5s ease-in-out; } @media (max-width: 1199.98px) { .pv-addresses .pv-addressesWrap .pv-addressesList { width: 47%; } } @media (max-width: 1023.98px) { .pv-addresses .pv-addressesWrap .pv-addressesList { width: 100%; padding: 0; margin: 0; } } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow { padding: 10px 0; border-bottom: solid 1px #e9eaec; } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow .pv-addressesListRow__title { font-size: 16px; font-weight: 300; line-height: 25px; } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow .pv-addressesListRow__links { color: #0e974f; font-size: 12px; line-height: 20px; } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow .pv-addressesListRow__links .pv-addressesListRow__link { border-left: 1px solid #0e974f; border-right: 1px solid #0e974f; color: #0e974f; text-decoration: none; padding: 0 6px; } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow .pv-addressesListRow__links .pv-addressesListRow__link:first-child { border-left: none; border-right: none; padding: 0; } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow .pv-addressesListRow__links .pv-addressesListRow__link:last-child { border-right: none; padding: 0 6px; } .pv-addresses .pv-addressesWrap .pv-addressesMap { width: 61%; margin-left: 30px; transition: all 0.5s ease-in-out; } @media (max-width: 1199.98px) { .pv-addresses .pv-addressesWrap .pv-addressesMap { width: 53%; } } @media (max-width: 1023.98px) { .pv-addresses .pv-addressesWrap .pv-addressesMap { width: 0; visibility: hidden; padding: 0; margin: 0; } } .pv-addressesMap .pad0 img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; max-height: 100%; max-width: 100%; width: max-content; box-shadow: 1px 1px 12px 0 #1a1a1a; border-radius: 5px; } .h4contacts { margin-bottom: 0.5rem!important; font-family: "Trebuchet MS", serif; font-size: 18px; } .contactrow { margin-bottom: 20px; } .pricesite { margin-top: 10px; font-size: 14px!important; font-weight: 300!important; } .pv-addresses .pv-addressesWrap.list .pv-addressesList { width: 100%; margin: 0; padding-right: 20px; visibility: visible; } .pv-addresses .pv-addressesWrap.list .pv-addressesMap { width: 0; visibility: hidden; padding: 0; margin: 0; } .pv-addresses .pv-addressesWrap.map .pv-addressesMap { width: 100%; padding: 0; margin: 0; visibility: visible; } .pv-addresses .pv-addressesWrap.map .pv-addressesList { width: 0; visibility: hidden; padding: 0; margin: 0; } .pv-filiales { margin-top: 50px; } .pv-filiales .pv-filiales__wrap { display: flex; } @media (max-width: 1023.98px) { .pv-filiales .pv-filiales__wrap { flex-flow: column; } } .pv-filiales .pv-filiales__wrap .pv-filiales__info { width: 33%; } @media (max-width: 1023.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__info { width: 100%; } } .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-filiales__info_title { font-family: "Trebuchet MS", serif; font-size: 24px; margin-bottom: 10px; } @media (max-width: 599.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-filiales__info_title { font-size: 20px; } .pv-addresses .pv-addressesWrap { margin-top: 12px; } .pv-addresses .pv-addressesWrap .pv-addressesList .pv-addressesListRow { padding: 0 0 12px 0; } } .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-filiales__info_slog { font-family: "Trebuchet MS", serif; font-size: 36px; line-height: 1.1; margin-bottom: 30px; } @media (max-width: 599.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-filiales__info_slog { font-size: 30px; } } .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-filiales__info_clients, #appFastView .mainTool .price .economyBlock span { font-size: 16px; font-weight: 300; } #appFastView .icon_price { background: url(/local/templates/dresscodeV2/images/icon_question-1.png) no-repeat center; display: inline-block; height: 20px; width: 20px; position: relative; cursor: pointer; top: 3px; } #appFastView .mainTool { margin-top: 15px; } #appFastView .mainTool .price .economyBlock { line-height: 1.5; } #appFastView .mainTool .priceContainer { font-size: 17px; } #appFastView .mainTool .priceContainer .priceVal { font-size: 22px; } @media (max-width: 599.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-filiales__info_clients { font-size: 14px; } } .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-main_btn { font-family: inherit; font-size: 15px; font-weight: 400; margin: 25px 0; width: 85%; padding: 12px 0; max-width: 300px; } @media (max-width: 1199.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__info .pv-main_btn { font-size: 13px; } } .pv-filiales .pv-filiales__wrap .pv-filiales__map { position: relative; width: 67%; padding-left: 20px; } @media (max-width: 1023.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__map { width: 100%; padding: 0; } } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapSvg { width: 100%; overflow: hidden; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapSvg .pv-filiales__mapSvgWrap { width: 100%; } @media (max-width: 599.98px) { .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapSvg .pv-filiales__mapSvgWrap { height: 250px !important; } } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapSvg .pv-filiales__mapSvgWrap path { cursor: pointer; pointer-events: all; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapSvg .pv-filiales__mapSvgWrap path:hover, .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapSvg .pv-filiales__mapSvgWrap path.activePath { fill: #ed1c24; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap { display: none; position: absolute; width: 330px; height: max-content; bottom: 25px; color: #000; padding: 20px; font-weight: 400; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); opacity: 0; z-index: 100; margin-top: -40px; -webkit-transition-property: opacity, margin; -moz-transition-property: opacity, margin; -o-transition-property: opacity, margin; transition-property: opacity, margin; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap.active { display: block; opacity: 1; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap:after { content: ''; border: 15px solid transparent; border-bottom: 15px solid #fff; width: 0; height: 0; display: block; position: absolute; left: 50%; top: 0; bottom: auto; margin: -30px 0 0 -15px; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap .pv-filiales__mapPopap_title { font-size: 16px; font-weight: 300; margin-bottom: 15px; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap .pv-filiales__mapPopap_address { font-size: 12px; line-height: 20px; margin-bottom: 20px; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap .pv-filiales__mapPopap_addressWrap .pv-filiales__mapPopap_yandexLink { color: #0e974f; border-bottom: 1px dashed #e2e2e2; text-decoration: none; margin-left: 10px; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap .pv-filiales__mapPopap_daysWrap { display: flex; justify-content: space-between; align-items: flex-end; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap .pv-filiales__mapPopap_daysWrap .pv-filiales__mapPopap_days { font-size: 12px; line-height: 20px; } .pv-filiales .pv-filiales__wrap .pv-filiales__map .pv-filiales__mapPopap .pv-filiales__mapPopap_daysWrap .pv-filiales__mapPopap_orderVisit { border-radius: 2px; border: 1px solid #0e974f; color: #0e974f; font-size: 10px; font-weight: 400; text-decoration: none; display: table; padding: 5px 10px; } .pv-filiales__Legal { margin-top: 20px; font-size: 16px; line-height: 1.6; } @media (max-width: 599.98px) { .pv-filiales__Legal { font-size: 14px; } } .pv-filiales__Legal .pv-filiales__Legal_head { border-bottom: 1px dashed #c5c5c5; font-weight: 300; width: max-content; margin-bottom: 32px; display: flex; justify-content: center; align-items: center; line-height: 1; cursor: pointer; } .pv-filiales__Legal .pv-filiales__Legal_head:after { content: "\F105"; color: #0e974f; font-family: "FontAwesome", serif; font-size: 18px; margin-left: 11px; } .pv-filiales__Legal .pv-filiales__Legal_head.open:after { content: "\F107"; } .pv-filiales__Legal .pv-filiales__Legal_body { font-weight: 300; display: none; } .pv-AQ { background-color: #f2f2f2; padding: 50px; margin-top: 25px; } @media (max-width: 767.98px) { .pv-AQ { padding: 25px; } } @media (max-width: 599.98px) { .pv-AQ { padding: 25px 0; } } .pv-AQ .pv-AQ__title { text-align: center; font-family: "Trebuchet MS", serif; font-size: 36px; margin-bottom: 45px; } @media (max-width: 599.98px) { .pv-AQ .pv-AQ__title { font-size: 30px; } } .pv-AQ .pv-AQ__rows { padding-bottom: 20px; } .pv-AQ .pv-AQ__rows .pv-AQ__row { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.04); border-radius: 4px; background-color: #fff; margin: 25px 0; padding: 25px 30px; cursor: pointer; } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead { display: flex; justify-content: space-between; } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead .pv-AQ__rowTitle { font-size: 16px; font-weight: 300; } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead .pv-AQ__rowMore { color: #666; font-size: 16px; font-weight: 300; cursor: pointer; } @media (max-width: 767.98px) { .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead .pv-AQ__rowMore { display: flex; align-items: center; } } @media (max-width: 767.98px) { .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead .pv-AQ__rowMore span { display: none; } } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead .pv-AQ__rowMore:after { content: "\F105"; color: #0e974f; font-family: "FontAwesome", serif; font-size: 18px; margin-left: 11px; } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowHead .pv-AQ__rowMore.open::after { content: "\F107"; } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowBody { margin-top: 25px; font-size: 14px; font-weight: 300; display: none; } .pv-AQ .pv-AQ__rows .pv-AQ__row .pv-AQ__rowBody a, .pv-AQ .pv-AQ__rows .pv-AQ__row.activeRow .pv-AQ__rowHead .pv-AQ__rowTitle { color: #0e974f; } .pv-AQ .pv-AQ__more { color: #6d7278; font-size: 15px; font-weight: 500; cursor: pointer; display: block; margin: 0 auto; border-radius: 4px; border: 1px solid #d9d9d9; width: 200px; padding: 17px 0; text-align: center; } .pv-contactsInfo .pv-contactsInfo__title { font-family: "Trebuchet MS", serif; font-size: 36px; margin-bottom: 25px; } .pv-contactsInfo .pv-contactsInfo__subtitle { font-size: 16px; padding-left: 15px; margin-bottom: 24px; font-weight: 300; } .pv-contactsInfo .pv-contactsInfo__types { margin-bottom: 24px; } .pv-text { margin-bottom: 24px; } .pv-text p { font-size: 16px; font-weight: 300; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type:first-child { margin-top: 0; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-title { font-family: "Trebuchet MS", serif; font-size: 24px; line-height: 1; margin-bottom: 12px; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-subtitle { font-size: 16px; font-weight: 300; line-height: 1.4; margin-bottom: 12px; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-dataWrap { display: flex; align-items: flex-start; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-dataWrap .pv-contactsInfo__type-dataIcon { margin-right: 10px; margin-top: 4px; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-dataWrap .pv-contactsInfo__type-dataText { font-size: 14px; line-height: 1.6; font-weight: 300; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-dataWrap .pv-contactsInfo__type-dataText b, #appFastView .mainTool .price .economyBlock span.economy { font-weight: 500; } .pv-af__banner { display: flex; justify-content: center; align-items: center; height: 400px; padding: 75px 0; margin: 75px 0; background-image: url(/local/templates/dresscodeV2/images/pv-images/afBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } @media (max-width: 599.98px) { .pv-af__banner { background-attachment: scroll; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type { margin-top: 24px; } .pv-contactsInfo .pv-contactsInfo__types { margin-bottom: 24px; } .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-subtitle.pv-contactsInfo__type-subtitle_mobile_hidden { display: none; } } @media (max-width: 1023.98px) { .pv-af__banner { padding: 80px 0; margin-top: 80px; height: inherit; } } @media (max-width: 767.98px) { .pv-af__banner { padding: 60px 0; margin: 50px 0; } } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_title { color: #fff; font-family: "Trebuchet MS", serif; font-size: 36px; text-align: center; margin-bottom: 20px; } @media (max-width: 767.98px) { .pv-af__banner .pv-af__banner_wrap .pv-af__banner_title { font-size: 2rem; } } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_subtitle { color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6; max-width: 400px; margin: 0 auto; text-align: center; } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form { display: flex; align-items: center; width: 90%; max-width: 600px; margin: 25px auto; justify-content: center; } @media (max-width: 599.98px) { .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form { padding: 20px 15px; width: 100%; } } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form .pv-af__banner_input { color: #fff; font-weight: 300; width: 70%; padding: 10px 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 4px 0 0 4px; } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form .pv-af__banner_input::placeholder { color: #fff; } @media (max-width: 1199.98px) { .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form .pv-af__banner_input { padding: 10px 20px; } } @media (max-width: 767.98px) { .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form .pv-af__banner_input { padding: 8px 20px; margin: 0; } } @media (max-width: 599.98px) { .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form .pv-af__banner_input { width: 100%; font-size: 14px; padding: 10px 20px; } } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_form .pv-main_btn { margin: 0; padding: 10px 30px; border-radius: 0 4px 4px 0; font-size: 14px; font-weight: 500; text-transform: uppercase; } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_info { font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 25px; color: #c5c5c5; text-align: center; } @media (max-width: 599.98px) { .pv-af__banner .pv-af__banner_wrap .pv-af__banner_info { font-size: 11px; } } .pv-af__banner .pv-af__banner_wrap .pv-af__banner_legacy { color: #c5c5c5; text-decoration: none; border-bottom: 1px dashed; } /* about */ .pv-aboutTopBanner { height: 478px; position: relative; overflow: hidden; } .pv-aboutTopOverlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAEUlEQVQImWNgYGD4z8DAwAAABQQBAJQ+O0IAAAAASUVORK5CYII=') !important; opacity: 1; z-index: 1; } #pv-aboutTopBanner { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .pv-aboutTopBanner>.container, .pv-aboutTopBanner>.container>.row { height: 100%; } @media (max-width: 1199.98px) { .pv-aboutTopBanner { height: 570px; } } @media (max-width: 1023.98px) { .pv-aboutTopBanner { height: 440px; } } @media (max-width: 767.98px) { .pv-aboutTopBanner { height: 340px; } } @media (max-width: 599.98px) { .pv-aboutTopBanner { height: 200px; } } .pv-aboutTopBanner .pv-aboutInfo__wrap { justify-content: space-around; display: flex; flex-flow: column; z-index: 2; } .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo { display: flex; justify-content: center; align-items: center; } .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo .pv-aboutInfo__logo { width: 215px; padding-right: 50px; } @media (max-width: 1023.98px) { .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo .pv-aboutInfo__logo { width: 180px; } } .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo .pv-aboutInfo__title { color: #fff; font-family: "Trebuchet MS", serif; font-size: 36px; padding-left: 50px; border-left: 2px solid #fff; margin: 0; } @media (max-width: 1023.98px) { .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo .pv-aboutInfo__title { font-size: 32px; } } @media (max-width: 767.98px) { .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo .pv-aboutInfo__title { font-size: 24px; } } @media (max-width: 599.98px) { .pv-aboutTopBanner .pv-aboutInfo__wrap .pv-aboutInfo .pv-aboutInfo__title { font-size: 20px; padding-left: 25px; } } .pv-servicesWrap { position: relative; width: 100%; } .pv-servicesWrap .pv-servicesBg { display: flex; height: 100%; top: 0; position: absolute; width: 100%; left: 0; } .pv-servicesWrap .pv-servicesBg .pv-servicesBg__item { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-size: 100%; background-position: 0 0; transition: all 2s ease-in-out; transition-delay: .1s; } .pv-servicesWrap .pv-servicesBg .pv-servicesBg__item:nth-child(1) { background-image: url(/local/templates/dresscodeV2/images/pv-images/bg-decor-1.png); } .pv-servicesWrap .pv-servicesBg .pv-servicesBg__item:nth-child(2) { background-image: url(/local/templates/dresscodeV2/images/pv-images/bg-decor-2.png); } .pv-servicesWrap .pv-servicesBg .pv-servicesBg__item:nth-child(3) { background-image: url(/local/templates/dresscodeV2/images/pv-images/bg-decor-3.png); } .pv-services { display: flex; align-items: center; justify-content: space-between; padding: 13% 0; } .pv-services>* { flex-grow: 1; } .pv-circleRotate { border-radius: 50%; border: 1px #000 solid; width: 50%; height: 50%; max-width: 600px; max-height: 600px; margin: 0 auto 0; position: relative; transform: rotate(0deg); z-index: 0; padding: 0; background-color: rgba(255, 255, 255, 0.8); } @media (max-width: 1023.98px) { .pv-circleRotate { width: 78%; height: 78%; } } .pv-circleRotate>.pv-circleRotate__block { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; border-radius: 50%; z-index: 10; visibility: hidden; } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon { visibility: visible; cursor: pointer; text-align: center; overflow: hidden; color: #fff; border-radius: 50%; background-color: #000; height: 16%; width: 16%; margin: -8% auto; transition: all 500ms ease; box-shadow: -10px 10px 25px rgba(0, 0, 0, 0.2); } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i { color: #fff; font-size: 44px; margin: auto; cursor: pointer; width: 100%; height: 100%; display: table; background-position: center; background-size: 100%; background-repeat: no-repeat; } @media (max-width: 767.98px) { .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i { font-size: 24px; } } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i::before { display: table-cell; vertical-align: middle; } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i.icon-globe { background-image: url(/local/templates/dresscodeV2/images/pv-images/circle_icon_1.svg); } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i.icon-trophy { background-image: url(/local/templates/dresscodeV2/images/pv-images/circle_icon_2.svg); } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i.icon-desktop { background-image: url(/local/templates/dresscodeV2/images/pv-images/circle_icon_3.svg); } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i.icon-star { background-image: url(/local/templates/dresscodeV2/images/pv-images/circle_icon_4.svg); } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i.icon-magic { background-image: url(/local/templates/dresscodeV2/images/pv-images/circle_icon_5.svg); } .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon i.icon-phone { background-image: url(/local/templates/dresscodeV2/images/pv-images/circle_icon_6.svg); } .pv-circleRotate>.pv-circleRotate__block img { margin: auto; } .pv-circleSlider { position: relative; } .pv-circleSlider .pv-rotateCircle { margin: 0 auto; } .pv-circleSlider .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon { position: relative; overflow: visible; background-color: #1f2845; } .pv-circleSlider .pv-circleRotate>.pv-circleRotate__block .pv-circleRotate__icon span { transform: rotate(0deg); transition: all 2s; opacity: 0; } .pv-circleSlider .pv-circleRotate>.pv-circleRotate__block.active .pv-circleRotate__icon { font-size: 20px; background-color: #f80005; transition: all 1s; } .pv-circleSlider .pv-circleRotate>.pv-circleRotate__block.active .pv-circleRotate__icon span { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; transform: rotate(-45deg); z-index: -1; opacity: 1; } .pv-circleSlider .pv-circleRotate>.pv-circleRotate__block.active .pv-circleRotate__icon span:before { position: absolute; top: -50%; right: 140%; bottom: 0; margin: auto; content: ""; width: 30%; height: 30%; filter: blur(3px); opacity: 0.7; border: 6px solid #f48e2a; z-index: -1; } .pv-circleSlider .pv-circleRotate>.pv-circleRotate__block.active .pv-circleRotate__icon span:after { position: absolute; top: 100%; left: 130%; bottom: 0; margin: auto; content: ""; width: 40%; height: 40%; border-radius: 50%; opacity: 0.7; border: 8px solid #fe9290; z-index: 5; } .pv-circleSlider .count2 li:nth-child(2) { transform: rotate(180deg); } .pv-circleSlider .count3 li:nth-child(2) { transform: rotate(120deg); } .pv-circleSlider .count3 li:nth-child(3) { transform: rotate(240deg); } .pv-circleSlider .count4 li:nth-child(2) { transform: rotate(90deg); } .pv-circleSlider .count4 li:nth-child(3) { transform: rotate(180deg); } .pv-circleSlider .count4 li:nth-child(4) { transform: rotate(270deg); } .pv-circleSlider .count5 li:nth-child(2) { transform: rotate(72deg); } .pv-circleSlider .count5 li:nth-child(3) { transform: rotate(144deg); } .pv-circleSlider .count5 li:nth-child(4) { transform: rotate(216deg); } .pv-circleSlider .count5 li:nth-child(5) { transform: rotate(-72deg); } .pv-circleSlider .count6 li:nth-child(2) { transform: rotate(60deg); } .pv-circleSlider .count6 li:nth-child(3) { transform: rotate(120deg); } .pv-circleSlider .count6 li:nth-child(4) { transform: rotate(180deg); } .pv-circleSlider .count6 li:nth-child(5) { transform: rotate(240deg); } .pv-circleSlider .count6 li:nth-child(6) { transform: rotate(-60deg); } .pv-circleSlider .count7 li:nth-child(2) { transform: rotate(51.5deg); } .pv-circleSlider .count7 li:nth-child(3) { transform: rotate(103deg); } .pv-circleSlider .count7 li:nth-child(4) { transform: rotate(154.5deg); } .pv-circleSlider .count7 li:nth-child(5) { transform: rotate(206deg); } .pv-circleSlider .count7 li:nth-child(6) { transform: rotate(-103deg); } .pv-circleSlider .count7 li:nth-child(7) { transform: rotate(-51.5deg); } .pv-circleSlider .count8 li:nth-child(2) { transform: rotate(45deg); } .pv-circleSlider .count8 li:nth-child(3) { transform: rotate(90deg); } .pv-circleSlider .count8 li:nth-child(4) { transform: rotate(135deg); } .pv-circleSlider .count8 li:nth-child(5) { transform: rotate(180deg); } .pv-circleSlider .count8 li:nth-child(6) { transform: rotate(-135deg); } .pv-circleSlider .count8 li:nth-child(7) { transform: rotate(-90deg); } .pv-circleSlider .count8 li:nth-child(8) { transform: rotate(-45deg); } .pv-circleSlider .count9 li:nth-child(2) { transform: rotate(40deg); } .pv-circleSlider .count9 li:nth-child(3) { transform: rotate(80deg); } .pv-circleSlider .count9 li:nth-child(4) { transform: rotate(120deg); } .pv-circleSlider .count9 li:nth-child(5) { transform: rotate(160deg); } .pv-circleSlider .count9 li:nth-child(6) { transform: rotate(-160deg); } .pv-circleSlider .count9 li:nth-child(7) { transform: rotate(-120deg); } .pv-circleSlider .count9 li:nth-child(8) { transform: rotate(-80deg); } .pv-circleSlider .count9 li:nth-child(9) { transform: rotate(-40deg); } .pv-circleSlider .count10 li:nth-child(2) { transform: rotate(36deg); } .pv-circleSlider .count10 li:nth-child(3) { transform: rotate(72deg); } .pv-circleSlider .count10 li:nth-child(4) { transform: rotate(108deg); } .pv-circleSlider .count10 li:nth-child(5) { transform: rotate(144deg); } .pv-circleSlider .count10 li:nth-child(6) { transform: rotate(-180deg); } .pv-circleSlider .count10 li:nth-child(7) { transform: rotate(-144deg); } .pv-circleSlider .count10 li:nth-child(8) { transform: rotate(-108deg); } .pv-circleSlider .count10 li:nth-child(9) { transform: rotate(-72deg); } .pv-circleSlider .count10 li:nth-child(10) { transform: rotate(-36deg); } .pv-circleSlider .pv-animateWrapper { width: 31%; height: 31%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; max-width: 370px; max-height: 370px; } @media (max-width: 1023.98px) { .pv-circleSlider .pv-animateWrapper { width: 49%; height: 49%; } } .pv-circleSlider .pv-animateTitle { color: #fff; font-family: "Trebuchet MS", serif; font-size: 20px; line-height: 1.2; } @media (max-width: 1199.98px) { .pv-circleSlider .pv-animateTitle { font-size: 16px; } } @media (max-width: 1023.98px) { .pv-circleSlider .pv-animateTitle { font-size: 20px; } } @media (max-width: 767.98px) { .pv-circleSlider .pv-animateTitle { font-size: 15px; } } @media (max-width: 599.98px) { .pv-circleSlider .pv-animateTitle { font-size: 10px; } } .pv-circleSlider .pv-animateTitle h4 { font-family: "Trebuchet MS", serif; font-size: 36px; margin-bottom: 10px; } @media (max-width: 1199.98px) { .pv-circleSlider .pv-animateTitle h4 { font-size: 30px; } } @media (max-width: 1023.98px) { .pv-circleSlider .pv-animateTitle h4 { font-size: 36px; } } @media (max-width: 767.98px) { .pv-circleSlider .pv-animateTitle h4 { font-size: 27px; } } @media (max-width: 599.98px) { .pv-circleSlider .pv-animateTitle h4 { font-size: 16px; } } .pv-circleSlider .pv-animateImg { width: 25%; height: 25%; border-radius: 50%; overflow: hidden; } .pv-circleSlider .pv-animateImg .pv-animateImg__in { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50%; background-repeat: no-repeat; z-index: 3; transform: rotate3d(0, 0, 0, 0deg) scale(0.85); transition: 0.55s ease-in-out; width: 100%; height: 100%; opacity: 0; background-size: cover; box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.3); } .pv-circleSlider .pv-animateMore { opacity: 0; visibility: hidden; transition: all 0.5s 0.4s; min-width: 131px; overflow: hidden; text-align: center; z-index: 30; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 15px; height: 50%; transform: scale(0.8); display: flex; align-items: center; justify-content: center; } .pv-circleSlider .pv-animate.active .pv-animateMore { opacity: 1; visibility: visible; transform: scale(1); } .pv-circleSlider .pv-animate.active .pv-animateImg .pv-animateImg__in { opacity: 1; transform: scale(1); } .pv-circleSlider .pv-rotateCircle__prev, .pv-circleSlider .pv-rotateCircle__next { position: absolute; top: 0; bottom: 0; margin: auto; display: block; height: 36px; width: 20px; text-align: center; cursor: pointer; color: #0e974f; font-size: 25px; } .pv-circleSlider .pv-rotateCircle__prev span, .pv-circleSlider .pv-rotateCircle__next span { writing-mode: vertical-rl; text-orientation: upright; font-weight: 700; } .pv-circleSlider .pv-rotateCircle__prev { left: 19%; } @media (max-width: 1023.98px) { .pv-circleSlider .pv-rotateCircle__prev { left: 3%; } } .pv-circleSlider .pv-rotateCircle__next { right: 19%; } @media (max-width: 1023.98px) { .pv-circleSlider .pv-rotateCircle__next { right: 3%; } } .pv-aboutCompany { margin: 100px 0; } @media (max-width: 1199.98px) { .pv-aboutCompany { margin: 50px 0 100px 0; } } @media (max-width: 1023.98px) { .pv-aboutCompany { margin: 20px 0 50px 0; } } .pv-aboutCompany .pv-aboutCompany__title { text-align: center; margin-bottom: 50px; } .pv-aboutCompany .pv-aboutCompany__title h2 { font-family: "Trebuchet MS", serif; font-size: 36px; } .pv-aboutCompany .pv-aboutCompany__body .pv-aboutCompany__image { width: 100%; } .pv-aboutCompany .pv-aboutCompany__body .pv-aboutCompany__image img { width: 100%; } .pv-aboutCompany .pv-aboutCompany__body .pv-aboutCompany__text { font-size: 14px; font-weight: 300; line-height: 2; padding-right: 30px; } .pv-ourMission { padding: 75px 0; } @media (max-width: 767.98px) { .pv-ourMission { padding: 50px 0; } } .pv-ourMission .pv-ourMission__titleWrap { text-align: center; margin-bottom: 75px; } .pv-ourMission .pv-ourMission__titleWrap .pv-ourMission__title { font-family: "Trebuchet MS", serif; font-size: 36px; margin-bottom: 20px; } .pv-ourMission .pv-ourMission__titleWrap .pv-ourMission__detail { font-size: 14px; font-weight: 300; line-height: 2; max-width: 920px; margin: 0 auto; } .pv-ourMission .pv-ourMission__item { display: flex; flex-flow: row-reverse; margin-bottom: 100px; justify-content: center; align-items: center; } @media (max-width: 1199.98px) { .pv-ourMission .pv-ourMission__item { margin-bottom: 70px; } } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item { flex-flow: column; } } .pv-ourMission .pv-ourMission__item:nth-child(2n) { flex-flow: row; } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item:nth-child(2n) { flex-flow: column; } } .pv-ourMission .pv-ourMission__item:nth-child(2n) .pv-ourMission__item_data { padding-right: 50px; padding-left: 75px; } @media (max-width: 1199.98px) { .pv-ourMission .pv-ourMission__item:nth-child(2n) .pv-ourMission__item_data { padding-left: 10px; } } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item:nth-child(2n) .pv-ourMission__item_data { padding-left: 15px; margin-top: 30px; padding-right: 15px; } } .pv-ourMission .pv-ourMission__item:last-child { margin-bottom: 0; } .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data { display: flex; flex-flow: column; width: 50%; padding-right: 75px; padding-left: 50px; } @media (max-width: 1199.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data { padding-right: 10px; } } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data { padding-left: 15px; margin-top: 30px; padding-right: 15px; } } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data { width: 100%; } } .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data .pv-ourMission__item_title { font-family: "Trebuchet MS", serif; font-size: 30px; } @media (max-width: 1023.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data .pv-ourMission__item_title { margin-top: 15px; font-size: 20px; } } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data .pv-ourMission__item_title { margin-top: 0; } } .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data .pv-ourMission__item_text { font-size: 14px; font-weight: 300; line-height: 1.7; margin-top: 20px; } @media (max-width: 1023.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_data .pv-ourMission__item_text { margin-top: 10px; font-size: 14px; line-height: 1.3; } } .pv-ourMission .pv-ourMission__item .pv-ourMission__item_img-wrapper { width: 50%; } @media (max-width: 767.98px) { .pv-ourMission .pv-ourMission__item .pv-ourMission__item_img-wrapper { width: 100%; } } .pv-ourMission .pv-ourMission__item .pv-ourMission__item_img-wrapper .pv-ourMission__item_img { width: 100%; border-radius: 15px; } .pv-ourAdvantages .pv-ourAdvantages__titleWrap { margin-bottom: 25px; } .pv-ourAdvantages .pv-ourAdvantages__titleWrap .pv-ourAdvantages__title { font-family: "Trebuchet MS", serif; font-size: 36px; text-align: center; } .pv-ourAdvantages .pv-ourAdvantages__items { margin: 25px 0; } @media (max-width: 1023.98px) { .pv-ourAdvantages .pv-ourAdvantages__items { margin: 0; } } .pv-ourAdvantages .pv-ourAdvantages__items .pv-ourAdvantages__item { justify-content: start; align-items: center; display: flex; flex-flow: column; padding: 0 20px; } @media (max-width: 1023.98px) { .pv-ourAdvantages .pv-ourAdvantages__items .pv-ourAdvantages__item { padding: 0 50px; margin-bottom: 25px; } } @media (max-width: 767.98px) { .pv-ourAdvantages .pv-ourAdvantages__items .pv-ourAdvantages__item { padding: 0 20px; } } .pv-ourAdvantages .pv-ourAdvantages__items .pv-ourAdvantages__item .pv-ourAdvantages__item-icon { margin-bottom: 25px; } .pv-ourAdvantages .pv-ourAdvantages__items .pv-ourAdvantages__item .pv-ourAdvantages__item-text { font-size: 16px; font-weight: 300; line-height: 1.6; text-align: center; } .pv-stock { margin: 100px 0; } .pv-stock .pv-stock__title { font-family: "Trebuchet MS", serif; font-size: 36px; text-align: center; } .pv-stock .pv-stock__desc { font-size: 14px; font-weight: 300; line-height: 1.7; text-align: center; max-width: 800px; margin: 20px auto; width: 90%; } .pv-stock .pv-stock__img { height: 335px; background-image: url(/local/templates/dresscodeV2/images/pv-images/stockBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } @media (max-width: 599.98px) { .pv-stock .pv-stock__img { background-attachment: scroll; } } .pv-ourBrands { margin: 50px 0; text-align: center; } .pv-ourBrands .pv-ourBrands__title { font-family: "Trebuchet MS", serif; font-size: 36px; } .pv-ourBrands .pv-ourBrands__slider { margin: 65px 0; display: block; justify-content: center; } @media (max-width: 1023.98px) { .pv-ourBrands .pv-ourBrands__slider { width: 90%; margin: 40px auto; } } .pv-ourBrands .pv-ourBrands__slider .pv-ourBrands__sliderItem { padding: 0 60px; } .pv-ourBrands .pv-ourBrands__slider .slick-track { display: flex; align-items: center; } .pv-ourBrands .pv-ourBrands__slider .slick-prev:before, .pv-ourBrands .pv-ourBrands__slider .slick-next:before { color: #ed1c24; font-family: "FontAwesome", serif; font-size: 30px; } .pv-ourBrands .pv-ourBrands__slider .slick-prev:before { content: "\F104"; } .pv-ourBrands .pv-ourBrands__slider .slick-next:before { content: "\F105"; } .pv-ourBrands .pv-ourBrands__all { color: #979797; font-size: 14px; font-weight: 300; text-decoration: underline; text-transform: uppercase; } /* delivery__block */ .pv-deliveryTarif .pv-deliveryTarif__title { font-family: "Trebuchet MS", serif; font-size: 24px; margin-bottom: 25px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table { font-size: 12px; font-weight: 400; line-height: 21px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__text { font-size: 14px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow { width: 100%; display: flex; justify-content: space-around; border-bottom: solid 1px #e9eaec; padding: 14px 0; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow { border: solid 1px #e9eaec; flex-flow: column; padding: 12px 20px; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn { width: 22%; padding-right: 20px; box-sizing: border-box; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn { width: 100%; padding: 0; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn .pv-deliveryTarif__tableColumn_wrap { display: flex; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn .pv-deliveryTarif__tableColumn_link { text-decoration: none; border-bottom: 1px dashed #bdbdbd; color: #0e974f; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn .pv-deliveryTarif__tableColumn_info { color: #979797; border-radius: 50%; border: 1px solid #979797; display: inline-flex; text-decoration: none; font-size: 11px; width: 30px; height: 17px; justify-content: center; align-items: center; margin-left: 10px; position: relative; cursor: pointer; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn .pv-deliveryTarif__tableColumn_info:hover .pv-deliveryTarif__tableColumn_infoPopap { display: block; opacity: 1; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn .pv-deliveryTarif__tableColumn_info .pv-deliveryTarif__tableColumn_infoPopap { display: none; position: absolute; width: max-content; bottom: 25px; color: #000; padding: 8px 10px; font-weight: 400; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); opacity: 0; z-index: 100; margin-top: -40px; -webkit-transition-property: opacity, margin; -moz-transition-property: opacity, margin; -o-transition-property: opacity, margin; transition-property: opacity, margin; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn .pv-deliveryTarif__tableColumn_info .pv-deliveryTarif__tableColumn_infoPopap:after { content: ''; border: 10px solid transparent; border-top: 8px solid #fff; width: 0; height: 0; display: block; position: absolute; left: 50%; bottom: 0; margin: 0 0 -18px -10px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn:nth-child(2) { width: 28%; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn:nth-child(2) { width: 100%; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn:nth-child(3) { width: 23%; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn:nth-child(3) { width: 100%; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn:last-child { width: 28%; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn:last-child { width: 100%; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_title { cursor: pointer; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_title .pv-deliveryTarif__tableColumn_titleArrow { color: #0e974f; font-weight: 600; display: none; cursor: pointer; font-size: 17px; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_title .pv-deliveryTarif__tableColumn_titleArrow { display: block; } } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_title { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 500; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_slide { justify-content: space-between; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_slide { display: none; padding: 10px 0; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_slide .pv-deliveryTarif__tableColumn_slideTitle { display: none; color: #000; font-size: 13px; font-weight: 500; } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_slide .pv-deliveryTarif__tableColumn_slideTitle { display: block; } } @media (max-width: 1023.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_slideC { flex-flow: column; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__table .pv-deliveryTarif__tableRow .pv-deliveryTarif__tableColumn_green { color: #0e974f; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside { border: 1px solid #e9eaec; padding: 26px 29px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .openWebFormModal { font-size: 15px; font-weight: 500; padding: 12px 30px; margin: 0; color: #fff; font-family: "Trebuchet MS", serif; text-align: center; text-transform: uppercase; background-color: #ed1c24; border-radius: 4px; cursor: pointer; text-decoration: none; display: block; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .openWebFormModal:hover { color: #fff; text-decoration: none; } @media (max-width: 767.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .openWebFormModal { padding: 10px 20px; font-size: 13px; } } @media (max-width: 599.98px) { .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .openWebFormModal { padding: 4px 20px; font-size: 20px; margin: 0 0 0 10px; } } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .pv-deliveryTarif__aside_title { font-family: "Trebuchet MS", serif; font-size: 24px; line-height: 25px; margin-bottom: 25px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .pv-deliveryTarif__aside_description { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 25px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .pv-deliveryTarif__aside_row { display: flex; align-items: start; margin-bottom: 25px; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .pv-deliveryTarif__aside_row .pv-deliveryTarif__aside_rowIcon { margin: 5px 10px 0 0; } .pv-deliveryTarif .pv-deliveryTarif__wrapper .pv-deliveryTarif__aside .pv-deliveryTarif__aside_row .pv-deliveryTarif__aside_rowText { font-size: 16px; font-weight: 300; line-height: 25px; } .pv-deliveryTopBanner { height: 550px; background-image: url(/local/templates/dresscodeV2/images/pv-images/deliveryBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } @media (max-width: 599.98px) { .pv-deliveryTopBanner { background-attachment: scroll; } } .pv-deliveryTopBanner .pv-deliveryInfo { margin: 50px 100px; } @media (max-width: 1199.98px) { .pv-deliveryTopBanner .pv-deliveryInfo { margin: 35px 0; } } .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__titleWrap { width: fit-content; margin-bottom: 20px; } .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__titleWrap .pv-delivery__title { background-color: #000; color: #fff; font-family: "Trebuchet MS", serif; font-size: 50px; line-height: 60px; padding: 4px 20px; } @media (max-width: 1023.98px) { .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__titleWrap .pv-delivery__title { font-size: 40px; line-height: 54px; } } @media (max-width: 599.98px) { .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__titleWrap .pv-delivery__title { font-size: 27px; line-height: 36px; } } .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__textWrap { width: 600px; } @media (max-width: 599.98px) { .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__textWrap { width: 100%; } } .pv-deliveryTopBanner .pv-deliveryInfo .pv-delivery__textWrap .pv-delivery__text { background-color: #000; color: #fff; font-size: 16px; font-weight: 300; line-height: 25px; padding: 6px 20px; } .pv-HWW { min-height: 475px; padding: 47px 20px; color: #fff; background-image: url(/local/templates/dresscodeV2/images/pv-images/howWWBG.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; justify-content: center; display: flex; align-items: center; } @media (max-width: 767.98px) { .pv-HWW { padding-bottom: 20px; margin-top: 60px; padding-top: 60px; min-height: inherit; } } @media (max-width: 599.98px) { .pv-HWW { padding-bottom: 10px; margin-top: 40px; padding-top: 40px; background-attachment: scroll; } } .pv-HWW .pv-HWW__title { font-family: "Trebuchet MS", serif; font-size: 36px; text-align: center; color: #fff; } @media (max-width: 599.98px) { .pv-HWW .pv-HWW__title { font-size: 2rem; } } .pv-HWW .pv-HWW__wrap { margin-top: 25px; } .pv-HWW .pv-HWW__wrap .pv-HWW__item { padding: 0 13px; text-align: center; } @media (max-width: 1023.98px) { .pv-HWW .pv-HWW__wrap .pv-HWW__item { margin-bottom: 50px; } } .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_icon { margin-bottom: 25px; } .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_title { font-family: "Trebuchet MS", serif; font-size: 24px; line-height: 1.6; color: #fff; } @media (max-width: 767.98px) { .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_title { font-size: 22px; } } @media (max-width: 599.98px) { .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_title { font-size: 1.5rem; } } .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_hr { display: inline-block; width: 70px; height: 2px; margin: 15px 0; background-color: #0e974f; } .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_text { font-size: 14px; font-weight: 300; line-height: 1.6; color: #fff; } @media (max-width: 767.98px) { .pv-HWW .pv-HWW__wrap .pv-HWW__item .pv-HWW__item_text { font-size: 14px; line-height: 1.4; } } /* common__block */ #pv-Wrapper { display: flex; overflow: hidden; } .pv-mobileSearch { position: fixed; z-index: 1000; background-color: #fff; width: 100%; height: 100%; justify-content: flex-start; align-items: flex-start; flex-flow: column; display: none; } .pv-mobileSearch form { width: 100%; } .pv-mobileSearch .pv-mobileCloseBtn { position: absolute; top: 18px; right: 18px; width: 15px; cursor: pointer; z-index: 9999; } .pv-mobileSearch .pv-nav__searchInput { border: 1px solid #e9eaec; padding: 15px; width: 100%; } .pv-mobileSearch .pv-mobileSearchInput { border: 1px solid #e9eaec; padding: 15px 40px 15px 15px; width: 100%; z-index: 100; position: relative; } .pv-mobileMenu { display: flex; flex-flow: column; position: relative; width: 260px; height: 100vh; margin-left: -260px; z-index: 10; background-color: #fff; font-size: 14px; color: #333; opacity: 0; overflow-x: hidden; overflow-y: auto; transition: all .3s ease-in-out; } .mobileSlideCart { display: flex; flex-flow: column; position: absolute; width: 260px; margin-left: -260px; opacity: 0; height: 100vh; z-index: 10; transition: all .2s; overflow-y: auto; } .mobileSlideCart.show { touch-action: pan-y; transition: all .3s ease-in-out; } .mobileSlideCart .mobileSlideCart__header { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 0 12px 0 20px; min-height: 50px; height: 50px; background-color: #e9eaec; } .mobileSlideCart .mobileSlideCart__empty-image { display: flex; border-top: 8px solid #e9eaec; align-content: center; justify-content: center; flex-direction: column; flex-wrap: wrap; align-items: center; } .mobileSlideCart .mobileSlideCart__empty-image img { margin: 12px auto 6px auto; width: 33%; } .mobileSlideCart .mobileSlideCart__empty-image p { padding: 0 10px; } .mobileSlideCart .mobileSlideCart__header span { font-size: 14px; line-height: 20px; font-weight: 500; } .mobileSlideCart .mobileSlideCartItem { display: flex; align-items: center; margin: 10px 0; padding: 0 10px 0 20px; } .mobileSlideCart .mobileSlideCartItem .mobileSlideCartItem__image { width: 50px; height: 50px; } .mobileSlideCart .mobileSlideCartItem .mobileSlideCartItem__container { padding: 0 8px; font-size: 12px; line-height: 15px; width: 150px; } .mobileSlideCart .mobileSlideCartItem .mobileSlideCartItem__name { display: inline-block; overflow: hidden; max-height: 30px; color: #000; } .mobileSlideCart .mobileSlideCartItem .mobileSlideCartItem__price { margin-top: 3px; font-weight: 500; } .mobileSlideCart .mobileSlideCartItem .mobileSlideCartItem__delete { padding: 4px; cursor: pointer; } .mobileSlideCart .mobileSlideCartItem .mobileSlideCartItem__delete img { width: 18px; } .mobileSlideCart.show { position: relative; margin-left: 0; opacity: 1; } .mobileSlideCart .mobileSlideCart__linkBlock { /*position: fixed; bottom: 0; left: 0;*/ width: 260px; margin-bottom: 20px; } .mobileSlideCart .mobileSlideCart__openButton { display: inline-block; margin: 5px 20px; padding: 5px; width: calc(100% - 40px); background-color: #ed1c24; border-radius: 5px; color: #fff; text-align: center; } .mobileSlideCart .mobileSlideCart__openLink { display: inline-block; margin: 5px 20px; padding: 5px; width: calc(100% - 40px); color: #000; text-align: center; } .pv-mobileMenu.show { transition: all .3s ease-in-out; margin-left: 0; opacity: 1; touch-action: pan-y; } .pv-mobileMenu .pv-mobileMenu__auth, .mobileSlideCart .pv-mobileMenu__auth { display: flex; justify-content: center; align-items: center; } .pv-mobileMenu .pv-mobileMenu__auth .pv-mobileMenu__login, .mobileSlideCart .pv-mobileMenu__auth .pv-mobileMenu__login{ width: 50%; border-right: 1px solid #e9eaec; justify-content: center; font-weight: 500; cursor: pointer; color: #333; } .pv-mobileMenu .pv-mobileMenu__auth .pv-mobileMenu__registr, .mobileSlideCart .pv-mobileMenu__auth .pv-mobileMenu__registr { width: 50%; border-left: 1px solid #e9eaec; justify-content: center; font-weight: 500; cursor: pointer; color: #333; } .pv-mobileMenu .pv-mobileMenu__city { justify-content: center; } .bord6 { border-top: 8px solid #e9eaec; } .pv-mobmenu { width: 28px; margin-right: 10px; } .pv-mobmenu.catm1 { width: 22px; } .pv-mobmenu.regm1{ width: 14px; margin-left: -10px; } .pv-mobileMenu .pv-mobileMenu__city .pv-mobileMenu__cityName { font-weight: 500; display: flex; justify-content: center; cursor: pointer; } .pv-mobileMenu .pv-mobileMenu__city .pv-mobileMenu__citySub { margin: 0; display: none; } .pv-mobileMenu .pv-mobileMenu__city .pv-mobileMenu__citySub .pv-mobileMenu__citySub_item { border: 1px solid #e9eaec; position: relative; } .pv-mobileMenu .pv-mobileMenu__city .pv-mobileMenu__citySub .pv-mobileMenu__citySub_item::after { content: ""; background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_rightArrow.svg); width: 7px; height: 12px; position: absolute; right: 20px; background-position: center; background-size: cover; background-repeat: no-repeat; top: calc(50% - 6px); } .pv-mobileMenu .pv-mobileMenu__city .pv-mobileMenu__citySub .pv-mobileMenu__citySub_item .pv-mobileMenu__citySub_itemLink { font-size: 12px; font-weight: 500; color: #333; } .pv-mobileMenu .pv-mobileMenu__contacts { background-color: #fff; } .pv-mobileMenu .pv-mobileMenu__contacts .pv-mobileMenu__contactsItem { display: flex; align-items: flex-start; margin-bottom: 10px; } .pv-mobileMenu .pv-mobileMenu__contacts .pv-mobileMenu__contactsItem:last-child { margin-bottom: 0; } .pv-mobileMenu .pv-mobileMenu__contacts .pv-mobileMenu__contactsItem .pv-mobileMenu__contactsItem-left .pv-mobileMenu__phoneIcon { margin-right: 15px; } .pv-mobileMenu .pv-mobileMenu__contacts .pv-mobileMenu__contactsItem .pv-mobileMenu__contactsItem-right .pv-mobileMenu__contactsPhone { font-size: 16px; font-weight: 500; } .pv-mobileMenu .pv-mobileMenu__contacts .pv-mobileMenu__contactsItem .pv-mobileMenu__contactsItem-right .pv-mobileMenu__contactsDesc { font-size: 12px; font-weight: 300; } .pv-mobileMenu .pv-mobileMenu__shops { font-weight: 500; color: #fff; background-color: #333; } .pv-mobileMenu .pv-mobileMenu__catalog .pv-mobileMenu__catalogBtn { background-color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #000; cursor: pointer; border-bottom: 1px solid #e9eaec; } .pv-mobileMenu .pv-mobileMenu__catalog .pv-mobileMenu__catalogSub { margin: 0; } .pv-mobileMenu .pv-mobileMenu__catalog .pv-mobileMenu__catalogSub .pv-mobileMenu__catalogSub_item { border: 1px solid #e9eaec; position: relative; } .pv-mobileMenu .pv-mobileMenu__catalog .pv-mobileMenu__catalogSub .pv-mobileMenu__catalogSub_item::after { content: ""; width: 7px; height: 12px; position: absolute; right: 20px; background-position: center; background-size: cover; background-repeat: no-repeat; top: calc(50% - 6px); } .pv-mobileMenu__catalogBtn::after { content: ""; background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_rightArrow.svg); width: 7px; height: 12px; position: absolute; right: 20px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .pv-mobileMenu__catalogBtn.expanded::after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .pv-mobileMenu .pv-mobileMenu__catalog .pv-mobileMenu__catalogSub .pv-mobileMenu__catalogSub_item .pv-mobileMenu__catalogSub_itemLink { font-size: 14px; font-weight: 500; color: #333; } .pv-mobileMenu__catalog { border-top: 8px solid #e9eaec; } .pv-mobileMenu .pv-mobileMenu__nav { margin: 0; } .pv-mobileMenu .pv-mobileMenu__nav .pv-mobileMenu__navItem { background-color: #333; border: 1px solid #3a3e41; } .pv-mobileMenu .pv-mobileMenu__nav .pv-mobileMenu__navItem.selected { background-color: #0e974f; } .pv-mobileMenu .pv-mobileMenu__nav .pv-mobileMenu__navItem .pv-mobileMenu__navLink { font-size: 14px; font-weight: 500; color: #fff; } .pv-mobileMenu .pv-mobileMenu__social { margin: 0; background-color: #333; border: 1px solid #3a3e41; display: flex; height: 60px; justify-content: space-between; align-items: center; padding: 0 25px; } .pv-contentWrap { width: 100%; box-shadow: 0 0 10px 0 #444; z-index: 50; position: relative; transition: all .3s ease-in-out; } @media (max-width: 1023px) { .pv-contentWrap { padding-top: 100px; } } @media (max-width: 767.98px) { .pv-contentWrap { padding-top: 50px; } } @media (orientation: landscape) and (max-width: 1000px) { .pv-contentWrap { padding-top: 40px; } } .pv-contentWrap.open { margin-left: 260px; position: fixed; touch-action: none; transition: all .3s ease-in-out; } .pv-mobileBtn__padding { padding: 25px; } .pv-mobileBtn { height: 60px; display: flex; align-items: center; } .custom-container { margin: 0 !important; } .custom-container-fluid { padding-right: 25px !important; padding-left: 25px !important; } .pv-header { background-color: #000; z-index: 999; position: relative; } @media (max-width: 1023.98px) { .pv-header { position: fixed; width: 100%; top: 0; left: 0; } .pv-header.out { transform: translateY(-100%); } .pv-contentWrap.open .pv-header.out { transform: translateY(0%); } .main-header { width: 100%; height: auto; position: -webkit-sticky; position: -moz-sticky !important; position: -ms-sticky !important; position: -o-sticky !important; position: sticky; z-index: 3; top: 0; overflow: hidden; transition: transform 0.5s ease 0s, z-index 0s ease 0.5s; } .main-header.is-active { -webkit-overflow-scrolling: touch; transition: transform 0.5s ease 0s, z-index 0s ease 0.5s, top 0.3s ease-in-out; } } .pv-header .pv-header__wrap { height: 100px; margin-left: -30px; margin-right: -30px; position: relative; } .pv-header .pv-header__text { color: #fff; vertical-align: bottom; display: flex; flex-direction: column; justify-content: center; } .pv-header .pv-header__text p { margin-bottom: 0; } @media (orientation: landscape) and (max-width: 1000px) { .pv-header .pv-header__wrap { height: 40px; } } @media (max-width: 767.98px) { .pv-header .pv-header__wrap { height: 50px; } } .pv-header .pv-header__city { margin-left: 20px; color: #fff; } @media (max-width: 1199.98px) { .pv-header .pv-header__city { margin-left: 0; margin-top: 5px; } } .pv-header .pv-header__city .pv-header__cityInfo { display: flex; align-items: center; } .pv-header .pv-header__city .pv-header__cityInfo:hover { color: #ed1c24; } .pv-header .pv-header__city .pv-header__cityName { font-weight: 300; transition: all 0.3s ease-in-out; cursor: pointer; } .pv-header .pv-header__city .pv-header__citySub { position: absolute; background-color: #fff; top: 75px; margin: 0; display: none; } .pv-header .pv-header__city .pv-header__citySub .pv-header__citySub_item { border: 1px solid #e9eaec; position: relative; width: auto; word-break: keep-all; min-width: 180px; } .pv-header .pv-header__city .pv-header__citySub .pv-header__citySub_item .pv-header__citySub_itemLink { color: #333; height: 40px; display: flex; justify-content: center; align-items: center; } .pv-header .pv-header__left, .pv-header .pv-header__right { display: flex; align-items: center; } @media (max-width: 1023.98px) { .pv-header .pv-header__left .pv-header__logo .pv-header__logoImg, .pv-header .pv-header__right .pv-header__logo .pv-header__logoImg { width: 75px; } } @media (orientation: landscape) and (max-width: 1000px) { .pv-header .pv-header__left .pv-header__logo .pv-header__logoImg { width: 50px; } } @media (max-width: 767.98px) { .pv-header .pv-header__left .pv-header__logo .pv-header__logoImg, .pv-header .pv-header__right .pv-header__logo .pv-header__logoImg { height: 30px; } } .pv-header .pv-header__left { justify-content: space-between; } @media (max-width: 1199.98px) { .pv-header .pv-header__left { flex-flow: column; justify-content: center; } } @media (max-width: 1023.98px) { .pv-header .pv-header__left { justify-content: center; } } .pv-header .pv-header__right { justify-content: flex-end; } @media (max-width: 1199.98px) { .pv-header .pv-header__right { justify-content: space-between; } } @media (max-width: 1023.98px) { .pv-header .pv-header__right { justify-content: flex-end; } } @media (max-width: 767.98px) { .pv-header .pv-header__right { justify-content: center; } } .pv-header .pv-header__right .pv-header__wrap { width: 100%; } .pv-header .pv-header__burger { display: flex; justify-content: center; align-items: center; height: 100%; } .pv-header .pv-header__burger .pv-header__burgerBtn_open .pv-header__burgerBtn__item_first { margin-top: -1px !important; transform: rotate(45deg) !important; } .pv-header .pv-header__burger .pv-header__burgerBtn_open .pv-header__burgerBtn__item_second { opacity: 0 !important; } .pv-header .pv-header__burger .pv-header__burgerBtn_open .pv-header__burgerBtn__item_third { margin-top: -1px !important; transform: rotate(-45deg) !important; } .pv-header .pv-header__burger .pv-header__burgerBtn { position: absolute; z-index: 1000; width: 30px; height: 30px; cursor: pointer; } .pv-header .pv-header__burger .pv-header__burgerBtn .pv-header__burgerBtn__wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 30px; } .pv-header .pv-header__burger .pv-header__burgerBtn .pv-header__burgerBtn__wrap:hover .pv-header__burgerBtn__item { background-color: #ed1c24; } .pv-header .pv-header__burger .pv-header__burgerBtn .pv-header__burgerBtn__wrap .pv-header__burgerBtn__item { position: absolute; top: 50%; left: 50%; width: 30px; height: 2px; margin: -1px 0 0 -15px; background-color: #fff; transition: all 0.5s ease-in-out; } .pv-header .pv-header__burger .pv-header__burgerBtn .pv-header__burgerBtn__wrap .pv-header__burgerBtn__item_first { margin-top: -9px; transform: rotate(0deg); } .pv-header .pv-header__burger .pv-header__burgerBtn .pv-header__burgerBtn__wrap .pv-header__burgerBtn__item_second { opacity: 1; } .pv-header .pv-header__burger .pv-header__burgerBtn .pv-header__burgerBtn__wrap .pv-header__burgerBtn__item_third { margin-top: 7px; transform: rotate(0deg); } .pv-header .pv-header__contacts { align-items: center; height: 100px; margin: 0; width: 100%; justify-content: center; } .pv-header .pv-header__contacts .pv-heade__contact-left { padding-top: 5px; } .pv-header .pv-header__contacts .pv-heade__contact-right { line-height: 1.6; } .pv-header .pv-header__contacts .pv-header__contact { display: flex; justify-content: center; color: #fff; margin: 0 25px; padding: 0; } @media (max-width: 1199.98px) { .pv-header .pv-header__contacts .pv-header__contact { margin: 0; } } .pv-header .pv-header__contacts .pv-header__contact .pv-header__contactIcon { margin-right: 14.5px; } .pv-header .pv-header__contacts .pv-header__contact .pv-header__phone a { color: #fff; text-decoration: none; font-weight: 500; } .pv-header .pv-header__contacts .pv-header__contact .pv-header__phoneDesc { font-weight: 300; font-size: 12px; } .pv-header .pv-header__social { display: flex; justify-content: start; padding: 0; margin: 0; } .pv-header .pv-header__social .pv-header__socialItem { margin: 0 7px; } .pv-header .pv-header__social .pv-header__socialItem:first-child { margin-left: 0; } .pv-header .pv-header__social .pv-header__socialItem:last-child { margin-right: 0; } @media (max-width: 1023.98px) { .pv-header .pv-header__social .pv-header__socialItem .pv-header__socialLink .pv-header__socialIcon { width: 20px; } } .pv-header .pv-header__info { display: flex; justify-content: flex-end; padding: 0; margin: 0 0 0 30px; list-style-type: none; } .pv-header .pv-header__info .pv-header__infoLink { display: inline-block; } @media (max-width: 767.98px) { .pv-header .pv-header__info { margin: 0; } } .pv-header .pv-header__info .pv-header__infoItem { position: relative; margin: 0 7px; transition: box-shadow .3s; } .pv-header .pv-header__info #flushTopCompare.pv-header__infoItem:hover, .pv-header .pv-header__info #flushTopwishlist.pv-header__infoItem:hover, .pv-header .pv-header__info #flushTopCart.pv-header__infoItem:hover { display: block; box-shadow: 0 0 0 6px rgba(128, 128, 128, 0.5), inset 31px 24px rgba(128, 128, 128, 0.5); transition: box-shadow .3s; } @media (max-width: 1199.98px) { .pv-header .pv-header__info .pv-header__infoItem .pv-header__infoLink .pv-header__infoIcon { width: 20px; } } @media (max-width: 1023.98px) { .pv-header .pv-header__info .pv-header__infoItem .pv-header__infoLink .pv-header__infoIcon { width: 25px; height: 25px; } } .pv-header .pv-header__info .pv-header__infoItem:first-child { margin-left: 0; } .pv-header .pv-header__info .pv-header__infoItem:last-child { margin-right: 0; } @media (orientation: landscape) and (max-width: 1000px) { .pv-header .pv-header__info .pv-header__infoItem .pv-header__infoLink .pv-header__infoIcon { width: 25px; } } .pv-header .pv-header__info .pv-header__infoItem .pv-header__infoIconCount { position: absolute; top: -4px; right: -5px; display: flex; justify-content: center; align-items: center; width: 13px; height: 13px; color: #fff; font-size: 10px; background-color: #d0021b; border-radius: 50%; } .pv-nav { color: #fff; font-size: 16px; background-color: #242424; z-index: 10; position: relative; } .pv-nav .pv-nav__wrap { height: 50px; margin-right: -30px; margin-left: -30px; position: relative; } .pv-nav .pv-nav__menu-wrap { display: flex; justify-content: center; padding-right: 68px; margin: 0 -15px; } .pv-nav .pv-nav__catalog { display: flex; justify-content: center; align-items: center; font-family: "Trebuchet MS"; font-weight: 700; text-transform: uppercase; background-color: #ed1c24; cursor: pointer; color: #fff; } @media (max-width: 1199.98px) { .pv-nav .pv-nav__catalog { font-size: 13px; } } .pv-nav .pv-nav__menu { display: flex; justify-content: space-around; align-items: center; padding: 0; margin: 0; width: 100%; background-color: #1a1a1a; } .pv-nav .pv-nav__menu .pv-nav__menuItem { margin: 0; -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: 50px; } @media (max-width: 1023.98px) { .pv-nav .pv-nav__menu .pv-nav__menuItem { margin: 0 12px; } } .pv-nav .pv-nav__menu .pv-nav__menuItem:hover { text-decoration: none; background-color: #202020; } .pv-nav .pv-nav__menu .pv-nav__menuItem .pv-nav__menuLink { color: #fff; font-weight: 300; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; padding: 0 14px; } .pv-nav .pv-nav__menu .pv-nav__menuItem .pv-nav__menuLink a:hover { text-decoration: none !important; } .pv-nav .pv-nav__menu .pv-nav__menuItem .pv-nav__menuLink.selected { font-weight: 500; } @media (max-width: 1199.98px) { .pv-nav .pv-nav__menu .pv-nav__menuItem .pv-nav__menuLink { font-size: 13px; padding: 0 8px; } } .pv-nav .pv-nav__search { display: flex; } .pv-nav .pv-nav__search .pv-nav__searchInput { position: absolute; right: 0; z-index: 100; width: 0; height: 50px; padding: 0 17px; font-weight: 300; transition: width 0.3s ease-in-out; border-bottom: 1px solid #f3f3f3; } .pv-nav .pv-nav__search .pv-nav__searchInput:focus, .pv-nav .pv-nav__search .pv-nav__searchInput.open { width: calc(100% - 15px); } .pv-nav .pv-nav__search .pv-nav__searchBtn { position: absolute; right: 0; z-index: 1000; display: flex; justify-content: center; align-items: center; width: 68px; height: 50px; background-color: #ed1c24; cursor: pointer; line-height: 18px; } .showFade { opacity: 1 !important; transition: all 0.3s ease-in-out; } .pv-main_btn { padding: 8px; margin: 0 15px; color: #fff; font-family: "Trebuchet MS"; font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; background-color: #ed1c24; border-radius: 4px; cursor: pointer; text-decoration: none; } .pv-main_btn.tonirSection { background: #52C0E2; } .pv-main_btn.tonirSection:hover { background: #12948b; } .pv-main_btn.active { background-color: #979797; } .pv-main_btn:hover { color: #fff; text-decoration: none; } @media (max-width: 767.98px) { .pv-main_btn { padding: 10px 20px; font-size: 13px; } } @media (max-width: 599.98px) { .pv-main_btn { padding: 2px; font-size: 20px; margin: 0 0 0 10px; } h1 { text-align: center!important; } #catalogLine { justify-content: space-around; display: flex; } } .pv-pageInfo { position: relative; background-color: #fff; } .pv-pageInfo .pv-pageInfo__title { width: 100%; color: #000; font-family: "Trebuchet MS", sans-serif; font-size: 36px; } @media (max-width: 767.98px) { .pv-pageInfo .pv-pageInfo__title { margin-top: 10px; } } .mg-l0 { margin-left: 0 !important; transition: all 1s ease-in-out; } @media (max-width: 1023.98px) { .mg-l0 { margin-left: 20% !important; } } @media (max-width: 599.98px) { .mg-l0 { margin-left: 10% !important; } } .pv-breadcrumb { display: flex; margin: 25px 0 0 0; color: #c5c5c5; overflow: hidden; white-space: nowrap; padding-bottom: 25px; } .pv-breadcrumb .pv-breadcrumb__item { font-size: 10px; font-weight: 300; } .pv-breadcrumb .pv-breadcrumb__item:not(:nth-last-child(3)):after { content: "->"; margin: 0 0.25rem; color: #7e7e7e; } .pv-breadcrumb .pv-breadcrumb__item:last-child:after { content: none; } .pv-breadcrumb .pv-breadcrumb__item .pv-breadcrumb__link { color: #7e7e7e; text-decoration: none; transition: all 0.5s ease-in-out; } .pv-breadcrumb .pv-breadcrumb__item .pv-breadcrumb__link:hover { color: #000; } .fadingInRow { display: none; } .pv-greyGradient { background-image: linear-gradient(180deg, #f8f8f8 0%, rgba(235, 235, 235, 0.66) 52%, #fff 100%); display: flex; } .pv-stars i { color: #f0f0f0; margin: 0 1px; font-size: 14px; } .pv-stars a { text-decoration: none; } .pv-stars i.green, .pv-stars i:hover { color: #0e974f; } .pv-stars i.red { color: #d0021b; } .pv-flexBrake { flex-basis: 100%; height: 0; width: 100%; } .pv-bars { display: inline-flex; background-color: #f1f3f6; padding: 1px 2px; margin-right: 20px; } .pv-bars .pv-bar { font-weight: 700; margin-right: 1px; color: #d8d8d8; } .pv-bars .pv-bar.green { color: #0e974f; } .pv-bars .pv-bar.orange { color: #ff8a00; } .pv-mainProducts { margin: 35px 0 5px 0; } @media (max-width: 599.98px) { .pv-mainProducts { margin: 35px 0 40px 0; } } .pv-mainProducts .pv-mainProducts__nav { margin-bottom: 35px; overflow: auto; flex-wrap: nowrap; white-space: nowrap; position: relative; } .pv-mainProducts .pv-mainProducts__nav .pv-mainProducts__navItem { font-size: 15px; font-weight: 500; color: #6d7278; padding: 10px 20px; text-decoration: none; text-transform: uppercase; } .pv-mainProducts .pv-mainProducts__nav .pv-mainProducts__navItem.active, .pv-mainProducts .pv-mainProducts__nav .pv-mainProducts__navItem:hover { border-bottom: 2px solid #0e974f; } .pv-mainProducts .pv-mainProducts__nav .ps__rail-x { display: none; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item { padding: 0 7px 3px; height: 582px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item:hover .pv-mainProducts__itemLinks { display: flex; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemWrapper { border: solid 1px #e0e7ee; padding: 14px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap { position: relative; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg_info_wrap { position: absolute; padding: 9px 14px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg_info { color: #fff; background-color: #6d7278; font-weight: 600; font-size: 9px; text-transform: uppercase; margin: 5px 0; padding: 4px 10px; width: fit-content; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg_info.pv-mainProducts__itemImg_infoSale { background-color: #fa6b00; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg_info.pv-mainProducts__itemImg_infoHit { background-color: #f00; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg_info.pv-mainProducts__itemImg_infoNew { background-color: #0e974f; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f1f3f6; height: 250px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemStars { margin-top: 20px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemStars i { color: #f0f0f0; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemStars i.green { color: #0e974f; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemTitle { font-family: "Trebuchet MS", serif; font-size: 18px; margin-top: 10px; color: #000; text-decoration: none; min-height: 81px; display: block; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemData { display: flex; margin-top: 20px; align-items: center; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemData .pv-mainProducts__itemPrice { width: 50%; padding-right: 15px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemData .pv-mainProducts__itemPrice .pv-mainProducts__itemPrice_old { color: #797979; font-size: 14px; font-weight: 600; text-decoration: line-through; text-decoration-color: #ed1c24; font-family: "Roboto", serif; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemData .pv-mainProducts__itemPrice .pv-mainProducts__itemPrice_new { font-size: 15px; font-weight: 600; font-family: "Roboto", serif; } @media (max-width: 1199.98px) { .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemData .pv-mainProducts__itemPrice .pv-mainProducts__itemPrice_new { font-size: 15px; } } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemData .pv-mainProducts__itemBtn { width: 50%; display: flex; font-size: 16px; padding: 0; justify-content: center; align-items: center; margin: 0; height: 50px; color: #fff; text-decoration: none; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks { margin-top: 10px; flex-wrap: wrap; display: none; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink { flex: 0 50%; color: #6d7278; display: flex; align-items: center; font-size: 12px; margin: 5px 0; text-decoration: none; transition: all 0.5s ease-in-out; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink:hover, .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink a:hover { color: #000; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink a { color: #6d7278; text-decoration: none; transition: all 0.5s ease-in-out; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink i { margin-right: 5px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink.green { color: #0e974f; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink.green a { color: #0e974f; text-decoration: none; } .pv-mainProducts .pv-mainProductsSlider .slick-slide { position: relative; } .pv-mainProducts .pv-mainProductsSlider .sku.slick-slide { height: 585px; } .pv-mainProducts .pv-mainProductsSlider .slick-arrow { bottom: 0; top: -10%; height: 25px; width: 25px; } .pv-mainProducts .pv-mainProductsSlider .slick-arrow:before { font-size: 25px; } .pv-mainProducts .pv-mainProductsSlider .slick-arrow.slick-prev { left: calc(100% - 70px); } .pv-mainProducts .pv-mainProductsSlider .slick-arrow.slick-next { left: calc(100% - 40px); } .pv-mainFullBanners { margin-bottom: 70px !important; } .pv-mainFullBanners .pv-mainFullBanner { color: #fff; height: 300px; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex !important; justify-content: center; flex-flow: column; padding: 30px 80px; position: relative; } @media (max-width: 599.98px) { .pv-mainFullBanners .pv-mainFullBanner { height: 540px; justify-content: start; } } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_left { background-image: url(/local/templates/dresscodeV2/images/pv-images/banner_left.png); } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_large_1.jpg); } @media (max-width: 599.98px) { .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_small_1.jpg); } } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_large_2.jpg); } @media (max-width: 599.98px) { .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_small_2.jpg); } } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_large_3.jpg); } @media (max-width: 599.98px) { .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_small_3.jpg); } } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__title { font-family: "Trebuchet MS", serif; font-size: 34px; line-height: 1.2; width: 420px; z-index: 10; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__mobileImg, .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__fullImg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__mobileImg { display: none; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__fullImg { display: block; } @media (max-width: 599.98px) { .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__text, .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__title { width: 280px; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__mobileImg { display: block; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__fullImg { display: none; } } .slick-prev, .slick-next { width: 25px !important; height: 25px !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat; opacity: .8; } .slick-prev:hover, .slick-next:hover { opacity: 1; } .slick-prev { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_arrow_l.svg) !important; } .slick-prev:before { content: " " !important; } .slick-next { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_arrow_r.svg) !important; } .slick-next:before { content: " " !important; } .pv-customSelect { position: relative; } .pv-customSelect select { display: none; } .pv-customSelect .select-selected { background-color: #fff; display: flex; align-items: center; padding: 18px 35px 18px 13px !important; margin: 0 4px 0 0; color: #6d7278; border-radius: 5px; border: 1px solid #e0e7ee; } .pv-customSelect .select-selected:after { position: absolute; content: "\F078"; color: #0e974f; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; top: 18px; right: 16px; font-weight: 100; } .pv-customSelect .select-selected.select-arrow-active { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); border-radius: 5px 5px 0 0; } .pv-customSelect .select-selected.select-arrow-active:after { content: "\F077"; } .pv-customSelect .select-items div, .pv-customSelect .select-selected { color: #000; padding: 10px 13px; cursor: pointer; user-select: none; line-height: 1; font-size: 12px; } .pv-customSelect .select-items { position: absolute; background-color: #fff; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.25); top: 100%; left: 0; right: 0; z-index: 99; margin: 0 4px 0 0; color: #6d7278; border: 1px solid #e0e7ee; } .pv-customSelect .select-hide { display: none; } .pv-customSelect .select-items div:hover, .pv-customSelect .same-as-selected { background-color: #ebebeb; } .pv-feedbacks { margin: 100px 0; } .pv-feedbacks .pv-feedbacks__top { text-align: center; } .pv-feedbacks .pv-feedbacks__top .pv-feedbacks__title { font-family: "Trebuchet MS"; font-size: 36px; margin-bottom: 20px; } .pv-feedbacks .pv-feedbacks__top .pv-feedbacks__desc { font-size: 16px; font-weight: 300; line-height: 1.6; } .pv-feedbacks .pv-feedbacks__logos { margin-top: 50px; display: flex; align-items: center; text-align: center; } .pv-feedbacks .pv-feedbacks__logos .pv-feedbacks__logo { margin: 0 35px; } @media (max-width: 1023.98px) { .pv-feedbacks .pv-feedbacks__logos .pv-feedbacks__logo { margin: 30px; } } .pv-mainTopBanner>.container, .pv-mainTopBanner>.container>.row { height: 100%; } .pv-mainTopBanner .container-fluid { padding: 0; } .pv-mainTopBanner { height: 478px; overflow: hidden; } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem { color: #fff; font-family: "Trebuchet MS", serif; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0 100px; height: 478px; display: flex; align-items: center; } @media (max-width: 1440px) { .pv-mainTopBanner { height: 360px; } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem { height: 360px; } } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem { padding: 0 40px; height: 323px; } } @media (max-width: 1023.98px) { .pv-mainTopBanner { height: 323px; } } @media (max-width: 599.98px) { .slick-prev, .slick-next { display: none !important; } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem { height: 290px; padding: 0 20px; } .pv-mainTopBanner { height: 290px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-main_btn { display: block; max-width: 200px; margin: 50px 0 0 0; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4); } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-main_btn { margin: 30px 0 0 0; font-size: 13px; max-width: 170px; } } @media (max-width: 767.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-main_btn { font-size: 12px; max-width: 110px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-main_btn:hover { text-decoration: none; color: #fff; } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-mainInfo__title { margin: 0; width: 560px; font-size: 50px; line-height: 1.2; color: #fff; font-family: "Trebuchet MS", serif; } @media (max-width: 1199.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-mainInfo__title { font-size: 40px; width: 450px; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__title { font-size: 28px; width: 360px; } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_mid_3.jpg); } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_mid_2.jpg); } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_mid_1.jpg); } .pv-mainFullBanners .pv-mainFullBanner { height: 270px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemLinks .pv-mainProducts__itemLink { font-size: 12px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemTitle { font-size: 18px; } } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-mainInfo__title { font-size: 34px; line-height: 1.1; width: 380px; } } @media (max-width: 599.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-mainInfo__title { font-size: 27px; } .pv-mainProducts .pv-mainProductsSlider .pv-mainProducts__item .pv-mainProducts__itemImg_wrap .pv-mainProducts__itemImg { height: 270px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-mainInfo__desc { font-size: 20px; width: 550px; margin-top: 20px; color: #fff; } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem .pv-mainInfo__desc { font-size: 14px; width: 240px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow { height: 40px; width: 40px; z-index: 8; } #bigDataCarousel .bigDataBtnLeft, #bigDataCarousel .bigDataBtnRight { z-index: 8; } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow { height: 20px; width: 20px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow:before { font-size: 40px; } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow:before { font-size: 20px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow.slick-prev { left: 30px; } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow.slick-prev { left: 25px; } } .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow.slick-next { right: 30px; } @media (max-width: 1023.98px) { .pv-mainTopBanner .pv-mainTopBanner_slider .slick-arrow.slick-next { right: 25px; } } .pv-mainCats { margin-top: 40px; } @media (min-width: 1500.98px) { .pv-mainCats { margin-top: 25px; } } .pv-mainCats .pv-mainSliderMobile { margin-top: 20px; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__title { font-family: "Trebuchet MS", serif; font-size: 30px; color: #000; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav { margin-top: 20px; padding-left: 0; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem { height: 50px; border: solid 1px #e9eaec; margin-top: -1px; display: flex; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem:after { content: "\F105"; color: #0e974f; font-family: "FontAwesome"; font-size: 18px; display: flex; align-items: center; margin-right: 15px; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap { font-weight: 500; color: #000; text-decoration: none; padding: 9px; display: flex; align-items: center; width: 100%; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_plenki { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenki-hov.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_plenkiTon { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiTon-hov.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_plenkiAntigrav { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiAntigrav-hov.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_alkantara { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_alkantara-hov.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_ekoKoja { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_ekoKoja-hov.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_rezina { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_rezina-hov.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap:hover .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_avtohimiya { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_main_himia_hover.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg { width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 15px; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_plenki { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenki.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_plenkiTon { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiTon.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_plenkiAntigrav { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiAntigrav.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_alkantara { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_alkantara.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_ekoKoja { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_ekoKoja.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_rezina { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_rezina.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navImg.pv-mainSliderMobile__navImg_avtohimiya { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_main_himia.jpg); } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__nav .pv-mainSliderMobile__navItem .pv-mainSliderMobile__navItem_wrap .pv-mainSliderMobile__navTitle { font-weight: 500; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__more { height: 50px; border-radius: 4px; border: solid 1px #e0e7ee; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #979797; text-transform: uppercase; margin-top: 30px; cursor: pointer; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__more.open .show { display: none; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__more.open .hide { display: block; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__more .show { display: block; } .pv-mainCats .pv-mainSliderMobile .pv-mainSliderMobile__more .hide { display: none; } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap:hover .pv-mainSliderNav__itemImg .pv-mainSliderNav__itemImg_title { opacity: 1; } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg { width: 240px; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 0.3s ease-in-out; display: flex; padding: 20px; justify-content: center; align-items: center; cursor: pointer; } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg .pv-mainSliderNav__itemImg_title { color: #fff; font-family: "Trebuchet MS"; font-size: 20px; font-weight: 100; text-transform: uppercase; text-align: center; margin-top: 50px; opacity: 0; transition: all 0.3s ease-in-out; } .pv-mainSliderNav__item{ display: inline-block; } .pv-mainSliderNav__itemImg{ width:225px !important; } .pv-mainSliderNav__itemTitle{ font-size: 15px !important; margin-right: 0 !important; } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg.pv-mainSliderNav__itemImg_plenki { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenki.webp); } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg.pv-mainSliderNav__itemImg_plenkiTon { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiTon.webp); } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg.pv-mainSliderNav__itemImg_plenkiAntigrav { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiAntigrav.webp); } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg.pv-mainSliderNav__itemImg_alkantara { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_alkantara.webp); } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemImg_wrap .pv-mainSliderNav__itemImg.pv-mainSliderNav__itemImg_ekoKoja { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_ekoKoja.webp); } .pv-mainCats .pv-mainSliderNav .pv-mainSliderNav__item .pv-mainSliderNav__itemTitle { font-family: "Trebuchet MS", serif; font-size: 18px; padding: 15px; text-align: center; margin-right: 20px; } .pv-mainCats .pv-mainSliderNav .slick-arrow:before { font-size: 25px; } .pv-mainCats .pv-mainSliderNav .slick-arrow.slick-prev { left: calc(100% - 70px); z-index: 100; } .pv-mainCats .pv-mainSliderNav .slick-arrow.slick-next { left: calc(100% - 40px); z-index: 100; } .pv-car .pv-carImage { width: 100%; height: 280px; background-size: contain; background-position: center; background-repeat: no-repeat; transition: all .3s ease-in-out; background-image: url(/local/templates/dresscodeV2/images/pv-images/gray_neutral.png); position: relative; z-index: 100; } .pv-car .pv-carImage.hide { transform: scale(1.5); opacity: 0; } .pv-car .pv-carImage.show { transform: scale(1); opacity: 1; } .pv-car .pv-carImage_alkantara { width: 100%; height: 445px; background-size: 100%; background-position: 0 0; background-image: url(/local/templates/dresscodeV2/images/pv-images/alkantara.jpg); position: absolute; z-index: 1000; opacity: 0; transform: scale(0.5); top: -15px; } .pv-car .pv-carImage_alkantara.hide { transform: scale(0.5); opacity: 0; transition: all .3s ease-in-out; } .pv-car .pv-carImage_alkantara.show { transform: scale(1); opacity: 1; transition: all .3s ease-in-out; top: 10px; } .pv-car .pv-carImage_alkantara.slide { background-position: 0 100%; transition-delay: 1s; transition: all 2s ease-in-out; top: 10px; } .pv-car .pv-carImage_ekoKoja { width: 100%; height: 445px; background-size: 100%; background-position: 0 0; background-repeat: no-repeat; background-image: url(/local/templates/dresscodeV2/images/pv-images/ekokoja.jpg); position: absolute; z-index: 2000; opacity: 0; transform: scale(0.5); top: -15px; } .pv-car .pv-carImage_ekoKoja.hide { transform: scale(0.5); opacity: 0; transition: all .3s ease-in-out; } .pv-car .pv-carImage_ekoKoja.show { transform: scale(1); opacity: 1; transition: all .3s ease-in-out; top: 10px; } .pv-car .pv-carImage_ekoKoja.slide { background-position: 0 100%; transition-delay: 1s; transition: all 2s ease-in-out; top: 10px; } .pv-car .pv-carImage_avtohimiya { width: 100%; height: 445px; background-size: 100%; background-position: 0 0; background-repeat: no-repeat; background-image: url(/local/templates/dresscodeV2/images/pv-images/avtohimiya.jpg); position: absolute; z-index: 3000; opacity: 0; transform: scale(0.5); top: -15px; } .pv-car .pv-carImage_avtohimiya.hide { transform: scale(0.5); opacity: 0; transition: all .3s ease-in-out; } .pv-car .pv-carImage_avtohimiya.show { transform: scale(1); opacity: 1; transition: all .3s ease-in-out; top: 10px; } .pv-car .pv-carImage_avtohimiya.slide { background-position: 0 100%; transition-delay: 1s; transition: all 2s ease-in-out; top: 10px; } .pv-car .pv-carImage_rocks { position: absolute; left: 0; width: 50px; height: 100px; top: 30px; opacity: 0; transform: rotate(-15deg); z-index: 10000; } .pv-car .pv-carImage_rocks.animate { -webkit-animation: slideRock 1.5s linear; -webkit-animation-delay: 1s; animation: slideRock 1.5s linear; animation-delay: 1s; animation-iteration-count: infinite; } @media (max-width: 1199.98px) { .pv-car .pv-carImage_rocks.animate { -webkit-animation: slideRockLG 1.5s linear; -webkit-animation-delay: 1s; animation: slideRockLG 1.5s linear; animation-delay: 1s; animation-iteration-count: infinite; } .pv-car .pv-carImage_rocks { width: 35px; } } @-webkit-keyframes slideRock { 30% { left: 160px; opacity: 1; top: 80px; transform: rotate(-15deg); } 31% { transform: rotate(-90deg); } 100% { left: 260px; top: 0; opacity: 0; transform: rotate(-90deg); } } @keyframes slideRock { 30% { left: 160px; opacity: 1; top: 80px; transform: rotate(-15deg); } 31% { transform: rotate(-90deg); } 100% { left: 260px; top: 0; opacity: 0; transform: rotate(-90deg); } } @-webkit-keyframes slideRockLG { 30% { left: 140px; opacity: 1; top: 75px; transform: rotate(-15deg); } 31% { transform: rotate(-90deg); } 100% { left: 260px; top: 0; opacity: 0; transform: rotate(-90deg); } } @keyframes slideRockLG { 30% { left: 140px; opacity: 1; top: 75px; transform: rotate(-15deg); } 31% { transform: rotate(-90deg); } 100% { left: 260px; top: 0; opacity: 0; transform: rotate(-90deg); } } .pv-car .pv-carImage__contur { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/dresscodeV2/images/pv-images/contur.png); position: relative; z-index: 5; transition: all 0.5s ease-in-out; } .pv-car .pv-carImage__contur .pv-carImage__conturWrap { width: 100%; height: 100%; background-color: #fff; position: absolute; z-index: 6; right: 0; transition: all 0.5s ease-in-out; } .pv-car .pv-carImage__contur .pv-carImage__conturWrap.hide { width: 0; } .pv-mainFullBanners_wrap { display: flex; width: 100%; justify-content: space-around; } .pv-mainFullBanners_wrap .pv-mainFullBanners { width: calc(100% - 300px); } .pv-mainFullBanners_wrap .pv-mainFullBanners .pv-mainFullBanner { height: 325px; justify-content: start; } @media (max-width: 1199.98px) { .pv-mainFullBanners_wrap .pv-mainFullBanners .pv-mainFullBanner { height: 270px; } } @media (max-width: 1023.98px) { .pv-mainFullBanners_wrap .pv-mainFullBanners .pv-mainFullBanner { height: auto; } } @media (max-width: 1023.98px) { .pv-mainFullBanners_wrap .pv-mainFullBanners { width: 100%; } } .pv-mainFullBanners_wrap .pv-mainFullBanners__coupon { height: 325px; } @media (max-width: 1199.98px) { .pv-mainFullBanners_wrap .pv-mainFullBanners__coupon { height: 270px; } } .pv-mainFullBanners { margin-bottom: 70px !important; } .pv-mainFullBanners .pv-mainFullBanner { color: #fff; height: 300px; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex !important; justify-content: center; flex-flow: column; padding: 30px 80px; } @media (max-width: 1199.98px) { .pv-mainFullBanners .pv-mainFullBanner { height: 270px; } } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_large_1.jpg); } @media (max-width: 1199.98px) { .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_mid_1.jpg); } } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_large_2.jpg); } @media (max-width: 1199.98px) { .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_mid_2.jpg); } } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_large_3.jpg); } @media (max-width: 1199.98px) { .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_mid_3.jpg); } } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__title { font-family: "Trebuchet MS", serif; font-size: 34px; } @media (max-width: 1199.98px) { .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__title { font-size: 28px; } } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__text { margin-top: 10px; width: 350px; z-index: 10; } .pv-mainFullBanners .pv-mainFullBanner .pv-mainFullBanner__button { margin: 25px 0 0 0; width: fit-content; color: #fff; text-decoration: none; z-index: 10; } .pv-mainFullBanners .slick-arrow { height: 25px; width: 25px; } .pv-mainFullBanners .slick-arrow:before { font-size: 25px; } .pv-mainFullBanners .slick-prev, .pv-mainFullBanners .slick-next { z-index: 100; } .pv-mainFullBanners .slick-prev { left: 20px; } .pv-mainFullBanners .slick-next { right: 20px; } .pv-mainFullBanners .slick-dots { bottom: -50px; } .pv-mainFullBanners .slick-dots li button:before { font-size: 10px; } .pv-mainService { margin: 30px 0 70px 0; } .pv-mainService .pv-mainService__item { text-align: center; } @media (max-width: 767.98px) { .pv-mainService .pv-mainService__item { margin: 20px 0; } } .pv-mainService .pv-mainService__item .pv-mainService__img { margin-bottom: 20px; } .pv-mainService .pv-mainService__item .pv-mainService__title { font-family: "Trebuchet MS"; font-size: 28px; color: #0b162b; } @media (max-width: 1023.98px) { .pv-mainService .pv-mainService__item .pv-mainService__title { font-size: 23px; } } .pv-mainService .pv-mainService__item .pv-mainService__text { margin-top: 15px; } @media (max-width: 767.98px) { .pv-mainService .pv-mainService__item .pv-mainService__text { max-width: 260px; margin: 15px auto 0 auto; } } .pv-mainPosts { margin: 35px 0 60px 0; } .pv-mainPosts .pv-mainPosts__nav { margin-bottom: 35px; overflow: auto; flex-wrap: nowrap; white-space: nowrap; position: relative; } .pv-mainPosts .pv-mainPosts__nav .pv-mainPosts__navItem { font-size: 15px; font-weight: 500; color: #6d7278; padding: 10px 20px; text-decoration: none; text-transform: uppercase; } .pv-mainPosts .pv-mainPosts__nav .pv-mainPosts__navItem.active, .pv-mainPosts .pv-mainPosts__nav .pv-mainPosts__navItem:hover { border-bottom: 2px solid #0e974f; } .pv-mainPosts .pv-mainPosts__nav .ps__rail-x { display: none; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item { padding: 0 15px; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap { border: solid 1px #e0e7ee; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__itemImg_wrap .pv-mainPosts__itemImg { width: 100%; height: 370px; background-position: center; background-repeat: no-repeat; background-size: cover; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__itemImg_wrap .pv-mainPost__label { width: fit-content; padding: 3px 10px; position: absolute; top: 20px; color: #fff; font-size: 10px; text-transform: uppercase; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__itemImg_wrap .pv-mainPost__label.green { background-color: #0e974f; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__itemImg_wrap .pv-mainPost__label.red { background-color: #ed1c24; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__itemImg_wrap .pv-mainPost__label.orange { background-color: #ff8a00; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__info { padding: 20px; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__info .pv-mainPosts__itemTitle { font-size: 20px; margin-bottom: 15px; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__info .pv-mainPosts__itemTitle a { color: #000; } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__info .pv-mainPosts__itemDesc { font-size: 13px; height: 20px; } .pv-mainPosts .pv-mainPostsSlider .slick-arrow { bottom: 0; top: 102%; height: 25px; width: 25px; } .pv-mainPosts .pv-mainPostsSlider .slick-arrow:before { font-size: 25px; } .pv-mainPosts .pv-mainPostsSlider .slick-arrow.slick-prev { left: calc(100% - 70px); } .pv-mainPosts .pv-mainPostsSlider .slick-arrow.slick-next { left: calc(100% - 40px); } .pv-mainVideo { height: 625px; background-image: url(/local/templates/dresscodeV2/images/pv-images/videoBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; margin-top: 75px; } .pv-mainVideo>.container, .pv-mainVideo>.container>.row { height: 100%; } .pv-mainVideo .pv-mainVideoTop { color: #fff; text-align: center; justify-content: center; display: flex; flex-flow: column; } .pv-mainVideo .pv-mainVideoTop .pv-mainVideoTitle { font-size: 36px; margin: 0; line-height: 1.4; font-family: "Trebuchet MS", serif; } .pv-mainVideo .pv-mainVideoTop .pv-mainVideoDesc { margin-top: 15px; } .pv-mainVideo .pv-mainVideoSlider { margin-top: 50px; } .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap { padding: 0 15px; color: #fff; } .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemImg { background-color: #333; width: 260px; height: 146px; cursor: pointer; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1199.98px) { .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemImg { width: 290px; height: 163px; } } @media (max-width: 1023.98px) { .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemImg { width: 320px; height: 180px; } } .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemTitle { margin-top: 24px; font-size: 20px; font-family: "Trebuchet MS", serif; text-align: left; } .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemDesc { font-size: 13px; margin-top: 10px; text-align: left; } .pv-mainVideo .slick-dots { margin-top: 10px; bottom: -50px; } .pv-mainVideo .slick-dots li button:before { color: #fff; font-size: 10px; } .pv-mainVideo .slick-arrow { bottom: 0; top: 115%; height: 25px; width: 25px; z-index: 100; } .pv-mainVideo .slick-arrow:before { font-size: 25px; } .pv-mainVideo .slick-arrow.slick-prev { left: calc(100% - 70px); } .pv-mainVideo .slick-arrow.slick-next { left: calc(100% - 40px); } .pv-shopInfo { padding: 0 0 50px 0; } .pv-shopInfo .pv-shopInfo__title { font-family: "Trebuchet MS"; font-size: 36px; line-height: 1.2; } @media (max-width: 1023.98px) { .pv-shopInfo .pv-shopInfo__title { font-size: 32px; } } .pv-shopInfo .pv-shopInfo__text { margin-top: 20px; } .pv-mainBonus { height: 525px; background-image: url(/local/templates/dresscodeV2/images/pv-images/cashbackBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 50px 0; } @media (max-width: 1023.98px) { .pv-mainBonus { height: auto; background-image: radial-gradient(circle at 0 0, #272727, #000); } } .pv-mainBonus .pv-mainBonus__wrap { text-align: center; justify-content: center; display: flex; flex-flow: column; height: 100%; color: #fff; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__title { font-family: "Trebuchet MS", serif; font-size: 36px; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes { margin: 70px 0; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item { text-align: center; padding: 0 30px; } @media (max-width: 1199.98px) { .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item { padding: 0 10px; } } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item .pv-mainBonus__itemImg { margin-bottom: 30px; } @media (max-width: 1023.98px) { .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item .pv-mainBonus__itemText { padding: 0 30px; } } @media (max-width: 1023.98px) { .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item:nth-child(1), .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item:nth-child(2) { margin-bottom: 30px; } } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmesBtn { width: 100%; max-width: 400px; height: 50px; border-radius: 4px; border: solid 1px rgba(200, 200, 200, 0.3); background-color: #f2f2f2; color: #6d7278; font-size: 15px; font-weight: 500; text-decoration: none; text-transform: uppercase; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmesBtn:hover { color: #000; } .pv-mainFeedbacks { background-color: #000; color: #fff; } .pv-mainFeedbacks>.container>.row { padding: 90px 0; } .pv-mainFeedbacks .pv-mainFeedbacks__info { padding: 0 80px; color: #fff; } @media (max-width: 1199.98px) { .pv-mainFeedbacks .pv-mainFeedbacks__info { padding: 0 40px; } } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoTitle { font-family: "Trebuchet MS", serif; font-size: 30px; margin-bottom: 20px; line-height: 1.2; } @media (max-width: 1023.98px) { .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoTitle { text-align: center; } } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoText { margin-bottom: 20px; } @media (max-width: 1023.98px) { .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoText { text-align: center; margin-bottom: 40px; } } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoSocial { text-align: center; } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoSocial .pv-mainFeedbacks__infoLogo { max-width: 220px; margin: 0 auto; } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoSocial .pv-mainFeedbacks__infoStars_wrap { display: flex; justify-content: center; align-items: center; } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoSocial .pv-mainFeedbacks__infoStars_wrap .pv-mainFeedbacks__infoStars { color: #f7b500; margin-right: 10px; } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoSocial .pv-mainFeedbacks__infoStars_wrap .pv-mainFeedbacks__infoStars i { margin: 0 2px; font-size: 12px; } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoSocial .pv-mainFeedbacks__infoStars_wrap .pv-mainFeedbacks__infoPoints { font-size: 16px; font-weight: 300; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap { padding: 0 80px; } @media (max-width: 1199.98px) { .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap { padding: 0; } } @media (max-width: 1023.98px) { .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap { padding: 0 40px; } } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .pv-mainFeedbacks__sliderItem { background-color: #333; max-width: 100%; width: 425px; height: 240px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1023.98px) { .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .pv-mainFeedbacks__sliderItem { width: 658px; height: 370px; } } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-dots { bottom: -45px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-dots li button:before { color: #fff; font-size: 10px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-arrow:before { font-size: 25px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-prev, .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-next { z-index: 100; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-prev { left: 15px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .slick-next { right: 15px; } .pv-mainFooter { background-color: #f8f8f8; padding: 25px 0; } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__phoneWrap { margin-bottom: 20px; } } .pv-mainFooter .pv-mainFooter__phoneWrap .pv-mainFooter__phone { font-size: 22px; font-weight: 500; } .pv-mainFooter .pv-mainFooter__phoneWrap .pv-mainFooter__phone a { color: #000; text-decoration: none; } @media (max-width: 1199.98px) { .pv-mainFooter .pv-mainFooter__phoneWrap .pv-mainFooter__phone { font-size: 20px; } } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__phoneWrap .pv-mainFooter__phone { font-size: 22px; } } @media (max-width: 1199.98px) { .pv-mainFooter .pv-mainFooter__phoneWrap .pv-mainFooter__everyday { font-size: 12px; } } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__phoneWrap .pv-mainFooter__everyday { font-size: 14px; } } .pv-mainFooter .pv-mainFooter__bonusWrap { display: flex; align-items: center; } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__bonusWrap { margin-bottom: 20px; } } .pv-mainFooter .pv-mainFooter__bonusWrap .pv-mainFooter__bonusIcon { margin-right: 15px; } @media (max-width: 1199.98px) { .pv-mainFooter .pv-mainFooter__bonusWrap .pv-mainFooter__bonusIcon { width: 50px; } } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__bonusWrap .pv-mainFooter__bonusIcon { width: initial; } } @media (max-width: 1199.98px) { .pv-mainFooter .pv-mainFooter__bonusWrap .pv-mainFooter__bonusText { font-size: 12px; } } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__bonusWrap .pv-mainFooter__bonusText { font-size: 14px; } } .pv-mainFooter .pv-mainFooter__bonusButton { height: 50px; border-radius: 4px; background-color: #000; font-size: 12px; color: #fff; text-transform: uppercase; padding: 0 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; width: 100%; } @media (max-width: 1199.98px) { .pv-mainFooter .pv-mainFooter__bonusButton { height: 40px; font-size: 10px; padding: 0 10px; } } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__bonusButton { height: 50px; font-size: 14px; padding: 0 20px; } } @media (max-width: 1199.98px) { .pv-mainFooter .pv-mainFooter__socialWrap .pv-mainFooter__socialTitle { font-size: 12px; } } @media (max-width: 1023.98px) { .pv-mainFooter .pv-mainFooter__socialWrap .pv-mainFooter__socialTitle { font-size: 14px; } } .pv-mainFooter .pv-mainFooter__socialWrap .pv-mainFooter__socialIcons .pv-mainFooter__socialIcon { margin-right: 10px; } .pv-mainFooter .pv-mainFooter__socialWrap .pv-mainFooter__socialIcons .pv-mainFooter__socialIcon .pv-mainFooter__socialIcon_filter-invert { filter: invert(1); } .pv-mainFooter .pv-mainFooter__socialWrap .pv-mainFooter__socialIcons .pv-mainFooter__socialIcon:hover { text-decoration: none; } .pv-nav .pv-nav__menu .pv-nav__menuItem .pv-nav__menuLinkhtml { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } .pv-catalog { margin-bottom: 24px; } .pv-catalog .pv-catalogTitle { font-family: "Trebuchet MS", serif; font-size: 36px; } .pv-catalog .pv-mainFullBanners { margin-top: 50px; } .pv-catalog .pv-catalogCats__wrap { flex-wrap: nowrap; } .pv-catalog .pv-catalogCats { margin-top: 50px; min-width: 300px; } .pv-catalog .pv-catalogCats .pv-catalogCat__top { border: solid 1px #e9eaec; background-color: #fff; cursor: pointer; display: block; width: 100%; color: #000; text-decoration: none; } .pv-catalog .pv-catalogCats .pv-catalogCat__top:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); } .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__image { background-position: center; background-size: cover; background-repeat: no-repeat; height: 240px; } @media (max-width: 1199.98px) { .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__image { height: 240px; } } @media (max-width: 1023.98px) { .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__image { height: 220px; } } .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__image.cat1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat1.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__image.cat2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat2.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__image.cat3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat3.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__title { font-family: "Trebuchet MS"; font-size: 22px; padding: 25px; } @media (max-width: 1023.98px) { .pv-catalog .pv-catalogCats .pv-catalogCat__top .pv-catalogCat__title { font-size: 20px; padding: 15px; } } .pv-catalog .pv-catalogCats .pv-catalogCat__nav { margin-top: 25px; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav.show .pv-catalogCat__navItem { display: flex; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem { border: solid 1px #e9eaec; margin-bottom: -1px; justify-content: space-between; height: 50px; display: none; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem:nth-child(-n+6) { display: flex; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem:after { content: "\F105"; color: #0e974f; font-family: "FontAwesome", sans-serif; font-size: 18px; display: flex; align-items: center; margin-right: 15px; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap { color: #000; text-decoration: none; display: flex; align-items: center; width: 100%; padding: 10px; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap:hover .pv-catalogCat__navImg.pv-catalogCat__navImg_plenki { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenki-hov.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap:hover .pv-catalogCat__navImg.pv-catalogCat__navImg_plenkiTon { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiTon-hov.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap:hover .pv-catalogCat__navImg.pv-catalogCat__navImg_plenkiAntigrav { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiAntigrav-hov.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap:hover .pv-catalogCat__navImg.pv-catalogCat__navImg_alkantara { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_alkantara-hov.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap:hover .pv-catalogCat__navImg.pv-catalogCat__navImg_ekoKoja { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_ekoKoja-hov.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap:hover .pv-catalogCat__navImg.pv-catalogCat__navImg_rezina { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_rezina-hov.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg { margin-right: 15px; width: 30px; height: 30px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1023.98px) { .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg { display: none; } } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg.pv-catalogCat__navImg_plenki { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenki.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg.pv-catalogCat__navImg_plenkiTon { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiTon.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg.pv-catalogCat__navImg_plenkiAntigrav { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_plenkiAntigrav.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg.pv-catalogCat__navImg_alkantara { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_alkantara.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg.pv-catalogCat__navImg_ekoKoja { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_ekoKoja.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navImg.pv-catalogCat__navImg_rezina { background-image: url(/local/templates/dresscodeV2/images/pv-images/cat_rezina.jpg); } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem .pv-catalogCat__navItem_wrap .pv-catalogCat__navTitle { font-weight: 500; } .pv-catalog .pv-catalogCats .pv-catalogCat__more { color: #979797; cursor: pointer; text-decoration: underline; text-transform: uppercase; margin-top: 45px; text-align: center; } .pv-catalog .pv-catalogCats .pv-catalogCat__more.open .show { display: none; } .pv-catalog .pv-catalogCats .pv-catalogCat__more.open .hide { display: block; } .pv-catalog .pv-catalogCats .pv-catalogCat__more .show { display: block; } .pv-catalog .pv-catalogCats .pv-catalogCat__more .hide { display: none; } .pv-catalog .pv-mainFullBanners_wraper { margin-top: 60px; } .pv-product .pv-product__nav { display: flex; align-items: center; font-size: 12px; color: #6d7278; flex-wrap: wrap; } .pv-product .pv-product__nav div a { color: #6d7278; text-decoration: none; } .pv-product .pv-product__nav .pv-product__navLogo { height: 30px; margin: 4px 25px 4px 0; } .pv-product .pv-product__nav .pv-product__navLogo img { height: 100%; } .pv-product .pv-product__nav .pv-product__navStars_wrap { display: flex; justify-content: center; align-items: center; margin: 4px 25px 4px 0; } .pv-product .pv-product__nav .pv-product__navStars_wrap .pv-product__navStars i { color: #f0f0f0; } .pv-product .pv-product__nav .pv-product__navStars_wrap .pv-product__navStars i.green { color: #0e974f; } .pv-product .pv-product__nav .pv-product__navFavorites { font-weight: 300; cursor: pointer; margin: 4px 25px 4px 0; display: flex; align-items: center; } .pv-product .pv-product__nav a { display: flex; align-items: center; } .pv-product .pv-product__nav .pv-product__navCompare .addCompare:before, .pv-product .pv-product__nav .pv-product__navFavorites .addWishlist:before { content: ""; height: 25px; width: 25px; margin-right: 5px; background-position: center; background-size: cover; background-repeat: no-repeat; } .pv-product .pv-product__nav .pv-product__navFavorites .addWishlist:before { background-image: url(/local/templates/dresscodeV2/images/pv-images/iconP-favorite.svg); } .pv-product .pv-product__nav .pv-product__navFavorites:hover .addWishlist:before, .pv-product .pv-product__nav .pv-product__navFavorites .addWishlist.added:before { background-image: url(/local/templates/dresscodeV2/images/pv-images/iconP-favorite-a.svg); } .pv-product .pv-product__nav .pv-product__navCompare { font-weight: 300; cursor: pointer; margin: 4px 0; display: flex; align-items: center; } .pv-product .pv-product__nav .pv-product__navCompare .addCompare:before { background-image: url(/local/templates/dresscodeV2/images/pv-images/iconP-compare.svg); } .pv-product .pv-product__nav .pv-product__navCompare:hover .addCompare:before, .pv-product .pv-product__nav .pv-product__navCompare .addCompare.added:before { background-image: url(/local/templates/dresscodeV2/images/pv-images/iconP-compare-a.svg); } .pv-product .pv-product__data { margin-top: 12px; border: none !important; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider { overflow: hidden; height: 336px; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap { overflow: hidden; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider .pv-product__sliderItem { width: 350px; height: 336px; background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 1199.98px) { .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider { overflow: auto; height: auto; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider .pv-product__sliderItem { width: 468px; height: 468px; } } @media (max-width: 1023.98px) { .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider .pv-product__sliderItem { width: 339px; height: 339px; } } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap { margin-top: 10px; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .pv-product__sliderNav .pv-product__sliderNavItem { margin: 0 5px; width: 75px; height: 45px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1199.98px) { .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .pv-product__sliderNav .pv-product__sliderNavItem { width: 107px; height: 87px; } } @media (max-width: 1023.98px) { .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .pv-product__sliderNav .pv-product__sliderNavItem { width: 75px; height: 55px; } } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .slick-slide img { opacity: .5; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .slick-slide.slick-current img { opacity: 1; } .pv-product .pv-product__data .pv-product__sliderWrap .slick-prev, .pv-product .pv-product__data .pv-product__sliderWrap .slick-next { background-image: none !important; } .pv-product .pv-product__data .pv-product__sliderWrap .slick-prev:before { content: "\F104" !important; } .pv-product .pv-product__data .pv-product__sliderWrap .slick-next:before { content: "\F105" !important; } .pv-product .pv-product__data .pv-product__sliderWrap .slick-arrow:before { color: #0e974f; font-family: "FontAwesome", serif; font-size: 26px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical { width: 100%; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row { border-bottom: 1px dashed #c4c4c4; line-height: 1; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row.pv-product__technical_row-second .pv-product__technical_column { padding-top: 15px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row.pv-product__technical_row-first .pv-product__technical_column { padding-top: 0; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row.pv-product__technical_row-first .pv-product__technical_column:nth-child(1) span { font-weight: 500; font-size: 16px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column { padding-top: 17px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column .pv-product__technical_columnAll { text-decoration: underline; cursor: pointer; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column span { display: block; position: relative; margin-bottom: -2px; background-color: #fff; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column span a { color: #000; text-decoration: underline; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column:nth-child(1) { padding-right: 25px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column:nth-child(1) span { width: fit-content; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column:nth-child(2) { padding-left: 45px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__technical .pv-product__technical_row .pv-product__technical_column:nth-child(2) span { padding-left: 5px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car { position: relative; height: 150px!important; margin: 54px auto 0 auto; width: 470px; overflow: visible; } @media (max-width: 1023.98px) { .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car { height: 110px; width: 345px; } } @media (max-width: 374px){ .product_clph .clph_add { width: 154px; } .product_clph .clph_btn { right: 23.5px; width: 132px; } } @media (min-width: 375px) and (max-width: 424px) { .product_clph .clph_btn { right: 21px; width: 159px; } } @media (min-width: 425px) and (max-width: 600px) { .product_clph .clph_btn { right: 21px; width: 184px; } } @media (min-width: 601px) and (max-width: 960px) { .product_clph .clph_btn { right: 21px; width: 156px; } } @media (min-width: 961px) and (max-width: 1199px) { .product_clph .clph_btn { right: 22.5px; width: 220px; } } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carImg { width: 100%; height: auto; overflow: hidden; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carImg img { display: block; height: 150px; } @media (max-width: 1023.98px) { .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carImg img { height: 110px; } } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carSlider { position: absolute; z-index: 9; cursor: pointer; width: 25px; background-position: center; background-image: url(/local/templates/dresscodeV2/images/pv-images/compSlider.svg); height: 150px; } @media (max-width: 1023.98px) { .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carSlider { height: 110px; } } .pv-product .pv-product__data .pv-product__asside.fixed .pv-product__asside_wrap { position: fixed; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap { position: absolute; top: 0; right: 0; width: 100%; max-width: 255px; } @media (max-width: 1199.98px) { .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap { position: relative; max-width: 100%; } .pv-product .pv-product__data .pv-product__asside.fixed .pv-product__asside_wrap { position: relative; right: 0 !important; } } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header { background-color: #f1f3f6; width: 100%; padding: 15px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCode span { font-weight: 300; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideOptions .pv-product__assideTitle { margin-bottom: 12px; border-bottom: 2px solid #ddd; width: fit-content; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideOptions .pv-product__assideTitle span { color: #f00; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideOldPrice { display: flex; margin-top: 15px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideOldPrice .pv-product__assideOldPrice_value { color: #888; font-size: 18px; font-weight: 600; text-decoration: line-through; text-decoration-color: #ed1c24; font-family: "Roboto", serif; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideOldPrice .pv-product__assideOldPrice_label { background-color: #0e974f; color: #fff; font-weight: bold; display: flex; padding: 1px 5px; margin-left: 10px; line-height: 1; align-items: center; justify-content: center; font-family: "Roboto", serif; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice { margin-top: 10px; font-family: "Roboto", serif; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info { color: #999; border: 1px solid #999; display: flex; font-size: 10px; line-height: 1; border-radius: 50%; width: 13px; height: 13px; align-items: center; justify-content: center; cursor: pointer; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info:hover .pv-product__assideNewPrice_infoPopap { display: block; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap { position: absolute; width: 220px; padding: 17px; left: -200px; background-color: #fff; z-index: 100; display: none; box-shadow: -2px 2px 20px 0 rgba(0, 0, 0, 0.15); } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap .pv-product__assideNewPrice_infoPopap-title { font-weight: 500; color: #000; font-size: 14px; line-height: 1.4; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap .pv-product__assideNewPrice_infoPopap-table { margin-top: 15px; width: 100%; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap .pv-product__assideNewPrice_infoPopap-table .pv-product__assideNewPrice_infoPopap-tableRow { width: 100%; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap .pv-product__assideNewPrice_infoPopap-table .pv-product__assideNewPrice_infoPopap-tableRow:nth-child(1) .pv-product__assideNewPrice_infoPopap-tableCol { font-weight: 500; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap .pv-product__assideNewPrice_infoPopap-table .pv-product__assideNewPrice_infoPopap-tableRow:nth-child(2n) { background-color: #f2f2f2; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_info .pv-product__assideNewPrice_infoPopap .pv-product__assideNewPrice_infoPopap-table .pv-product__assideNewPrice_infoPopap-tableRow .pv-product__assideNewPrice_infoPopap-tableCol { width: 50%; height: 35px; text-align: center; border: solid 1px #e9eaec; font-size: 12px; font-weight: 300; color: #000; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice .pv-product__assideNewPrice_value span { font-size: 16px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice span.pv-product__spanPrice { font-size: 25px; line-height: 1; font-weight: 600; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice span.pv-product__assideNewPriceValue { margin-left: 0; font-size: 25px; font-weight: 600; line-height: 1; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNewPrice span.pv-product__assideNewPriceValue.pv-product__assideNewPriceValue_line-through { text-decoration: line-through; color: #808080; font-size: 18px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideBonus { color: #6d7278; font-size: 12px; margin: 10px 0 0 0; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideBonus span { color: #0e974f; font-weight: bold; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideCart, .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideBay { margin: 0; font-size: 15px; height: 50px; align-items: center; display: flex; justify-content: center; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header #subsrul.pv-product__assideCart { font-size: 14px; margin-left: 4px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideBay { margin: 15px 0 0 0; } .rzapros { padding: 12px 10px; font-size: 12px!important; } .rzapros img { padding-right: 5px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideBay { background-color: #fff; color: #242424; border: 1px solid #242424; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav { display: flex; align-items: center; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_count { display: flex; align-items: center; justify-content: space-around; padding: 15px 20px; background-color: #fff; border: 1px solid #e0e7ee; border-radius: 5px; color: #6d7278; font-size: 12px; max-width: 105px; margin-right: 4px; margin-bottom: 0 !important; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_count a { display: block !important; height: inherit !important; width: fit-content !important; background: none !important; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_count .qty { background: none !important; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_count i { cursor: pointer; color: #808080; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_count i.color-silver { color: #e0e0e0; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_header .pv-product__assideNav .pv-product__assideNav_count .pv-product__assideNav_count_num { margin: 0 15px; width: inherit; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow { width: 100%; padding: 17px 24px; border-bottom: 1px solid #e9eaec; display: flex; align-items: center; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_lowStore { width: 100%; padding: 0 25px 17px 59px; border-bottom: 1px solid #e9eaec; display: flex; flex-direction: column; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow.stock { align-items: center; color: #0e974f; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow.outOfStock { color: #ed1c24; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow.chipper span { color: #a2a2a2; font-size: 12px; font-weight: 300; display: block; margin-top: 5px; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow a { color: #0e974f; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow img { margin-right: 15px; width: 20px; height: auto; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerRow .pv-product__asside_footerText { font-weight: 500; line-height: 1; } .pv-product .pv-product__data .pv-product__asside .pv-product__asside_wrap .pv-product__asside_footer .pv-product__asside_footerDesc { padding: 15px; font-size: 10px; color: #c0c0c0; } .pv-product .pv-product__allInfo { margin-top: 1rem; } .pv-product .pv-product__allInfo .pv-product__allInfo_nav { background-color: #f2f2f2; margin-bottom: 20px; justify-content: space-around; overflow: auto; flex-wrap: nowrap; position: relative; } .pv-product .pv-product__allInfo .pv-product__allInfo_nav .pv-product__allInfo_navItem { font-size: 15px; font-weight: 500; color: #6d7278; padding: 15px 15px; text-transform: uppercase; text-decoration: none; white-space: nowrap; } @media (max-width: 1023.98px) { .pv-product .pv-product__allInfo .pv-product__allInfo_nav { justify-content: space-between; } .pv-product .pv-product__allInfo .pv-product__allInfo_nav .pv-product__allInfo_navItem { padding: 15px 20px; } } .pv-product .pv-product__allInfo .pv-product__allInfo_nav .pv-product__allInfo_navItem.active { border-bottom: 2px solid #0e974f; } .pv-product .pv-product__allInfo .pv-product__allInfo_nav .ps__rail-x { display: none; } .pv-product .pv-product__mainTech { width: 100%; } .pv-product .pv-product__mainTech .pv-product__mainTech_row:nth-child(2n) { background-color: #f2f2f2; } .pv-product .pv-product__mainTech .pv-product__mainTech_row .pv-product__mainTech_col { padding: 9px 15px; } .pv-product .pv-product__mainTech .pv-product__mainTech_row .pv-product__mainTech_col a { color: #000; text-decoration: underline; } .pv-product .pv-product__stock_wrap .pv-product__stock_head { display: flex; align-items: center; justify-content: space-between; padding: 0; margin-bottom: 20px; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headTitle { font-family: "Trebuchet MS", serif; font-size: 22px; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headView { display: flex; align-items: center; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headView .pv-product__stock_headView-item { display: flex; align-items: center; font-size: 16px; font-weight: 300; margin: 0 8px; color: #4a4a4a; cursor: pointer; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headView .pv-product__stock_headView-item:hover { color: #000; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headView .pv-product__stock_headView-item .fa { font-size: 10px; margin-right: 8px; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headView .pv-product__stock_headView-item .fa-map-marker { font-size: 13px; } .pv-product .pv-product__stock_wrap.list .pv-product__stock_head-listView { color: #0e974f !important; } .pv-product .pv-product__stock_wrap.list .pv-product__mainStock { display: block; } .pv-product .pv-product__stock_wrap.map .pv-product__stock_head-mapView { color: #0e974f !important; } .pv-product .pv-product__stock_wrap.map .pv-product__stock_map { display: block; } .pv-product .pv-product__stock_wrap .pv-product__mainStock { margin: 0 auto; width: fit-content; display: none; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row { font-size: 12px; border-bottom: solid 1px #e9eaec; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row.pv-product__mainStock_row-header .pv-product__mainStock_col { font-weight: 500; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col { padding: 12px 20px; } @media (max-width: 1199.98px) { .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col { padding: 12px 30px; } } @media (max-width: 1023.98px) { .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col { padding: 12px 20px; } } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col a { color: #333; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_shopName { font-weight: 500; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_shopScheme { color: #0e974f; text-decoration: underline; cursor: pointer; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col.pv-product__mainStock_working .red { color: #ed1c24; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_count-red { color: #ed1c24; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_count-green { color: #0e974f; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_count-orange { color: #ff8a00; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_countWrap, .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col .pv-product__mainStock_phone { display: flex; white-space: nowrap; } @media (max-width: 1023.98px) { .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col:nth-child(2) { display: none; } } .pv-product .pv-product__stock_wrap .pv-product__stock_map { width: 100%; display: none; } .pv-product .pv-product__stock { margin-top: 20px; margin-bottom: 20px; } .pv-product .pv-product__docs .pv-product__docsTitle { font-family: "Trebuchet MS", serif; font-size: 24px; } .pv-product .pv-product__docs .pv-product__docsRow { display: flex; align-self: center; margin-top: 25px; flex-wrap: wrap; } .pv-product .pv-product__docs .pv-product__docsRow .pv-product__docsItem { margin: 10px 20px 10px 0; color: #000; text-decoration: none; display: flex; align-items: center; } .pv-product .pv-product__docs .pv-product__docsRow .pv-product__docsItem img { margin-right: 10px; } .pv-product .pv-product__videos { margin-top: 45px; } .pv-product .pv-product__videos .pv-product__videosTitle { font-family: "Trebuchet MS"; font-size: 24px; } .pv-product .pv-product__videos .pv-product__videosRow { display: block; width: 100%; margin-top: 25px; } .pv-product .pv-product__videos .pv-product__videosRow .pv-product__videosItem { width: 404px; height: 227px; margin: 0 10px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1023.98px) { .pv-product .pv-product__videos .pv-product__videosRow .pv-product__videosItem { height: 188px; } } .pv-product .pv-product__videos .pv-product__videosRow .pv-product__videosItem:last-child { margin-right: 0; } .pv-product .pv-product__examples { margin-top: 20px; } .pv-product .pv-product__examples .pv-product__examplesTitle { font-family: "Trebuchet MS", serif; font-size: 24px; } .pv-product .pv-product__examples .pv-product__examplesNav { margin: 15px 0 35px 0; overflow: auto; flex-wrap: nowrap; white-space: nowrap; position: relative; } .pv-product .pv-product__examples .pv-product__examplesNav .pv-product__examplesNav_item { font-size: 15px; font-weight: 500; color: #6d7278; padding: 10px 20px; text-decoration: none; text-transform: uppercase; } .pv-product .pv-product__examples .pv-product__examplesNav .pv-product__examplesNav_item.active, .pv-product .pv-product__examples .pv-product__examplesNav .pv-product__examplesNav_item:hover { border-bottom: 2px solid #0e974f; } .pv-product .pv-product__examples .pv-product__examplesNav .ps__rail-x { display: none; } .pv-product .pv-product__examples .pv-product__examplesRow .pv-product__examplesRow-wrap { display: block; width: 100%; } .pv-product .pv-product__examples .pv-product__examplesRow .pv-product__examplesItem { width: 273px; height: 186px; background-color: #b6c2d4; margin-right: 10px; background-position: center; background-size: cover; background-repeat: no-repeat; display: block; min-height: 0; min-width: 0; } .pv-product .pv-product__examples .pv-product__examplesRow .pv-product__examplesImg { width: 100%; } .pv-product .pv-product__examples .pv-product__examplesRow .pv-product__examplesItem:last-child { margin-right: 0; } .pv-product .pv-product__whyVfy { margin: 20px 0; } .pv-product .pv-product__whyVfy .pv-product__whyVfyTitle, .pv-product .pv-product__mainTech_row .pv-product__whyVfyTitle { font-family: "Trebuchet MS", serif; font-size: 22px; margin-bottom: 15px; } .pv-product .pv-product__whyVfy .pv-product__whyVfyRow .pv-product__whyVfyItem { margin: 15px 0; display: flex; align-items: center; } .pv-product .pv-product__whyVfy .pv-product__whyVfyRow .pv-product__whyVfyItem img { width: 75px; margin-right: 20px; } .pv-product .pv-product__seeAlso .pv-product__seeAlsoTitle { font-family: "Trebuchet MS", serif; font-size: 22px; } .pv-cart .pv-cartTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; width: 100%; } .pv-cart .pv-cartTop .pv-cartTitle { font-family: "Trebuchet MS", serif; font-size: 26px; font-weight: 400; } .pv-cart .pv-cartTop .pv-cart__back { display: flex; align-items: center; justify-content: center; color: #000; } .pv-cart .pv-cartTop .pv-cart__back img { width: 20px; margin-right: 10px; } .pv-cart .pv-cartItems { border-bottom: 1px solid #e0e7ee; } .pv-cart .pv-cartItems .pv-cartItem__row { display: flex; align-items: center; margin-bottom: 30px; justify-content: space-between; position: relative; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__dataWrap { display: flex; align-items: center; justify-content: space-between; width: 100%; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__data { display: flex; align-items: center; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__img { width: 100px; } @media (max-width: 1023.98px) { .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__img { width: 60px; } } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__info { margin-left: 10px; width: 300px; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__info .pv-cartItem__infoCode { color: #999; font-family: "Trebuchet MS", serif; font-size: 12px; font-weight: 400; text-decoration: underline; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__info .pv-cartItem__infoName { font-family: "Trebuchet MS", serif; font-size: 16px; font-weight: 400; margin-top: 10px; line-height: 1.2; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__info .pv-cartItem__infoName a { color: #000; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__count { display: flex; align-items: center; justify-content: center; padding: 10px 20px 10px 20px; background-color: #fff; border: 1px solid #e0e7ee; border-radius: 5px; color: #6d7278; font-size: 12px; margin-left: 10px; } @media screen and (max-width: 425px) { .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__count { padding: 10px; } } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__count i { cursor: pointer; color: #808080; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__count .pv-cartItem__countNum { margin: 0 10px; width: 20px; text-align: center; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo { display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-end; margin-left: 15px; text-align: right; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .sum { display: none; } @media (max-width: 1023.98px) { .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo { text-align: right; } } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceOld_wrap { display: flex; align-items: center; } @media (max-width: 1023.98px) { .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceOld_wrap { justify-content: flex-end; } } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceOld_wrap .pv-cartItem__priceOld { color: #999; font-family: "Roboto"; font-size: 15px; font-weight: 700; text-decoration: line-through; text-decoration-color: #ff3f47; width: 100%; text-align: right; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceOld_wrap .pv-cartItem__priceSale { background-color: #0e974f; color: #fff; font-family: "Roboto"; font-size: 15px; font-weight: 700; margin-left: 10px; padding: 2px 5px; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceCur, .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceCur a { font-family: "Roboto"; font-size: 18px; font-weight: 700; color: #000; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceCur span { font-size: 15px; font-weight: 700; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__remove { color: #999; font-family: "Trebuchet MS", serif; font-size: 12px; font-weight: 400; text-decoration: none; cursor: pointer; display: block; position: absolute; top: 1rem; right: 1rem; } .pv-cart .pv-cartRecommended { margin-bottom: 25px; border-bottom: 1px solid #e0e7ee; display: flex; position: relative; overflow: hidden; } .pv-cartRecommended .sku { border-radius: 4px; } .pv-cartRecommended .sku:not(:last-child) { margin: 0 1.5rem 0.75rem 0; } .pv-cart .pv-cartRecommended__title { font-family: "Trebuchet MS"; font-size: 24px; font-weight: 400; margin-bottom: 25px; width: 100%; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row { display: flex; align-items: center; justify-content: space-between; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__dataWrap { display: flex; align-items: center; justify-content: space-between; width: 100%; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__data { display: flex; align-items: center; flex-direction: column; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__img { width: 100px; margin-right: 10px; } @media (max-width: 1023.98px) { .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__img { width: 80px; } } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info { width: 300px; } @media screen and (max-width: 480px) { .pv-breadcrumb { margin: 12px 0 0 0; padding-bottom: 12px; } .pv-catalog .pv-catalogTitle { text-align: center; } .pv-catalog .pv-catalogCats__wrap { flex-wrap: wrap; overflow-anchor: auto; overflow: auto !important; } .pv-catalog .pv-catalogCats__wrap .pv-catalogCats.col-4 { max-width: 100%; flex: 0 100%; margin: 3rem auto 0; } .pv-catalog .pv-catalogCats__wrap .pv-catalogCats ul.pv-catalogCat__nav { padding-left: 0; margin-top: 0; } .pv-catalog .pv-catalogCats .pv-catalogCat__more { margin-top: 2rem; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem:after { content: ""; } .pv-catalog .pv-catalogCats .pv-catalogCat__nav .pv-catalogCat__navItem:before { content: "\F105"; color: #0e974f; font-family: "FontAwesome", sans-serif; font-size: 18px; display: flex; align-items: center; margin-left: 15px; } .pv-mobileMenu .pv-mobileMenu__catalog .pv-mobileMenu__catalogSub .pv-mobileMenu__catalogSub_item .pv-mobileMenu__catalogSub_itemLink { padding: 25px 1rem 25px 3rem; } .pv-catalog .pv-mainFullBanners { display: none; } .bx-auth .leftContainer .bx-auth-form div.checkbox input[type="checkbox"] { display: none; } .bx-auth .leftContainer .bx-auth-form div.checkbox label.bx-filter-param-label:before { left: 0; } form[name="bform"] div.bx-authform-formgroup-container-line div.bx-authform-input-container input[type="checkbox"] { display: none; } .bx-authform-formgroup-container-line div.bx-authform-input-container label[for="userPersonalInfoReg"]:before { left: 0; } .bx-authform-formgroup-container-line div.bx-authform-input-container label[for="userPersonalInfoReg"] { font-size: 13px; } .bx-auth .rightContainer .bx-title { margin-top: 1rem; } .pv-cart .pv-cartRecommended { overflow-x: auto; } .pv-cartRecommended .sku:not(:last-child) { margin-right: 1.25rem; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info .pv-cartRecommendedItem__infoName a { font-size: 12px; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info { margin-left: 10px; min-height: 57px; } } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info .pv-cartRecommendedItem__infoCode { color: #999; font-family: "Trebuchet MS"; font-size: 12px; font-weight: 400; text-decoration: underline; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info .pv-cartRecommendedItem__infoName { color: #000; font-family: "Trebuchet MS"; font-size: 16px; font-weight: 400; line-height: 1.2; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info .pv-cartRecommendedItem__infoName a { color: #000; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__price { font-family: "Roboto"; font-size: 22px; font-weight: 700; display: flex; width: 300px; align-items: center; justify-content: space-between; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__price span { font-size: 15px; font-weight: 700; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__add { margin: 0 20px 0 0; height: 32px; display: flex; align-items: center; justify-content: center; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__add .icon-basket { display: block; height: 16px; margin-right: 2px; } @media (max-width: 1199.98px) { .pv-cart .pv-cartAside { border-bottom: 1px solid #e0e7ee; } } .pv-cart .pv-cartAside .pv-cartAside__box { background-color: #f1f3f6; padding: 20px; border-radius: 4px; box-shadow: 0 0 10px rgba(153, 153, 153, 0.6); margin-bottom: 16px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 16px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__priceInfo { text-align: right; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__priceInfo .pv-cartAside__priceOld { color: #999; font-family: "Roboto", serif; font-size: 15px; font-weight: 700; text-decoration: line-through; text-decoration-color: #ff3f47; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__priceInfo .pv-cartAside__priceCur { font-family: "Roboto", serif; font-size: 27px; font-weight: 700; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__priceInfo .pv-cartAside__basePrice { font-family: "Roboto", serif; font-size: 16px; text-decoration: line-through; text-decoration-color: #ed1c24; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__priceInfo .pv-cartAside__priceCur span { font-size: 21px; font-weight: 700; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonusWrap { display: flex; justify-content: space-between; align-items: center; margin: 0; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonusText { line-height: 2; margin-right: 10px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonus { display: flex; color: #6d7278; font-family: "Rubik"; font-size: 14px; font-weight: 400; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonus span { color: #0e974f; font-weight: 500; margin-right: 5px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonus .pv-cartAside__bonusInfo { color: #999; border: 1px solid #999; display: flex; font-size: 10px; line-height: 1; border-radius: 50%; width: 13px; height: 13px; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; position: relative; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonus .pv-cartAside__bonusInfo:hover .pv-cartAside__bonusInfo__popap { display: block; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonus .pv-cartAside__bonusInfo .pv-cartAside__bonusInfo__popap { display: none; position: absolute; padding: 10px; width: 170px; font-size: 12px; background-color: #fff; box-shadow: 0 0 4px #d9d9d9; border: 1px solid #d9d9d9; border-radius: 4px; color: #000; line-height: 1.4; bottom: 20px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons { display: flex; flex-flow: column; align-items: center; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons .pv-cartAside__contBtn, .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons .pv-cartAside__buyBtn { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons .pv-cartAside__buyBtn:hover { background-color: #1a1a1a; } @media (max-width: 599.98px) { .pv-mainCats { margin-top: 20px; } .pv-mainFullBanners_wrap .pv-mainFullBanners .pv-mainFullBanner { height: 325px; } .pv-mainFullBanners .pv-mainFullBanner { height: 375px; justify-content: start; padding: 25px; } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_1 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_small_1.jpg); } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_2 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_small_2.jpg); } .pv-mainFullBanners .pv-mainFullBanner.pv-mainFullBanner_3 { background-image: url(/local/templates/dresscodeV2/images/pv-images/slider_small_3.jpg); } .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item { padding: 0; } .pv-mainVideo, .pv-mainBonus { background-attachment: scroll; } .pv-mainVideo .pv-mainVideoTop .pv-mainVideoTitle { padding-left: 25px; } .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemImg { max-width: 100%; width: 260px; height: 146px; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item { margin-bottom: 30px; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item .pv-mainBonus__itemText { max-width: 240px; margin: 0 auto; } .pv-mainFeedbacks>.container>.row { padding: 50px 0; } .pv-mainFeedbacks .pv-mainFeedbacks__info .pv-mainFeedbacks__infoTitle { padding: 0 10px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .pv-mainFeedbacks__sliderItem { width: 360px; height: 202px; } .pv-mainFooter { padding: 40px 0; } .pv-mainFooter .pv-mainFooter__phoneWrap { text-align: center; } .pv-mainFooter .pv-mainFooter__bonusWrap { justify-content: center; } .pv-mainFooter .pv-mainFooter__bonusButton { margin-bottom: 20px; max-width: 280px; text-align: center; } .pv-mainFooter .pv-mainFooter__socialWrap { text-align: center; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car { height: 110px; width: 300px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carImg img { height: 110px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carSlider { height: 110px; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headTitle { margin: 0; } .pv-product .pv-product__stock_wrap .pv-product__stock_head .pv-product__stock_headView .pv-product__stock_headView-item { font-size: 13px; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col { padding: 12px; } .pv-product .pv-product__videos .pv-product__videosRow .pv-product__videosItem { height: 170px; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__dataWrap { flex-flow: column; align-items: start; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__info { width: 100%; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo { text-align: left; margin-top: 20px; flex-wrap: wrap; justify-content: center; flex-direction: column-reverse; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__priceInfo .pv-cartItem__priceOld_wrap { margin-right: 20px; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__data { flex-flow: column; align-items: start; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info { width: 100%; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__price { margin: 10px 0 0 10px; font-size: 14px; width: 180px; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__add { font-size: 15px; border-radius: 10px; width: 20%; margin: 0; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__info .pv-cartRecommendedItem__infoName { margin-top: 0; min-width: 120px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head { border-bottom: none; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonusWrap { border-bottom: none; flex-wrap: wrap; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons .pv-cartAside__contBtn, .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons .pv-cartAside__buyBtn { margin-bottom: 16px; max-width: 100%; font-size: 15px; } } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__Buttons .pv-cartAside__buyBtn { background-color: #979797; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__back { width: 100%; display: flex; align-items: center; justify-content: center; color: #000; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__back img { width: 20px; margin-right: 10px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-main_btn { margin-bottom: 16px; } .pv-cart .pv-cartAside .pv-cartAside__auth { display: flex; align-items: flex-start; margin-bottom: 16px; } .pv-cart .pv-cartAside .pv-cartAside__auth .pv-cartAside__authIcon { width: 20px; } .pv-cart .pv-cartAside .pv-cartAside__auth .pv-cartAside__authText { margin: 0 0 10px 10px; } .pv-cart .pv-cart__seeAlso { margin-top: 45px; } .pv-cart .pv-cart__seeAlso .pv-cart__seeAlsoTitle { font-family: "Trebuchet MS", serif; font-size: 24px; } .pv-order .pv-orderTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .pv-order .pv-fixed { padding: 0; } .pv-order .pv-fixed div { padding: 10px 20px; } .pv-order .pv-orderBody .bx-ui-sls-tree-trunk { padding: 0; font-weight: 700; } .pv-order .pv-orderBody .quick-locations .quick-location-tag { font-size: 16px; font-weight: 500; padding: 4px 8px; border-radius: 4px; border: 1px solid #979797; color: #979797 !important; text-align: center; cursor: pointer; height: 32px; align-items: center; justify-content: center; background-color: #fff; } #bx-soa-delivery #pv-sdekWidget > div { margin: 10px 0; } #bx-soa-delivery #pv-sdekWidget span.pv-sdekIcon { background: url("/local/templates/dresscodeV2/css/images/icon-geo.png") center center / contain no-repeat; height: 21px; width: 25px; margin-right: 0.5rem; } #bx-soa-delivery #pv-sdekWidget > div > a { border: 0; background-color: #fff; font-family: "Trebuchet MS", serif; font-weight: 300; padding: 0; text-decoration: underline; } #bx-soa-delivery #pv-sdekWidget > div.sdek_pvzLair { display: flex; flex-direction: row-reverse; justify-content: flex-end; } #bx-soa-delivery #pv-sdekWidget > div.sdek_pvzLair > a:focus { box-shadow: none; } #bx-soa-delivery #pv-sdekWidget > div.sdek_pvzLair > a:hover { color: #282828; } #bx-soa-delivery #pv-sdekWidget > div.sdek_pvzLair .sdek_pvzAddr, #bx-soa-delivery #pv-sdekWidget > div.sdek_pvzLair br { display: none; } #bx-soa-delivery .pv-orderBlockWrap .pv-orderBlockRadio_btn-text { display: none; } #bx-soa-delivery #hiddenBlockDelivery.pv-orderBlockWrap-hidden .pv-orderBlockRadio__title { font-size: 14px; min-height: 20px; } #bx-soa-delivery #hiddenBlockDelivery.pv-orderBlockWrap-hidden .pv-orderBlockRadio { display: flex; align-content: space-between; justify-content: center; height: 45px; padding: 5px 25px; border: 0; margin: 0; } #bx-soa-delivery #hiddenBlockDelivery.pv-orderBlockWrap-hidden #hiddenListItem { border: 1px solid #f1f3f6; border-radius: 5px; } #bx-soa-delivery #hiddenBlockDelivery.pv-orderBlockWrap-hidden #hiddenListItem .pv-orderBlockRadio { border-bottom: 1px solid #282828; } #bx-soa-delivery #hiddenBlockDelivery.pv-orderBlockWrap-hidden #hiddenListItem .pv-orderBlockRadio:hover { background-color: #f1f3f6; transition: all .3s; } .pv-order .pv-orderBody .quick-locations .quick-location-tag:hover { color: #000 !important; } .pv-order .pv-orderBody .bx-slst .dropdown-block { background-color: #f1f3f6; display: flex; align-items: center; z-index: 100; padding: 13px 35px 13px 13px !important; margin: 10px 0; color: #6d7278; border-radius: 5px; border: 1px solid #e0e7ee; box-shadow: none !important; -webkit-box-shadow: none !important; height: 50px !important; } .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-container { display: flex; align-items: center; height: 100%; width: 100%; } .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-container div { padding: 0; height: inherit !important; } .pv-order .pv-orderBody .bx-slst .dropdown-block .dropdown-icon { display: none; } .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-toggle, .pv-order .pv-orderBody .bx-slst .dropdown-block .dropdown-fade2white { background: none !important; width: inherit !important; height: inherit !important; margin: 0 !important; } .pv-order .pv-orderBody .bx-sls .dropdown-block .bx-ui-sls-pane, .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-dropdown { background-color: #fff; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.25); top: 100%; left: 0; right: 0; z-index: 99; margin: 0 4px 0 0; color: #6d7278; border: 1px solid #e0e7ee; padding: 0; } .pv-order .pv-orderBody .bx-sls .dropdown-block .dropdown-item, .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-variant { color: #000; font-size: 14px; padding: 13px; line-height: 1; } .pv-order .pv-orderBody .bx-sls .dropdown-block .dropdown-item:hover, .pv-order .pv-orderBody .bx-sls .dropdown-block .dropdown-item.bx-ui-sls-variant-active, .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-variant:hover, .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-variant.bx-ui-combobox-variant-active { background-color: #ebebeb; } .pv-order .pv-orderBody .bx-slst .dropdown-block .bx-ui-combobox-toggle:after { position: absolute; content: "\F078"; color: #0e974f; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; top: 16px; right: 16px; font-weight: 100; } .pv-order .pv-orderBody .bx-sls .dropdown-block { background-color: #f1f3f6; display: block; z-index: 100; padding: 6px 35px !important; margin-bottom: 10px; color: #6d7278; border-radius: 5px; border: 1px solid #e0e7ee; box-shadow: none !important; -webkit-box-shadow: none !important; height: 50px !important; } .pv-order .pv-orderBody .bx-sls .dropdown-block .dropdown-icon { top: 16px; } .pv-order .pv-orderBody .bx-sls .dropdown-block .bx-ui-combobox-toggle, .pv-order .pv-orderBody .bx-sls .dropdown-block .dropdown-fade2white { background: none !important; width: inherit !important; height: inherit !important; margin: 0 !important; } .pv-order .pv-orderBody .bx-sls .bx-ui-sls-clear { margin-top: 9px; } .pv-order .pv-orderBody .bx-sls .bx-ui-sls-container input { height: 33px !important; } .pv-order .pv-orderBody .bx-soa-section-title-count { display: inline-block; min-width: 20px; height: 20px; border-radius: 10px; border: 1px solid #98979d; vertical-align: middle; position: relative; margin: -3px 10px 0 0 } .pv-order .pv-orderBody .bx-soa-coupon { margin-bottom: 10px; } .pv-order .pv-orderBody .bx-soa-coupon-input input { width: 200px; } .pv-order .pv-orderBody .bx-soa-coupon-item { margin-top: 7px; display: block; } #bx-soa-order { transition: 500ms opacity ease; counter-reset: heading } .pv-order .pv-orderBody .bx-soa-section .bx-soa-section-title-count:after { position: absolute; left: 0; right: 0; top: 0; text-align: center; font-size: 13px; color: #000; line-height: 18px; font-weight: 700; counter-increment: heading; content: counter(heading); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pv-order .pv-orderBody .bx-soa-section-title-count:before { content: ""; position: absolute; width: 10px; height: 10px; right: -5px; bottom: -2px; display: none; background: url(/local/templates/dresscodeV2/images/pv-images/sprite.png) no-repeat center } #bx-soa-properties .bx-soa-section-content .bx-link-user { min-height: 30px; display: flex; align-items: center; width: 100%; } #bx-soa-properties .bx-soa-section-content .bx-link-user > a { margin-left: 0.5rem; text-decoration: underline; } .pv-order .pv-orderBody .bx-soa-section.bx-step-completed .bx-soa-section-title-count { background: #87c73d; border-color: #87c73d } .pv-order .pv-orderBody .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after { color: #fff } .pv-order .pv-orderBody .bx-soa-section.bx-step-completed .bx-soa-section-title-count:before { display: block; background-position: center 0 } .pv-order .pv-orderBody .bx-soa-section.bx-step-warning .bx-soa-section-title-count { background: #f8c11a; border-color: #f8c11a } .pv-order .pv-orderBody .bx-soa-section.bx-step-warning .bx-soa-section-title-count:after { color: #000 } .pv-order .pv-orderBody .bx-soa-section.bx-step-warning .bx-soa-section-title-count:before { display: block; background-position: center -37px } .pv-order .pv-orderBody .bx-soa-section.bx-step-error .bx-soa-section-title-count { background: #db4c4c; border-color: #db4c4c } .pv-order .pv-orderBody .bx-soa-section.bx-step-error .bx-soa-section-title-count:after { color: #fff } .pv-order .pv-orderBody .bx-soa-section.bx-step-error .bx-soa-section-title-count:before { display: block; background-position: center -20px } .pv-order .pv-orderBody .bx-soa-more-btn a { padding: 10px 25px; margin: 10px 0; color: #fff !important; font-family: "Trebuchet MS", serif; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; background-color: #ed1c24; border-radius: 4px; cursor: pointer; text-decoration: none; border: none !important; } .pv-order .pv-orderBody .pv-orderBlockFlex { display: flex; justify-content: space-between; } .pv-order .pv-orderBody .pv-orderBlockRadio-selected img { margin-right: 10px; } .pv-order .pv-orderBody .bx-soa-customer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .pv-order .pv-orderBody .bx-soa-location-input-container, .pv-order .pv-orderBody .bx-soa-customer-field { width: 100%; display: flex; flex-flow: column; margin: 0 0 5px 0; position: relative; } .pv-order .pv-orderBody .bx-soa-custom-label, .pv-order .pv-orderBody .bx-soa-customer-label { font-weight: 400; } .pv-order .pv-orderBody .bx-soa-custom-label .bx-authform-starrequired { color: #ed1c24; } .pv-order .pv-orderBody textarea, .pv-order .pv-orderBody input { background-color: #f1f3f6; border-radius: 5px; padding: 13px 16px; color: #000; border: none; box-shadow: none; } .pv-order .pv-orderBody textarea:focus, .pv-order .pv-orderBody input:focus { box-shadow: none; } .pv-order .pv-orderBody textarea { height: 50px; } .pv-order .pv-orderBody input::placeholder { font-size: 12px; } .pv-order .pv-orderBody input { height: inherit; } .pv-order .pv-orderBody .alert { padding: 0 !important; margin: 10px 0 !important; border: none !important; border-radius: 0 !important; background-color: inherit !important; color: #000 !important; display: flex; align-items: center; } .pv-order .pv-orderBody .pv-orderSale__infoText { font-size: 12px; } .pv-order .pv-orderBody .pv-orderSale__infoText::before, .pv-order .pv-orderBody .alert::before { content: ""; height: 16px; width: 16px; margin-right: 5px; background-position: center; background-size: cover; background-repeat: no-repeat; display: inline-flex; } .pv-order .pv-orderBody .pv-orderSale__infoText.info::before, .pv-order .pv-orderBody .alert-success::before { background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_info.svg); } .pv-order .pv-orderBody .pv-orderSale__infoText::before, .pv-order .pv-orderBody .alert-warning::before { background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_info-w.svg); } #bx-soa-main-notifications .alert-warning::before { width: 42px; } .pv-order .pv-orderBody .pv-orderSale__infoText::before, .pv-order .pv-orderBody .alert-danger::before { background-image: url(/local/templates/dresscodeV2/images/pv-images/icon_info-d.svg); } .pv-order .pv-orderTop .pv-orderTitle { font-family: "Trebuchet MS", serif; font-size: 36px; font-weight: 400; } .pv-order .pv-orderTop .pv-order__back { display: flex; align-items: center; justify-content: center; color: #000; } .pv-order .pv-orderTop .pv-order__back img { width: 20px; margin-right: 10px; } .pv-order .pv-orderSale .pv-orderSale__row { display: flex; flex-flow: column; width: 100%; margin-bottom: 10px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top { display: flex; align-items: start; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topIcon { width: 22px; height: 22px; display: block; border-radius: 50%; border: 1px solid #e0e7ee; margin-right: 10px; cursor: pointer; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topIcon.selected { background-image: url(/local/templates/dresscodeV2/images/pv-images/selected.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topName_wrap { margin-bottom: 5px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topName_wrap .pv-orderSale__topName { display: flex; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topName_wrap .pv-orderSale__topName .pv-orderSale__topInfo { color: #999; border: 1px solid #999; display: flex; font-size: 10px; line-height: 1; border-radius: 50%; width: 13px; height: 13px; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; position: relative; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topName_wrap .pv-orderSale__topName .pv-orderSale__topInfo:hover .pv-orderSale__topInfo__popap { display: block; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topName_wrap .pv-orderSale__topName .pv-orderSale__topInfo .pv-orderSale__topInfo__popap { display: none; position: absolute; padding: 10px; width: 170px; font-size: 12px; background-color: #fff; box-shadow: 0 0 4px #d9d9d9; border: 1px solid #d9d9d9; border-radius: 4px; color: #000; line-height: 1.4; bottom: 20px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__top .pv-orderSale__topName_wrap .pv-orderSale__topDesc { color: #999; margin-top: 5px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-main_btn { width: 170px; margin: 0 25px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-orderSale__formWrap { display: none; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-orderSale__edit { display: flex; font-size: 12px; margin: 15px 0; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-orderSale__edit .pv-orderSale__editVal { margin: 0 5px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-orderSale__edit .pv-orderSale__cancel { color: #0e974f; text-decoration: underline; margin-left: 5px; cursor: pointer; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form.active .pv-orderSale__formWrap { display: flex; align-items: flex-end; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form.active .pv-orderSale__edit { display: none; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__info { display: flex; align-items: flex-start; margin-top: 10px; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__info .pv-orderSale__infoIcon { margin-right: 10px; } .pv-order a:hover { color: #0e974f; } .pv-order .pv-orderBlockWrap { display: flex; align-items: center; justify-content: flex-start; } .pv-order #bx-soa-properties .pv-orderBlockWrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfData { margin: 10px 0; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfData .pv-orderDelivery__selfData__row { display: flex; align-items: flex-start; margin: 8px 0; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfData .pv-orderDelivery__selfData__row .pv-orderDelivery__selfData__icon { margin-right: 10px; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfData .pv-orderDelivery__selfData__btn { color: #979797; font-size: 15px; font-weight: 500; width: 350px; height: 50px; border-radius: 4px; border: 1px solid #979797; text-transform: uppercase; display: flex; align-items: center; justify-content: center; margin-top: 20px; cursor: pointer; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfMap img { width: 100%; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfMap .pv-orderDelivery__showOnMap { margin-top: 15px; color: #0e974f; font-size: 14px; text-align: center; text-decoration: underline; cursor: pointer; } .pv-order .pv-orderBlockWrapMap { flex-wrap: nowrap; } .pv-order .pv-orderBlockRadio { height: 90px; display: flex; align-items: flex-start; flex-flow: column; justify-content: center; border-radius: 5px; border: 1px solid #e0e7ee; padding: 5px 35px 5px 15px; position: relative; margin: 12px 0; cursor: pointer; flex-wrap: wrap; align-content: center; } .pv-order #bx-soa-properties .pv-orderBlockRadio { width: 220px; height: 30px; display: flex; align-items: flex-start; flex-flow: column; justify-content: center; border-radius: 5px; position: relative; margin: 0 0 12px 0; cursor: pointer; padding: 0; border: 0; } .pv-order #bx-soa-delivery .pv-orderBlockRadio { height: 30px; padding: 5px 10px; margin: 0 0 10px 0; } .pv-order #bx-soa-delivery .pv-orderBlockRadio:not(:last-child), .pv-order #bx-soa-properties .pv-orderBlockRadio:not(:last-child) { margin-right: 0.5rem; } .pv-order #bx-soa-delivery .pv-orderBlockRadio-selected { width: 80%; } .pv-order .bx-soa-section-content { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .pv-order .bx-soa-properties .pv-orderBlockRadio:not(:last-child) { margin-right: 12px; } } @media (max-width: 1023.98px) { .pv-order .pv-orderBlockRadio { width: 330px; } } .pv-order .pv-orderBlockRadio input { display: none; } .pv-order .pv-orderBlockRadio label { width: 100%; height: 100%; display: flex!important; margin: 0; align-items: center; cursor: pointer; justify-content: center; } .pv-order #bx-soa-delivery .pv-orderBlockRadio:after { background-image: none; border: none; } .pv-order .pv-orderBlockRadio .pv-orderBlockRadio__title { font-family: "Trebuchet MS", serif; font-size: 16px; font-weight: 300; color: #282828; } .pv-order .pv-orderBlockRadio.bx-selected .pv-orderBlockRadio__title, .pv-order .pv-orderBlockRadio.bx-selected-fake .pv-orderBlockRadio__title { font-weight: 600; } .pv-order #bx-soa-properties .pv-orderBlockRadio, .pv-order #bx-soa-delivery .pv-orderBlockRadio { border: 1px solid #f1f3f6; } .pv-order #bx-soa-properties .pv-orderBlockRadio.bx-selected, .pv-order #bx-soa-delivery .pv-orderBlockRadio.bx-selected, .pv-order #bx-soa-properties .pv-orderBlockRadio.bx-selected-fake, .pv-order #bx-soa-delivery .pv-orderBlockRadio.bx-selected-fake { box-shadow: 0 4px 4px rgb(160, 160, 160); background-color: #f1f3f6; } .pv-order .pv-orderBlockTitle { font-family: "Trebuchet MS", serif; font-size: 20px; font-weight: 400; line-height: 32px; margin: 0; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row:first-child { margin: 0; } .pv-order .pv-orderBlockTitle__wrap { display: flex; align-items: center; justify-content: space-between; } #bx-soa-delivery #hiddenKt .bx-soa-pickup-list-item:hover { background-color: #f1f3f6; transition: all .3s; } #bx-soa-delivery #displayKt .bx-soa-pickup-list-item .bx-soa-pickup-l-item-btn, #bx-soa-delivery #hiddenBlockDelivery .pv-orderBlockRadio.bx-selected .pv-orderBlockRadio_btn-text { padding: 0; background: url("/local/templates/dresscodeV2/css/images/icon-arrow.png") center center / contain no-repeat; width: 17px; height: 17px; cursor: pointer; } #bx-soa-delivery #displayKt .bx-soa-pickup-list-item, #bx-soa-delivery #hiddenKt .bx-soa-pickup-list-item { display: flex; justify-content: space-between; border-radius: 5px; } #bx-soa-delivery .bx-soa-pickup-list-item { border-bottom: 1px solid #282828; cursor: pointer; } #bx-soa-delivery #displayKt.open .bx-soa-pickup-list-item .bx-soa-pickup-l-item-btn, #bx-soa-delivery #hiddenBlockDelivery .pv-orderBlockRadio.bx-selected .pv-orderBlockRadio_btn-text.open { rotate: 180deg; } #bx-soa-delivery #hiddenKt.bx-soa-pickup-list { border: 1px solid #dcdfe2; border-radius: 5px; } #bx-soa-delivery #descrKt .bx-soa-pickup-l-item-desc { margin-top: 10px; } #bx-soa-delivery #descrKt .title-description { font-weight: 400; } #bx-soa-delivery .bx-soa-more { display: none; } .pv-order button.pull-right.btn { background-color: #ed1c24; border: none; color: #fff; } @media (max-width: 600px) { .pv-order #bx-soa-delivery .pv-orderBlockRadio:not(:last-child), .pv-order #bx-soa-properties .pv-orderBlockRadio:not(:last-child) { margin-right: 0; } .pv-order .pv-orderBlockTitle { line-height: 16px; } .pv-order #bx-soa-properties .pv-orderBlockRadio { width: 49%; } .pv-order .pv-orderBlockRadio .pv-orderBlockRadio__title { font-size: 13px; } #bx-soa-properties .bx-soa-customer > div { width: 100%; } .pv-order .pv-orderBody textarea { height: 48px; } .pv-order .bx-soa-section-content { padding: 0; } #bx-soa-properties .bx-soa-section-content.container-fluid, #bx-soa-delivery > .bx-soa-section-content:not(.container-fluid) { padding: 10px 15px; } .pv-order #bx-soa-delivery .pv-orderBlockRadio { height: 40px; } #bx-soa-delivery #pv-sdekWidget > div > a { font-size: 13px; } .pv-order .pv-orderBlockWrap:not(:last-child) { justify-content: space-between; } .pv-order .pv-orderBody .quick-locations .quick-location-tag { font-size: 14px; } #bx-soa-delivery #bx-soa-pickup { margin-top: 20px; } #bx-soa-delivery .bx-soa-pickup-list .bx-soa-pickup-list-item { padding: 16px 10px; } } .pv-order .pv-orderBlockRadio .pv-orderBlockRadio__desc { color: #999; } .pv-order .pv-orderBlockRow { width: 100%; display: flex; flex-flow: column; margin: 10px 0; } .pv-order .pv-orderBlockRow.short { width: 362px; } @media (max-width: 1023.98px) { .pv-order .pv-orderBlockRow.short { width: 340px; } } .pv-order .pv-orderBlockRow.hide { display: none; } .pv-order .pv-orderBlockRow.active { display: flex; } .pv-order .pv-orderBlockRow .pv-orderBlockLabel { font-weight: 300; margin-bottom: 10px; } .pv-order .pv-orderBlockRow .pv-orderBlockLabel.req:after { content: "*"; color: #ed1c24; font-weight: 400; } .pv-order .pv-orderBlockRow .pv-orderBlockInput { background-color: #f1f3f6; border-radius: 5px; padding: 13px 16px; color: #4a4a4a; } .pv-order .pv-orderBlockRow .pv-customSelect .select-selected { background-color: #f1f3f6; color: #4a4a4a; font-size: 14px; padding: 17px 35px 17px 13px !important; } .pv-order .pv-orderBlockRow .pv-customSelect .select-selected:after { top: 17px; right: 19px; } .pv-order .pv-orderBlockRow .pv-customSelect .select-items div { font-size: 14px; padding: 13px; } .pv-order .pv-orderAside { position: relative; } .pv-order .pv-orderAside .pv-orderAside__wrap { position: absolute; width: 100%; max-width: 316px; right: 0; } .pv-order .pv-orderAside.fixed .pv-orderAside__wrap { position: fixed; top: 50px; } .pv-order .pv-orderAside .pv-orderAside__box { background-color: #f1f3f6; padding: 20px; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row { display: flex; justify-content: space-between; align-items: flex-end; margin: 15px 0; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row div { font-family: "Roboto", serif; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row:last-child { margin: 15px 0 0 0; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row.pv-orderAside__TK-info { display: none; color: #ed1c24; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row.active { display: flex; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__item { margin: 10px 0; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__item .pv-orderAside__itemName { margin-bottom: 5px; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__item .pv-orderAside__itemInfo { color: #999; font-family: "Trebuchet MS", serif; font-size: 12px; text-decoration: underline; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__bonus { display: flex; color: #6d7278; font-family: "Rubik", serif; font-size: 14px; font-weight: 400; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__bonus span { color: #0e974f; font-weight: 500; margin-right: 5px; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__bonus .pv-orderAside__bonusInfo { color: #999; border: 1px solid #999; display: flex; font-size: 10px; line-height: 1; border-radius: 50%; width: 13px; height: 13px; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; position: relative; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__bonus .pv-orderAside__bonusInfo:hover .pv-orderAside__bonusInfo__popap { display: block; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__bonus .pv-orderAside__bonusInfo .pv-orderAside__bonusInfo__popap { display: none; position: absolute; padding: 10px; width: 170px; font-size: 12px; background-color: #fff; box-shadow: 0 0 4px #d9d9d9; border: 1px solid #d9d9d9; border-radius: 4px; color: #000; line-height: 1.4; bottom: 20px; } .pv-order .pv-orderAside .pv-orderAside__auth { display: flex; align-items: flex-start; margin-top: 30px; } .pv-order .pv-orderAside .pv-orderAside__auth .pv-orderAside__authIcon { width: 20px; } .pv-order .pv-orderAside .pv-orderAside__auth .pv-orderAside__authText { margin-left: 10px; } .pv-order#bx-soa-order-form .pv-orderAside .pv-orderAside__auth .pv-orderAside__authText a { color: #0e974f; } .pv-order#bx-soa-order-form .pv-orderAside .pv-orderAside__auth .pv-orderAside__authText a:hover { text-decoration: none; color: #ed1c24; } .pv-order .pv-orderConfirm { border-top: 1px solid #e0e7ee; padding-top: 5px; margin-bottom: 50px; } .pv-order .pv-orderConfirm .pv-orderConfirm__row { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px dotted #c4c4c4; margin: 15px 0; } .pv-order .pv-orderConfirm .pv-orderConfirm__row .pv-orderConfirm__rowOldPrice { color: #999; font-family: "Roboto"; font-weight: 700; text-decoration: line-through; text-decoration-color: #ff3f47; } .pv-order .pv-orderConfirm .pv-orderConfirm__row.pv-orderConfirm__row-total .pv-orderConfirm__rowLeft { line-height: 27px; } .pv-order .pv-orderConfirm .pv-orderConfirm__row.pv-orderConfirm__row-total .pv-orderConfirm__rowRight { font-size: 27px; line-height: 1; font-family: "Roboto"; } .pv-order .pv-orderConfirm .pv-orderConfirm__row .pv-orderConfirm__rowLeft, .pv-order .pv-orderConfirm .pv-orderConfirm__row .pv-orderConfirm__rowRight { margin-bottom: -1px; background-color: #fff; font-size: 16px; } .pv-order .pv-orderConfirm .pv-orderConfirm__row .pv-orderConfirm__rowRight { font-weight: 700; line-height: 1.1; text-align: right; padding-left: 10px; font-family: "Roboto"; } .pv-order .pv-orderConfirm .pv-orderConfirm__row.pv-orderConfirm__row-highlighted .pv-orderConfirm__rowRight { color: #0e974f; } .pv-order .pv-orderConfirm .pv-orderConfirm__btn { margin: 25px 0; display: block; color: #fff !important; opacity: .4; } .pv-order .pv-orderConfirm__footer { font-size: 12px; margin-bottom: 40px; } .pv-order .pv-orderConfirm__footer a { color: #000; text-decoration: underline; } .pv-order .pv-orderBlockHide { display: none; } .pv-order .pv-orderBlockHide.active { display: block; } .pv-order .bx-soa-price-free { font-size: 14px; line-height: 1.2; } .pv-order .bx-soa-coupon-label label { font-weight: 400; } #deliverySelfMap .modal-dialog { width: 90%; max-width: 1170px; } #deliverySelfMap .modal-title { font-family: "Trebuchet MS"; font-size: 36px; line-height: 1.2; margin-bottom: 10px; } #deliverySelfMap .modal-header { padding: 30px 40px 10px 40px; border-bottom: none; } #deliverySelfMap .modal-body { padding: 0 40px 30px 40px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-flow: wrap; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalSearch { display: flex; } @media (max-width: 1023.98px) { #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalSearch { max-width: 100%; margin-bottom: 10px; } } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalSearch .pv-deliverySelf__modalSearch_input { height: 50px; padding: 15px; display: flex; align-items: center; border-radius: 4px 0 0 4px; width: 750px; background-color: #f1f3f6; } @media (max-width: 1023.98px) { #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalSearch .pv-deliverySelf__modalSearch_input { max-width: calc(100% - 50px); margin-bottom: 10px; } } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalSearch .pv-deliverySelf__modalSearch_submit { background-color: #f1f3f6; border-radius: 0 4px 4px 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #4a4a4a; font-size: 20px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadView { display: flex; align-items: center; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadView .pv-deliverySelf__modalHeadView-item { display: flex; align-items: center; font-size: 16px; font-weight: 300; margin: 0 8px; color: #4a4a4a; cursor: pointer; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadView .pv-deliverySelf__modalHeadView-item:hover { color: #000; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadView .pv-deliverySelf__modalHeadView-item .fa { font-size: 10px; margin-right: 8px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadView .pv-deliverySelf__modalHeadView-item .fa-map-marker { font-size: 13px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadTimes .pv-deliverySelf__modalHeadTimes { position: relative; margin: 10px 0; display: flex; align-items: center; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadTimes .pv-deliverySelf__modalHeadTimes:before { content: ""; width: 22px; height: 22px; display: block; border-radius: 50%; border: 1px solid #e0e7ee; margin-right: 10px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadTimes .pv-deliverySelf__modalHeadTimes.active:before { background-image: url(/local/templates/dresscodeV2/images/pv-images/selected.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } #deliverySelfMap .modal-body .pv-deliverySelf__modal.list .pv-deliverySelf__modalHead-listView { color: #0e974f !important; } #deliverySelfMap .modal-body .pv-deliverySelf__modal.list .pv-deliverySelf__modalShops { display: block; } #deliverySelfMap .modal-body .pv-deliverySelf__modal.map .pv-deliverySelf__modalHead-mapView { color: #0e974f !important; } #deliverySelfMap .modal-body .pv-deliverySelf__modal.map .pv-deliverySelf__modalMap { display: block; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalShops { display: none; width: fit-content; margin: 0 auto; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row { font-size: 12px; border-bottom: solid 1px #e9eaec; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row.pv-deliverySelf__modalShop_row-header .pv-deliverySelf__modalShop_col { font-weight: 500; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col { padding: 12px 37px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__count { margin-bottom: 10px; } @media (max-width: 1199.98px) { .pv-cart .pv-cartAside .pv-cartAside__box { background-color: #fff; padding-bottom: 10px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head { border-bottom: 1px dotted #e0e7ee; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__count { background-color: #fff; margin-bottom: -1px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__head .pv-cartAside__priceInfo { background-color: #fff; margin-bottom: -1px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonusText { background-color: #fff; margin-bottom: -1px; } .pv-cart .pv-cartAside .pv-cartAside__box .pv-cartAside__bonus { background-color: #fff; margin-bottom: -1px; } .pv-cart .pv-cartAside .pv-cartAside__auth { justify-content: center; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col { padding: 12px 20px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalSearch .pv-deliverySelf__modalSearch_input { max-width: 590px; } .pv-order .pv-orderConfirm { border-top: none; } .pv-order .pv-orderAside .pv-orderAside__auth { justify-content: center; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__row { border-bottom: 1px dotted #e0e7ee; } .pv-order .pv-orderAside .pv-orderAside__box { border-radius: 4px; } .pv-order .pv-orderAside .pv-orderAside__box.show .pv-orderAside__rowsWrap { display: block; } .pv-order .pv-orderAside .pv-orderAside__box.show .pv-orderAside__rowsNav:after { content: "\F077"; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__rowsWrap { display: none; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__rowsNav { margin: 0 !important; padding-right: 30px; position: relative; cursor: pointer; border-bottom: none !important; } .pv-order .pv-orderAside .pv-orderAside__box .pv-orderAside__rowsNav:after { position: absolute; content: "\F078"; color: #0e974f; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; top: 3px; right: 0; font-weight: 100; } .pv-order .pv-orderAside.fixed .pv-orderAside__wrap { position: relative; right: 0 !important; } .pv-order .pv-orderAside .pv-orderAside__wrap { position: relative; max-width: 100%; border-top: 1px solid #e0e7ee; padding-top: 16px; } .pv-order .pv-orderBlockRow.short { width: 470px; } .pv-order .pv-orderBlockRadio { width: 460px; } .pv-order .pv-orderTop { margin-bottom: 0; } } @media (max-width: 1023.98px) { #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col { padding: 12px 9px; } } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col .pv-deliverySelf__modalShop_shopName { font-weight: 500; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col .pv-deliverySelf__modalShop_shopScheme { color: #0e974f; text-decoration: underline; cursor: pointer; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col.pv-deliverySelf__modalShop_working .red { color: #ed1c24; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col .pv-deliverySelf__modalShop_count-red { color: #ed1c24; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col .pv-deliverySelf__modalShop-green { color: #0e974f; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col .pv-deliverySelf__modalShop-orange { color: #ff8a00; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col .pv-deliverySelf__modalShop_countWrap { display: flex; } @media (max-width: 1023.98px) { #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col:nth-child(2) { display: none; } } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalMap { background-image: url(/local/templates/dresscodeV2/images/pv-images/map-mock.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 360px; width: 100%; display: none; } #pv-list1 li { display: none; } .pv-noImage { width: 100%; } .pv-fixed { top: 0; display: flex; width: 100%; left: 0; text-align: center; justify-content: center; font-weight: 600; z-index: 9999999; position: relative; background-color: transparent; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS"; } h1 { margin-bottom: 24px!important; } h2 { font-size: 36px; line-height: 1.2; } #captcha_word { border: 1px solid #ababab; padding: 5px 10px; } #videoModal { z-index: 9999999; background-color: rgba(0, 0, 0, 0.7); } #videoModal .modal-dialog { max-width: fit-content !important; margin: 0 auto; } #videoModal .modal-dialog iframe { width: 720px; height: 405px; } #videoModal .modal-dialog .modal-title { font-family: "Trebuchet MS", serif; color: #000; } .modal-backdrop.show { z-index: 1; } .bx-auth-form input[type="submit"] { line-height: 2; margin: 0; min-width: 180px; } .pv-playBtn { height: 100%; width: 100%; background-image: url(/local/templates/dresscodeV2/images/pv-images/play.svg); background-position: center; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.5); } #footerLine, .pv-header { transition: all 0.2s ease-in-out; } .twentytwenty-overlay { display: none; } .twentytwenty-handle { z-index: 9; cursor: pointer; width: 25px !important; background-position: center; background-image: url(/local/templates/dresscodeV2/images/pv-images/compSlider.svg); height: 150px !important; margin: 0 !important; top: 0 !important; border: none !important; -webkit-border-radius: none !important; -moz-border-radius: none !important; border-radius: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 1023.98px) { .twentytwenty-handle { height: 110px !important; } } @media (max-width: 767.98px) { .pv-mainVideo .pv-mainVideoSlider .pv-mainVideoSlider__item .pv-mainVideoSlider__itemWrap .pv-mainVideoSlider__itemImg { width: 240px; height: 135px; } .pv-mainBonus { padding: 90px 0; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__title { font-size: 30px; } .pv-mainBonus .pv-mainBonus__wrap .pv-mainBonus__itmes .pv-mainBonus__item .pv-mainBonus__itemText { padding: 0; } .pv-mainFeedbacks>.container>.row { padding: 80px 0; } .pv-mainFeedbacks .pv-mainFeedbacks__info { padding: 0 15px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap { padding: 0 15px; } .pv-mainFeedbacks .pv-mainFeedbacks__slider_wrap .pv-mainFeedbacks__slider .pv-mainFeedbacks__sliderItem { width: 540px; height: 303px; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider .pv-product__sliderItem { width: 540px; height: 400px; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .pv-product__sliderNav .pv-product__sliderNavItem { width: 60px; height: 60px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car { margin: 30px auto; height: 180px; width: 564px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carImg img { height: 180px; } .pv-product .pv-product__data .pv-product__info .pv-product__details .pv-product__car .pv-product__carSlider { height: 180px; } .pv-product .pv-product__data .pv-product__asside { margin-top: 12px; z-index: 998; } .pv-product .pv-product__stock_wrap .pv-product__mainStock .pv-product__mainStock_row .pv-product__mainStock_col:nth-child(3) { display: none; } .pv-product .pv-product__videos .pv-product__videosRow .pv-product__videosItem { height: 290px; } .pv-product .pv-product__whyVfy .pv-product__whyVfyRow .pv-product__whyVfyItem { flex-flow: column; text-align: center; } .pv-product .pv-product__whyVfy .pv-product__whyVfyRow .pv-product__whyVfyItem img { margin-right: 0; margin-bottom: 20px; } .pv-cart .pv-cartItems { border-bottom: none; } .pv-cart .pv-cartItems .pv-cartItem__row { align-items: start; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #e0e7ee; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__data { flex-flow: column; align-items: start; } .pv-cart .pv-cartItems .pv-cartItem__row .pv-cartItem__count { margin-top: 20px; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row { align-items: start; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__dataWrap { flex-flow: column; align-items: start; } .pv-cart .pv-cartRecommended .pv-cartRecommendedItem__row .pv-cartRecommendedItem__add { margin: 10px 0 0 10px; width: -webkit-fill-available; } .pv-order .pv-orderTop .pv-orderTitle { display: none; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-main_btn { padding: 14px; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfData { width: 100%; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfData .pv-orderDelivery__selfData__btn { width: 100%; } .pv-order .pv-orderBlockWrap .pv-orderDelivery__selfMap { width: 100%; margin-top: 30px; } .pv-order .pv-orderBlockWrapMap { flex-wrap: wrap; } .pv-order .pv-orderBlockRadio { width: 100%; } .pv-order .pv-orderBlockRow.short { width: 255px; } .pv-order .pv-orderConfirm .pv-orderConfirm__btn { padding: 14px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadTimes .pv-deliverySelf__modalHeadTimes { font-size: 13px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadTimes .pv-deliverySelf__modalHeadTimes:before { width: 17px; height: 17px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col:nth-child(3) { display: none; } #videoModal .modal-dialog iframe { width: 515px; height: 290px; } .twentytwenty-handle { height: 180px !important; } } @media (max-width: 599.98px) { .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-main_btn { font-size: 14px; width: 100%; margin: 0; } .pv-order .pv-orderSale .pv-orderSale__row .pv-orderSale__form .pv-orderSale__formWrap { flex-flow: column; } .pv-order .pv-orderBody .pv-orderSale__infoText { font-size: 10px; } .pv-order .pv-orderBlockRow.short { width: 100%; } .pv-order .pv-orderConfirm .pv-orderConfirm__btn { font-size: 14px; width: 100%; } #deliverySelfMap .modal-dialog { width: 97%; } #deliverySelfMap .modal-title { font-size: 31px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalHead .pv-deliverySelf__modalHeadView .pv-deliverySelf__modalHeadView-item { font-size: 13px; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col { padding: 12px; } .pv-order .pv-orderBlockRadio { width: auto; } #deliverySelfMap .modal-body .pv-deliverySelf__modal .pv-deliverySelf__modalBody .pv-deliverySelf__modalShop_row .pv-deliverySelf__modalShop_col:nth-child(4) { display: none; } .pv-custFeedback__feedbacks .pv-noImage { display: none; } #videoModal .modal-dialog iframe { width: 340px; height: 191px; } .twentytwenty-handle { height: 110px !important; } } .twentytwenty-handle::before, .twentytwenty-handle::after { content: none !important; } .twentytwenty-handle .twentytwenty-left-arrow, .twentytwenty-handle .twentytwenty-right-arrow { display: none; } .pv-breadcrumb li:last-child:after{ content:"" !important; } .pv-mainTopBanner.mobile-mode { display: none; } @media (max-width: 720px) { .pv-mainTopBanner.full-mode{ display: none; } .pv-mainTopBanner.mobile-mode { display: block; } } .white-tooltip .tooltip-inner { background-color: #fff; color: #000; border: 1px solid #f1f3f6; } .white-tooltip .tooltip-arrow::before { border-top-color: #fff; } .warning-tooltip .tooltip-inner { background-color: #fff; color: #000; border: 1px solid #f1f3f6; text-align: left; } .warning-tooltip .tooltip-arrow::before { border-top-color: #fff; } .bx_soa_location .tooltip.top { margin-top: -50px; } #bx-soa-order li { list-style: none; } .shop-review-form-heading { font-family: Trebuchet MS, serif !important; } .webFormMessage a:hover { color: #fff; text-decoration: none; } @media (max-width: 820px) { #appFastBuy { background: rgba(0, 0, 0, 0.65); } #appFastBuyContainer { margin-top: -188px!important; height: auto!important; } #appFastBuyContainer .heading { line-height: 50px!important; height: 50px!important; } #appFastBuy .close { top: 14px!important; } #appFastBuyContainer .formLine { margin-bottom: 6px!important; } #appFastBuyContainer #fastBuyPicture { line-height: normal!important; height: 40%!important; margin-bottom: 0!important; width: 65%; margin: 0 auto; } #appFastBuyContainer #fastBuyPicture .url { line-height: normal!important; height: auto!important; } #appFastBuyContainer .name { height: max-content!important; line-height: normal!important; overflow: visible!important; margin: 8px 0!important; } #appFastBuyContainer .column { margin-top: 12px!important; } } @media (max-width: 710px) { #appFastBuyContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #fff; margin-left: 0!important; margin-top: 0!important; position: absolute; overflow: hidden; height: auto!important; width: 92%!important; left: 4%!important; top: 2%!important; } #appFastBuyContainer .column:first-child { width: 100%!important; } #appFastBuyContainer .column { padding: 0 24px!important; width: 100%!important; } #appFastBuyContainer .title { margin-right: 0!important; } #appFastBuyContainer #fastBuyForm { margin-right: 0; } #appFastBuyContainer input, #appFastBuyContainer textarea, #appFastBuyContainer #fastBuyFormSubmit { width: 100%!important; } #appFastBuyContainer input[type="checkbox"] { width: 14px!important; } #appFastBuyContainer #fastBuyPicture { line-height: normal!important; height: auto!important; float: left!important; width: 40%!important; margin-bottom: 0!important; } #appFastBuyContainer #fastBuyPicture .picture { max-height: 100%!important; max-width: 100%!important; } #appFastBuyContainer #fastBuyPicture .url { line-height: normal!important; height: auto!important; } #appFastBuyContainer #fastBuyName { min-height: 50px; padding: 0 14px!important; float: left!important; width: 60%!important; } #appFastBuyContainer .name { height: max-content!important; line-height: normal!important; overflow: visible!important; margin: 6px 0!important; } #appFastBuyContainer .price { padding: 0 14px!important; float: left!important; width: 60%!important; } #appFastBuyContainer .title { font-weight: 700; } #appFastBuyContainer .markerContainer { display: none!important; } } @media (max-width: 520px) { #smartFilterForm label { display: inline-block!important; font-size: 12px!important; } #webFormDwModal_7 label { display: block!important; } #webFormDwModal_7 .webformModalContainer { top: auto; height: auto; } #webFormDwModal_7 .webformModalHideScrollBar { width: 100%; overflow: scroll; } #webFormDwModal_7 .webformModalcn100 { position: relative; } } @media (max-width: 320px) { #appFastBuyContainer { width: 100% !important; left: 0 !important; top: 0 !important; } } #mainMenuStaticContainer { height: 50px; } @media (max-width: 1023px){ #mainMenuStaticContainer { height: auto; } } #modef { left: 100%; background-size: cover; height: 48px; line-height: 48px; } #modef .close { margin-top: 2px; } blockquote { padding: 15px 20px; background-color: #f1f3f6; border-left: 3px solid #0e974f; } ul, ol { padding-left: 15px; } header ul, .pv-mobileMenu ul { padding-left: 0; } .oneclick { font-size: 12px; } .oneclick label { display: block; padding-right: 5px; } .oneclick input { float: left; } .pv-mainFullBanner__mobileImg img, .pv-mainFullBanner__fullImg img { object-fit: cover; height: 100%; width: 100%; } @media (max-width: 450.98px) { .pv-mainPosts .pv-mainPostsSlider .pv-mainPosts__item .pv-mainPosts__itemWrap .pv-mainPosts__itemImg_wrap .pv-mainPosts__itemImg { height: 270px; } .pv-addresses .pv-addressesWrap { display: block; } .pv-addresses .pv-addressesWrap .pv-addressesMap { width: 100%; visibility: visible; padding: 0; margin: 0; } .pv-addresses .pv-addressesWrap.list .pv-addressesList { padding-right: 0; width: 100%; visibility: visible; } .pv-addresses .pv-addressesWrap.list .pv-addressesMap { width: 100%; visibility: visible; } .pv-addresses .pv-addressesWrap.map .pv-addressesList { width: 100%; visibility: visible; } .pv-product__seeAlso .product { border-right: none!important; } .pv-product__seeAlso .product:last-child { border-bottom: none!important; border-top: 1px solid #e7e8ea; } .pv-product .pv-product__seeAlso { margin-bottom: 45px; } .pv-product .pv-product__seeAlso .pv-mainProducts { margin: 15px 0 20px 0; } } .greenline { border-bottom: 1px solid #0e974fcc; } #nav-tabContent .pv-mainFullBanner__fullImg { height: 100%; width: 100%; } .pv-main_btn:hover { background-color: #ff232b; transition: all 0.2s ease-in-out; } .pv-main_btn.addCart.added { background: #099650; } .pv-main_btn.addCart.added:hover { background-color: rgba(9, 150, 80, .85); } #fastbtn:hover { opacity: 0.8 !important; transition: all 0.2s ease-in-out; } #appFastView .mainTool .price { font-size: 1rem; } #appFastView .discpercent { padding-top: 0; } s.discount { color: #808080; } #appFastView .price .discount { font-size: 18px; } .discpercent .active { color: #0e974f!important; font-size: 18px; } #appFastView .appFastViewInformationColumn .label { font-size: 1em!important; color: #2e2e2e; } #appFastView .article { color: #000!important; font-weight: 500!important; } #appFastView .price, #appFastView .priceVal { font-weight: 500!important; } #appFastView .price { line-height: 18px!important; } #appFastView .price.getPricesWindow { margin-bottom: 12px; } #appFastView .appFastViewContainer { font-family: "Roboto", serif; } #discpercent-price { font-size: 16px; } #appFastView .pv-product__assideNav_count { display: flex; align-items: center; justify-content: space-around; padding: 10px 20px 10px 20px; background-color: #fff; border: 1px solid #e0e7ee; border-radius: 5px; color: #6d7278; font-size: 12px; max-width: 105px; margin: 10px 0 15px 0; } #appFastView .pv-product__assideNav_count a { display: block !important; height: inherit !important; width: fit-content !important; background: none !important; } #appFastView .pv-product__assideNav_count_num { -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: 60px; padding: 0 2px; border: 0; background: none!important; background-color: #fff!important; } #bx-soa-delivery .bx-soa-pp-list, .bx-soa-pp-delivery-cost { display: none; } #bx-soa-delivery .bx-soa-pp .pv-orderDeliveryInfo__desc { font-size: 12px; } .body-with-modal { overflow: hidden; } .text-align-center { text-align: center; } .you_video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #footer { padding-top: 0; } .pv-mainBonusCard_title { font-family: "Trebuchet MS", serif; font-size: 50px; text-align: center; color: #fff; } .questions-answers-list.questions-vakansii .question-answer-wrap .question { padding: 5px 0 !important; } .questions-answers-list.questions-vakansii .question h4 { font-weight: 400 !important; } .questions-answers-list.questions-vakansii .consultation-wrap { background: #2b2b2b; } .questions-answers-list.questions-vakansii .consultation-heading { color: #fff !important; font-size: 26px !important; } .questions-answers-list.questions-vakansii .btn-simple { font-size: 19px !important; font-weight: 500; } .questions-answers-list.questions-vakansii .answer { padding: 5px 0; } .questions-answers-list.questions-vakansii .text { color: #fff !important; } .questions-answers-list.questions-vakansii .consultation-btn-wrap a { text-decoration: none; } .pv-mainProducts { max-height: 664px; overflow: hidden; } .pv-mainCats .pv-mainCats_wrap .pv-mainSliderNav{ overflow: hidden !important; } div a.section-tag { display: inline-block; padding: .3em 1em; margin: .4em .8em .4em 0; background-color: #eee; border: none; border-radius: 1em; text-decoration: none; color: #777; font-weight: 500; } #searchResult2 .items.productList .item.product .productTable .productColImage a.picture img { max-height: 95%; max-width: 50%; } #searchResult .items.productList .item.product .productTable .productColImage a.picture img { max-width: 90%; } #studiosbanner { background-color: #ed1c24; font-weight: 300; position: relative; color: #fdfdfd; font-size: 16px; text-align: center; padding: 4px; box-shadow: inset 0 -2px 10px 1px rgba(0, 0, 0, 0.4); z-index: 10; transition: all 0.5s ease-in-out; display: flex; justify-content: center; align-items: baseline; } #studiosbanner p { padding-right: .2rem; margin-bottom: 0; } a #studiosbanner:hover { background-color: #e23037; } #studiosbanner a { color: #fff; text-decoration: underline; } #studiosbanner a:hover { color: #484646; } .studiosbanner__flex { display: inline-flex; flex-direction: row; align-items: center; } #studiosbanner .ModalHeadingExit, #headerbannerinfo .ModalHeadingExit{ width: 14px; height: 14px; display: block; background-image: url('/upload/icons/exit-14.png'); margin-left: 1rem; } div.news-two-photo { display: flex; margin: 0 0 14px; justify-content: space-between; } .flex-container { display: flex; } .w-49 { width: 49%; } .item.product.sku .qtyBlock { margin-bottom: 12px; } .item.product.sku .qtyBlock .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; } .item.product.sku .pv-product__assideNav_count { display: none; } .item.product.sku .qtyBlock .qty { background-color: #fff; color: #000; } .item.product.sku .qtyBlock .qty.error { border: 1px solid #f00; } .item.product.sku .qtyBlock .plus, .item.product.sku .qtyBlock .minus { vertical-align: middle; display: inline-block; color: #808080; } .item.product.sku .qtyBlock label { padding-right: 12px; } .item.product.sku .qtyBlock img { margin-top: 0; } .item.product.sku .qtyBlock .plus:hover, .item.product.sku .qtyBlock .minus:hover, #appFastView .mainTool .price .economyBlock span.economy { color: #0e974f; } #mainMenuContainer { height: 50px!important; } #homeCatalog .caption.selected { background-color: #fff; border-bottom: 2px solid #0e974f; } #bx-soa-order-form input:-webkit-autofill, #bx-soa-order-form input:-webkit-autofill:hover, #bx-soa-order-form input:-webkit-autofill:focus, #bx-soa-order-form input:-webkit-autofill:active { -webkit-transition: background-color 9999s ease-in-out 0s; } #bx-soa-properties .soa-property-container { position: relative; } #bx-soa-properties .soa-property-container.validate::before { display: block; content: "\2714"; position: absolute; color: #008000; right: 10px; top: 15px; font-size: 16px; } #bx-soa-properties .bx-soa-customer-field.bx-soa-customer-field-105 { margin-top: 10px; } .personalSection .personalSection__leftColumn { width: 290px; margin-right: 14px; } .personalSection .personalSection__title { color: #999; font-size: 12px; border-bottom: 1px solid #999; display: inline-block; margin-bottom: 8px; } .personalSection .personalSection__cont { display: flex; } .personalSection .personalSection__exit { display: flex; align-items: center; } .personalSection .personalSection__exit a:hover { text-decoration: none; } /*Timer 11.11*/ /*#main .container .timer { padding: 5px; background-color: rgb(237, 28, 36, .2); color: #ed1c24; border-radius: 5px; display: inline-block; font-size: 20px; text-align: center; } #main .container .pv-catalogTitle .timer { vertical-align: text-bottom; }*/ .font-size-24 { font-size: 24px; } @media screen and (max-width: 500px) { .item.product.sku .pv-product__assideNav_count { display: flex; align-items: center; justify-content: space-around; padding: 5px 10px; background-color: #fff; border: 1px solid #e0e7ee; border-radius: 5px; color: #6d7278; font-size: 12px; width: 50%; margin-bottom: 0 !important; float: left; } /*11.11*/ /*#main .container h1.list-inline-item { margin-right: 0; display: block; } #main .container .timer { font-size: 16px; margin-bottom: 24px; display: block; }*/ } @media screen and (max-width: 400px) { .item.product.sku .pv-product__assideNav_count { width: 45%; } .pv-mainTopBanner, .pv-mainTopBanner .pv-mainTopBanner_slider .pv-mainTopBanner_sliderItem { height: 260px; } } @media (max-width: 600px) { a.price.getPricesWindow-old { min-width: 0; } .pv-product .pv-product__data { margin-top: 0; } .pv-product .pv-product__nav .pv-product__navFavorites .addWishlist span { display: none; } .pv-product .pv-product__nav .pv-product__navCompare .addCompare span { display: none; } .pv-product .pv-product__nav { justify-content: flex-start; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .pv-product__sliderNav .pv-product__sliderNavItem { width: 75px; height: 55px; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__slider .pv-product__sliderItem { max-width: 100%; width: 350px; height: 345px; } } @media screen and (max-width: 1000px) { #studiosbanner { flex-direction: column; align-items: center; } #studiosbanner p { padding-right: 0; } } @media (min-width: 1200px) { .questions-answers-list.questions-vakansii .question-answer-wrap { margin-left: 100px; margin-right: 100px; } } @media (min-width: 992px) and (max-width: 1199px) { .questions-answers-list.questions-vakansii .question-answer-wrap { margin-left: 70px; margin-right: 70px; } } @media (min-width: 768px) and (max-width: 991px) { .questions-answers-list.questions-vakansii .question-answer-wrap { margin-left: 50px; margin-right: 50px; } } @media (max-width: 767px) { .questions-answers-list.questions-vakansii .question-answer-wrap { margin-left: 0; margin-right: 0; } .personalSection .personalSection__cont { flex-direction: column; align-items: center; } .personalSection .personalSection__leftColumn { width: 100%; padding: 0 15px; margin-right: 0; } } @media (max-width: 480px) { .questions-answers-list.questions-vakansii .question-answer-wrap { margin-left: 0; margin-right: 0; } } @media (max-width: 460px) { .pv-mainCats_wrap .draggable { height: auto; } } @media screen and (max-width: 400px) { div.section-tags { margin-left: 10px; } .pv-product .pv-product__data .pv-product__sliderWrap .pv-product__sliderNav_wrap .pv-product__sliderNav .pv-product__sliderNavItem { height: 50px; } } @media (max-width: 1204px) { .pv-mainSliderNav__itemImg { width:200px !important; } .pv-mainCats .pv-mainCats_wrap .pv-mainSliderNav { width:1020px !important; } } @media (max-width: 1080px) { .pv-mainSliderNav__itemImg { width:190px !important; } .pv-mainCats .pv-mainCats_wrap .pv-mainSliderNav { width:970px !important; } } @media (max-width: 1024px) { .pv-mainCats .pv-mainCats_wrap .pv-mainSliderNav.d-md-block { display: none !important; } .pv-mainCats .pv-mainCats_wrap .pv-mainSliderMobile.d-md-none{ display: block !important; } } @media (min-width: 600px) { .pv-contactsInfo .pv-contactsInfo__types .pv-contactsInfo__type-dataWrap.pv-contactsInfo__type-dataWrap_desktop_hidden { display: none; } } #topProduct .productTable .productColText, #viewedProduct .productTable .productColText { position: relative; } .productColText .productColText__basket { min-width: 32px; height: 32px; background-color: #ed1c24; display: flex; position: absolute; justify-content: center; align-items: center; text-transform: uppercase; border-radius: 4px; padding: 6px; margin: 0; right: 0; bottom: 0; font-weight: 700; font-family: "Trebuchet MS", serif; font-size: 16px; } .productColText .productColText__basket:active { top: auto; } .productColText .productColText__basket img { max-width: 20px; max-height: 20px; } .big-image-tooltip { opacity: 1 !important; } .big-image-tooltip .tooltip-inner { color: #000; border: 1px solid #f1f3f6; background-color: rgba(255, 255, 255, 1); padding: 20px 10px; } .cookie-apply { display: none; position: fixed; bottom: 55px; background-color: #fff; width: 50%; left: 25%; z-index: 1000; padding: 20px; border-top: 1px solid #ccc; box-shadow: 0 0 10px #ccc; align-items: center; } .cookie-apply__close { position: absolute; top: 10px; right: 30px; } .cookie-apply p { line-height: 1.5; font-size: 14px; margin-bottom: 0; } .cookie-apply a.apply { width: 130px; max-width: 100%; display: block; background-color: #ed1c24; text-align: center; font-size: 16px; font-weight: normal; color: #fff; line-height: 1; cursor: pointer; padding: 11px 10px; -webkit-transition: .25s background-color, .25s color, .25s border-color, .25s color; -o-transition: .25s background-color, .25s color, .25s border-color, .25s color; transition: .25s background-color, .25s color, .25s border-color, .25s color; border: 2px solid #ed1c24; font-family: 'Museo Sans Cyrl', sans-serif; box-sizing: border-box; border-radius: 4px; } .cookie-apply a.apply:hover { border-color: #ff232b; background-color: #ff232b; } .cookie-apply a:hover { text-decoration: none; } @media screen and (max-width: 576px) { .cookie-apply { padding: 15px; flex-direction: column; width: 70%; left: 15%; } .cookie-apply p { margin-bottom: 10px; font-size: 12px; } } /* End */ /* /local/templates/dresscodeV2/fonts/roboto/roboto.min.css?17277696021910 */ /* /local/templates/dresscodeV2/themes/red/style.css?174705812645853 */ /* /local/templates/dresscodeV2/css/old_theme.css?1760685486217772 */ /* /local/templates/dresscodeV2/css/bootstrap.css?1760680416134360 */ /* /local/templates/dresscodeV2/css/fa.css?157670116739467 */ /* /local/templates/dresscodeV2/css/perfect-scrollbar.css?15730850662598 */ /* /local/templates/dresscodeV2/css/twentytwenty.css?15923935266552 */ /* /local/templates/dresscodeV2/css/jquery.fancybox.css?157753810417412 */ /* /local/templates/dresscodeV2/components/dresscode/search.line/version3/style.css?15774056187990 */ /* /local/templates/dresscodeV2/components/bitrix/system.auth.form/top2/style.min.css?17277699201050 */ /* /local/templates/dresscodeV2/components/bitrix/menu/mobileSlideSubMenu/style.css?17458514422378 */ /* /local/components/sotbit/regions.choose/templates/location_new/style.css?17173984268729 */ /* /local/templates/dresscodeV2/components/dresscode/compare.line/version4/style.css?17286456751252 */ /* /local/templates/dresscodeV2/components/dresscode/favorite.line/version4/style.css?17286456921327 */ /* /local/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart5/style.css?17303722242187 */ /* /local/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?17568904148355 */ /* /local/templates/dresscodeV2/components/bitrix/menu/dropSubMenu/style.css?17539545392869 */ /* /local/templates/dresscodeV2/components/dresscode/search.line/version4/style.css?17302741379433 */ /* /local/templates/dresscodeV2/components/dresscode/products.by.filter/.default/style.css?17277701011190 */ /* /local/templates/dresscodeV2/components/dresscode/catalog.viewed.product/.default/style.css?17579202251116 */ /* /local/templates/dresscodeV2/template_styles.css?1760680438302017 */