/* Start:/bitrix/templates/dresscodeV2/fonts/roboto/roboto.css?16389069612347*/ @font-face { font-family: 'robotobold'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'robotomedium'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-medium.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'roboto_condensedlight'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/robotocondensed-light.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'roboto_cnregular'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-condensed.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'roboto_ltregular'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-light.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotoregular'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'roboto_thregular'; src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.eot'); src: url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.woff') format('woff'), url('/bitrix/templates/dresscodeV2/fonts/roboto/roboto-thin.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/dresscodeV2/themes/default/style.css?163890685328967*/ /* Base color: #ff9601 Base color hover: #ffa800; Base color focus: #ad7b00; */body.index {background-color: #f3f3f3;} #topHeader {border-bottom: 1px solid #f6f6f6; background: #ffffff;} #topService {color: #000000; border-left: 1px solid #f6f6f6;} #topService li {border-right: 1px solid #f6f6f6;} #topService li a {color: #000000;} #topService li:hover a:hover {color: #ffa800;} #topService li a:focus {color: #ad7b00;} #topService .selected {color: #ffa800;} #subHeader {background: #ffffff; border-bottom: 0px solid #f6f6f6;} #logo {border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6;} #topHeading {border-right: 1px solid #f6f6f6;} #topHeading p {color: #000000;} #headerTools {border-right: 1px solid #f6f6f6;} #headerTools .tools .heading {color: #000000;} #headerTools .tools .link {color: #ff9601;} #headerTools .tools .link:hover {color: #ffa800;} #headerTools .tools li {border-left: 1px solid #f6f6f6;} #headerTools .text {color: #000000;} #headerTools .telephone .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/callbackHead.png) 0 0 no-repeat transparent;} #headerTools .telephone .icon:hover {background: url(/bitrix/templates/dresscodeV2/themes/default/images/callbackHead.png) -35px 0 no-repeat transparent;} #headerTools .search .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/searchHead.png) 0 0 no-repeat transparent;} #headerTools .search .icon:hover {background: url(/bitrix/templates/dresscodeV2/themes/default/images/searchHead.png) -35px 0 no-repeat transparent;} #headerTools .wishlist .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/wishlistHead.png) 0 0 no-repeat transparent;} #headerTools .wishlist .icon.active {background: url(/bitrix/templates/dresscodeV2/themes/default/images/wishlistHead.png) -36px 0 no-repeat transparent;} #headerTools .wishlist .icon.active:hover {background-position: -72px 0;} #headerTools .compare .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/compareHead.png) 0 0 no-repeat transparent;} #headerTools .compare .icon.active {background: url(/bitrix/templates/dresscodeV2/themes/default/images/compareHead.png) -35px 0 no-repeat transparent;} #headerTools .compare .icon.active:hover {background: url(/bitrix/templates/dresscodeV2/themes/default/images/compareHead.png) -70px 0 no-repeat transparent;} #headerTools .cart .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/cartHead.png) 0 0 no-repeat transparent;} #headerTools .cart .icon.active {background: url(/bitrix/templates/dresscodeV2/themes/default/images/cartHead.png) -44px 0 no-repeat transparent;} #headerTools .cart .icon.active:hover {background: url(/bitrix/templates/dresscodeV2/themes/default/images/cartHead.png) -88px 0 no-repeat transparent; } #headerTools .cart ins {background: #e0e0e0; color: #888888;} #headerTools .cart ins.active {color: #ffa800;} #topHeader #topMenu {border-left: 1px solid #e9e9e9;} #topHeader #topMenu li a {color: #000000;} #topHeader #topMenu li a:hover {color: #ffa800;} #topHeader #topMenu .sub {background-color: #eeeeee;} #topHeader #topMenu .sub li {border-bottom: 1px solid #e0e0e0; border-top: 0px;} #topHeader #topMenu .sub li:hover {background: #e0e0e0;} #mainMenuContainer .minCatalogButton {background: #ff9601; color: #ffffff;} #changeYouCity {background: url(/bitrix/templates/dresscodeV2/themes/default/images/modalBg.png) 0 0 repeat #232323;} #changeYouCity .heading {color: #ffa800;} #changeYouCity .list li a {color: #cccccc;} #changeYouCity .list li a:hover {color: #ffa800;} #changeYouCity #cityClose {background: rgba(0, 0, 0, 0.1); border: 1px solid #000000; color: #ffffff;} #changeYouCity #cityClose:hover {color: #ffa800;} #changeYouCity #cityClose ins {background: url(/bitrix/templates/dresscodeV2/themes/default/images/exit.png) 0 0 no-repeat transparent;} #changeYouCity #cityClose:hover ins {background-position: -11px 0px;} #changeYouCity #cityClose:active ins {background-position: -22px 0px;} #mainMenuContainer {background-color: #1a1a1a;} #mainMenu > li a {color: #ffffff;} #mainMenu > li a:hover {color: #ff9601;} #menuCatalogSection .drop ul li a:hover {color: #ff9601; } #left .heading {color: #ffffff;} #left .opener {background: #ff9601;} #left .heading ins {background: url(/bitrix/templates/dresscodeV2/themes/default/images/iconMenu.png) 0 50% no-repeat transparent;} #left .sideBlock .heading {background-color: #2b2b2b;} #left #subscribe .sideBlockContent {border: 1px solid #e7e8ea;} #left #subscribe .copy {color: #888888;} #brandSearch td {border-left: 1px solid #313131; background: #424242; color: #ffffff;} #brandSearch td a {color: #ffffff;} #brandSearch td:hover a {color: #ffa800;} #brandSearch a {color: #000000;} #slider ol li {background: url(/bitrix/templates/dresscodeV2/themes/default/images/slideButton.png) 0 0 no-repeat transparent;} #slider ol li:hover {background: url(/bitrix/templates/dresscodeV2/themes/default/images/slideButton.png) -18px 0 no-repeat transparent;} #slider ol li:active {background: url(/bitrix/templates/dresscodeV2/themes/default/images/slideButton.png) -36px 0 no-repeat transparent;} #slider ol li.selected {background: url(/bitrix/templates/dresscodeV2/themes/default/images/slideButton.png) -54px 0 no-repeat transparent; } #slider ol li.selected:hover {background: url(/bitrix/templates/dresscodeV2/themes/default/images/slideButton.png) -72px 0 no-repeat transparent; } #slider ol li.selected:active {background: url(/bitrix/templates/dresscodeV2/themes/default/images/slideButton.png) -90px 0 no-repeat transparent; } #popCats .sideBlockContent {border: 1px solid #e7e8ea; background-color: #ffffff;} #popCats li span, #popCats li a {background-color: #e7e8ea; color: #000000;} #popCats li a:hover {background-color: #ffa800; border-color: #ff9601; color: #fff;} #collectionList .collection .wrap {border: 1px solid #cccccc; background-color: #ffffff;} #collectionList .collection .heading {background-color: #ffffff; color: #000000;} #collectionList .goTo {border: 1px solid #cccccc; background-color: #f7f7f7; color: #000000;} #collectionList .goTo:hover {background-color: #ffa800; border-color: #ff9601; color: #ffffff;} #right .heading {background: #2b2b2b; color: #ffffff;} #footer {background-color: #f9f9f9;} #footer .fc {background-color: #2b2b2b;} #catalogLine {border: 1px solid #e7e8ea;} #catalogLine select {border: 1px solid #e7e8ea; color: #888888;} #catalogLine .viewList .element a {background: url(/bitrix/templates/dresscodeV2/themes/default/images/catalogView.png) 0 0 no-repeat transparent;} #leftFooter {background: #2b2b2b;} #leftFooter .heading {border-bottom: 1px solid #3e3e3e; color: #ffffff;} #leftFooter ul li {border-top: 1px solid #313131;} #leftFooter a {color: #999999;} #leftFooter a:hover {color: #ff9601;} #leftFooter .selected {color: #ff9601;} #rightFooter {background: unset;} #rightFooter .list li {color: #888888;} #rightFooter .email a {color: #ffffff;} #rightFooter p {color: #888888;} #rightFooter .hr {border-top: 1px solid #575757;} #rightFooter .telephone {color: #ff9601;} #rightFooter .email {color: #ffffff;} #rightFooter .showMap {color: #ff9601;} #rightFooter .showMap:hover {color: #ffa800;} #footerBottom {border-top: 3px solid #101010; background: #191919; color: #ffffff;} #appBasketContainer {box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff;} #appBasket .heading {background-color: #424242; color: #ffffff;} #appBasket .close {background: url(/bitrix/templates/dresscodeV2/themes/default/images/exit.png) 0 0 no-repeat transparent;} #appBasket .close:hover {background-position: 0 -21px ;} #appBasket .close:active {background-position: 0 -42px ;} #appBasket .markerContainer .marker {background-color: #424242; color: #ffffff;} #appBasket .name {color: #000000;} #appBasket .name:hover {color: #ff9601;} #appBasket .price {color: #000000;} #appBasket .price .discount {color: #888888;} #appBasket .plus, #appBasket .minus {background: url(/bitrix/templates/dresscodeV2/themes/default/images/plusMinus.png) 0 0 no-repeat #424242;} #appBasket .plus {background-position: 0 -19px;} #appBasket .plus:hover {background-position: -19px -19px;} #appBasket .plus:active {background-position: -38px -19px;} #appBasket .minus:hover {background-position: -19px 0x;} #appBasket .minus:active {background-position: -38px 0px;} #appBasket .qty {background-color: #e7e8ea; color: #000000;} #appBasket .sum {background-color: #fbfbfb;} #appBasket .sum .discount {color: #888888;} #appBasket .lower {background-color: #424242;} #appBasket .lower .tools .icon {border-right: 1px solid #4c4c4c;} #appBasket .lower .tools .icon:hover {background: #2b2b2b;} #appBasket .lower .tools .continue {border-right: 1px solid #4c4c4c;} #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a {color: #ffffff;} #appBasket .lower .tools .goToBasket {background-color: #ff9601;} #appBasket .lower .tools .goToBasket:hover {background-color: #ffa800;} #appBasket .lower .tools .continue:hover {background: #2b2b2b;} #appFastBuyContainer .heading {background-color: #424242; color: #ffffff;} #appFastBuyContainer input {background-color: #f3f3f3; color: #000000;} #appFastBuyContainer textarea {background-color: #f3f3f3;} #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus {background-color: #e9e9e9;} #appFastBuyContainer input.error, #appFastBuyContainer textarea.error {border: 1px solid #ff0000;} #appFastBuyContainer #fastBuyFormSubmit {background-color: #ff9601; color: #ffffff;} #appFastBuyContainer #fastBuyFormSubmit:hover {background-color: #ffa800;} #appFastBuyContainer #fastBuyFormSubmit.loading {background: url(/bitrix/templates/dresscodeV2/themes/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important;} #fastBuyResult #fastBuyResultClose {background-color: #ff9601; color: #ffffff;} #fastBuyResult #fastBuyResultClose:hover {background-color: #ffa800;} #appFastBuyContainer .marker {background-color: #424242; color: #ffffff;} #appFastBuyContainer .name {color: #000000;} #appFastBuyContainer .name:hover {color: #ff9601;} #appFastBuyContainer .price {color: #000000;} #appFastBuyContainer .price .discount {color: #888888;} #appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit {background: url(/bitrix/templates/dresscodeV2/themes/default/images/exit.png) 0 0 no-repeat transparent;} #appFastView .appFastViewExit:hover, #fastViewStores .fastViewStoresExit:hover {background-position: 0 -21px ;} #appFastView .appFastViewExit:active, #fastViewStores .fastViewStoresExit:active {background-position: 0 -42px ;} #appProductPriceVariant .appPriceVariantExit {background: url(/bitrix/templates/dresscodeV2/themes/default/images/exit2.png) 0 0 no-repeat transparent;} #appProductPriceVariant .appPriceVariantExit:hover {background-position: 0 -21px ;} #appProductPriceVariant .appPriceVariantExit:active {background-position: 0 -42px ;} #footerTabsCaption {border-top: 1px solid #e7e8ea; background-color: #f9f9f9;} #footerTabsCaption .item a, #infoTabsCaption .item a {color: #888888;} #footerTabsCaption .item .selected, #infoTabsCaption .item .selected {border-bottom: 1px dashed #000000; color: #000000;} #footerTabsCaption .item .selected:hover, #infoTabsCaption .item .selected:hover {color: #000000;} #footerTabsCaption .item a:hover, #infoTabsCaption .item a:hover {color: #ff9601;} #footerTabs {background-color: #f9f9f9;} #footerLine {background-color: #1a1a1a; border-top: 2px solid #202020; box-shadow: 1px 1px 12px #000000;} #footerLine .item .callback {color: #ff9601;} #footerLine .item .wishlist .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/wishlistFooterMin.png) 0 0 no-repeat;} #footerLine .item .cart .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/cartFooterMin.png) 0 0 no-repeat;} #footerLine .item .wishlist.active .icon {background-position: -21px 0;} #footerLine .item .wishlist.active:hover .icon {background-position: -42px;} #footerLine .item .cart.active .icon {background-position: -26px 0;} #footerLine .item .cart.active:hover .icon {background-position: -52px;} #footerLine .item .callback .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/callbackFooterMin.png) 0 0 no-repeat;} #footerLine .item .callback:hover {color: #ffa800;} #footerLine .callback:hover .icon {background-position: -21px 0;} #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark {background-color: #313131; color: #888888;} #footerLine .item .compare .icon {background: url(/bitrix/templates/dresscodeV2/themes/default/images/compareFooterMin.png) 0 0 no-repeat;} #footerLine .item .compare.active .icon {background-position: -21px 0;} #footerLine .item .compare.active:hover .icon {background-position: -42px;} #footerLine .item .compare:hover, #footerLine .item .wishlist:hover, #footerLine .item .cart:hover {color: #888888;} #footerLine .item .compare.active, #footerLine .item .wishlist.active, #footerLine .item .cart.active, #footerLine .item .compare.active .mark, #footerLine .item .wishlist.active .mark, #footerLine .item .cart.active .mark {color: #ff9601;} #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: #ffa800;} #footerLine .item a {color: #888888;} #footerLine .item a:hover {color: #ffffff;} #authMenu {border-bottom: 1px solid #e7e8ea;} #authMenu li a {color: #000000;} #authMenu li a:hover {color: #ff9601;} #authMenu li .selected {border-bottom: 1px dashed #000000;} #authMenu li .selected:hover {color: #000000;} #empty .emptyWrapper {border-bottom: 1px solid #e7e8ea;} #empty p a {border-bottom: 1px dashed #000000;} #empty p a:hover {border-bottom: 1px dashed #ff9601;} #empty a {color: #000000;} #empty a:hover {color: #ff9601;} #empty .back {border-bottom: 1px dashed #ff9601; color: #ff9601;} #empty .back:hover {color: #ffa800;} .product {border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea;} .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5) {border-top: 1px solid #e7e8ea;} .product:nth-child(5n+1) {border-left: 1px solid #e7e8ea;} .product.last {background: #f9f9f9;} .product .tabloid {background-color: #ffffff;} .product .marker {background-color: #424242; color: #ffffff;} .product .name {color: #000000;} .product .name:hover {color: #ff9601;} .product .price {color: #000000;} .product .price .discount {color: #888888;} .product .addCart {background: #ff9601; color: #ffffff;} .product .addCart:hover {background-color: #ffa800;} .product .label {color: #717171;} .product .label:hover {color: #000000;} .product .skuPropertyName {color: #888888;} .product .skuProperty .selected .skuPropertyLink {border: 1px solid #ff9601;} .product .skuPropertyLink {border: 1px solid #dddddd; color: #000000;} .product:hover .tabloid {background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%,#f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */ box-shadow: 1px 1px 6px rgba(0,0,0, 0.2); border-bottom: 1px solid #cccccc;} .product.last .showMore {color: #000000;} .product.last .showMore:hover {color: #ff9601;} .addCart.added {background: #2b2b2b !important;} .addCart.added:hover {background: #3b3b3b !important;} .sideBlock .heading {background-color: #424242;} .heading.collapsed {color: #ffffff;} .heading.collapsed ins {background: url(/bitrix/templates/dresscodeV2/themes/default/images/iconMenu.png) 50% 50% no-repeat #ff9601; border-right: 1px solid #ff9601;} .heading.orange {background: #ff9601;} .mfeedback input, .mfeedback textarea {background-color: #f3f3f3; color: #000000;} .mfeedback input:focus, .mfeedback textarea:focus {background-color: #eeeeee;} .mfeedback input[type="submit"] {background-color: #ff9601; color: #ffffff;} .mfeedback input[type="submit"]:hover {background-color: #ffa800;} .bx-auth .alert {border: 1px solid #e7e8ea; background-color: #f3f3f3;} .bx-auth .alert.alert-danger {border: 1px solid #ff0000; background-color: #ffffff;} .bx-auth .alert.small {color: #000000;} .bx-authform-label-container {color: #333333;} .bx-auth .registerText {border-bottom: 1px solid #e7e8ea;} .bx-auth input.error {border: 1px solid #ff0000 !important;} .bx-auth input[type="text"], .bx-auth input[type="password"] {background-color: #f3f3f3;} .bx-auth input[type="text"]:focus, .bx-auth input[type="password"]:focus {background-color: #eeeeee;} .bx-auth .submit, .popup-window .btn {background: #ff9601; color: #ffffff;} .bx-auth .submit:hover, .popup-window .btn:hover {background: #ffa800;} .bx-auth .clear {border: 1px solid #e7e8ea; color: #000000;} .bx-auth .clear:hover {border: 1px solid #cccccc;} .bx-auth .forgot, .bx-auth .registerLink {color: #000000;} .bx-auth .forgot:hover, .bx-auth .registerLink:hover {color: #ff9601;} .blackLink, .backToIndexPage {color: #000000;} .blackLink:hover, .backToIndexPage:hover {color: #ff9601;} .sn li:first-child {border-left: 1px solid #313131;} .sn li {border-right: 1px solid #313131;} div[id^="wait_comp_"] {border: 1px solid #e7e8ea !important; background-color: #ffffff !important;} .contactList a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000;} .contactList a:hover {color: #ff9601;} @media all and (max-width: 700px) { .copyright { border-left: 1px solid #313131; border-right: 1px solid #313131; } } #ORDER_CONFIRM_BUTTON {background: #ffa800 !important;} .addCart.disabled {background-color: #cccccc !important; border: 1px solid #e7e8ea;} .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] {background-color: #ff9601; color: #ffffff;} .sale_order_full_table input[name="BuyButton"]:hover, .sale_order_full_table input[type="submit"]:hover {background-color: #ffa800;} /* components colors *//*breadcrumbs*/#breadcrumbs {color: #999999;} #breadcrumbs ul li a {color: #000000;} #breadcrumbs ul li a:hover {color: #888888;} #breadcrumbs .arrow {color: #888888;} /*end breadcrumbs*//*section.list.default*/#catalogSection .sectionItems .item:first-child {border-top: 1px solid #e7e8ea;} #catalogSection .sectionItems .item {border: 1px solid #e7e8ea;} #catalogSection .sectionItems .item .itemContainer .bigPicture .marker {background-color: #424242; color: #ffffff;} #catalogSection .sectionItems .item .itemContainer .bigTitle {color: #000000;} #catalogSection .sectionItems .item .itemContainer .bigTitle:hover {color: #ff9601;} #catalogSection .sectionItems .item .itemContainer .description {color: #888888;} #catalogSection .sectionItems .item .itemContainer .sectionList .section a {border-bottom: 1px solid #e7e8ea; color: #000000;} #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover {border-bottom: 1px solid #e7e8ea; color: #888888;} /*end section.list.default*//*section.list.cast*/ #sectionList .tabloid {border: 1px solid #e7e8ea; background: #ffffff;} #sectionList .tabloid .name {color: #000000;} #sectionList .tabloid .name:hover {color: #ffa800;} #sectionList .tabloid .marker {background-color: #424242; color: #ffffff;} #sectionList .item:hover .tabloid {box-shadow: 1px 1px 12px rgba(0,0,0,0.1); border: 1px solid #dddddd;} #sectionList .element .name:hover {color: #ffa800;} /*end section.list.cast*//*section.list.level2*/#nextSection {border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-top: 1px solid #e7e8ea;} #nextSection .title {background-color: #f3f3f3;} #nextSection li, #nextSection .title {border-bottom: 1px solid #e7e8ea;} #nextSection li a {color: #000000;} #nextSection li a:hover, #nextSection li .selected {color: #ffa800;} #nextSection li .cnt {color: #888888;}/*end section.list.level2*/ /*catalog.element*/#elementSmallNavigation .tab {border-right: 1px solid #e7e8ea;} #elementSmallNavigation .tab.active a {color: #ff9601;} #elementSmallNavigation .tab.active span {border-bottom: 1px dashed #ff9601;} #elementTools .addCart, #smallElementTools .addCart {background: #ff9601;} #elementTools .addCart:hover, #smallElementTools .addCart:hover {background-color: #ffa800;} #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink {border: 1px solid #ff9601;} .elementProperties a:hover {color: #ff9601;} #elementProperties .stats a:hover {color: #ff9601;} #files .item .info .name:hover {color: #ff9601;} /*reviews*/ #catalogReviews .heading .reviewAddButton:hover {border-color: #ff9601; color: #ff9601;} #showallReviews:hover {color: #ff9601;} #catalogElement #newReview .usedSelect li a.selected {background: #ff9601;} #catalogElement #newReview .submit {background: #ff9601;} #catalogElement #newReview .submit:hover {background: #ffa800;}/*set*/#set .setTools .addCart {background: #ff9601;} #set .setTools .addCart:hover {background-color: #ffa800;} #set .setElement .name:hover {color: #ff9601;} #setWindowPrice .addCart {background: #ff9601;} #setWindowPrice .addCart:hover {background-color: #ffa800;}/*end.catalog.element*/ /* catalog.section */#catalogLineList .name:hover {color: #ff9601;} #catalogLineList .addCart {background: #ff9601;} #catalogLineList .addCart:hover {background-color: #ffa800;} #catalogLineList .skuProperty .selected .skuPropertyLink {border: 1px solid #ff9601;} #catalogLineList .prop a:hover {color: #ff9601;} /* table */ #catalogTableList .name:hover {color: #ffa800;} #catalogTableList .addCart, #catalogTableList .more {background-color: #ff9601;} #catalogTableList .addCart:hover, #catalogTableList .more:hover {background-color: #ffa800;} /* end.catalog.section /*smart filter */ #smartFilter .showALL {color: #ff9601;} #smartFilter .showALL:hover {color: #ffa800;} #smartFilter .radio label:hover, #smartFilter .checkbox label:hover {color: #ff9601;} #smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover {background-color: #ffa800;} #smartFilter .handler {background: url(/bitrix/templates/dresscodeV2/themes/default/images/handlerActive.png) 0 0 no-repeat transparent;} #set_filter {background-color: #ff9601;} #set_filter:hover {background-color: #ffa800;} #smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon {border-color: #ff9601;} #smartFilter .hint {background: url(/bitrix/templates/dresscodeV2/themes/default/images/question.png) 0 0 no-repeat transparent;} #smartFilter .hintValue .close {color: #ff9601;} #smartFilter .hintValue .close:hover {color: #ffa800;} #smartFilter input[type="submit"], #smartFilter input[type="reset"], #smartFilter button {border: 1px solid #ff9601; background-color: #ff9601;} #smartFilter input[type="submit"]:hover, #smartFilter button:hover {background-color: #ffa800;} #modef {background: url(/bitrix/templates/dresscodeV2/themes/default/images/modef.png) 0 0 no-repeat;} /* end smart filter */ /* menu */#topMenu li a:hover {color: #ffa800;} #topMenu li .selected {color: #ffa800;} #topMenu .bar > a {background: url(/bitrix/templates/dresscodeV2/themes/default/images/menuMore.png) 0 50% no-repeat transparent;} #topMenu .bar > a:hover, #topMenu .bar.active > a {background: url(/bitrix/templates/dresscodeV2/themes/default/images/menuMore.png) -21px 50% no-repeat transparent;} #topMenu .sub li:hover a {color: #ffa800;} #personalMenu li a:hover {color: #ff9601;} #subLeftMenu .selected a {color: #ffa800;} #leftMenu .menuItems a:hover span {color: #ff9601;} #mainMenu .drop ul li a:hover, #mainMenu .drop .nextColumn ul li a:hover {color: #ff9601;} /* end menu */ /* news */ #newsDetail .more {background: #ff9601;} #newsDetail .more:hover {background-color: #ffa800;} #newsContainer .column .item .title a:hover {color: #ff9601;} #newsContainer .column .item .more {background: #ff9601;} #newsContainer .column .item .more:hover {background-color: #ffa800;} #newsContainer .column .item .title a:hover {color: #ff9601;} #newsContainer .column .item .more, .mainServiceContainer .item .more {background: #ff9601;} #newsContainer .column .item .more:hover, .mainServiceContainer .item .more:hover {background-color: #ffa800;} .backToList:hover {color: #ff9601;} #brandList .name:hover {color: #ffa800;} #newsContainer .column .item .title a:hover, .mainServiceContainer .item .title a:hover {color: #ff9601;} #newsContainer .column .item .more {background: #ff9601;} #newsContainer .column .item .more:hover {background-color: #ffa800;} #collectionBlock .name:hover {color: #ffa800;} #collectionBlock .link {color: #ffa800;} #newsBlock .newsTitle:hover {color: #ff9601;} #serviceBlock .name:hover {color: #ffa800;} #serviceBlock .link {color: #ffa800;} /* end news */ /* order cancel */ .bx_my_order_cancel a:hover {color: #ff9601;} .bx_my_order_cancel input[type="submit"] {background:#ff9601;} .bx_my_order_cancel input[type="submit"]:hover {background: #ffa800;} .bx_my_order_cancel input[type="submit"]:active {background: #ffa800;} input[name="BuyButton"] {background-color: #ff9601;} .bx_my_order_switch .bx_mo_link:hover {color: #ff9601;}/* end order cancel *//* #subscribe */ #subscribeEdit a:hover {color: #ff9601;} #subscribeEdit .submit {background: #ff9601;} #subscribeEdit .submit:hover {background: #ffa800;} #subscribe .submit {background-color: #ffa800;} #subscribe .submit:hover {background-color: #ffa800;} /* end #subscribe */ /* navigation */ .bx-pagination .bx-pagination-container ul li.bx-active span {background: #ff9601; color: #fff;} /* end navigation */ #brandList .name:hover {color: #ffa800;} #brandList .last .showMore:hover {color: #ffa800;} #brandList .last .ps:hover {color: #ffa800;} #homeCatalog .captionList .cItem {background-color: #1a1a1a;} #homeCatalog .caption.selected {background-color: #ff9601;} #mainProfile .profileSettings .heading {color: #ff9601;} #mainProfile .profileSettings .submit {background: #ff9601;} #mainProfile .profileSettings .submit:hover {background: #ffa800;} #main input[name="BuyButton"], #main input[type="submit"] {background-color: #ff9601;} #main input[name="BuyButton"]:hover, #main input[type="submit"]:hover {background-color: #ffa800;} #newOrder {background-color: #ff9601;} #newOrder:hover {background-color: #ffa800;} #orderSuccess a {color: #ff9601;} #orderSuccess a:hover {color: #ffa800;} #personalCart #basketView .item a {background: url(/bitrix/templates/dresscodeV2/themes/default/images/cartView.png) 0 0 no-repeat transparent;} #personalCart #tabsControl .item a:hover {color: #ff9601;} #personalCart #tabsControl .item .selected:hover {border-bottom: 1px dashed #ff9601;} #personalCart .productTable .clear a:hover {color: #ff9601;} #personalCart .productTable .name a:hover {color: #ff9601;} #orderMake {background-color: #ff9601;} #orderMake:hover {background-color: #ffa800;} .orderLoad {background: url(/bitrix/templates/dresscodeV2/themes/default/images/orderLoad.gif) 24px 50% no-repeat #ff9601 !important;} #wishlist .prop a:hover {color: #ffa800;} #popSection .name:hover {color: #ff9601;} #popSection .last .showMore:hover {color: #ff9601;} #popSection .last .ps:hover {color: #ff9601;} #storesList .storesListTableLink, #storeDetail .storesMoreLink {color: #ff9601;} #storeDetail .showByMapLink {color: #000000;} #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover, #storeDetail .storesMoreLink:hover, #storeDetail .showByMapLink:hover {color: #ffa800;} #complect .complectListItemLink {color: #000000;} #complect .complectListItemLink:hover {color: #ffa800;} #complect .complectResultEconomyValue {color: #ff305c;} #appFastView .addCart, #geo-location-window .geo-location-window-button {background: #ff9601;} #geo-location-window .geo-location-window-list-item .selected span {border-bottom: 1px dashed #ff9601; color: #ff9601;} #appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover {background-color: #ffa800;} #geo-location-window .geo-location-window-list-item a:hover {color: #ffa800;} .information-feedback, .shop-review-top-new-button {border: 1px solid #ff9601; color: #ff9601;} .information-feedback:hover, .shop-review-top-new-button:hover {border: 1px solid #ffa800; color: #ffa800;} .webFormTools input[type="submit"] {background-color: #ff9601;} .webFormTools input[type="submit"]:hover {background-color: #ffa800;} #bx-soa-order-form .bx-blue .btn.btn-default {background-color: #ff9601; border: 1px solid #ff9601; color: #ffffff;} #bx-soa-order-form textarea {outline: none;} #bx-soa-order-form a {color: #ff9601;} #bx-soa-order-form a:hover {color: #ffa800;} #bx-soa-order-form .bx-blue .btn.btn-default:hover {background-color: #ffa800;} #bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag {color: #23527c;} #appProductPriceVariant .linkMore {background: #ff9601;} #appProductPriceVariant .linkMore:hover {background-color: #ffa800;} #requestPrice #requestPriceSubmit, #requestPrice #requestPriceResultClose, #compareBlock .leftTools .all, #compareTools .hide, #scrollTable .addCart, #scrollTable .addSku, #specialProduct .specialTimeItem, #specialProduct .more, #slider .sliderContent .cButton {background-color: #ff9601;} #requestPrice #requestPriceSubmit:hover, #requestPrice #requestPriceResultClose:hover, #compareBlock .leftTools .all:hover, #compareTools .hide:hover, #scrollTable .addCart:hover, #specialProduct .more:hover, #slider .sliderContent .cButton:hover {background-color: #ffa800;} #requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover {color: #ffa800;} #requestPrice #requestPriceSubmit.loading {background: url(/bitrix/templates/dresscodeV2/themes/default/images/loading.gif) 24px 50% no-repeat #ffa800 !important;} #slider .sliderContent .bigTextColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor, #slider .sliderContent .bigTextLightColor {color: #ff9601;} /*end*/ ::selection {background: #eca712; color: #fff;} ::-moz-selection {background: #eca712; color: #fff;} ::-webkit-selection {background: #eca712; color: #fff;} /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu/style.css?16389066971250*/ #topMenu{ border-left: 1px solid #3a3a3a; float: left; padding: 0; margin: 0; } #topMenu ul{ padding: 0; margin: 0; } #topMenu li{ list-style: none; float: left; padding: 0; margin: 0; } #topMenu li a{ font: normal normal 12px "roboto_ltregular" , arial , sans-serif; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; letter-spacing: 0px; line-height: 30px; padding: 0 12px; color: #cccccc; display: block; } #topMenu .openEnder{ -webkit-transition: none; -o-transition: none; transition: none; } #topMenu .bar{ position: relative; padding: 0 12px; } #topMenu .bar > a{ height: 30px; width: 21px; padding: 0; border: 0; display: block; } #topMenu .sub{ position: absolute; display: none; background: #232323; min-width:180px; left: -1px; top: 30px; z-index: 1; } #topMenu .sub li{ border-top: 1px solid rgba(0, 0, 0, 0.149); border-bottom: 1px solid #303030; display: block; float: none; } #topMenu .sub li:first-child{ border-top: 0; } #topMenu .sub li:hover{ background: #1e1e1e; } #topMenu .sub li a{ border: none; line-height: 21px; padding: 4px 12px; } #topMenu .active .sub{ display: inline-block; } /* End */ /* Start:/bitrix/components/dresscode/search.line/templates/.default/style.css?16388654966561*/ #topSearch{ background-color: #2b2b2b; position: absolute; line-height: 102px; min-width: 320px; height: 102px; display: none; width: 100%; z-index: 35; left: 0; } #topSearch form{ height: 95px; line-height: 95px; padding: 0 12px; } #topSearch table{ width: 100%; border-collapse: collapse; } #topSearch .submit{ width: 60px; padding-left: 12px; } #topSearch input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 50px; float: left; width: 100%; background: rgba(0, 0, 0, 0.298); border: 1px solid #000; padding: 0 1%; font-size: 18px; color: #ccc; font-weight: normal; margin-top: 22px; } #topSearch input[type="submit"]{ background: url(/bitrix/components/dresscode/search.line/templates/.default/images/modalSearch.png) 0% 50% no-repeat rgba(0, 0, 0, 0.298); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000000; color: transparent; margin-top: 22px; cursor: pointer; font-size: 0px; height: 50px; width: 60px; float:right; } #topSearch input[type="submit"]:hover{ background-position: -60px 50%; } #topSearch input[type="submit"]:active{ background-position: -120px 50%; } #topSearch input[type="text"].loading{ background-color: rgba(0, 0, 0, 0.398); } #topSearch .searchField{ position: relative; } #topSeachCloseForm{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; position: absolute; color: #ffffff; right: 24px; } #topSeachCloseForm:hover{ color: #ffa900; } #searchResult{ background-color: #ffffff; position: absolute; display: none; height: auto; z-index: 999; width: 100%; top: 133px; left: 0; } #searchResult h1{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; background-color: #ffffff; position: relative; text-align: center; line-height: 85px; font-size: 18px; height: 85px; margin: 0px; } #searchResult.visible{ display: block; } #searchResult .productList{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #searchResult .item{ width: 16.666666%; } #searchResult .product{ border: 0; /* clear */ border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #searchResult .product:nth-child(6n+1) { border-left: 1px solid #e7e8ea; } #searchResult .product:nth-child(1), #searchResult .product:nth-child(2), #searchResult .product:nth-child(3), #searchResult .product:nth-child(4), #searchResult .product:nth-child(5), #searchResult .product:nth-child(6) { border-top: 1px solid #e7e8ea; height: 347px; } #searchResult .searchAllResult{ -webkit-transition: all 0.2 ease-in-out; -o-transition: all 0.2 ease-in-out; transition: all 0.2 ease-in-out; border-top: 1px solid #e7e8ea; background-color: #f3f3f3; font-family: 'robotobold'; text-transform: uppercase; text-decoration: none; position: relative; text-align: center; line-height: 85px; font-size: 14px; display: block; color: #000000; height: 85px; } #searchResult .searchAllResult:hover{ background-color: #eeeeee; } #searchResult .searchAllResult span{ border-bottom: 1px dashed #000000; padding-bottom: 4px; } #searchResult .errorMessage{ margin: 24px 24px 24px 24px; text-align: center; font-size: 14px; } #searchProductsClose{ background: url(/bitrix/components/dresscode/search.line/templates/.default/images/exit.png) 0 0 no-repeat transparent; position: absolute; margin-top: -9px; display: block; height: 18px; width: 18px; right: 24px; top: 50%; } #searchProductsClose:hover{ background-position: -18px 0; } #searchProductsClose:active{ background-position: -36px 0; } .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ /* background: #ff9601; color: #fff;*/ } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?16389067005521*/ #mainMenuContainer{ position: relative; } #mainMenuContainer .minCatalogButton{ font-family: "roboto_ltregular"; text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: none; height: 65px; } #mainMenuContainer .minCatalogButton img{ vertical-align: middle; padding-right: 12px; margin-top: -2px; } #menuCatalogSection{ border-left: 1px solid #222222; height: 60px; float: left; } #menuCatalogSection .catalogButton{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; background-color: #111111; text-decoration: none; line-height: 60px; padding: 0 32px; color: #ffffff; display: block; } #menuCatalogSection .catalogButton:hover{ background-color: #000000; } #menuCatalogSection .catalogButton img{ vertical-align: middle; padding-right: 12px; margin-top: -2px; } #mainMenu{ list-style: none; overflow: hidden; padding: 0px; height: 60px; margin: 0px; } #mainMenu .removedItemsLink > a{ background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/menuSlicedIcon.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; height: 60px; float: left; width: 40px; } #mainMenu .removedItemsLink > a:hover{ opacity: 0.8; } #mainMenu .removedItemsLink .removedItemsList{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); margin: 0px 0px 0px -211px; background-color: #1a1a1a; position: absolute; list-style: none; display: none; padding: 0px; z-index: 100; width: 300px; top: 60px; left: 0px; } #mainMenu .removedItemsLink:hover .removedItemsList{ display: block; } #mainMenu .removed{ border-top: 1px solid #222222; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mainMenu .removed:hover{ background-color: #202020; } /*#mainMenu .removed:first-child{ border-top: 0px; } */ #mainMenu .removed a{ text-decoration: none; line-height: 24px; padding: 18px 24px; display: block; } #mainMenu a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; } #mainMenu > li{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-right: 1px solid #222222; line-height: 60px; float: left; } #mainMenu > li:first-child{ border-left: 1px solid #222222; } #mainMenu > li:hover{ background-color: #202020; } #mainMenu > li:first-child{ margin-left: 0px; } #mainMenu > li > a{ text-decoration: none; padding: 0 24px; } #mainMenu > li img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; padding-right: 12px; } #mainMenu > li a:hover img{ opacity: 0.8; } #menuCatalogSection .sectionMenuArrow{ padding-left: 12px; } /* drop sections */ #menuCatalogSection .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #dddddd; background-color: #ffffff; position: absolute; padding: 24px 0px; display: none; z-index: 100; width: 100%; top: 60px; left: 0; } #menuCatalogSection .drop ul{ margin: -24px 0 0 0; overflow: hidden; list-style: none; padding: 0px; } #menuCatalogSection .drop .menuSectionContainer{ overflow: hidden; } #menuCatalogSection .drop ul li{ -webkit-box-sizing: border-box; -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: #000000; } #menuCatalogSection .drop ul li .picture{ margin-bottom: 12px; line-height: 130px; height: 130px; } #menuCatalogSection .drop ul li .picture img{ vertical-align: middle; } #menuCatalogSection .drop ul li .picture:hover{ opacity: 0.9; } #mainMenu .drop{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #dddddd; background-color: #ffffff; position: absolute; padding: 24px 0px; display: none; z-index: 99; width: 100%; top: 60px; left: 0; } #mainMenu .drop .nextColumn{ line-height: 21px; list-style: none; float: left; width: 20%; padding: 0; margin: 0; } #mainMenu .drop .nextColumn > li{ margin-top: 12px; display: block; } #mainMenu .drop .nextColumn > li:first-child{ margin-top: 0px; } #mainMenu .drop .nextColumn > li > a{ text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; color: #000000; } #mainMenu .drop .nextColumn .menu2Link{ -webkit-box-sizing: border-box; -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: #000000; } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/breadcrumb/.default/style.css?1638906729522*/ #breadcrumbs{ margin-bottom: 12px; line-height: 21px; margin-top: 24px; overflow: hidden; font-size: 12px; } #breadcrumbs ul{ overflow: hidden; list-style: none; padding: 0; margin: 0; } #breadcrumbs ul li{ vertical-align: middle; display: inline-block; } #breadcrumbs ul li a{ text-decoration: none; display: inline-block; line-height: 21px; } #breadcrumbs .arrow{ vertical-align: middle; display: inline-block; font-family: arial; font-size: 18px; margin: 0 12px; } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/sale.viewed.product/.default/style.css?16389067301359*/ #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: 0px; left: 0px; } #viewedProduct .productList > li{ float: left; } #viewedProduct .productList .item{ border-left: 0px !important; height: 360px !important; width: 100% !important; float: none; } #viewedProduct .productList > li:first-child .item{ border-left: 1px solid #e7e8ea !important; } #viewedProduct .productList .item .tabloid{ height: 358px !important; } #viewedProduct .viewedBtnLeft, #viewedProduct .viewedBtnRight{ background: url(/bitrix/templates/dresscodeV2/components/bitrix/sale.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{ left: 0px; } #viewedProduct .viewedBtnRight{ right: 0px; } #viewedProduct .viewedBtnLeft:hover{ background-position: -35px 0; } #viewedProduct .viewedBtnLeft:active{ background-position: -70px 0; } #viewedProduct .viewedBtnRight{ background-position: 0 -70px; } #viewedProduct .viewedBtnRight:hover{ background-position: -35px -70px; } #viewedProduct .viewedBtnRight:active{ background-position: -70px -70px; } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/catalog.top/.default/style.css?16389067631359*/ #topProduct{ position: relative; } #topProduct .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #topProduct .productList{ position: relative; list-style: none; overflow: hidden; clear: both; margin: 0px; left: 0px; } #topProduct .productList > li{ float: left; } #topProduct .productList .item{ border-left: 0px !important; height: 360px !important; width: 100% !important; float: none; } #topProduct .productList > li:first-child .item{ border-left: 1px solid #e7e8ea !important; } #topProduct .productList .item .tabloid{ height: 358px !important; } #topProduct .topBtnLeft, #topProduct .topBtnRight{ background: url(/bitrix/templates/dresscodeV2/components/bitrix/catalog.top/.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: 0px; } #topProduct .topBtnRight{ right: 0px; } #topProduct .topBtnLeft:hover{ background-position: -35px 0; } #topProduct .topBtnLeft:active{ background-position: -70px 0; } #topProduct .topBtnRight{ background-position: 0 -70px; } #topProduct .topBtnRight:hover{ background-position: -35px -70px; } #topProduct .topBtnRight:active{ background-position: -70px -70px; } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/bitrix/catalog.top/viewed-product/style.css?16389067621519*/ #topProductViewedBest{ position: relative; } #topProductViewedBest .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #topProductViewedBest .productList{ position: relative; list-style: none; overflow: hidden; clear: both; margin: 0px; left: 0px; } #topProductViewedBest .productList > li{ float: left; } #topProductViewedBest .productList .item{ border-left: 0px !important; height: 360px !important; width: 100% !important; float: none; } #topProductViewedBest .productList > li:first-child .item{ border-left: 1px solid #e7e8ea !important; } #topProductViewedBest .productList .item .tabloid{ height: 358px !important; } #topProductViewedBest .topBtnLeft, #topProductViewedBest .topBtnRight{ background: url(/bitrix/templates/dresscodeV2/components/bitrix/catalog.top/viewed-product/images/slideArrowSmall.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } #topProductViewedBest .topBtnLeft{ left: 0px; } #topProductViewedBest .topBtnRight{ right: 0px; } #topProductViewedBest .topBtnLeft:hover{ background-position: -35px 0; } #topProductViewedBest .topBtnLeft:active{ background-position: -70px 0; } #topProductViewedBest .topBtnRight{ background-position: 0 -70px; } #topProductViewedBest .topBtnRight:hover{ background-position: -35px -70px; } #topProductViewedBest .topBtnRight:active{ background-position: -70px -70px; } /* End */ /* Start:/bitrix/templates/dresscodeV2/styles.css?16389069705888*/ a { color:#00f;} a:hover { color:#A20069;} #slider {max-width:1480px; margin:0 auto; height:350px;} #slider .limiter { height:350px !important;} span[data-large="/upload/resize_cache/iblock/5fb/1478_298_1/5fbdecf70d5902355854dc9fbf326c3e.jpg"] { height:350px !important;} .block.page.edited .block-content .page-content ul.tabs_tabbernav { font-size:0;} .block.page.edited .block-content .page-content ul.tabs_tabbernav li { margin:0 7px 0 0 !important; display:inline-block !important; vertical-align:top; font-size:16px; line-height:18px; border-bottom:5px solid #fff;} .block.page.edited .block-content .page-content ul.tabs_tabbernav li:hover { border-bottom-color:#e35927;} .block.page.edited .block-content .page-content ul.tabs_tabbernav li.tabs_tabberactive { border-bottom-color:#e35927;} .block.page.edited .block-content .page-content ul.tabs_tabbernav li a { display:block; padding:20px 0 0 55px; border:1px solid #cdcdcd !important; width:200px; height:59px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin:0 !important;} .block.page.oplata .block-content .page-content ul.tabs_tabbernav li.tab1 a { background:url(/bitrix/templates/dresscodeV2/images/oplata1.png) no-repeat 15px 50%;} .block.page.oplata .block-content .page-content ul.tabs_tabbernav li.tab2 a { background:url(/bitrix/templates/dresscodeV2/images/oplata2.png) no-repeat 5px 50%; padding-top:15px;} .block.page.oplata .block-content .page-content ul.tabs_tabbernav li.tab3 a { background:url(/bitrix/templates/dresscodeV2/images/oplata2.png) no-repeat 5px 50%; padding-top:15px;} .block.page.oplata .block-content .page-content ul.tabs_tabbernav li.tab4 a { background:url(/bitrix/templates/dresscodeV2/images/oplata3.png) no-repeat 15px 50%;} .block.page.oplata .block-content .page-content ul.tabs_tabbernav li.tab5 a { background:url(/bitrix/templates/dresscodeV2/images/oplata4.png) no-repeat 15px 50%;} .block.page.dostavka .block-content .page-content ul.tabs_tabbernav li a {width:174px;} .block.page.dostavka .block-content .page-content ul.tabs_tabbernav li.tab1 a { background:url(/bitrix/templates/dresscodeV2/images/dostavka1.png) no-repeat 15px 50%;} .block.page.dostavka .block-content .page-content ul.tabs_tabbernav li.tab2 a { background:url(/bitrix/templates/dresscodeV2/images/dostavka2.png) no-repeat 15px 50%;} .block.page.dostavka .block-content .page-content ul.tabs_tabbernav li.tab3 a { background:url(/bitrix/templates/dresscodeV2/images/dostavka3.png) no-repeat 15px 50%;} .block.page.dostavka .block-content .page-content ul.tabs_tabbernav li.tab4 a { background:url(/bitrix/templates/dresscodeV2/images/dostavka4.png) no-repeat 15px 50%;} .block.page.dostavka .block-content .page-content ul.tabs_tabbernav li.tab5 a { background:url(/bitrix/templates/dresscodeV2/images/dostavka4.png) no-repeat 15px 50%;} .block.page.edited .block-content .page-content ul.tabs_tabbernav li.tabs_tabberactive a { background-color:#eeeeee !important;} .tabs_tabberlive .tabs_tabbertab { border:none !important; font-size:18px !important; line-height:26px !important; color:#444444 !important; padding:25px 0 !important;} .tabs_tabberlive .tabs_tabbertab p { margin:0 !important;} .heading.phonez a { color:#000; text-decoration:none;} .bx-soa-pp-company-smalltitle { font-size:14px !important;} #audioblock {background-color: #ffffff; padding-bottom: 36px; margin-top: 0px;} #audioblock .heading{ border-bottom: 1px solid #e7e8ea; margin-bottom: 30px !important; text-transform: uppercase; font-family: 'robotobold'; padding-bottom: 48px; text-align: center; padding-left: 18px; padding-top: 48px; font-size: 18px; display: block; color: #000000; } #audioblock audio { margin:10px;} #bx-soa-order-form .bx-blue .btn.btn-default {padding: 6px 3px; font-size: 18px; min-width: 145px;} #bx-soa-order .bx-soa-custom-label { font-size: 18px !important; font-weight: bold !important; color: #000 !important;} #bx-soa-order .radio-inline label { font-size: 18px;} #bx-soa-order .bx_soa_location.row .form-group:nth-child(1) { padding-left: 25px;} #bx-soa-order .bx_soa_location.row .form-group:nth-child(2) .bx-soa-custom-label { padding-left: 25px; margin-bottom: 10px;} #bx-soa-order .bx_soa_location.row .bx-soa-reference { padding-left: 25px;} #bx-soa-order .bx_soa_location.row .bx-soa-tooltip {margin-left: 25px;} #bx-soa-order .bx-soa-pp-company-graf-container { border: none; border-radius: 0; padding: 0; position: initial; height: auto; background: none;} #bx-soa-order .bx-soa-pp-company { border:1px solid #dfdfdf; padding: 10px; position: relative; padding-bottom: 35px; } #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company { margin-top: 7px; padding-left: 50px; width: 48% !important; clear: none !important; margin-right: 2% !important; cursor: pointer;} @media (max-width: 1290px) { #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company { width: 100% !important; margin-right: 0% !important;} } #bx-soa-order .bx-soa-pp-company-image { position: relative; top:0; right: auto; left: 0; bottom: auto; height: 30px; background-position: 0 0; margin-bottom: 10px;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-image { background-color: #fff; height: 45px; margin-bottom: 0; background-position: 50% 50%; background-size: inherit;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container { border: 2px solid #dfdfdf; padding: 10px; background: #fff;} #bx-soa-order .bx-soa-pp-company-smalltitle { font-size: 15px !important; line-height: 18px; color: #000; text-align: left; padding: 0; min-height: 54px;} #bx-soa-order input[type=checkbox].bx-soa-pp-company-checkbox { top: 50%; margin-top: -3px; left: 15px;} #bx-soa-order .bx-soa-pp-delivery-cost { font-size: 16px; color: #ff9601; font-weight: bold; padding: 0; line-height: 16px; right: auto; bottom: 10px; border-radius: 0; background: none; left: 50px;} #bx-soa-order-form .bx-blue .btn.btn-default.pull-left { background: #919191; border-color: #919191;} #bx-soa-order-form .bx-blue .btn.btn-default.pull-left:hover { background: #818181; } #bx-soa-order-form .bx-blue .btn.btn-default.btn-lg { width:auto; padding: 6px 30px; border-radius: 3px;} /* End */ /* Start:/bitrix/templates/dresscodeV2/template_styles.css?1749064067103602*/ #popCats {margin-top: 24px;} #popCats .sideBlockContent {padding: 12px; border-top: 0;} #popCats ul {list-style: none; padding: 0; margin: 0;} #popCats li {display: inline-block; margin-right: 8px; margin-bottom: 8px;} #popCats li span, #popCats li a {-webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block;} #collectionList {margin-top: 24px; position: relative; overflow: hidden;} #collectionCarousel {position: relative; overflow: hidden; margin: 0 -12px;} #collectionCarousel > ul {list-style: none; padding: 0; margin: 0;} #collectionCarousel > ul li {width: 33.3131313%; float: left;} #collectionList .collection {position: relative; padding: 0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} #collectionList .collection .wrap {border-bottom: none; overflow: hidden; padding: 12px;} #collectionList .collection .heading {text-decoration: none; margin-bottom: 12px; line-height: 24px; font-weight: 700; font-size: 18px; height: auto; padding: 0;} #collectionList .collectionDesc {line-height: 18px; font-size: 12px;} #collectionList .goTo {vertical-align: middle; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;} #collectionList .pic {display: block; margin-bottom: 18px; text-align: center; line-height: 420px; height: 420px;} #collectionList .pic img {max-width: 100%; max-height: 100%; vertical-align: middle;} #promoBlock, #promoBlock > div[id*="bx_"] {width: 100%; display: table; overflow:hidden; table-layout: fixed; border-collapse: collapse;} /*#sliderBlock, #bannersBlock {display: table-cell; vertical-align: top;} #bannersBlock {padding-left: 12px; position: relative; overflow: hidden; width: 356px;} #bannersBlock ul {list-style: none; padding: 0; margin: 0;} #bannersBlock ul li {float: left;} #bannersBlock ul a {display: block; line-height: 0;} #bannersBlock ul li:first-child {margin-bottom: 12px; float: none;} #bannersBlock ul li:first-child + li {padding-right: 12px;}*/ #bx-soa-region,#bx-soa-order .bx-soa-editstep{ display: none !important;} #right .heading {margin-bottom: 24px; padding-left: 24px; line-height: 60px; font-size: 18px; display: block; height: 60px;} #footer {margin-bottom: 55px; padding-top: 36px; overflow: hidden;} #catalogColumn .product {height: 346px !important; width: 25% !important; border: 0 !important; /* clear old */} #catalogColumn .product:nth-child(-n+4) {height: 346px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(4n+1) {border-left: 0 !important;} #catalogColumn .product:nth-child(-n+4) {height: 347px !important;} #catalogColumn .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+4) {border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(4n+1) {border-left: 1px solid #e7e8ea !important;} #catalogColumn #catalogLineList .description {display: none;} #catalogColumn #catalogLineList .prop {width: 100%;} #catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4) {display: none;} #catalogLine {margin-bottom: 24px; border-radius: 4px; line-height: 55px; padding: 0 12px; height: 55px;} .tabs_tabberlive .tabs_tabbertabhide{display: none} #catalogLine .column {display: inline-block; margin-left: 12px;} #catalogLine .column:first-child {margin-left: 0;} #catalogLine .column:last-child {float: right;} #catalogLine .label {display: inline-block; margin-right: 12px;} #catalogLine select {border-radius: 4px; padding: 0 12px; height: 30px;} #catalogLine .viewList {vertical-align: middle; display: inline-block; overflow: hidden;} #catalogLine .viewList .element {margin-left: 12px; float: left;} #catalogLine .viewList .element:first-child {margin-left: 0px;} #catalogLine .viewList .element a {vertical-align: middle; display: inline-block; height: 55px; width: 30px;} #catalogLine .viewList .element .squares {background-position: 0 0;} #catalogLine .viewList .element .squares:hover {background-position: -30px 0;} #catalogLine .viewList .element .squares.selected {background-position: -60px 0;} #catalogLine .viewList .element .line {background-position: 0 -55px;} #catalogLine .viewList .element .line:hover {background-position: -30px -55px;} #catalogLine .viewList .element .line.selected {background-position: -60px -55px;} #catalogLine .viewList .element .table {background-position: 0 -110px;} #catalogLine .viewList .element .table:hover {background-position: -30px -110px;} #catalogLine .viewList .element .table.selected {background-position: -60px -110px;} #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active {position: relative; top: 1px;} #rowFooter {display: table; width: 100%; table-layout: fixed;} #leftFooter {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; padding: 24px 0; width: 60%;} #leftFooter .footerRow {overflow: hidden; list-style: none;} #leftFooter .column {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 48px; width: 33.33%; float: left;} #leftFooter .heading {padding-bottom: 12px; margin-bottom: 6px; font-size: 20px; display: block;} #leftFooter ul {list-style: none; padding: 0; margin: 0;} #leftFooter ul li:first-child {border: 0;} #leftFooter a {-webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; font-size: 13px; padding: 6px 0; display: block;} #rightFooter {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; vertical-align: top; display: table-cell; width: 40%;} #rightFooter .rightTable {border-collapse: collapse; table-layout: fixed; width: 100%;} #rightFooter .rightTable td {vertical-align: top;} #rightFooter .rightColumn {text-align: center; padding: 0 24px;} #rightFooter .rightColumn .wrap {display: inline-block; text-align: left;} #rightFooter .list {list-style: none; padding: 0; margin: 12px 0;} #rightFooter .list li {margin-bottom: 8px; line-height: 21px; list-style: none; font-size: 14px; display: block;} #rightFooter .email a {text-decoration: none;} #rightFooter p {font-size: 14px; display: block;} #rightFooter .hr {padding-top: 12px;} #rightFooter .telephone {margin-bottom: 24px; font-size: 22px; display: block;} #rightFooter .email {display: block; font-size: 18px;} #rightFooter .showMap {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; margin-top: 12px; display: block;} #rightFooter .showMap:active {position: relative; top: 1px;} #rightFooter .logo img {vertical-align: middle; max-height: 100%; max-width: 100%;} #footerBottom {line-height: 60px; overflow: hidden; height: 60px; clear: both;} #footerBottom .creator {float: left;} #footerBottom .creator a {display: block; line-height: 60px;} #footerBottom .creator a:active {position: relative; top: 1px;} #footerBottom .creator img {vertical-align: middle;} #footerBottom .social {float: right;} #footerBottom ul {list-style: none; padding: 0; margin: 0;} #appBasket {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none;} #appBasketContainer {margin-left: -350px; margin-top: -200px; position: absolute; height: 400px; width: 700px; left: 50%; top: 50%;} #appBasket .heading {position: relative; text-align: center; line-height: 60px; font-size: 18px;} #appBasket .close {position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px;} #appBasket .container {position: relative; overflow: hidden;} #appBasket .markerContainer {position: absolute; top: 8px; left: 8px;} #appBasket .rating {position: absolute; right: 12px; top: 12px; z-index: 2; width: 79px;} #appBasket .rating i {background: url(/bitrix/templates/dresscodeV2/images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px;} #appBasket .rating i.m {background: url(/bitrix/templates/dresscodeV2/images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10;} #appBasket .markerContainer .marker {font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2;} #appBasket .picture {position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left;} #appBasket .picture:active {position: relative; top: 1px;} #appBasket .picture img {vertical-align: middle; max-height: 90%; max-width: 90%;} #appBasket .information {line-height: 280px;} #appBasket .information .wrapper {vertical-align: middle; display: inline-block; line-height: 21px;} #appBasket .name {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block;} #appBasket .price {font-family: 'robotobold'; margin-bottom: 18px; font-size: 18px; display: block;} #appBasket .price .discount {font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px;} #appBasket .qtyBlock {margin-bottom: 18px; overflow: hidden;} #appBasket .qtyBlock .label {padding-right: 4px;} #appBasket .plus, #appBasket .minus {vertical-align: middle; display: inline-block; height: 19px; width: 19px;} #appBasket .qty {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0;} #appBasket .qty.error {border: 1px solid #ff0000;} #appBasket .sum {font-family: 'robotobold'; line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px;} #appBasket .sum .discount {font-family: 'roboto_ltregular'; padding-left: 8px; font-size: 14px;} #appBasket .lower {line-height: 60px; overflow: hidden; height: 60px;} #appBasket .lower .tools {border-collapse: collapse; table-layout: fixed; border-spacing: 0px; width: 100%;} #appBasket .lower .tools .av:hover {background: unset;} #appBasket .lower tbody {vertical-align: top;} #appBasket .lower .tools td {padding: 0;} #appBasket .lower .tools .icon {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; vertical-align: top; text-align: center; line-height: 60px; height: 60px; width: 70px;} #appBasket .lower .tools .icon a {text-decoration: none; color: transparent; display: block;} #appBasket .lower .tools .icon .ico {vertical-align: middle; display: inline-block; height: 16px; width: 17px;} #appBasket .lower .tools .addCompare .ico {background: url(/bitrix/templates/dresscodeV2/images/compare.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addCompare.added .ico {background: url(/bitrix/templates/dresscodeV2/images/compareActive.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addWishlist .ico {background: url(/bitrix/templates/dresscodeV2/images/wishlist.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .addWishlist.added .ico {background: url(/bitrix/templates/dresscodeV2/images/wishlistActive.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .inStock {text-decoration: none !important;} #appBasket .lower .tools .inStock .ico {background: url(/bitrix/templates/dresscodeV2/images/inStock.png) 0 0 no-repeat transparent; border: 0 !important;} #appBasket .lower .tools .outOfStock .ico {background: url(/bitrix/templates/dresscodeV2/images/outOfStock.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .onOrder .ico {background: url(/bitrix/templates/dresscodeV2/images/onOrder.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .delete .ico {background: url(/bitrix/templates/dresscodeV2/images/delete.png) 0 0 no-repeat transparent;} #appBasket .lower .tools .continue {text-align: center; width: 50%;} #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out;} #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a {line-height: 60px; text-decoration: none; font-size: 14px; display: block;} #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text {margin-top: 2px; display: inline-block;} #appBasket .lower .tools .goToBasket img {margin-top: -3px;} #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img {vertical-align: middle; padding-right: 12px;} #appBasket .lower .tools .goToBasket {text-align: center; width: 50%;} #appFastBuy {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0px; top: 0px; display: none;} #appFastBuyContainer {box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%;} #appFastBuyContainer .column {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; /*padding: 0 24px;*/ width: 380px; float: left;} #appFastBuyContainer .column:first-child {text-align: center; width: 320px;} #appFastBuyContainer .heading {position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px;} #appFastBuyContainer .title {margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block;} #appFastBuyContainer .formLine {margin-bottom: 12px;} #appFastBuyContainer input {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; width: 354px; height: 50px; border: 0;} #appFastBuyContainer textarea {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 90px; border: 0;} #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus {outline: none;} #appFastBuyContainer #fastBuyFormSubmit {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 354px;} #appFastBuyContainer #fastBuyFormSubmit:active {position: relative; top: 1px;} #appFastBuyContainer #fastBuyFormSubmit.loading {-webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9;} #appFastBuyContainer #fastBuyFormSubmit.loading img {display: none;} #appFastBuyContainer #fastBuyFormSubmit img {vertical-align: middle; padding-right: 4px; margin-top: -2px;} #appFastBuyContainer .markerContainer {position: absolute; top: 0px; left: 12px;} #appFastBuyContainer #fastBuyResult {transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px;} #fastBuyResult #fastBuyResultTitle {text-align: center; margin-top: 24px; font-size: 16px;} #fastBuyResult #fastBuyResultMessage {text-align: center; margin-top: 24px;} #fastBuyResult #fastBuyResultClose {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px;} #fastBuyResult #fastBuyResultClose:active {position: relative; top: 1px;} #appFastBuyContainer .marker {font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2;} #appFastBuyContainer .name {-webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden;} #appFastBuyContainer .middle {line-height: 21px; vertical-align: middle; display: inline-block;} #appFastBuyContainer .price {font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block;} #appFastBuyContainer .price .discount {font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px;} #appFastBuyContainer #fastBuyName {padding: 0 24px;} #appFastBuyContainer #fastBuyPicture {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px;} #appFastBuyContainer #fastBuyPicture .url {text-align: center; line-height: 230px; display: block; height: 230px;} #appFastBuyContainer #fastBuyPicture .picture {vertical-align: middle; max-height: 90%; max-width: 90%;} #appFastBuy .close {background: url(/bitrix/templates/dresscodeV2/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px;} #appFastBuy .close:hover {background-position: 0 -21px ;} #appFastBuy .close:active {background-position: 0 -42px ;} #appFastView {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/} #appFastView .appFastViewContainer {box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; margin-left: -500px; margin-top: -275px; position: absolute; height: 550px; width: 1000px; left: 50%; top: 50%;} #appFastView .appFastViewColumnContainer {height: 490px;} #appFastView .appFastViewPictureColumn {border-right: 1px solid #dddddd; position: relative; height: 490px; width: 336px; float: left;} #appFastView .appFastViewDescriptionColumn {position: relative; overflow: hidden; height: 100%; width: 410px; float: left;} #appFastView .appFastViewDescriptionColumnContainer {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 24px; padding-top: 24px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px;} #appFastView .appFastViewDescriptionColumn:after {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0); pointer-events: none; position: absolute; display: block; height: 50px; content: ''; width: 100%; bottom: 0px;} #appFastView .appFastViewInformationColumn {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; position: relative; padding: 0px 24px; height: 100%; width: 251px; float: left;} #appFastView .markerContainer {position: absolute; color: #ffffff; z-index: 88; left: 12px; top: 12px;} #appFastView .marker {font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2;} #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems {-webkit-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; position: relative; overflow: hidden;} #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems {left: 0px;} #appFastView .appFastViewPictureCarouselItems {padding-bottom: 12px;} #appFastView .appFastViewPictureCarousel {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px 12px 12px; margin: 0 24px;} #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem {text-align: center; float: left;} #appFastView .appFastViewPictureSliderItem {line-height: 380px; height: 380px;} #appFastView .appFastViewPictureSliderItemLayout {vertical-align: middle; display: inline-block; line-height: 0;} #appFastView .appFastViewPictureCarouselItem {line-height: 60px; height: 60px;} #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture {vertical-align: middle; max-height: 100%; max-width: 100%;} #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton {background: url(/bitrix/templates/dresscodeV2/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: -14px; height: 16px; opacity: 0.5; z-index: 99; width: 14px; top: 50%;} #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover {opacity: 0.8;} #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active {opacity: 1;} #appFastView .appFastViewPictureCarouselLeftButton:active {left: 1px;} #appFastView .appFastViewPictureCarouselRightButton:active {right: 1px;} #appFastView .appFastViewPictureCarouselLeftButton {left: 0px;} #appFastView .appFastViewPictureCarouselRightButton {background-position: -14px 0; right: 0px;} #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureCarouselItemLink {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #appFastView .appFastViewPictureSliderItemLink img {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #appFastView .appFastViewPictureSliderItemLink {display: inline-block; position: relative; /*overflow: hidden;*/ line-height: 0; height: auto;} #appFastView .appFastViewPictureCarouselItemLink {position: relative; display: block; height: 60px; opacity: 0.3;} #appFastView .appFastViewPictureSliderItemLink:hover img, #appFastView .appFastViewPictureCarouselItemLink:hover {opacity: 0.9;} #appFastView .appFastViewPictureCarouselItemLink.active {pointer-events: none; position: relative; opacity: 1;} #appFastView .appFastViewPictureCarouselItemLink.active:hover {opacity: 1;} #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewPictureCarouselItemLink:active {position: relative; top: 1px;} #appFastView .appFastViewPictureCarouselItemLink.active:after {background: rgba(0, 0, 0, 1); transform: translateX(-50%); position: absolute; display: block; bottom: -4px; content: ''; height: 2px; width: 20%; left: 50%;} #appFastView .appFastViewPictureLoupe {background-repeat: no-repeat; border: 1px solid #000000; border-radius: 50%; position: absolute; margin-left: -75px; margin-top: -75px; cursor: crosshair; height: 150px; width: 150px; left: -9999px; top: -9999px;} #appFastView .appFastViewHeading {background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff;} #appFastView .appFastViewProductHeading {line-height: 33px; font-size: 21px;} #appFastView .appFastViewProductHeading a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000;} #appFastView .appFastViewProductHeading a:hover {color: #555555;} #appFastView .appFastViewProductHeading a:active {position: relative; top: 1px;} /*#appFastView .appFastViewProductHeading .appFastViewProductHeadingLinkLayout {border-bottom: 1px solid #dddddd; padding-bottom: 4px;}*/ #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading {margin-top: 24px; font-size: 16px;} #appFastView .appFastViewProductPropertiesHeading {margin-bottom: 12px;} #appFastView .propertyTable {table-layout: fixed; display: table; width: 100%;} #appFastView .propertyTable {font-size: 13px;} #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue {background-color: #ffffff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 4px 0;} #appFastView .propertyTable .propertyValue {padding-left: 12px; width: 40%;} #appFastView .propertyTable .propertyName:after {border-bottom: 1px dotted #cccccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100%;} #appFastView .propertyTable .propertyValue a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #555555;} #appFastView .propertyTable .propertyValue a:hover {color: #000000;} #appFastView .appFastViewDescription {display: none;} #appFastView .appFastViewDescription.visible {display: block;} #appFastView .appFastViewDescriptionHeading {margin-top: 24px; font-size: 16px;} #appFastView .appFastViewDescriptionText {line-height: 21px; margin-top: 12px; font-size: 13px;} #appFastView .skuPropertyList {margin: 0px 0px 0px -6px; overflow: hidden; list-style: none; padding: 0px;} #appFastView .skuProperty {overflow: hidden; margin: 12px 0;} #appFastView .skuProperty:last-child {margin-bottom: 0px !important;} #appFastView .skuPropertyName {padding-left: 2px; font-size: 13px;} #appFastView .skuProperty li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 12px; overflow: hidden; padding: 0px 6px; min-width: 18%; float: left;} #appFastView .skuProperty .selected .skuPropertyLink {pointer-events: none; position: relative;} #appFastView .skuProperty .disabled {display: none;} #appFastView .skuPropertyLink {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 28px; padding: 4px 6px; min-height: 28px; display: block;} #appFastView .skuPropertyLink:hover {opacity: 0.8;} #appFastView .skuPropertyList img {vertical-align: middle; max-height: 100%; max-width: 100%;} #appFastView .skuProperty .selected .skuPropertyLink {border: 1px solid #ff9601;} #appFastView .skuPropertyLink {border: 1px solid #dddddd; color: #000000;} #appFastView .appFastViewExit {position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px;} #appFastView .appFastViewMoreLink {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-bottom: 24px; position: relative; margin-top: 24px; color: #000000; z-index: 0;} #appFastView .appFastViewMoreLink:hover {color: #555555;} #appFastView .appFastViewMoreLink:active {position: relative; top: 1px;} #appFastView .addCart {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; margin-bottom: 16px; border-radius: 4px; line-height: 60px; text-align: center; margin-top: 12px; font-size: 16px; display: block; color: #ffffff; height: 60px;} #appFastView .price {font-family: 'robotobold'; text-decoration: none; position: relative; line-height: 28px; margin-top: 12px; font-size: 21px; display: block; color: #000000;} #appFastView .getPriceWindow {line-height: 33px;} #appFastView .priceValue {border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000;} #appFastView .priceValue:hover {color: #333333;} #appFastView .priceValue:active {position: relative; top: 1px;} #appFastView .article {margin-top: 24px; color: #888888;} #appFastView .article.hidden {display: none;} #appFastView .discount {font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; color: #888888;} #appFastView .price .oldPriceLabel {font-family: 'roboto_ltregular'; text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888888;} #appFastView .price .discount, #appFastView .price .discount {font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; color: #888888;} #appFastView .icon {vertical-align: middle; display: inline-block;} #appFastView .addCart .icon {padding-right: 12px; margin-top: -4px;} #appFastView .rating {display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2;} #appFastView .rating i {background: url(/bitrix/templates/dresscodeV2/images/rating2.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px;} #appFastView i.m {background: url(/bitrix/templates/dresscodeV2/images/rating2.png) repeat 0 -14px transparent; width: 0px; z-index: 10;} #appFastView .icon {vertical-align: middle; display: inline-block;} #appFastView .appFastViewInformationColumn .row {margin-bottom: 12px; position: relative;} #appFastView .appFastViewInformationColumn .row img {vertical-align: middle; padding-right: 6px; margin-top: -4px;} #appFastView .appFastViewInformationColumn .label {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171;} #appFastView .appFastViewInformationColumn a.label:hover {color: #000000;} #appFastView .appFastViewInformationColumn a.label:active {position: relative; top: 1px;} #appFastView .appFastViewInformationColumn a.inStock span {padding-bottom: 2px;} #personalCart input[name="BuyButton"] {margin-bottom: 24px; margin-top: 24px; display: block;} #orderList, #subscribeEdit {margin-bottom: 36px;} #footerTabsCaption {line-height: 85px; height: 85px;} #footerTabsCaption .items {text-align: center; overflow: hidden;} #footerTabsCaption .item:last-child {margin-right: 0px;} #footerTabsCaption .item {vertical-align: middle; display: inline-block; margin-right: 24px;} #footerTabsCaption .item a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px;} #footerTabs {overflow: hidden;} #footerTabs .wrapper, #footerTabsCaption .wrapper {max-width: 1480px; min-width: 320px; margin: auto;} #footerTabs .tab {display: none;} #footerTabs .tab.selected {display: block;} #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid {box-shadow: none;} #footerTabs .product:hover .tabloid {border-color: transparent;} #personalCart .product:hover .tabloid {border-bottom-color: #e7e8ea;} #footerLine {line-height: 55px; position: fixed; z-index: 999; height: 55px; width: 100%; bottom: 0; /*display: none;*/} #footerLine .wrapper {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px;} #footerLine .col {float: left; width: 50%;} #footerLine .col:last-child {text-align: right;} #footerLine .item .callback {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 14px;} #footerLine .item .callback .icon {vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -2px; height: 24px; width: 21px;} #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart {text-transform: uppercase;} #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark {border-radius: 4px; margin-left: 12px; line-height: 20px; overflow: hidden; padding: 2px 12px; height: 20px;} #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon {vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 24px; width: 21px;} #footerLine .item .cart .icon {width: 26px;} #footerLine .item a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px;} #footerLine .item {display: inline-block; vertical-align: middle; margin-right: 24px;} #footerLine .item a:active {position: relative; top: 1px;} #footerLine .item:last-child {margin-right: 0px;} #authMenu {margin-bottom: 24px; overflow: hidden; list-style: none; padding: 0;} #authMenu li {margin-bottom: 24px; margin-right: 24px; float: left;} #authMenu li:last-child {margin-right: 0;} #authMenu li a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 16px;} #authMenu li a:active {position: relative; top: 1px;} #authMenu li .selected {font-family: 'robotobold'; padding-bottom: 4px;} #empty {overflow: hidden;} #empty .emptyWrapper {padding-bottom: 24px; overflow: hidden;} #empty .pictureContainer {margin-right: 24px; float: left;} #empty h3 {font-family: 'robotobold'; text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0;} #empty p {font-size: 14px;} #empty a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px;} #empty a:active {position: relative;} #empty a img {vertical-align: middle; padding-right: 12px;} #empty .emptyTitle {text-transform: uppercase; font-family: 'robotobold'; margin-top: 24px; font-size: 14px;} #empty .emptyMenu {margin: 24px 0 24px 0; list-style: none; overflow: hidden; padding: 0;} #empty .emptyMenu li {margin-bottom: 12px; width: 33.333333%; float: left;} #empty .back {padding-bottom: 2px;} #empty .back:active {position: relative; top: 1px;} #overlap {background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 33; left: 0px; top: 0px;} #searchOverlap {background-color: #000000; position: fixed; display: none; opacity: 0.8; height: 100%; width: 100%; z-index: 34; left: 0px; top: 0px;} #infoTabs {padding-bottom: 36px;} #infoTabs .tab {display: none;} #infoTabs .tab.selected {display: block;} #infoTabsCaption {line-height: 85px; height: 85px;} #infoTabsCaption .items {text-align: center; overflow: hidden;} #infoTabsCaption .item {vertical-align: middle; display: inline-block; margin-left: 24px;} #infoTabsCaption .item:first-child {margin-left: 0px;} #infoTabsCaption .item a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'robotobold'; text-decoration: none; padding-bottom: 8px; font-size: 16px;} #catalogColumn {border-collapse: collapse; table-layout: fixed; display: table; width: 100%;} #catalogColumn #nextSection {margin-top: 0px;} #catalogColumn .leftColumn {padding-bottom: 24px; display: table-cell; vertical-align: top; width: 355px;} #catalogColumn .rightColumn {display: table-cell; vertical-align: top; padding-left: 24px;} #catalogColumn #middleSlider {margin-bottom: 24px;} #catalogColumn #middleSlider .limiter {padding: 0px; margin: 0px; width: auto;} #nextSection .title {font-size: 14px !important; font-family: 'robotobold';} #catalogColumn .leftColumn .heading {font-size: 14px !important; font-family: 'robotobold'; text-decoration: none; line-height: 50px; font-weight: 400; display: block; height: 50px;} @media all and (max-width: 1300px) { #catalogColumn #middleSlider {display: none;} #catalogColumn .leftColumn {width: 285px;} } @media all and (max-width: 1024px) { #catalogColumn .rightColumn, #catalogColumn .leftColumn {display: block; width: auto;} #catalogColumn .rightColumn {padding: 0;} #reformal_tab {display: none !important;} #smartFilter .heading {line-height: 46px; height: 46px;} } /* CLASSES */ .ajaxContainer {-webkit-transition: all 0.5s ease-in-out; -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 {margin-top: 24px;}*/ .mainService.fullBg {background-color: #ffffff; padding-bottom: 36px;} .mainService .slideContainer {position: relative; overflow: hidden; margin: 0 -12px;} .mainService .heading {margin-bottom: 0px !important; text-transform: uppercase; font-family: 'robotobold'; text-align: center; padding-left: 18px; line-height: 95px; font-size: 18px; display: block; color: #000000; height: 95px;} .mainServiceContainer {overflow: hidden;} .mainServiceContainer .items {list-style: none; overflow: hidden; padding: 0px; margin: 0px;} .mainServiceContainer .item {-webkit-box-sizing: border-box; -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: #ffffff; border: 1px solid #e7e8ea; padding: 0 24px;} .mainServiceContainer .item .bigPicture {line-height: 200px; text-align: center; margin-top: 24px; height: 200px;} .mainServiceContainer .item .bigPicture a:active {position: relative; top: 1px;} .mainServiceContainer .item .bigPicture img {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; max-height: 100%; max-width: 100%;} .mainServiceContainer .item .bigPicture img:hover {opacity: 0.9;} .mainServiceContainer .item .title {margin-top: 24px;} .mainServiceContainer .item .title a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 44px; overflow: hidden; font-size: 14px; color: #000000; display: block; height: 44px;} .mainServiceContainer .item .title a span {vertical-align: middle; display: inline-block; line-height: 24px;} .mainServiceContainer .item .title a:active {position: relative; top: 1px;} .mainServiceContainer .item .newsDate {margin-top: 12px; color: #888888;} .mainServiceContainer .item .newsDate .pic {vertical-align: middle; padding-right: 4px; margin-top: -4px;} .mainServiceContainer .item .description {margin-top: 12px; font-size: 14px; color: #888888;} .mainServiceContainer .item .more {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; margin-bottom: 24px; padding: 4px 12px; margin-top: 12px; color: #ffffff;} .mainServiceContainer .item .more:active {position: relative; top: 1px;} .mainService .btnLeft, .mainService .btnRight {background: url(/bitrix/templates/dresscodeV2/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: 0px;} .mainService .btnRight {right: 0px;} .mainService .btnLeft:hover {background-position: -35px 0;} .mainService .btnLeft:active {background-position: -70px 0;} .mainService .btnRight {background-position: 0 -70px;} .mainService .btnRight:hover {background-position: -35px -70px;} .mainService .btnRight:active {background-position: -70px -70px;} .productList {list-style: none; padding: 0; margin: 0;} .product {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; height: 346px;} .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5) {height: 347px;} .product.last {/* next page */ line-height: 346px;} .product .tabloid {-webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; overflow: hidden; padding: 12px; height: 345px; z-index: 1;} .product .markerContainer {position: absolute; z-index: 88; left: 8px; top: 8px;} .product .marker {font: normal normal 12px "roboto_ltregular" , arial , sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2;} .product .rating {position: absolute; width: 79px; z-index: 2; right: 8px; top: 8px;} .product .rating i {background: url(/bitrix/templates/dresscodeV2/images/rating.png) repeat 0 0px transparent; position: absolute; display: block; height: 15px; width: 79px; left: 0px; top: 0px;} .product .rating i.m {background: url(/bitrix/templates/dresscodeV2/images/rating.png) repeat 0 -14px transparent; z-index: 10; width: 0px;} .product .name {-webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden;} .product .middle {line-height: 21px; vertical-align: middle; display: inline-block;} .product .price {font-family: 'robotobold'; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px;} .product .price .measure {font-size: 16px;} .product .price .discount {font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px;} .product .picture {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; display: block; text-align: center; height: 240px; line-height: 240px;} .product .picture img {-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; max-height: 90%; max-width: 90%; width: auto;} .product .getFastView, #catalogLineList .picture .getFastView {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #ffffff; /*display: none;*/height: 40px; width: 150px; opacity: 0; z-index: 2; left: 50%; top: 50%;} .product:hover .getFastView, #catalogLineList .picture:hover .getFastView {visibility: visible; /*display: block;*/ opacity: 0.9;} .product .getFastView:hover, #catalogLineList .picture .getFastView:hover {opacity: 1;} .product .addCart {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 60px; height: 60px; font-size: 16px; text-align: center; display: block; text-decoration: none; margin-top: 16px; margin-bottom: 12px; border-radius: 4px;} .product .icon {vertical-align: middle; display: inline-block;} .product .addCart .icon {padding-right: 12px; margin-top: -4px;} .product .row {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; overflow: hidden;} .product .label {font-family: 'roboto_condensedlight'; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 14px; display: block; float: left; width: 55%;} .product .row .label:last-child {width: 45%;} .product .label .icon {padding-right: 6px; margin-top: -4px;} .inStock {color: #73b24e !important;} .inStock:hover {color: #73b24e !important;} a.inStock span {border-bottom: 1px dashed #73b24e !important;} a.inStock:hover span {opacity: 0.8;} .outOfStock {color: #ff0000;} .outOfStock:hover {color: #ff0000;} .product .skuPropertyList {overflow: hidden; list-style: none; padding: 0px; margin: 0px;} .product .skuProperty {overflow: hidden; margin: 12px 0;} .product .skuPropertyName {padding-bottom: 2px; padding-left: 2px; font-size: 13px;} .product .skuProperty li {box-sizing: border-box; overflow: hidden; padding: 4px; float: left; min-width: 20%;} .product .skuProperty .selected .skuPropertyLink {pointer-events: none; position: relative; top: 0px;} .product .skuProperty .disabled {display: none;} .product .skuPropertyLink {text-decoration: none; text-align: center; line-height: 20px; padding: 4px 4px; font-size: 12px; display: block;} .product .skuPropertyList img {vertical-align: middle; max-height: 100%; max-width: 100%;} /* product hover */ .product:hover {position: relative;} .product:hover .tabloid {position: absolute; height: auto; width: 100%; z-index: 3;} .product:hover .morePhoto {display: block;} .product.last .wp {vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100%;} .product.last .showMore {-webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100%;} .product.last .icon {display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100%;} .product.last .ps {font-size: 18px;} .product.last .value {padding-left: 6px; font-size: 18px;} .product.last .small {display: inline-block; width: 100%;} .kreditbutton .formsubmit {background: url(https://tinkoff.loans/api/v1/static/documents/templates/online/buttons/button1.png) no-repeat 50% 50%;width: 200px;padding: 0;height: 45px;border: none;text-indent: -9999px;cursor: pointer; margin: 0;border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .kreditbutton .formsubmit:hover { opacity: 0.8;} .kreditbutton {margin: 10px 0 20px 0; background: #fff;border-radius: 5px;width: 180px;} .sideBlock .heading {padding-left: 18px;} .heading.collapsed {text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: #ffffff; font-size: 16px;} .heading.collapsed ins {vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px;} .mfeedback {margin-bottom: 36px;} .mfeedback .errortext, .mfeedback .mf-ok-text {font-weight: 400; font-size: 16px;} .mfeedback .mf-ok-text + form {display: none;} .mfeedback .mf-text {font-size: 14px; margin-top: 8px;} .mfeedback input, .mfeedback textarea {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular" , arial , sans-serif; margin-top: 8px; padding: 0 12px; height: 48px; border: 0px;} .mfeedback textarea {padding-top: 12px; height: 150px; outline: none; resize: none;} .mfeedback input[type="submit"] {cursor: pointer; padding: 0 48px;} .bx-auth {margin-bottom: 36px; overflow: hidden;} .bx-auth .alert {font-family: 'robotobold'; text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px;} .bx-auth .alert.small {font-family: "roboto_ltregular"; line-height: 28px; max-width: 600px; font-size: 14px;} .bx-authform-label-container {margin-bottom: 8px;} .bx-auth .bx-authform-description-container {margin-bottom: 12px;} .bx-auth .bx-captcha {margin-top: 28px;} .bx-auth .bx-authform-formgroup-container {float: left; width: 450px;} .bx-auth .bx-authform-formgroup-container-line {overflow: hidden;} .bx-auth .registerText {padding-bottom: 24px; max-width: 800px; margin-top: 0px; display: block;} .bx-auth input {font-family: "roboto_ltregular" , arial , sans-serif; font-size: 14px;} .bx-auth .leftContainer {margin-right: 48px; float: left;} .bx-auth .rightContainer {float: left;} .bx-auth .rightContainer p {max-width: 450px; display: block;} .bx-auth input[type="checkbox"] + label, .bx-auth input[type="radio"] + label {cursor: pointer;} .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) {position: absolute; opacity: 0;} .bx-auth input[type="checkbox"]:not(checked) + label, .bx-auth input[type="radio"]:not(checked) + label {position: relative; padding-left: 24px;} .bx-auth input[type="checkbox"] + label:before {background: url(/bitrix/templates/dresscodeV2/images/checkBox.png) 0 0 no-repeat transparent;} .bx-auth input[type="radio"] + label:before {background: url(/bitrix/templates/dresscodeV2/images/radio.png) 0 0 no-repeat transparent;} .bx-auth input[type="checkbox"]:not(checked) + label:before, .bx-auth input[type="radio"]:not(checked) + label:before {position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px;} .bx-auth input[type="checkbox"]:not(checked) + label:hover:before, .bx-auth input[type="radio"]:not(checked) + label:hover:before {background-position: 0 -17px;} .bx-auth input[type="checkbox"]:checked + label:before, .bx-auth input[type="radio"]:checked + label:before {background-position: 0 -34px;} .bx-auth input[type="checkbox"]:checked + label:hover:before, .bx-auth input[type="radio"]:checked + label:hover:before {background-position: 0 -51px;} .bx-auth input[type="checkbox"]:disabled + label, .bx-auth input[type="radio"]:disabled + label {cursor: default;} .bx-auth input[type="checkbox"]:disabled + label:before, .bx-auth input[type="radio"]:disabled + label:before {background-position: 0 -68px !important;} .bx-auth input[type="text"], .bx-auth input[type="password"] {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; margin-top: 12xp; padding: 0 12px; width: 420px; height: 48px; border: 0;} .bx-auth .submit, .popup-window .btn {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; line-height: 48px; margin-top: 24px; cursor: pointer; font-size: 14px; height: 48px; width: 224px; border: 0;} .bx-auth .send .submit {margin-top: 12px;} .popup-window .btn {margin-left: 12px; line-height: 30px; margin-top: 0px; height: 30px;} .bx-auth .submit:active, .popup-window .btn:active {position: relative; top: 1px;} .bx-auth .clear {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; display: inline-block; text-decoration: none; text-align: center; margin-left: 12px; line-height: 48px; margin-top: 24px; font-size: 14px; cursor: pointer; height: 48px; width: 160px;} .bx-auth .submit:active {position: relative; top: 1px;} .bx-auth .forgot, .bx-auth .registerLink {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-left: 12px;} .bx-auth .registerLink {margin-left: 0;} .blackLink, .backToIndexPage {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .catalog-item-links {margin-bottom: 12px;} .catalog-detail {margin-bottom: 12px;} .contactList {margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0;} .contactList li {float: left; width: 25%;} .contactList li table {table-layout: fixed; width: 100%;} .contactList li table td {vertical-align: middle; text-align: left;} .contactList li table td:first-child {padding-right: 12px; text-align: center; width: 42px;} .contactList li table td img {vertical-align: middle;} .contactList a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none;} .contactLabel {font-size: 16px; margin-top: 0;} .blurred {-webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: #ffffff;} /*.product .pic:hover img {}*/ .copyright img {vertical-align: middle;} .sn {overflow: hidden; float: right;} .sn li {line-height: 60px; float: left;} .sn a {display: block; height: 60px; width: 60px;} .sn .vk {background: url(/bitrix/templates/dresscodeV2/images/sn.png) 0 0 no-repeat transparent;} .sn .fb {background: url(/bitrix/templates/dresscodeV2/images/sn.png) -60px 0 no-repeat transparent;} .sn .od {background: url(/bitrix/templates/dresscodeV2/images/sn.png) -120px 0 no-repeat transparent;} .sn .tw {background: url(/bitrix/templates/dresscodeV2/images/sn.png) -180px 0 no-repeat transparent;} .sn .go {background: url(/bitrix/templates/dresscodeV2/images/sn.png) -240px 0 no-repeat transparent;} .sn .yo {background: url(/bitrix/templates/dresscodeV2/images/sn.png) -300px 0 no-repeat transparent;} .sn .vk:hover {background-position: 0 -60px;} .sn .fb:hover {background-position: -60px -60px;} .sn .od:hover {background-position: -120px -60px;} .sn .tw:hover {background-position: -180px -60px;} .sn .go:hover {background-position: -240px -60px;} .sn .yo:hover {background-position: -300px -60px;} #upButton {background: url(/bitrix/templates/dresscodeV2/images/up.png) 0 0 no-repeat transparent; position: fixed; cursor: pointer; display: none; bottom: 132px; height: 73px; width: 73px; right: 24px; z-index: 99;} #upButton:hover {background-position: -73px 0;} #upButton:active {background-position: -146px 0;} #upButton.enb {display: block;} #upButton a {display: block;} #requestPrice {-webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; display: none; z-index: 1001; height: 100%; width: 100%; left: 0px; top: 0px;} #requestPrice #requestPriceResult {transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px;} #requestPrice #requestPriceResultTitle {text-align: center; margin-top: 24px; font-size: 16px;} #requestPrice #requestPriceResultMessage {text-align: center; margin-top: 24px;} #requestPrice #requestPriceResultClose {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; color: #ffffff; display: block; height: 50px; width: 254px;} #requestPrice #requestPriceResultClose:active {position: relative; top: 1px;} #requestPrice #requestPriceContainer {box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50%;} #requestPrice .requestPriceHeading {background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; height: 60px;} #requestPrice .requestPriceHeading .close {background: url(/bitrix/templates/dresscodeV2/images/exit.png) 0 0 no-repeat transparent;position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px;} #requestPrice .requestPriceHeading .close:hover {background-position: 0 -21px ;} #requestPrice .requestPriceHeading .close:active {background-position: 0 -42px ;} #requestPrice .requstProductContainer {border-collapse: collapse; table-layout: fixed; display: table; width: 100%;} #requestPrice .productColumn {vertical-align: middle; display: table-cell; text-align: center; width: 320px;} #requestPrice .productNameBlock {padding: 0 24px;} #requestPrice .productNameBlock .productUrl {-webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 44px;} #requestPrice .productNameBlock .productUrl:active {position: relative; top: 1px;} #requestPrice .productImageBlock {text-align: center; line-height: 270px; display: block; height: 270px} #requestPrice .productImageBlock a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 270px; display: block; height: 270px;} #requestPrice .productImageBlock a:hover {opacity: 0.8;} #requestPrice .productImageBlock a:active {position: relative; top: 1px;} #requestPrice .productImageBlock img {vertical-align: middle; max-height: 100%; max-width: 100%;} #requestPrice .productNameBlock .middle {line-height: 21px; vertical-align: middle; display: inline-block;} #requestPrice .formColumn {vertical-align: middle; display: table-cell; width: 380px;} #requestPrice .requestPriceFormHeading {margin-bottom: 12px; text-align: center; margin-right: 24px; margin-top: 24px; font-size: 16px; display: block;} #requestPrice input {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0;} #requestPrice input {background-color: #f3f3f3; color: #000000;} #requestPrice textarea {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 90px; border: 0;} #requestPrice textarea {background-color: #f3f3f3;} #requestPrice input:focus, #requestPrice textarea:focus {background-color: #e9e9e9; outline: none;} #requestPrice #requestPriceSubmit {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #ffffff; height: 50px; width: 354px;} #requestPrice #requestPriceSubmit:active {position: relative; top: 1px;} #requestPrice #requestPriceSubmit.loading {-webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: 0.9;} #requestPrice #requestPriceSubmit.loading img {display: none;} #requestPrice #requestPriceSubmit img {vertical-align: middle; padding-right: 4px; margin-top: -2px;} #requestPrice .markerContainer {position: absolute; top: 0px; left: 12px;} #requestPrice .error {border: 1px solid #ff0000;} #smartFilter {margin-top: 0px;} #searchSection a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000;} #searchSection a:hover {opacity: 0.7;} .clean {position: relative; overflow: hidden; padding: 0 2px;} .limiter {max-width: 1480px; min-width: 320px; margin: auto; clear: both;} .limiter .compliter > div[id*="bx_"] {width: 355px; padding-right: 24px; display: table-cell; vertical-align: top;} .limiter .compliter > div[id*="bx_"] #left {padding-right: 0} /* page styles */ .priceTableContainer {max-width: 1000px; overflow-x: auto; min-width: 320px;} .priceTableStyle80 {border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;} .priceTableStyle80 th {font-family: "robotomedium"; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px;} .priceTableStyle80 td {border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333;} .mediumText {font-family: "robotomedium";} .pagePicture {max-width: 100%; height: auto;} .skuPropertyValue.loading {position: relative;} .skuPropertyValue.loading img {opacity: 0;} .skuPropertyValue.loading:after {content: ""; display: block; width: 20px; height: 20px; position:absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/bitrix/templates/dresscodeV2/images/loaderMin.gif) 50% 50% no-repeat #fff;} #error404 {margin-bottom: 24px; text-align: center;} #error404 h1 {font-family: "roboto_thregular"; margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px;} #error404 .errorPic {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block;} #error404 .errorPic img {max-height: 90%; max-width: 90%;} #error404 .errorPic:hover {opacity: 0.8;} #error404 .errorText {font-family: 'robotobold'; text-transform: uppercase; line-height: 28px;} #error404 .errorText a {color: #ff9601;} #error404 #empty {border-top: 1px solid #e5e5e5; margin-top: 48px;} #error404 #empty .emptyTitle {text-align: center; margin-top: 48px;} #error404 #empty .emptyMenu a {display: inline-block; width: 250px; text-align: left;} #middleSlider img {width: 100%;} #modef {left: 370px;} @media all and (max-width: 1000px) { #error404 .errorText {display: none;} } /*#error404 .wrapper {width: 1000px; margin: auto;}*/ .clear {clear:both;} .hidden {display: none;} .hiddenZone {display: none;} @media all and (max-width: 1920px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {height: 690px;} } @media all and (max-width: 1600px) { #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {height: 650px;} #slider .sliderContent, #slider .leftContainer {left: 72px;} #slider .rightContainer {right: 48px; left: unset;} #slider .centerContainer {} } @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%;} .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn {width: 250px !important;} } @media all and (max-width: 1400px) { #catalogColumn .product {width: 33.333333% !important; height: 346px !important; border: 0 !important; } #catalogColumn .product:nth-child(-n+4) {height: 346px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(4n+1) {border-left: 0 !important;} #catalogColumn .product:nth-child(-n+3) {height: 347px !important;} #catalogColumn .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+3) {border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(3n+1) {border-left: 1px solid #e7e8ea !important;} #catalogColumn #catalogLineList .description {display: none;} #catalogColumn #catalogLineList .prop {width: 100%;} } @media all and (max-width: 1366px) { #catalogLineList .column:first-child {width: 300px;} .contactList li {margin-bottom: 24px; width: 50%;} .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea {width: 100%;} .mfeedback input[type="submit"] {width: 200px;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} /* #catalogColumn .leftColumn {width: 320px;}*/} @media all and (max-width: 1300px) { .product {height: 346px !important; width: 25% !important; border: 0 !important;} .product:nth-child(-n+4) {height: 347px !important;} .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+4) {border-top: 1px solid #e7e8ea !important;} .product:nth-child(4n+1) {border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item {border: 0 !important; border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important; width: 25% !important;} #popSection .item:nth-child(-n+4) {border-top: 1px solid #e7e8ea !important;} #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) {border-left: 1px solid #e7e8ea !important;} #logo {width: 196px;} #topService .city {display: none;} #headerTools .wishlist .nf {display: none;} #headerTools .compare .nf {display: none;} #footer .nav > li {width: 33.313131%;} #footer .nav > li:last-child {display: none;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} #footer .rightTable .leftColumn {display: none;} #rightFooter {width: 23%;} #empty .emptyMenu li {width: 50%;} #modef {left: 301px;} #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor {} #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 { } #slider .sliderContent br {display: none;} #slider .sliderContent, #slider .leftContainer {left: 24px;} #slider .rightContainer {left: unset; right: 24px;} #slider .centerContainer { } #homeCatalog .captionList {background: #ffffff;} } @media all and (max-width: 1280px) { .global-block-container .global-information-block {display: none;} } @media all and (max-width: 1200px) { #homeCatalog .item:nth-child(2n) {border-right: 0;} #homeCatalog .item {width: 50%;} #footerLine .col:first-child {width: 30%;} #footerLine .col:last-child {width: 70%; float: right;} #footerLine .col:first-child .item:nth-child(1n+2) {display: none;} #catalogLineList .column:last-child, #catalogLineList .itemRow {overflow: hidden; display: block;} #catalogLineList .column:first-child {width: 40%;} #catalogLineList .column:nth-child(2) {width: 60%;} #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) {float: left;} #catalogLineList .column:last-child {line-height: 60px; padding: 0 0; height: 60px; border: 0px; width: 100%; clear: both;} #catalogLineList .resizeColumn {text-align: center; width: 30%; float: left;} #catalogLineList .column .resizeColumn.last {text-align: right; width: 40%;} #catalogLineList .column:last-child .priceLabel {display: inline-block; padding-left: 24px; float: none;} #catalogLineList .column:last-child .price {display: inline-block; margin: 0px;} #catalogLineList .column:last-child .addCart {display: inline-block; margin: 9px auto; line-height: 40px; padding: 0 24px; font-size: 14px; height: 40px; width: auto;} #catalogLineList .column:last-child .optional {margin: 9px 0 0 0px; font-size: 14px;} #catalogLineList .column:last-child .optional .row {margin-bottom: 4px; padding: 0px;} #catalogLineList .column:last-child .optional .label {text-align: left; font-size: 14px; width: 50%;} #catalogLineList .column:last-child .priceLabel {display: none;} #catalogLineList .column:last-child .article {display: none;} #catalogTableList .column:nth-child(7) {display: none;} #homeCatalog .item:nth-child(5n) {border-right: 1px solid #e7e8ea;} #homeCatalog .item:nth-child(4n) {border-right: 1px solid #e7e8ea;} #homeCatalog .item:nth-child(3n) {border-right: 1px solid #e7e8ea;} #catalogLineList .column:last-child {background-color: #f9f9f9;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} } @media all and (max-width: 1100px) { #homeCatalog {margin-top: 24px;} .product {height: 346px !important; width: 33.33333% !important; border: 0 !important;} .product:nth-child(-n+4) {height: 346px !important; border-top: 0 !important;} .product:nth-child(4n+1) {border-left: 0 !important;} .product:nth-child(-n+3) {height: 347px !important;} .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+3) {border-top: 1px solid #e7e8ea !important;} .product:nth-child(3n+1) {border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item {width: 33.33333% !important; border: 0 !important; border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important;} #popSection .item:nth-child(-n+3) {border-top: 1px solid #e7e8ea !important;} #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) {border-left: 1px solid #e7e8ea !important;} #brandList .item:nth-child(4n+1), #popSection .item:nth-child(4n+1) {border-left: 0px !important;} #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) {border-top: 0 !important;} #catalogLineList .description {display: none; } #catalogLine .column:last-child .label {display: none;} #catalogLineList .prop {width: 100%;} #catalogTableList .column:nth-child(4) {display: none;} #catalogColumn .product {height: 346px !important; width: 50% !important; border: 0 !important; /* clear old */ } #catalogColumn .product:nth-child(-n+3) {height: 346px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(3n+1) {border-left: 0 !important;} #catalogColumn .product:nth-child(-n+2) {height: 347px !important;} #catalogColumn .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+2) {border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(2n+1) {border-left: 1px solid #e7e8ea !important;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} } @media all and (max-width: 1100px) and (min-width: 900px) { .product:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last {line-height: 70px !important; height: 70px !important; width: 100% !important;} .product:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon {display: none;} .product:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small {display: none;} } @media all and (max-width: 1024px) { #catalog-section-banners {display: none;} #colorSwitcher {display: none !important;} #slider .sliderBtnRight, #slider .sliderBtnLeft {display: none;} #mainMenuContainer .minCatalogButton {display: block;} #mainMenuContainer {height: auto;} #mainMenuContainer .limiter { } #mainMenu { } #mainMenu li {} #mainMenu li:first-child {} #mainMenu li a {} #middleSlider {display: none;} #menuCatalogSection {display: none;} #bestsellers {margin-top: 0;} #footer .top .left, #headerTools .nf, .product:hover .fastShow {display: none;} .drop {} #rightFooter {display: none;} #smartFilter .heading {cursor: pointer;} #nextSection ul {display: none;} #nextSection .title {cursor: pointer;} #smartFilterForm {display: none;} #smartFilterForm .slider {display: none;} #modef {display: none !important;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} .product .getFastView, #catalogLineList .picture .getFastView {display: none !important;} #appFastView {display: none !important;} #fastViewStores {display: none !important;} a.inStock span {border: 0 !important;} #slider ol {display: none;} #slider .slideVideo {display: none;} #slider .videoPoster {display: block;} } @media all and (max-width: 850px) { #topHeading {display: none;} #leftFooter .column {width: 50%;} #leftFooter .column:last-child {display: none;} #footerLine .col:first-child {display: none;} #footerLine .col:last-child {text-align: center; width: 100%; float: left;} #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price {font-size: 18px;} .product {height: 346px !important; width: 50% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) {height: 346px !important; border-top: 0 !important;} .product:nth-child(3n+1) {border-left: 0 !important;} .product:nth-child(-n+2) {height: 347px !important;} #brandList .item, #popSection .item {width: 50% !important; border: 0 !important;} #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) {border-left: 0px !important;} #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) {border-top: 0 !important;} #headerTools .nf {display: none;} #catalogLine .column:last-child .label {display: none;} .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+2) {border-top: 1px solid #e7e8ea !important;} .product:nth-child(2n+1) {border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item {border-right: 1px solid #e7e8ea !important; border-bottom: 1px solid #e7e8ea !important;} #popSection .item:nth-child(-n+2) {border-top: 1px solid #e7e8ea !important;} #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1) {border-left: 1px solid #e7e8ea !important;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} #modef {display: none !important;} } @media all and (max-width: 800px) { #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor {} #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight {line-height: 24px; font-size: 18px;} #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight {line-height: 21px; font-size: 14px;} } @media all and (max-width: 700px) { #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor {line-height: 24px; font-size: 24px;} #slider ul li span, #slider .limiter, #slider .videoPoster {} #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter {padding: 0px 12px; margin: 0px;} #mainMenuContainer .limiter { } #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;} #catalogLine .column:nth-child(2) {display: none;} .copyright img {display: none;} .copyright {display: block; width: 60px; height: 60px; background: url(/bitrix/templates/dresscodeV2/images/sn.png) -360px -0px no-repeat transparent;} .copyright:hover {background-position: -360px -60px;} #catalogLineList .resizeColumn {width: 40%;} #catalogLineList .column .resizeColumn.last {width: 20%;} #catalogLineList .column:last-child .optional .label {width: 100% } #catalogLineList .column:last-child .optional .label:first-child {display: none;} #catalogLineList .column:last-child .priceLabel {display: none;} #catalogTableList .column:nth-child(8) {display: none;} #appBasket {display: none !important;} #overlap {display: none !important;} .blurred {-webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important; } #upButton {display: none !important;} #newsContainer .column .item .bigPicture {width: 100%; float: none;} #catalogSection .sectionItems .item .itemContainer .description {display: none;} div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width: 100%;} .product .row:first-child {display: none;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} } @media all and (max-width: 660px) { #footer {padding-top: 0px;} #footerTabsCaption, #footerTabs {display: none;} #headerTools .tools .compare, #headerTools .tools .wishlist { } #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 {} } @media all and (max-width: 500px) { .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register {border: none !important; position: absolute; top: 98px;} .top-auth-personal, .top-auth-login {left: 12px;} .top-auth-exit {left: 120px;} .top-auth-register {left: 52px;} #headerTools {border: none;} #headerTools .telephone {line-height: 21px !important; border: none !important; position: absolute; padding: 0px; right: 0px; top: 103px;} #headerTools .telephone .callBack {display: none;} #headerTools .telephone .nf {margin: 0; float: none; display: block;} #headerTools .telephone .nf .heading {display: none;} #headerTools .telephone .nf .heading:first-child {font-family: "robotomedium"; font-size: 14px; display: block; color: #000000;} #headerTools .tools li {border: none !important;} #headerTools .tools .cart {padding: 0px;} #topService {border: none;} #topService li {padding: 0px; border: none;} #logo {line-height: 75px; height: 75px; border: none;} #headerTools .tools li {line-height: 75px;} #topMenu {margin-left: 0px;} .user-geo-position {padding-right: 12px; text-align: right;} #topSearch input[type="text"] {padding-left: 6px;} #topService li a {color: #888888;} #panel {position: fixed; z-index: 9999;} #logo {text-align: left;} #topHeader #topMenu {border: none;} #topMenu .bar {padding: 0px;} #topSearch input[type="text"] {font-size: 14px;} #topSeachCloseForm {font-size: 13px;} .user-geo-position {padding-right: 0px;} #topService .telephone .openWebFormModal.callBack {width: 80px; display: inline-block; vertical-align: top;} } @media all and (max-width: 486px) { #catalogLine .column:last-child {display: none;} } @media all and (max-width: 480px) { /* #homeCatalog .limiter {padding: 0px; margin: 0px;}*/ #brandList .heading {padding-bottom: 24px;} .product {height: 346px !important; width: 100% !important; border: 0 !important; /* clear old */ } .product:nth-child(-n+3) {height: 346px !important; border-top: 0 !important;} .product:nth-child(3n+1) {border-left: 0 !important;} .product:nth-child(-n+1) {height: 347px !important;} .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} .product:nth-child(-n+1) {border-top: 1px solid #e7e8ea !important;} .product:nth-child(1n+1) {border-left: 1px solid #e7e8ea !important;} #brandList .item, #popSection .item {width: 100% !important; border: 0 !important; /* clear old */ } #popSection .item:nth-child(-n+2) {border-top: 0px !important;} #brandList .item, #popSection .item {border-bottom: 1px solid #e7e8ea !important; border-left: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1) {border-left: 1px solid #e7e8ea !important;} #popSection .item:first-child {border-top: 1px solid #e7e8ea !important;} #homeCatalog {margin-top: 12px;} #leftFooter .column {width: 100%;} #leftFooter .column:nth-child(2n) {display: none;} #flushFooterCart .item:nth-child(2) {display: none;} .sn {display: none;} #catalogTableList .column:nth-child(2) {margin-top: 0px;} #catalogTableList .column {text-align: center; display: block;} #catalogTableList .column:nth-child(1) {margin-top: 24px; display: block;} #catalogTableList .name {text-align: center;} #catalogTableList .price .discount {right: 48px;} #catalogTableList .addCart, #catalogTableList .more {margin: 0;} #catalogColumn .product {height: 346px !important; width: 100% !important; border: 0 !important;} #catalogColumn .product:nth-child(-n+3) {height: 346px !important; border-top: 0 !important;} #catalogColumn .product:nth-child(3n+1) {border-left: 0 !important;} #catalogColumn .product:nth-child(-n+1) {height: 347px !important;} #catalogColumn .product {border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(-n+1) {border-top: 1px solid #e7e8ea !important;} #catalogColumn .product:nth-child(1n+1) {border-left: 1px solid #e7e8ea !important;} #slider {width: 100%;} #slider ul li span, #slider .slideVideoContainer, #slider .limiter, #slider .videoPoster {} #slider .sliderContent {} #slider .sliderContent .smallText { } #slider ul li span {} #slider ul li span:hover {transform: scale(1); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px);} #leftFooter .heading {text-align: center;} #leftFooter ul {text-align: center;} #leftFooter .column {padding-right: 0px;} #footerBottom .creator {text-align: center; float: none;} #homeCatalog .captionList .cItem:first-child .caption {border-left: none;} #homeCatalog .captionBtnRight {right: -12px;} #homeCatalog .captionBtnLeft {left: -12px;} } @media all and (max-width: 450px) { .user-geo-position-label { } } @media all and (max-width: 400px) { #logo {width: 150px;} } @media all and (max-width: 360px) { #catalogLine {display: none;} #headerTools .tools li {border-left: none;} #logo {width: 120px;} } @media all and (max-width: 300px) { #headerTools .tools .telephone {display: none !important;} } #ORDER_CONFIRM_BUTTON {text-shadow: none !important; height: 50px !important; line-height: 50px !important;} .addCart.disabled {pointer-events: none; cursor: default;} .addCart.requestPrice {background-color: #2b2b2b !important; pointer-events: auto !important; cursor: pointer !important;} .addCart.requestPrice:hover {opacity: 0.8 !important;} .addCart.requestPrice:active {position: relative; top: 1px;} .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 50px; cursor: pointer; padding: 0 48px; height: 50px; border: 0px;} div.bx-debug-summary {z-index: 99999 !important;} .appZoomContainerExit {background: url(/bitrix/templates/dresscodeV2/images/exitWindow.png) 0 0 no-repeat transparent; position: absolute; height: 38px; width: 38px; right: -38px; top: -38px;} .appZoomContainerExit:hover {background-position: 0px -38px;} .appZoomContainerExit:active {background-position: 0px -76px;} #appZoomWindow .appZoomContainer {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #appZoomWindow .appZoomContainer.loading {background: url(/bitrix/templates/dresscodeV2/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px;} .fastBack.disabled {/*pointer-events: none;*/ cursor: not-allowed;} .fastBack.disabled:hover {color: #717171;} .fastBack.disabled:active {top: 0px;} .getPricesWindow {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;} .getPricesWindow:hover {color: #444444;} .getPricesWindow:active {position: relative; top: 1px;} .getPricesWindow .priceIcon {background: url(/bitrix/templates/dresscodeV2/images/priceInfo.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -2px; height: 21px; width: 21px;} .getPricesWindow .priceIcon:hover {background-position: 0px -21px;} .getPricesWindow .priceIcon:active {background-position: 0px -42px;} .global-block-container {border-collapse: collapse; table-layout: fixed; display: table; width: 100%;} .global-content-block, .global-information-block {display: table-cell; vertical-align: top;} .global-information-block {position: relative; padding-left: 24px; overflow: hidden; width: 280px;} .global-information-block.fixed .global-information-block-cn {padding-top: 24px; overflow: hidden; position: fixed; width: 280px; top: 0px} .global-information-block-hide-scroll {padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px;} .global-information-block-hide-scroll-cn {width: 280px;} .global-information-block.max-scroll .global-information-block-cn {position: absolute; bottom: 0px; top: auto;} .information-heading {font-family: "robotomedium"; margin-bottom: 12px; font-size: 21px;} .information-text {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555555;} .information-list-item {border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px 12px; margin-top: 24px;} .information-item-icon {padding-right: 24px; width: 42px;} .information-list-item a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000;} .information-list-item a:hover {color: #777777;} .information-list-item a:active {position: relative; top: 1px;} .information-feedback-container {margin-top: 24px;} .information-feedback {-webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block;} .information-feedback:active {position: relative; top: -1px;} .tb {border-collapse: collapse; table-layout: fixed; display: table; width: 100%;} .tc {vertical-align: middle; display: table-cell;} #catalog-section-banners {margin: 0px 0px 24px 0px; clear: both;} #catalog-section-banners li {list-style: none;} #catalog-section-banners li img {width: 100%;} #catalog-section-banners ol {margin: 0px; padding: 0px; list-style: none; position: absolute; left: 50%; bottom:12px;} #catalog-section-banners ol {position: absolute; left: 50%; bottom: 12px;} #catalog-section-banners ol li {background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float:left; cursor: pointer;} #catalog-section-banners ol li:hover {background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -18px 0 no-repeat transparent;} #catalog-section-banners ol li:active {background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -36px 0 no-repeat transparent;} #catalog-section-banners ol li.selected {background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -54px 0 no-repeat transparent;} #catalog-section-banners ol li.selected:hover {background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -72px 0 no-repeat transparent;} #catalog-section-banners ol li.selected:active {background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.png) -90px 0 no-repeat transparent;} #catalog-section-banners .catalog-section-banners-btn-left, #catalog-section-banners .catalog-section-banners-btn-right {background: url(/bitrix/templates/dresscodeV2/images/slideArrowSect.png) no-repeat transparent; position: absolute; margin-top: -30px; display: block; height: 60px; width: 30px; top: 50%;} #catalog-section-banners .catalog-section-banners-btn-left {background-position: 0 0; left: 0px;} #catalog-section-banners .catalog-section-banners-btn-left:hover {background-position: -30px 0;} #catalog-section-banners .catalog-section-banners-btn-left:active {background-position: -60px 0;} #catalog-section-banners .catalog-section-banners-btn-right {background-position: 0 -60px; right: 0px;} #catalog-section-banners .catalog-section-banners-btn-right:hover {background-position: -30px -60px;} #catalog-section-banners .catalog-section-banners-btn-right:active {background-position: -60px -60px;} .bx-sls .quick-location-tag, .bx-slst .quick-location-tag {color: #23527c !important;} #colorSwitcher {-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); transform: translateX(192px); background-color: #ffffff; margin-top: -175px; text-align: center; position: fixed; z-index: 99999; height: 450px; width: 192px; right: 0px; top: 50%;} #colorSwitcher:hover {transform: translateX(0);} #colorSwitcher .settingTouch {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-align: center; position: absolute; line-height: 50px; height: 50px; width: 50px; left: -50px;} #colorSwitcher .settingTouch:hover {background: #2b2b2b;} #colorSwitcher .settingTouchPicture {background: url(/bitrix/templates/dresscodeV2/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px;} #colorSwitcher:hover .settingTouchPicture {transform: rotate(360deg);} #colorSwitcher .title {text-transform: uppercase; font-family: 'robotobold'; text-align: center; margin-top: 12px;} #colorSwitcher .items {text-align: center; margin-top: 12px; overflow: hidden;} #colorSwitcher .item {margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left;} #colorSwitcher .item:nth-child(3n+1) {/*margin-left: 0px;*/} #colorSwitcher .menuSelect {margin-top: 12px;} #colorSwitcher .menuSelect select {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; outline: none; height: 35px; width: 85%;} #colorSwitcher .menuSelect option {padding: 12px 0px;} #colorSwitcher .close {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.8); text-decoration: none; display: inline-block; margin-top: 8px; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 24px; color: #ffffff;} #colorSwitcher .close:hover {background-color: rgba(0, 0, 0, 1);} #colorSwitcher .item a {-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; display: block; height: 48px; width: 48px;} #colorSwitcher .selected a {background-image: url(/bitrix/templates/dresscodeV2/images/check.png); background-repeat: no-repeat; background-position: 50% 50%;} #colorSwitcher .item .color1 {background-color: #ff9601;} #colorSwitcher .item .color1:hover {background-color: #ffb800;} #colorSwitcher .item .color2 {background-color: #fb9bad;} #colorSwitcher .item .color2:hover {background-color: #f3889d;} #colorSwitcher .item .color3 {background-color: #ff855f;} #colorSwitcher .item .color3:hover {background-color: #e77652;} #colorSwitcher .item .color4 {background-color: #daa550;} #colorSwitcher .item .color4:hover {background-color: #e4a540;} #colorSwitcher .item .color5 {background-color: #b15b49;} #colorSwitcher .item .color5:hover {background-color: #a05a4b;} #colorSwitcher .item .color6 {background-color: #f44336;} #colorSwitcher .item .color6:hover {background-color: #d42d20;} #colorSwitcher .item .color7 {background-color: #acce11;} #colorSwitcher .item .color7:hover {background-color: #94b20e;} #colorSwitcher .item .color8 {background-color: #27c148;} #colorSwitcher .item .color8:hover {background-color: #19cc3f;} #colorSwitcher .item .color9 {background-color: #27bfc1;} #colorSwitcher .item .color9:hover {background-color: #25ccce;} #colorSwitcher .item .color10 {background-color: #3498db;} #colorSwitcher .item .color10:hover {background-color: #2395e1;} #colorSwitcher .item .color11 {background-color: #2a65d0;} #colorSwitcher .item .color11:hover {background-color: #0d57dc;} #colorSwitcher .item .color12 {background-color: #0061b2;} #colorSwitcher .item .color12:hover {background-color: #006ac2;} #colorSwitcher .item .color13 {background-color: #c651d0;} #colorSwitcher .item .color13:hover {background-color: #d75ee1;} #colorSwitcher .item .color14 {background-color: #c12752;} #colorSwitcher .item .color14:hover {background-color: #c61c4b;} #colorSwitcher .item .color15 {background-color: #ed1c24;} #colorSwitcher .item .color15:hover {background-color: #ff232b;} .colorSwitcherLoader {background-color: rgba(0, 0, 0, 0.4); text-align: center; position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999;} .colorSwitcherLoader svg {height: 180px; width: 180px; margin: auto; overflow: visible; position: absolute; margin-top: -120px; top: 50%; left: 50%; display: none;} .colorSwitcherLoader.visible svg {display: block;} .bx-soa-pp-company {z-index: 1 !important;} .sale_order_full_table input[name="BuyButton"] {margin-bottom: 24px;} #bx-soa-order * {-webkit-box-sizing: border-box !Important; -moz-box-sizing: border-box !Important; box-sizing: border-box !Important;} .microdata {display: none;} @-webkit-keyframes zoomIn { from {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);} 50% {opacity: 1;} } @keyframes zoomIn { from {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);} 50% {opacity: 1;} } .g--circle {-webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; fill: dodgerblue; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite;} .g--circle:nth-child(12n + 1) {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 2) {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 3) {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 4) {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 5) {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 6) {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 7) {-webkit-animation-delay: -0.7s; animation-delay: -0.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 8) {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 9) {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 10) {-webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 11) {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9);} .g--circle:nth-child(12n + 12) {-webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9);} .g-circles--v1 .g--circle {fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity;} .g-circles--v2 .g--circle {fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke;} .g-circles--v2 .g--circle .u--circle {-webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite;} .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle {-webkit-animation-delay: -0.1s; animation-delay: -0.1s;} .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle {-webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle {-webkit-animation-delay: -0.3s; animation-delay: -0.3s;} .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle {-webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle {-webkit-animation-delay: -0.5s; animation-delay: -0.5s;} .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle {-webkit-animation-delay: -0.6s; animation-delay: -0.6s;} .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle {-webkit-animation-delay: -0.7s; animation-delay: -0.7s;} .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle {-webkit-animation-delay: -0.8s; animation-delay: -0.8s;} .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;} .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle {-webkit-animation-delay: -1s; animation-delay: -1s;} .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle {-webkit-animation-delay: -1.1s; animation-delay: -1.1s;} .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle {-webkit-animation-delay: -1.2s; animation-delay: -1.2s;} .g-circles--v3 .g--circle {fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors;} .g-circles--v4 .g--circle {fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3;} .g-circles--v4 .u--circle {-webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite;} .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle {-webkit-animation-delay: -0.1s; animation-delay: -0.1s;} .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle {-webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle {-webkit-animation-delay: -0.3s; animation-delay: -0.3s;} .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle {-webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle {-webkit-animation-delay: -0.5s; animation-delay: -0.5s;} .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle {-webkit-animation-delay: -0.6s; animation-delay: -0.6s;} .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle {-webkit-animation-delay: -0.7s; animation-delay: -0.7s;} .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle {-webkit-animation-delay: -0.8s; animation-delay: -0.8s;} .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;} .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle {-webkit-animation-delay: -1s; animation-delay: -1s;} .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle {-webkit-animation-delay: -1.1s; animation-delay: -1.1s;} .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle {-webkit-animation-delay: -1.2s; animation-delay: -1.2s;} @-webkit-keyframes opacity {3% {fill-opacity: 1;} 75% {fill-opacity: 0;} } @keyframes opacity {3% {fill-opacity: 1;} 75% {fill-opacity: 0;} } @-webkit-keyframes opacity-stroke {10% {stroke-opacity: 1;} 85% {stroke-opacity: 0;} } @keyframes opacity-stroke {10% {stroke-opacity: 1;} 85% {stroke-opacity: 0;} } @-webkit-keyframes colors {0% {fill: yellowgreen;} 10% {fill: gold;} 75% {fill: crimson;} } @keyframes colors {0% {fill: yellowgreen;} 10% {fill: gold;} 75% {fill: crimson;} } @-webkit-keyframes colors-stroke {0% {stroke: yellowgreen;} 10% {stroke: gold;} 75% {stroke: crimson;} } @keyframes colors-stroke {0% {stroke: yellowgreen;} 10% {stroke: gold;} 75% {stroke: crimson;} } @-webkit-keyframes colors-2 {0% {fill: yellow;} 50% {fill: red;} 65% {fill: orangered;} 95% {fill: gold;} } @keyframes colors-2 {0% {fill: yellow;} 50% {fill: red;} 65% {fill: orangered;} 95% {fill: gold;} } @-webkit-keyframes colors-3 {0% {fill: yellowgreen;} 50% {fill: turquoise;} 65% {fill: yellow;} 95% {fill: orange;} } @keyframes colors-3 {0% {fill: yellowgreen;} 50% {fill: turquoise;} 65% {fill: yellow;} 95% {fill: orange;} } @-webkit-keyframes transform {10% {-webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75);} } @keyframes transform {10% {-webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75);} } @-webkit-keyframes transform-2 {40% {-webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px);} 60% {stroke-width: 20;} } @keyframes transform-2 {40% {-webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px);} 60% {stroke-width: 20;} } .whatsappIcon {background: url(/bitrix/templates/dresscodeV2/images/whatsapp.png); width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-top: -10px; margin-bottom: -10px; margin-right: 10px;} .fastBack {display:none !important;} .owltra { overflow: hidden; font-size: 16px; line-height: 24px; font-family: Arial, Verdana, serif; padding: 30px 0; } .owltra * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .owltra img { vertical-align: top; max-width: 100%; height: auto; border-radius: 20px; } .owltra video { max-width: 100%; border: 0; vertical-align: top; display: block; border-radius: 20px; } .owltra h2 { font-weight: 600; font-size: 32px; line-height: 40px; margin: 0 0 20px 0; } .owltra h3 { font-weight: 600; font-size: 24px; line-height: 34px; margin: 0 0 20px 0; } .owltra h2 img { vertical-align: middle; margin-right: 20px; border-radius: 0px; } .owltra .cols { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 80px; border-bottom: 1px solid #ccc; } .owltra .cols:last-child { margin-bottom: 0; } .owltra .cols .col { width: 100%; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .owltra .cols.cols1 .col_in { text-align: center; } .owltra .cols .col_in.img { align-self: flex-start; } .owltra .cols.cols2 .col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .owltra .cols.cols3 .col { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } /*----------------------------------------*/ @media screen and (max-width: 660px) { .owltra .cols .col { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .owltra h2 img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } } /* End */ /* /bitrix/templates/dresscodeV2/fonts/roboto/roboto.css?16389069612347 */ /* /bitrix/templates/dresscodeV2/themes/default/style.css?163890685328967 */ /* /bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu/style.css?16389066971250 */ /* /bitrix/components/dresscode/search.line/templates/.default/style.css?16388654966561 */ /* /bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.css?16389067005521 */ /* /bitrix/templates/dresscodeV2/components/bitrix/breadcrumb/.default/style.css?1638906729522 */ /* /bitrix/templates/dresscodeV2/components/bitrix/sale.viewed.product/.default/style.css?16389067301359 */ /* /bitrix/templates/dresscodeV2/components/bitrix/catalog.top/.default/style.css?16389067631359 */ /* /bitrix/templates/dresscodeV2/components/bitrix/catalog.top/viewed-product/style.css?16389067621519 */ /* /bitrix/templates/dresscodeV2/styles.css?16389069705888 */ /* /bitrix/templates/dresscodeV2/template_styles.css?1749064067103602 */