@viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @font-face { font-family: 'PermianSansTypeface'; src: url('../_fonts/PermianSansTypeface/fonts/PermianSansTypeface.eot'); src: url('../_fonts/PermianSansTypeface/fonts/PermianSansTypeface.eot?#iefix') format('embedded-opentype'), url('../_fonts/PermianSansTypeface/fonts/PermianSansTypeface.woff2') format('woff2'), url('../_fonts/PermianSansTypeface/fonts/PermianSansTypeface.woff') format('woff'), url('../_fonts/PermianSansTypeface/fonts/PermianSansTypeface.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PermianSansTypeface'; src: url('../_fonts/PermianSansTypeface-Italic/fonts/PermianSansTypeface-Italic.eot'); src: url('../_fonts/PermianSansTypeface-Italic/fonts/PermianSansTypeface-Italic.eot?#iefix') format('embedded-opentype'), url('../_fonts/PermianSansTypeface-Italic/fonts/PermianSansTypeface-Italic.woff2') format('woff2'), url('../_fonts/PermianSansTypeface-Italic/fonts/PermianSansTypeface-Italic.woff') format('woff'), url('../_fonts/PermianSansTypeface-Italic/fonts/PermianSansTypeface-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'PermianSansTypeface'; src: url('../_fonts/PermianSansTypeface-Bold/fonts/PermianSansTypeface-Bold.eot'); src: url('../_fonts/PermianSansTypeface-Bold/fonts/PermianSansTypeface-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/PermianSansTypeface-Bold/fonts/PermianSansTypeface-Bold.woff2') format('woff2'), url('../_fonts/PermianSansTypeface-Bold/fonts/PermianSansTypeface-Bold.woff') format('woff'), url('../_fonts/PermianSansTypeface-Bold/fonts/PermianSansTypeface-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'PermianSerifTypeface'; src: url('../_fonts/PermianSerifTypeface/fonts/PermianSerifTypeface.eot'); src: url('../_fonts/PermianSerifTypeface/fonts/PermianSerifTypeface.eot?#iefix') format('embedded-opentype'), url('../_fonts/PermianSerifTypeface/fonts/PermianSerifTypeface.woff2') format('woff2'), url('../_fonts/PermianSerifTypeface/fonts/PermianSerifTypeface.woff') format('woff'), url('../_fonts/PermianSerifTypeface/fonts/PermianSerifTypeface.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PermianSerifTypeface'; src: url('../_fonts/PermianSerifTypeface-Italic/fonts/PermianSerifTypeface-Italic.eot'); src: url('../_fonts/PermianSerifTypeface-Italic/fonts/PermianSerifTypeface-Italic.eot?#iefix') format('embedded-opentype'), url('../_fonts/PermianSerifTypeface-Italic/fonts/PermianSerifTypeface-Italic.woff2') format('woff2'), url('../_fonts/PermianSerifTypeface-Italic/fonts/PermianSerifTypeface-Italic.woff') format('woff'), url('../_fonts/PermianSerifTypeface-Italic/fonts/PermianSerifTypeface-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'PermianSerifTypeface'; src: url('../_fonts/PermianSerifTypeface-Bold/fonts/PermianSerifTypeface-Bold.eot'); src: url('../_fonts/PermianSerifTypeface-Bold/fonts/PermianSerifTypeface-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/PermianSerifTypeface-Bold/fonts/PermianSerifTypeface-Bold.woff2') format('woff2'), url('../_fonts/PermianSerifTypeface-Bold/fonts/PermianSerifTypeface-Bold.woff') format('woff'), url('../_fonts/PermianSerifTypeface-Bold/fonts/PermianSerifTypeface-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/RobotoCondensed-Regular/fonts/RobotoCondensed-Regular.eot'); src: url('../_fonts/RobotoCondensed-Regular/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../_fonts/RobotoCondensed-Regular/fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('../_fonts/RobotoCondensed-Regular/fonts/RobotoCondensed-Regular.woff') format('woff'), url('../_fonts/RobotoCondensed-Regular/fonts/RobotoCondensed-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-stretch: condensed; } @font-face { font-family: 'Roboto'; src: url('../_fonts/RobotoCondensed-Italic/fonts/RobotoCondensed-Italic.eot'); src: url('../_fonts/RobotoCondensed-Italic/fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('../_fonts/RobotoCondensed-Italic/fonts/RobotoCondensed-Italic.woff2') format('woff2'), url('../_fonts/RobotoCondensed-Italic/fonts/RobotoCondensed-Italic.woff') format('woff'), url('../_fonts/RobotoCondensed-Italic/fonts/RobotoCondensed-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-stretch: condensed; } @font-face { font-family: 'Roboto'; src: url('../_fonts/RobotoCondensed-Bold/fonts/RobotoCondensed-Bold.eot'); src: url('../_fonts/RobotoCondensed-Bold/fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/RobotoCondensed-Bold/fonts/RobotoCondensed-Bold.woff2') format('woff2'), url('../_fonts/RobotoCondensed-Bold/fonts/RobotoCondensed-Bold.woff') format('woff'), url('../_fonts/RobotoCondensed-Bold/fonts/RobotoCondensed-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-stretch: condensed; } @font-face { font-family: 'Roboto'; src: url('../_fonts/RobotoCondensed-BoldItalic/fonts/RobotoCondensed-BoldItalic.eot'); src: url('../_fonts/RobotoCondensed-BoldItalic/fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../_fonts/RobotoCondensed-BoldItalic/fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'), url('../_fonts/RobotoCondensed-BoldItalic/fonts/RobotoCondensed-BoldItalic.woff') format('woff'), url('../_fonts/RobotoCondensed-BoldItalic/fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-stretch: condensed; } @font-face { font-family: 'Roboto'; src: url('../_fonts/RobotoCondensed-Light/fonts/RobotoCondensed-Light.eot'); src: url('../_fonts/RobotoCondensed-Light/fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../_fonts/RobotoCondensed-Light/fonts/RobotoCondensed-Light.woff2') format('woff2'), url('../_fonts/RobotoCondensed-Light/fonts/RobotoCondensed-Light.woff') format('woff'), url('../_fonts/RobotoCondensed-Light/fonts/RobotoCondensed-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-stretch: condensed; } @font-face { font-family: 'Roboto'; src: url('../_fonts/RobotoCondensed-LightItalic/fonts/RobotoCondensed-LightItalic.eot'); src: url('../_fonts/RobotoCondensed-LightItalic/fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), url('../_fonts/RobotoCondensed-LightItalic/fonts/RobotoCondensed-LightItalic.woff2') format('woff2'), url('../_fonts/RobotoCondensed-LightItalic/fonts/RobotoCondensed-LightItalic.woff') format('woff'), url('../_fonts/RobotoCondensed-LightItalic/fonts/RobotoCondensed-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-stretch: condensed; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-Regular/fonts/Roboto-Regular.eot'); src: url('../_fonts/Roboto-Regular/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-Regular/fonts/Roboto-Regular.woff2') format('woff2'), url('../_fonts/Roboto-Regular/fonts/Roboto-Regular.woff') format('woff'), url('../_fonts/Roboto-Regular/fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-Italic/fonts/Roboto-Italic.eot'); src: url('../_fonts/Roboto-Italic/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-Italic/fonts/Roboto-Italic.woff2') format('woff2'), url('../_fonts/Roboto-Italic/fonts/Roboto-Italic.woff') format('woff'), url('../_fonts/Roboto-Italic/fonts/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-Medium/fonts/Roboto-Medium.eot'); src: url('../_fonts/Roboto-Medium/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-Medium/fonts/Roboto-Medium.woff2') format('woff2'), url('../_fonts/Roboto-Medium/fonts/Roboto-Medium.woff') format('woff'), url('../_fonts/Roboto-Medium/fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-MediumItalic/fonts/Roboto-MediumItalic.eot'); src: url('../_fonts/Roboto-MediumItalic/fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-MediumItalic/fonts/Roboto-MediumItalic.woff2') format('woff2'), url('../_fonts/Roboto-MediumItalic/fonts/Roboto-MediumItalic.woff') format('woff'), url('../_fonts/Roboto-MediumItalic/fonts/Roboto-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-Bold/fonts/Roboto-Bold.eot'); src: url('../_fonts/Roboto-Bold/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-Bold/fonts/Roboto-Bold.woff2') format('woff2'), url('../_fonts/Roboto-Bold/fonts/Roboto-Bold.woff') format('woff'), url('../_fonts/Roboto-Bold/fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-BoldItalic/fonts/Roboto-BoldItalic.eot'); src: url('../_fonts/Roboto-BoldItalic/fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-BoldItalic/fonts/Roboto-BoldItalic.woff2') format('woff2'), url('../_fonts/Roboto-BoldItalic/fonts/Roboto-BoldItalic.woff') format('woff'), url('../_fonts/Roboto-BoldItalic/fonts/Roboto-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-Light/fonts/Roboto-Light.eot'); src: url('../_fonts/Roboto-Light/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-Light/fonts/Roboto-Light.woff2') format('woff2'), url('../_fonts/Roboto-Light/fonts/Roboto-Light.woff') format('woff'), url('../_fonts/Roboto-Light/fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-LightItalic/fonts/Roboto-LightItalic.eot'); src: url('../_fonts/Roboto-LightItalic/fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-LightItalic/fonts/Roboto-LightItalic.woff2') format('woff2'), url('../_fonts/Roboto-LightItalic/fonts/Roboto-LightItalic.woff') format('woff'), url('../_fonts/Roboto-LightItalic/fonts/Roboto-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-Thin/fonts/Roboto-Thin.eot'); src: url('../_fonts/Roboto-Thin/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-Thin/fonts/Roboto-Thin.woff2') format('woff2'), url('../_fonts/Roboto-Thin/fonts/Roboto-Thin.woff') format('woff'), url('../_fonts/Roboto-Thin/fonts/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Roboto'; src: url('../_fonts/Roboto-ThinItalic/fonts/Roboto-ThinItalic.eot'); src: url('../_fonts/Roboto-ThinItalic/fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../_fonts/Roboto-ThinItalic/fonts/Roboto-ThinItalic.woff2') format('woff2'), url('../_fonts/Roboto-ThinItalic/fonts/Roboto-ThinItalic.woff') format('woff'), url('../_fonts/Roboto-ThinItalic/fonts/Roboto-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-stretch: normal; } @font-face { font-family: 'icomoon'; src:url('../_fonts/icomoon.eot?5pcktt'); src:url('../_fonts/icomoon.eot?#iefix5pcktt') format('embedded-opentype'), url('../_fonts/icomoon.ttf?5pcktt') format('truetype'), url('../_fonts/icomoon.woff?5pcktt') format('woff'), url('../_fonts/icomoon.svg?5pcktt#icomoon') format('svg'); font-weight: normal; font-style: normal; } .enlarge:hover { transform:scale(2) !important; transform-origin:0 0 !important; } * { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; -webkit-font-smoothing: antialiased;} html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; overflow: inherit !important; } body { height: 100%; } img { border: none; } body { color: rgb(26,26,26); font-size: 11pt; font-family: 'PermianSerifTypeface', Georgia, 'Times New Roman', Times, serif; } input[type="text"] { -webkit-appearance: none; border-radius: 0; } h1 { margin: -5px 0 0 0; padding: 0 0 30px 0; font-weight: normal; letter-spacing: -0.02em; clear: both; } h1.opros { margin-top: 0px; } h2 { padding: 0 0 15px 0; font-weight: normal; letter-spacing: -0.02em; text-align: center; } .withline { padding: 0 0 15px 0; font-weight: normal; letter-spacing: -0.02em; text-align: center; background: url(../_images/graphics/background_header.png) top 15px left repeat-x; } .withline2 { padding: 0 0 15px 0; font-weight: normal; letter-spacing: -0.02em; text-align: center; background: url(../_images/graphics/background_header.png) top 15px left repeat-x; margin-left: 10px; margin-right: 10px; } @media screen and (max-width: 1079px) { .withline { margin-left: 0px; margin-right: 0px; } .withline2 { margin-left: 0px; margin-right: 0px; } } h4 { padding: 0 0 0 0; } h1 i { display: none; font-size: 20px; margin: 0 0 0 10px; cursor: pointer; } .content-full h1, h1.central { text-align: center; } h1 span { font-family: inherit !important; display: inline-block; padding: 0 10px 0 10px; background-color: rgb(255,255,255); } h2 span { font-family: inherit !important; display: inline-block; padding: 0 10px 0 10px; background-color: rgb(255,255,255); } section { width: 100%; height: auto; position: relative; margin: 0 0 15px 0; clear: both; text-align: center; } a { color: rgb(26,26,26); outline: none; border: 0; text-decoration: none; transition: all 0.5s; } a:hover { color: rgb(200,160,119); } .icon, aside ul li, { transition: background-color 0.5s; cursor: pointer; } .left { float: left; } .right { float: right; } .clear { clear: both; } :focus, :active { outline: none !important; outline-style: none !important; } .button { display: block; padding: 7px 0 8px 0; text-align: center; background-color: transparent; transition: all 0.4s; } ul.marked { list-style: none inside; } ul.marked li { position: relative; padding: 0 0 5px 0px; vertical-align: middle; } ul.marked li i { position: absolute; left: 0; top: 2px; vertical-align: middle; } ul.marked-left { list-style: none inside; } ul.marked-left li { position: relative; padding: 0 0 5px 0px; vertical-align: middle; } ul.marked-left li i { position: absolute; left: -50px; top: 2px; vertical-align: middle; font-family: 'Roboto'; font-weight:bold; font-style:normal; float:right; } ul.marked-left li strong { display: none; } @media screen and (max-width: 699px) { ul.marked-left li i { display: none; } ul.marked-left li strong { display: inline-block; } } ul.lined { display: block; width: 100%; height: auto; clear: both; padding: 10px 0 0 0; margin: 0 0 10px 0; } ul.lined:after { width: 25%; padding: 0 0 10px 0; margin: 0 0 10px 0; position: absolute; border-bottom: 1px solid rgb(179,179,179); content:""; } ul.lined:last-child:after { border: none; } iframe.video { width: 100%; height: auto; border: none; clear: both; overflow: hidden; } iframe.video-news { width: 100%; height: auto; border: none; clear: both; overflow: hidden; } /*div.video iframe, div.video-news iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1280px; max-height: 720px; }*/ /*КОЛОРИЗАЦИЯ И ШРИФТЫ*/ h1 { font-size: 24pt; line-height: 24pt; font-family: 'PermianSerifTypeface', Tahoma, Helvetica, Arial, sans-serif; } h2 { font-size: 24px; line-height: 24px; font-family: 'PermianSerifTypeface'; } h3 { font-size: 12pt; font-weight: normal; } h4 { font-size: 12pt; font-weight: normal; font-stretch: condensed; font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; } h1 i:hover, h1 i:focus, h1 i:active { color: rgb(200,160,119); } /*.content-full h1 { padding: 0 0 17px 0; text-align: center; background: url(../_images/graphics/background_header.png) top 15px left repeat-x; }*/ /*.content-full h1 span { display: inline-block; padding: 0 10px 0 10px; background-color: rgb(255,255,255); }*/ .item-options h3 { font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal;} .item-optionso h3 { font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal;} .item-options-cart h3 { font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal;} @media screen and (max-width: 699px) { .item-optionso h3 { text-align: center; margin-bottom: 10px; } .item-options-cart h3 { text-align: center; margin-bottom: 10px; } } .item-additional h3, .contacts-list h3 { font-size: 13pt; font-weight: normal; font-style: italic; font-family: 'PermianSerifTypeface', Tahoma, Helvetica, Arial, sans-serif;} .news-list h3, .news-index-list h3 { line-height: 25px; font-size: 21px; font-weight: bold; font-style: normal; font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; } @media screen and (max-width: 1079px) { .news-list h3, .news-index-list h3 { font-size: 16px; line-height: 20px; } } @media screen and (max-width: 699px) { .news-list h3, .news-index-list h3 { font-size: 25px; line-height: 28px; } } .subscribe-block button h4 { font-weight: normal; color: rgb(255,255,255); font-weight: normal; font-style: normal; font-stretch: normal; } .top-list { font-size: 11pt; color: rgb(255,255,255); } .mobile .top-list i { font-size: 18pt; color: rgb(26,26,26); } .header-content .menu-list .menu-items .sub-block li a, .sub-block-usual li a, .sub-block-mobile-section-selector li a, .top-list a, .mobile li.icon:hover i, .mobile li.icon:hover a, .mobile .run-active i, .product-item, .product-itemo, .product-item-cart, .news-list .list-element div, .news-index-list .list-element div, footer, footer a, aside .current a, aside a:hover, .tabs-block .ui-state-active.ui-state-active a, .tabs-block ul li a:hover, #country-selector-menu, #city-selector-menu, #country-selector2-menu, #city-selector2-menu, .add-cart-button:hover span, .quantity-item a.ui-button, .item-additional a:hover, .company-item .hidden-element a.button { color: rgb(255,255,255); } .hidden-element2 a.button, .hidden-element2 span { color: rgb(26,26,26); } .hidden-element2 a.button, .hidden-element2 span { cursor: pointer; } .hidden-element2 a.button, .hidden-element2 span { font-size: 28px; } .hidden-element2 a.button, .hidden-element2 span { font-size: 28px; } .hidden-element2 a.button, .hidden-element2 span { font-family: 'PermianSerifTypeface', Georgia, 'Times New Roman', Times, serif; } .hidden-element3 a.button, .hidden-element3 span { color: rgb(26,26,26); } .hidden-element3 a.button, .hidden-element3 span { cursor: pointer; } .hidden-element3 a.button, .hidden-element3 span { font-size: 28px; } .hidden-element3 a.button, .hidden-element3 span { font-size: 28px; } .hidden-element3 a.button, .hidden-element3 span { font-family: 'PermianSerifTypeface', Georgia, 'Times New Roman', Times, serif; } .mobile .sub-block span, .mobile .sub-block a, .mobile .sub-block-usual span, .mobile .sub-block-usual a, .button { font-size: 11pt; } .mobile .sub-block ul li a, .mobile .sub-block i, .sub-block.search, .mobile .sub-block-usual ul li a, .mobile .sub-block-usual i, .sub-block-usual.search, .product-item, .product-itemo, .product-item-cart, .news-list .list-element div, .news-index-list .list-element div, .contacts-list .list-element ul li { font-size: 10pt; } a.login:hover, a.cart:hover { color: inherit; } .sub-block.search i, .sub-block-usual.search i { font-size: 15pt; } .sub-block.search button:hover i, .sub-block-usual.search button:hover i, .menu-items i:hover { color: rgb(200,160,119); transition: all 0.5s; } .menu-list .menu-items li, .contacts-list i { font-size: 12pt; } .breadcrumbs { font-size: 10pt; color: rgb(179,179,179); font-family: 'RobotoCondensed', Tahoma, Helvetica, Arial, sans-serif; } .breadcrumbs a { color: rgb(179,179,179); } .breadcrumbs a:hover, .contacts-list i, .current, .current a, .button, ul.marked i { color: rgb(200,160,119); } .contacts-list .address-result { font-size: 10pt; } footer, footer a { font-size: 9pt; } .button, .add-cart-button span, .item-price, .presentation-block div span { font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; } .add-cart-button span { font-size: 11pt; color: rgb(26,26,26); background: rgb(255,255,255); text-transform: uppercase; transition: all 0.5s; cursor: pointer; } .add-cart-button:hover span, .quantity-item a.ui-button, .company-item .hidden-element a.button { background-color: rgb(200,160,119); } .hidden-element2 a.button, .hidden-element2 span { background-color: rgb(255,255,255); } .hidden-element3 a.button, .hidden-element3 span { background-color: rgb(255,255,255); } .item-price { font-size: 33px; font-weight: bold; letter-spacing: -0.02em; } .quantity-item a.ui-button { font-size: 12pt; } .item-additional a { color: rgb(26,26,26); text-decoration: underline; } .item-additional a:hover { text-decoration: none; } .presentation-block div span { font-size: 15pt; text-transform: uppercase; letter-spacing: -0.02em; } #country-selector-menu, #city-selector-menu, #country-selector2-menu, #city-selector2-menu { background-color: rgb(46,46,46); margin-left: 0; margin-right: 0; font-family: Roboto; overflow-y: auto; /*height: 400px !important;*/ max-height: 300px !important; } #country-selector-button, #country-selector2-button{ font-family: Roboto;} #city-selector-button, #city-selector2-button{ font-family: Roboto;} @media screen and (max-width: 699px) { #country-selector-button, #country-selector2-button{margin-left: 10% !important; margin-right: 2% !important; width: 37%;} #city-selector-button, #city-selector2-button{margin-left: 2% !important; margin-right: 10% !important; width: 37%;} } .ui-widget-content li:hover { color: inherit; background-color: rgb(26,26,26); } header { width: 100%; min-width: 300px; height: auto; position: relative; } .header-bg { width: 100%; height: 40px; position: absolute; left: 0; top: 0; background-color: rgb(26,26,26); } .header-content.desktop { display: block; width: 100%; height: 140px; max-width: 1080px; margin: 0 auto 0 auto; position: relative; border-bottom: 1px solid rgb(179,179,179); } .header-content .top-list { display: inline-block; width: auto; position: relative; list-style: none; } li.icon { width: auto; height: auto; list-style: none; display: inline-block; position: relative; vertical-align: top; background-color: transparent; } li.icon:hover { background-color: rgb(46,46,46); cursor: pointer; } li.icon span { display: block; width: auto; height: 40px; line-height: 40px; background-repeat: no-repeat; } li.icon i { vertical-align: middle; padding: 0 0 0 5px; font-weight: normal; } li.icon a.instagram, li.icon a.facebook, li.icon a.cart, li.icon a.login { display: block; height: 40px; background-repeat: no-repeat; } a.instagram { width: 34px; background: url(../_images/graphics/_icon-instagram.png) center center; } a.facebook { width: 34px; background: url(../_images/graphics/_icon-facebook.png) center center; } span.search { padding: 0 17px 0 17px; background: url(../_images/graphics/_icon-search.png) center center; } span.currency { width: 20px !important; padding: 0 10px 0 10px; } span.currency, a.currency { font-weight: bold; font-size: 15px; } span.currency i { font-size: 10pt !important; } span.language { width: 40px !important; padding: 0 10px 0 10px; } a.nothing { display: block; line-height: 40px; padding: 0 10px 0 10px; } a.login { display: block; line-height: 40px; padding: 0 35px 0 10px; background: url(../_images/graphics/_icon-login.png) center right 5px; } a.cart { display: block; line-height: 40px; padding: 0 30px 0 10px; background: url(../_images/graphics/_icon-cart.png) center right 5px; } /*span.cart.full { padding: 0 30px 0 10px; background: url(../_images/graphics/_icon-cart.png) center right 5px; }*/ .sub-block { background: rgb(0,0,0); padding: 0 0 0 0; } .sub-block li { list-style: none; padding: 0 0 0 0; } .sub-block li a { display: inline-block; padding: 5px 10px 5px 10px; color: rgb(255,255,255)!important;} .sub-block a.currency { width: 20px; } .sub-block a.language { width: 40px; } .sub-block li a:hover, .sub-block li span:hover { background-color: rgb(255,255,255); color: rgb(26,26,26)!important;} .sub-block.search { width: 250px; height: 30px; position: relative; padding: 10px 10px 10px 10px; background: rgb(46,46,46); } .sub-block.search input { width: 215px; height: 30px; padding: 0 0 0 5px; display: inline-block; position: relative; border: none; float: left; } .sub-block.search button { height: 30px; width: 30px; display: inline-block; position: relative; border: none; background-color: rgb(255,255,255); float: left; cursor: pointer; } .sub-block-usual { background: rgb(255,255,255); padding: 0 0 0 0; } .sub-block-usual li { list-style: none; padding: 0 0 0 0; } .sub-block-usual li a { display: inline-block; padding: 5px 10px 5px 10px; color: rgb(0,0,0)!important;} .sub-block-usual a.currency { width: 20px; } .sub-block-usual a.language { width: 40px; } .sub-block-usual li a:hover, .sub-block-usual li span:hover { background-color: rgb(26,26,26); color: rgb(255,255,255)!important;} .sub-block-usual.search { width: 250px; height: 30px; position: relative; padding: 10px 10px 10px 10px; background: rgb(46,46,46); } .sub-block-usual.search input { width: 215px; height: 30px; padding: 0 0 0 5px; display: inline-block; position: relative; border: none; float: left; } .sub-block-usual.search button { height: 30px; width: 30px; display: inline-block; position: relative; border: none; background-color: rgb(255,255,255); float: left; cursor: pointer; } .sub-block-mobile-section-selector { position: absolute; top: 0; left: 10%; right: 10%; margin-left: auto; margin-right: auto; background: rgb(255,255,255); padding: 0 0 0 0; z-index: 1000; display: block; } .sub-block-mobile-section-selector li { list-style: none; padding: 0 0 0 0; } .sub-block-mobile-section-selector li a { display: inline-block; padding: 5px 10px 5px 10px; color: rgb(26,26,26)!important; font-family: 'PermianSerifTypeface', Georgia, 'Times New Roman', Times, serif; font-size: 21px; line-height: 21px; margin-bottom: 21px; margin-top: 21px;} .sub-block-mobile-section-selector li a:hover { color: rgb(200,160,119)!important;} .sub-block-mobile-section-selector.search { width: 250px; height: 30px; position: relative; padding: 10px 10px 10px 10px; background: rgb(46,46,46); } .header-content .menu-list { width: 100%; height: 90px; line-height: 90px; position: relative; clear: both; /*overflow: hidden;*/ } .header-content .menu-list li { list-style: none; display: inline-block; position: relative; vertical-align: top; } .header-content .menu-list img { width: 33%; margin: 20px 0 0 0; float: left; } .header-content .menu-list .menu-items { width: 67%; text-align: right; } .header-content .menu-list .menu-items li { position: relative; /*margin: 0 0 0 20px;*/margin: 0 0 0 10px; } .header-content .menu-list .menu-items i { margin: 0 0 0 5px; cursor: pointer; } .header-content .menu-list .menu-items .sub-block { width: 230px; line-height: 30px; text-align: left; position: absolute; left: -10px; margin: -20px 0 0 0; z-index: 10000; } .header-content .menu-list .menu-items .sub-block-usual { width: 230px; line-height: 30px; text-align: left; position: absolute; left: -10px; margin: -20px 0 0 0; z-index: 10000; } .header-content .menu-list .menu-items .sub-block li { display: block; width: 230px; height: 30px; line-height: 30px; float:left; margin: 0; overflow: hidden; } .header-content .menu-list .menu-items .sub-block-usual li { display: block; width: 230px; height: 30px; line-height: 30px; float:left; margin: 0; overflow: hidden; } .header-content .menu-list .menu-items .sub-block li a { width: 220px; height: 30px; line-height: 30px; padding: 0 0 0 10px; } .header-content .menu-list .menu-items .sub-block-usual li a { width: 220px; height: 30px; line-height: 30px; padding: 0 0 0 10px; } .header-content.mobile { display: none; width: 100%; height: 60px; padding: 0 0 20px 0; margin: 0 auto 0 auto; text-align: center; position: relative; } .header-content.mobile a.logo { display: inline-block; width: 40%; height: 60px; line-height: 60px; position: relative; } .header-content.mobile img { width: 100%; max-width: 289px; position: relative; vertical-align: middle !important; } .header-content.mobile li.icon span, .header-content.mobile li.icon a { display: block; color: inherit; height: 60px; width: 60px; line-height: 60px; padding: 0 5px 0 0; } li.run-item-in-in a { height: auto ! important; } .header-content.mobile .sub-nav li span a { height: 100%; width: 100%; } .header-content.mobile .sub-block { width: 250px; text-align: left; } .header-content.mobile .sub-block li span { width: 230px; height: 38px; line-height: 38px; padding: 0 0 0 20px; } .header-content.mobile .sub-block li a { width: auto; height: 38px; line-height: 38px; padding: 0; } .header-content.mobile .sub-block li span:hover { background-color: transparent; } .header-content.mobile .sub-block li a:hover { background-color: rgb(26,26,26); } .header-content.mobile .sub-block li ul li a { height: 25px; line-height: 25px; padding: 0 0 0 40px; } .header-content.mobile .sub-block-usual { width: 250px; text-align: left; } .header-content.mobile .sub-block-usual li span { width: 230px; height: 38px; line-height: 38px; padding: 0 0 0 20px; } .header-content.mobile .sub-block-usual li a { width: auto; height: 38px; line-height: 38px; padding: 0; } .header-content.mobile .sub-block-usual li span:hover { background-color: transparent; } .header-content.mobile .sub-block-usual li a:hover { background-color: rgb(26,26,26); } .header-content.mobile .sub-block-usual li ul li a { height: 25px; line-height: 25px; padding: 0 0 0 40px; } .header-content.mobile .sub-nav { text-align: center; background: rgb(46,46,46); padding: 10px 0 0 0; } .header-content.mobile .sub-nav li { font-size: 10pt; } .header-content.mobile .sub-nav li .currency-02 { font-weight: bold; font-size: 13px; } .header-content.mobile .sub-nav li i { font-size: 8pt; padding: 0 0 0 2px; } .header-content.mobile .sub-nav li { display: block; position: relative; text-align: center; vertical-align: top; background-color: transparent; transition: background-color 0.5s; } .header-content.mobile .sub-nav li:hover { background-color: rgb(26,26,26); } .header-content.mobile .sub-nav li.noback:hover { background-color: rgb(26,26,26); } .header-content.mobile .sub-nav li span { margin-left:20px; } .header-content.mobile .sub-nav li div { margin-left:10px; } .header-content.mobile .sub-nav li span { width: 38px; height: 38px; line-height: 38px; padding: 0; } .header-content.mobile .sub-nav a { background-position: center center; background-size: 50%; } .header-content.mobile .sub-nav a:hover {color:rgb(255,255,255); } .header-content.mobile .sub-nav .run-active-in ul a { line-height: 38px; } .header-content.mobile .sub-nav .run-active-in ul a:hover { background-color: rgb(46,46,46); } @media screen and (max-width: 1079px) { .header-bg { height: 60px; background-color: rgb(200,160,119); } .header-content.desktop { display: none; } .header-content.mobile { display: block; } li.icon { color: inherit; text-align: center; } li.icon:hover { background-color: transparent; cursor: pointer; } } .wrapper-top { width: 100%; height: auto !important; padding: 0 0% 0 0%; margin: 0 auto 0 auto; position: relative; background-color: rgb(26, 26, 26); } .wrapper-top2 { width: 100%; max-width: 1080px; height: auto !important; padding: 0 0% 0 0%; margin: 0 auto 0 auto; position: relative; background-color: rgb(26, 26, 26); } @media screen and (max-width: 1079px) { .wrapper-top { display: none; visibitily: collapse; } .wrapper-top2 { display: none; visibitily: collapse; } } .wrapper { width: 100%; max-width: 1080px; /*min-height: 100%;*/ height: auto !important; height: 100%; padding: 0 0% 0 0%; margin: 0 auto 0 auto; position: relative; } .middle { width: 100%; position: relative; } .middle:after { display: table; clear: both; content: ''; } .container { width: 100%; float: left; overflow: visible; margin-bottom: 20px; } .breadcrumbs { width: 100%; height: 45px; line-height: 45px; position: relative; } .content-aside { padding: 0 0 50px 190px; } .content-full { padding: 0 0 50px 0; } .text-descriptoin { width: 100%; padding: 0; } .homepage {} .homepage .header-content.desktop { /*border-bottom: none !important;*/ } .homepage .header-content.mobile { padding: 0 0 0 0; } .homepage section { float: left; margin: 30px 0 0 0; } .homepage section.tabs-block { } .homepage section.tabs-block ul.a { display: inline-block; list-style: none inside; float: left; text-align: left; width: 140px; margin-left: -100%; position: relative; } .homepage section.tabs-block ul.a li { background-color: transparent; } .homepage section.tabs-block ul.a li a { display: block; padding: 5px 0 5px 10px; } .homepage section.tabs-block .ui-state-active.ui-state-active, .ui-state-hover { background-color: rgb(200,160,119) !important; } .homepage section.tabs-block .tabs-item { width: auto !important; height: auto; padding: 0 0 0 160px; position: relative; visibility: visible; } .homepage section.tabs-block .tabs-item .slick-track { min-width: 740px; height: auto; overflow:visible; } .homepage section.tabs-block .tabs-item h2 { display: none; } .homepage section.tabs-block .tabs-item .product-list { text-align: center; } .homepage section.various { margin: 0; } @media screen and (max-width: 699px) { .homepage section.tabs-block ul { display: none; } .homepage section.tabs-block .tabs-item { display: block !important; padding: 0 0 0 0; clear: both; } .homepage section.tabs-block .tabs-item h2 { display: block; } .homepage section.tabs-block ul.a { display: none; } } /* САЙДБАР */ aside { float: left; width: 170px; margin-left: -100%; position: relative; } aside ul { list-style: none inside; width: 100%; margin: 0 0 0 -10px; } aside ul li { background-color: transparent; } aside ul li:hover { background-color: rgb(200,160,119); } aside ul li a { display: block; padding: 5px 0 5px 10px; } aside ul li.current { background-color: rgb(200,160,119); } aside ul li.sidebarbutton { background-color: rgb(200,160,119); margin-top:20px; } aside ul li.sidebarbutton a { color: #FFFFFF; } aside.category { margin-left: -98%; } aside.category-selection { display: block; width: 100%; margin: 0 0 0 0; position: absolute; top: 33px; left: 0; background-color: rgb(255,255,255); z-index: 10000; } aside.category-selection ul { margin: 0 0 0 0; } /*aside.category-selection ul li.current { display: none; }*/ section .product-list .list-element { float: none; } /*section.collection .product-list .list-element { width: 13%; margin: 0 1% 20px 0; } section.bestsellers .product-list .list-element { width: 10%; margin: 0 0.5% 20px 0.5%; } section.various .list-element { width: 100%; margin: 0 0 20px 0; }*/ .product-list { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-list .list-element { width: 23%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1% 20px 1%; float: left; } .product-list .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 50px 0; vertical-align: top; overflow:visible; } .product-list .list-element img { width: 100%; position: relative; float: left; } .product-list .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-list .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-list .list-element .read-more span { margin-top: 10px; } .product-list .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } .product-list2 { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-list2 .list-element { width: 14%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; float: left; } .product-list2 .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 50px 0; vertical-align: top; overflow:hidden; } .product-list2 .list-element img { width: 100%; position: relative; float: left; } .product-list2 .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-list2 .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-list2 .list-element .read-more span { margin-top: 10px; } .product-list2 .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } .collection3 { width: 30%; height: auto; position: relative; clear: none; display: inline-block; } .collection3o { width: 100%; clear:both; } .collection3 h2 { font-weight: bold; font-size: 12pt; } .collection3o h2 { font-weight: bold; font-size: 12pt; font-family: 'Roboto';} .product-list3 { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-list3 .list-element { width: 46%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 2% 20px 2%; float: left; } .product-list3 .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 10px 0; vertical-align: top; overflow:hidden; } .product-list3 .list-element img { width: 100%; position: relative; float: left; } .product-list3 .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-list3 .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-list3 .list-element .read-more span { margin-top: 10px; } .product-list3 .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } .product-list3o { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-list3o .list-element { width: 16%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 2% 20px 2%; float: left; } .product-list3o .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 10px 0; vertical-align: top; overflow:hidden; } .product-list3o .list-element img { width: 100%; position: relative; float: left; } .product-list3o .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-list3o .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-list3o .list-element .read-more span { margin-top: 10px; } .product-list3o .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } .recomendation h2 { font-weight: bold; font-size: 12pt; } .product-recomendation { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-recomendation .list-element { width: 14%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; float: left; } .product-recomendation .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 50px 0; vertical-align: top; overflow:hidden; overflow: visible; } .product-recomendation .list-element img { width: 100%; position: relative; float: left; } .product-recomendation .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-recomendation .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-recomendation .list-element .read-more span { margin-top: 10px; } .product-recomendation .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } @media screen and (max-width: 1079px) { .collection3 { width: 100%; clear:both; } .collection3o { width: 100%; clear:both; } .collection3 h2 { font-weight: normal; font-size: 24px; } .collection3o h2 { font-weight: normal; font-size: 24px; } .product-list3 .list-element { width: 14%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; float: left; } .product-list3o .list-element { width: 22.6%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; float: left; } .product-recomendation .list-element { width: 14%; } .recomendation h2 { font-weight: normal; font-size: 24px; } } @media screen and (max-width: 699px) { .collection3 { width: 100%; clear:both; } .collection3o { width: 100%; clear:both; } .collection3 h2 { font-weight: normal; font-size: 24px; } .collection3o h2 { font-weight: normal; font-size: 24px; } .product-list3 .list-element { width: 14%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; float: left; } .product-list3o .list-element { width: 30.8%; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; float: left; } .product-recomendation .list-element { width: 30%; } .recomendation h2 { font-weight: normal; font-size: 24px; } } .product-list4 { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-list4 .list-element { width: 100%; /*min-width: 100px;*/ height: auto; padding: 0 0 0 0; margin: 0 1% 20px 1%; float: left; } .product-list4 .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 0 0; vertical-align: top; overflow:visible; } .product-list4 .list-element img { width: 100%; position: relative; float: left; } .product-list4 .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-list4 .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-list4 .list-element .read-more span { margin-top: 10px; } .product-list4 .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } .product-list4o { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; } .product-list4o .list-element { /*width: 100%; *//*min-width: 100px;*/ height: auto; padding: 0 0 0 0; margin: 0 1% 20px 1%; float: left; } .product-list4o .list-element { display: inline-block; position: relative; height: auto; padding: 0 0 0 0; vertical-align: top; overflow:visible; } .product-list4o .list-element img { width: 100%; position: relative; float: left; } .product-list4o .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } .product-list4o .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} .product-list4o .list-element .read-more span { margin-top: 10px; } .product-list4o .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } .effect img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .effect-wrapper { position: relative; overflow: hidden; } .effect-mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: 10px solid rgba(200,160,119,0.7); box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .effect-mask2 { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: 10px solid rgba(179,179,179,0.52); box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .effect-mask2:after { position: absolute; display: block; content: ''; border: 1pt solid rgba(200,160,120,1.0); height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .effect-mask3 { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: 10px solid rgba(179,179,179,0.52); box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .effect-mask3 { z-index:1; } .effect-mask3:after { position: absolute; display: block; content: ''; border: 1pt solid rgba(200,160,120,1.0); height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .effect-mask4 { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: 0; box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: rgba(200,160,120,0.52); font-size: 150px; font-family: 'PermianSerifTypeface'; color: #FFFFFF; padding-top: 30px; } .effect-mask4 { z-index:1; } .effect:hover { color: inherit; } .effect:hover img { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .effect:hover img { -webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3);top:10%; } } .effect:hover img.commentimg123 { -webkit-transform: scale(1.0,1.0) !important; -moz-transform: scale(1.0,1.0) !important; -o-transform: scale(1.0,1.0) !important; -ms-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; } .effect:hover img.commentimgcart { -webkit-transform: scale(1.0,1.0) !important; -moz-transform: scale(1.0,1.0) !important; -o-transform: scale(1.0,1.0) !important; -ms-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; } .effect:hover .effect-mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .effect:hover .effect-mask2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .effect-mask3 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .effect-mask4 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .effect:hover span { color: rgb(255,255,255); background-color: rgb(200,160,119) !important; } .news-list { width: 100%; min-width: 300px; height: auto; margin: 0px 0 10px 0; position: relative; float: left; text-align: left; clear: both; } .news-list ul { width: 49%; height: auto; display: block; list-style: none inside; position: relative; } .news-list .list-element { display: block; width: 100%; height: auto; margin: 0 0 20px 0; position: relative; overflow: hidden; background-color: rgb(200,160,119); } .news-list .list-element img { height: auto; position: absolute; top: 0px; z-index: 0; } .news-list .list-element div.tricorner:before { content: ''; position: absolute; border: 10px solid transparent; } .news-list .news-image-left div.tricorner:before { left: -20px; border-right: 11px solid rgb(200,160,119); } .news-list .news-image-right div.tricorner:before { right: -20px; border-left: 11px solid rgb(200,160,119); } .news-list .list-element div.tricorner { position: absolute; z-index: 10; background-color: rgb(200,160,119); } .news-list .news-image-left div.tricorner, .news-list .news-image-right div.tricorner { width: 44%; height: 50px; top: 0px; padding: 20px 3% 20px 3%; } .news-list .news-image-left div.tricorner { right: 0px; } .news-list .list-element div.content { position: relative; z-index: 10; background-color: rgb(200,160,119); } .news-list .list-element div.content h3 { padding: 0 0 15px 0; } .news-list .list-element div.content span { font-family: 'Roboto'; display: inline-block; line-height: 18.8px; font-size:14px; width: 100%; } .news-list .list-element div.content div.news-content-full { display: none; visibility: collapse; } .news-list .list-element div.content div.button { display: block; padding: 0; margin-top: 15px; width: auto; position: relative; background-color: transparent; opacity: 1; text-align: center !important;} .news-list .list-element div.content div.button a.button { display: inline-block; padding: 5px 10px 5px 10px; width: auto; position: relative; background-color: rgb(255,255,255); opacity: 1; text-transform: lowercase; text-align: center !important; font-size: 14px;} .news-list .list-element div.content div.button a.button:hover { opacity: 0.7; } .news-list .news-first, .news-list .news-last { height: 400px; } .news-list .news-first div.content, .news-list .news-last div.content { width: 80%; height: auto !important; position: absolute; bottom: 15px; padding: 10px 3% 10px 3%; } .news-list .news-first div.content h3, .news-list .news-last div.content h3 { padding: 0; } .news-list .news-first div.content span, .news-list .news-last div.content span { display: none; } .news-list .news-first div.content div.button, .news-list .news-last div.content div.button { text-align: left !important; } .news-list .news-first div.content div.button a.button, .news-list .news-last div.content div.button a.button { } .news-list .news-image-left div.content { width: 44%; height: auto; top: 0px; margin: 20px 3% 20px 53%; } .news-list .news-image-right div.content { width: 44%; height: auto; top: 0px; margin: 20px 47% 20px 3%; } .news-list .news-image-left div.content div.button a.button, .news-list .news-image-right div.content div.button a.button { width: auto; padding: 5px 10px 5px 10px; } .news-list .news-first img, .news-list .news-last img { width: 100%; min-width: 400px; } .news-list .news-image-left img, .news-list .news-image-right img { width: 50%; /*min-width: 190px;*/ } .news-list .news-image-left img, .news-list .news-image-right div.content { left: 0px; } .news-list .news-image-left div.content, .news-list .news-image-right img { right: 0px; } .news-index-list { width: 100%; min-width: 300px; height: auto; margin: 30px 0 10px 0; position: relative; float: left; text-align: left; clear: both; } .news-index-list ul { width: 49%; height: auto; display: block; list-style: none inside; position: relative; } .news-index-list .list-element { display: block; width: 100%; height: auto; margin: 0 0 20px 0; position: relative; overflow: hidden; background-color: rgb(200,160,119); } .news-index-list .list-element img { height: auto; position: absolute; top: 0px; z-index: 0; } .news-index-list .list-element div.tricorner:before { content: ''; position: absolute; border: 10px solid transparent; } .news-index-list .news-index-image-left div.tricorner:before { left: -20px; border-right: 11px solid rgb(200,160,119); } .news-index-list .news-index-image-right div.tricorner:before { right: -20px; border-left: 11px solid rgb(200,160,119); } .news-index-list .list-element div.tricorner { position: absolute; z-index: 10; background-color: rgb(200,160,119); } .news-index-list .news-index-image-left div.tricorner, .news-index-list .news-index-image-right div.tricorner { width: 44%; height: 50px; top: 0px; padding: 20px 3% 20px 3%; } .news-index-list .news-index-image-left div.tricorner { right: 0px; } .news-index-list .list-element div.content { position: relative; z-index: 10; background-color: rgb(200,160,119); } .news-index-list .list-element div.content h3 { padding: 0 0 15px 0; } .news-index-list .list-element div.content span { font-family: 'Roboto'; display: inline-block; line-height: 14px; font-size:14px; } .news-index-list .list-element div.content div.index-news-content-full { display: none; visibility: collapse; } .news-index-list .list-element div.content div.button { display: block; padding: 0; margin-top: 15px; width: auto; position: relative; background-color: transparent; opacity: 1; text-align: center !important;} .news-index-list .list-element div.content div.button a.button { display: inline-block; padding: 5px 10px 5px 10px; width: auto; position: relative; background-color: rgb(255,255,255); opacity: 1; text-transform: lowercase; text-align: center !important; font-size: 14px;} .news-index-list .list-element div.content div.button a.button:hover { opacity: 0.7; } .news-index-list .news-index-first, .news-index-list .news-index-last { height: 400px; } .news-index-list .news-index-first div.content, .news-index-list .news-index-last div.content { width: 80%; height: auto !important; position: absolute; bottom: 15px; padding: 10px 3% 10px 3%; } .news-index-list .news-index-first div.content h3, .news-index-list .news-index-last div.content h3 { padding: 0; } .news-index-list .news-index-first div.content span, .news-index-list .news-index-last div.content span { display: none; } .news-index-list .news-index-first div.content div.button, .news-index-list .news-index-last div.content div.button { text-align: left !important; } .news-index-list .news-index-first div.content div.button a.button, .news-index-list .news-index-last div.content div.button a.button { } .news-index-list .news-index-image-left div.content { width: 44%; height: auto; top: 0px; margin: 20px 3% 20px 53%; } .news-index-list .news-index-image-right div.content { width: 44%; height: auto; top: 0px; margin: 20px 47% 20px 3%; } .news-index-list .news-index-image-left div.content div.button a.button, .news-index-list .news-index-image-right div.content div.button a.button { width: auto; padding: 5px 10px 5px 10px; } .news-index-list .news-index-first img, .news-index-list .news-index-last img { width: 100%; min-width: 400px; } .news-index-list .news-index-image-left img, .news-index-list .news-index-image-right img { width: 50%; /*min-width: 190px;*/ } .news-index-list .news-index-image-left img, .news-index-list .news-index-image-right div.content { left: 0px; } .news-index-list .news-index-image-left div.content, .news-index-list .news-index-image-right img { right: 0px; } .lookbook-list { width: 100%; min-width: 300px; height: auto; margin: 0px 0 10px 0; position: relative; float: left; text-align: left; clear: both; } .lookbook-list ul { width: 100%; height: auto; display: block; list-style: none inside; position: relative; } .lookbook-list .list-element { display: block; width: 100%; height: auto; margin: 0 0 0px 0; position: relative; overflow: hidden; background-color: rgb(255,255,255); } .lookbook-list .list-element img { height: auto; position: absolute; top: 0px; z-index: 0; } .lookbook-list .list-element div.content { position: relative; z-index: 10; background-color: rgb(255,255,255); } .lookbook-list .list-element div.content h3 { padding: 0 0 15px 0; font-family: 'Roboto'; } .lookbook-list .list-element div.content span { font-family: 'Roboto'; display: inline-block; line-height: 18.8px; font-size:14px; width: 100%; } .lookbook-list .list-element div.content div.lookbook-content-full { display: none; visibility: collapse; } .lookbook-list .list-element div.content div.button { display: block; padding: 0; margin-top: 15px; width: auto; position: relative; background-color: transparent; opacity: 1; text-align: left !important;} .lookbook-list .list-element div.content div.button a.button { display: inline-block; padding: 5px 10px 5px 10px; width: auto; position: relative; background-color: rgb(200,160,119); opacity: 1; text-transform: lowercase; text-align: left !important; font-size: 14px; color: rgb(255,255,255);} .lookbook-list .list-element div.content div.button a.button:hover { opacity: 0.7; } .lookbook-list .lookbook-image-left div.content { width: 44%; height: auto; top: 0px; margin: 20px 3% 20px 53%; } .lookbook-list .lookbook-image-right div.content { width: 44%; height: auto; top: 0px; margin: 20px 47% 20px 3%; } .lookbook-list .lookbook-image-left div.content div.button a.button, .lookbook-list .lookbook-image-right div.content div.button a.button { width: auto; padding: 5px 10px 5px 10px; } .lookbook-list .lookbook-image-left img, .lookbook-list .lookbook-image-right img { width: 50%; /*min-width: 190px;*/ } .lookbook-list .lookbook-image-left img, .lookbook-list .lookbook-image-right div.content { left: 0px; } .lookbook-list .lookbook-image-left div.content, .lookbook-list .lookbook-image-right img { right: 0px; } .contacts-list { width: 100%; min-width: 300px; height: auto; margin: 0 0 0px 0; position: relative; float: left; text-align: left; clear: both; } .contacts-list ul { display: block; width: 100%; height: auto; list-style: none inside; position: relative; } .contacts-list .list-element { display: inline-block; width: 30%; height: auto; margin: 0 1% 0 2%; position: relative; float:left; vertical-align: top; } .contacts-list .list-element ul { margin: 5px 0 15px 0; } .contacts-list .list-element ul li { position: relative; padding: 0 0 3px 0; } .contacts-list .list-element span { display: inline-block; padding: 0 0 0 0px; line-height: 15px; vertical-align: top; font-size: 10pt; font-weight: normal; font-style: normal; font-family: 'PermianSerifTypeface', Tahoma, Helvetica, Arial, sans-serif; } .contacts-list .list-element i { position: absolute; left: 0; top: 0; } .adress-selector { padding: 30px 0 0 0; text-align: left;} .adress-selector h1 { padding: 0 !important;} .adress-selector ul .list-element { display: block; width: 100%; height: auto; min-height: 15px; line-height: 15px; padding: 10px 0 10px 0; position: relative; cursor: pointer; text-align: left; overflow: hidden; vertical-align:middle; margin: 0 0 0 0; } @media screen and (min-width: 1080px) { .adress-selector #address-option .ui-selected, .adress-selector #address-option .ui-selecting, .adress-selector #address-option .ui-selected i, .adress-selector #address-option .ui-selecting i { color: rgb(255,255,255); background-color: rgb(200,160,119); } .adress-selector #address-option2 .ui-selected, .adress-selector #address-option2 .ui-selecting, .adress-selector #address-option2 .ui-selected i, .adress-selector #address-option2 .ui-selecting i { color: rgb(255,255,255); background-color: rgb(200,160,119); } } @media screen and (max-width: 1079px) { .list-element-1 { background-color: transparent; } .list-element-2 { background-color: #EFEFEF; } } .adress-selector #address-option div { display: inline-block; padding: 0 1% 0 0; position:relative; float: left; } .adress-selector #address-option div.gps-item { width: 0; display: none; } .adress-selector #address-option div.name-item { width: 15%; } .adress-selector #address-option div.address-item { width: 35%; } .adress-selector #address-option div.address-item span { padding-left: 10px; padding-right: 10px; } .adress-selector #address-option div.phone-item, .adress-selector #address-option div.workhours-item { width: 23%; } .adress-selector #address-option2 div { display: inline-block; padding: 0 0 0 0; position:relative; float: left; } .adress-selector #address-option2 div.gps-item { width: 0; display: none; } .adress-selector #address-option2 div.address-item { width: 54%; } .adress-selector #address-option2 div.address-item span { padding-left: 10px; padding-right: 10px; } .adress-selector #address-option2 div.phone-item { width: 27%; } .adress-selector #address-option2 div.workhours-item { width: 19%; } .adress-selector #address-option2 div.address-item, .adress-selector #address-option2 div.phone-item { padding-top: 10px; } .adress-selector #address-option2 div a img { width: 32px; height: 32px; } .adress-selector .ui-selectmenu-button { display: inline-block; width: 160px; height: 30px; line-height: 30px; margin: 0 10px 0 10px; position: relative; cursor: pointer; border-bottom: 1px solid rgb(179,179,179); } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .adress-selector .ui-button { transition: all 0.4s; } .adress-selector .ui-button:hover, .adress-selector .ui-button:active { color: rgb(200,160,119); } .adress-selector #country-selector, .adress-selector #city-selector { display: none; } .adress-selector .ui-selectmenu-icon:before { font-family: 'icomoon'; content: '\e617'; } .ui-selectmenu-open { display: block; } .ui-selectmenu-icon { display: inline-block; float: right; width: 30px; height: 30px; } .ui-widget-content { list-style: none inside; cursor: pointer; overflow: hidden; } .ui-selectmenu-menu .ui-menu-item { height: 30px; line-height: 30px; padding: 0 0 0 10px; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.5; } .address-result { width:100%; height: auto; margin: 20px 0 20px 0; position: relative; float: left; } .address-result #address-option .list-element .name-item span, .address-result #address-option .list-element .address-item span, .address-result #address-option .list-element .phone-item span, .address-result #address-option .list-element .workhours-item span { font-family: 'Roboto'; font-weight:normal; font-style: normal; } .address-result #address-option2 .list-element .address-item span, .address-result #address-option2 .list-element .phone-item span, .address-result #address-option2 .list-element .workhours-item span { font-family: 'Roboto'; font-weight:normal; font-style: normal; margin-top: 5px; margin-bottom: 5px; } .map-block { width:100%; height: 300px; position: relative; float: left; background: #CCC; margin:0;} .product-item { width: 68%; height: auto; min-height: 500px; padding: 10px 1% 20px 1%; margin: 0 0 30px 0; position: relative; float: left; clear: both; background-color: rgb(200,160,119); } .product-itemo { width: 98%; height: auto; min-height: 500px; padding: 10px 1% 20px 1%; margin: 0 0 30px 0; position: relative; float: left; clear: both; background-color: rgb(200,160,119); } .product-item-cart { width: 98%; height: auto; min-height: 500px; padding: 10px 1% 20px 1%; margin: 0 0 30px 0; position: relative; float: left; clear: both; background-color: rgb(200,160,119); } @media screen and (max-width: 1079px) { .product-item { width: 98%; } } @media screen and (max-width: 699px) { .product-item { width: 98%; } } .product-item h1 { margin: 0; width: 60%; float: right; text-align: left; background: none; } .product-itemo h1 { margin: 0; width: 66.5%; float: right; text-align: left; background: none; } .product-itemo h4 { font-size: 12px; font-weight: normal; font-stretch: condensed; font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; } .product-itemo .image-block { width: 32.5%; position: relative; } .product-item-cart h1 { margin: 0; width: 55%; float: right; text-align: left; background: none; } .product-item-cart h4 { font-size: 14px; font-weight: normal; font-stretch: condensed; font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; } .product-item-cart .image-block { width: 43%; position: relative; } @media screen and (max-width: 1079px) { .product-itemo h1 { width: 50%; } .product-itemo .image-block { width: 49%; } .product-item-cart h1 { width: 50%; } .product-item-cart .image-block { width: 49%; } .description-blocko-selecter { width: 100%; font-family: 'Roboto'; font-weight: bold; } .description-blocko-selecter h1 { width: 100%; font-family: 'Roboto'; font-weight: bold; } } @media screen and (max-width: 699px) { .product-itemo h1 { width: 60%; } .product-itemo .image-block { width: 98%; } .product-item-cart h1 { width: 60%; } .product-item-cart .image-block { width: 98%; } } .image-block { width: 38%; position: relative; } .zoomer-container { display: block; } .image-block img { width: 100%; padding: 0 0 0 0; position: relative; } .zoomWindow { margin-top: -10px; border: 10px solid rgba(200,160,119,1.0) !important; box-sizing: box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; background-color: transparent !important; } .zoom-image { cursor: url(../_images/graphics/zoom-cursor.png), pointer; } #thumb-block img { width: 57px; margin: 5px 7px 0 0; } .thumb-block img { width: 57px; margin: 5px 7px 0 0; } .description-block { width: 60%; position: relative; } .description-block div { font-size: 14px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .description-blocko1-captions, .description-blocko2-captions {font-family: 'Roboto';} .description-blocko1 { width: 32.25%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .description-blocko1 div { font-size: 14px; font-family: 'Roboto'; font-weight: 500; font-style: normal; font-stretch: normal; } .description-blocko1 h1 { font-size: 21px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; width: auto; float: left; } .description-blocko2 { width: 32.25%; position: relative; margin-right: 2%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .description-blocko2 div { font-size: 14px; font-family: 'Roboto'; font-weight: 500; font-style: normal; font-stretch: normal; } .description-blocko2 h1 { font-size: 21px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; width: auto; float: left; } .description-block-cart1-captions, .description-block-cart2-captions {font-family: 'Roboto';} .description-block-cart1 { width: 36.5%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .description-block-cart1 div { font-size: 14px; font-family: 'Roboto'; font-weight: 500; font-style: normal; font-stretch: normal; } .description-block-cart1 h1 { font-size: 21px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; width: auto; float: left; } .description-block-cart2 { width: 16.5%; position: relative; margin-right: 2%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .description-block-cart2 div { font-size: 14px; font-family: 'Roboto'; font-weight: 500; font-style: normal; font-stretch: normal; } .description-block-cart2 h1 { font-size: 21px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; width: auto; float: left; } @media screen and (max-width: 1079px) { .product-itemo .description-block { width: 24%; position: relative; } .product-item-cart .description-block { width: 24%; position: relative; } .description-blocko1 { width: 45%; position: relative; margin-right: 5%; display: block; } .description-blocko2 { width: 45%; position: relative; margin-right: 5%; display: none; } .description-block-cart1 { width: 25%; position: relative; margin-right: 5%; display: block; } .description-block-cart2 { width: 20%; position: relative; margin-right: 0%; display: block; } } @media screen and (max-width: 699px) { .product-itemo .description-block { width: 100%; position: relative; } .product-item-cart .description-block { width: 100%; position: relative; } .description-blocko1 { width: 100%; position: relative; margin-right: 0; } .description-blocko2 { width: 100%; position: relative; margin-right: 0; } .description-block-cart1 { width: 100%; position: relative; margin-right: 0; } .description-block-cart2 { width: 100%; position: relative; margin-right: 0; } } .item-options { list-style: none; width: 100%; position: relative; float: left; clear: both; margin: 20px 0 0 0; } .item-options li { padding: 0 0 15px 0; } .item-options ul { list-style: none; } .item-options ul li { display: inline-block; width: auto; height: auto; padding: 5px 0 0 0; margin-right: 20px; vertical-align: top; } .item-options ul li span { display: inline-block; vertical-align: middle; } .item-options li.material-option span { font-size: 14px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-options li.color-option span { color: rgb(26,26,26); font-size: 12px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-options li.size-option span { font-size: 14px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-options li.size-option span a { text-decoration: underline; color: rgb(255,255,255); font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; } .item-options li.size-option span a:hover { text-decoration: none; color: rgb(255,255,255); font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; } .item-optionso { list-style: none; width: 100%; position: relative; float: left; clear: both; margin: 20px 0 0 0; } .item-optionso li { padding: 0 0 15px 0; } .item-optionso ul { list-style: none; } .item-optionso ul li { display: inline-block; width: auto; height: auto; padding: 5px 0 0 0; margin-right: 20px; vertical-align: top; border: 1px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px 8px 0px 8px; } .item-optionso ul li span { display: inline-block; vertical-align: middle; } .item-optionso li.material-option span { font-size: 14px; font-family: 'Roboto'; font-weight: 500; font-style: normal; font-stretch: normal; } .item-optionso li.color-option span { color: rgb(255,255,255); font-size: 12px; font-family: 'Roboto'; font-weight: 500; font-style: normal; font-stretch: normal; } .item-optionso li.size-option span { font-size: 14px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-optionso li.size-option span a { text-decoration: underline; color: rgb(255,255,255); font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; } .item-optionso li.size-option span a:hover { text-decoration: none; color: rgb(255,255,255); font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; } .item-options-cart { list-style: none; width: 100%; position: relative; float: left; clear: both; margin: 0 0 0 0; } .item-options-cart-sizes { width: 55% !important; clear: initial !important; float: right !important; } @media screen and (max-width: 1079px) { .item-options-cart-sizes { width: 50% !important; } } @media screen and (max-width: 699px) { .item-options-cart-sizes { width: 80% !important; margin-right: 10%; } } .item-options-cart li { padding: 0 0 15px 0; } .item-options-cart ul { list-style: none; } .item-options-cart ul li { display: inline-block; width: auto; height: auto; padding: 5px 0 0 0; margin-right: 20px; vertical-align: top; border: 1px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px 8px 0px 8px; } .item-options-cart ul li span { display: inline-block; vertical-align: middle; } .item-options-cart li.material-option span { font-size: 14px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-options-cart li.color-option span { color: rgb(255,255,255); font-size: 12px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-options-cart li.size-option span { font-size: 14px; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; } .item-options-cart li.size-option span a { text-decoration: underline; color: rgb(255,255,255); font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; } .item-options-cart li.size-option span a:hover { text-decoration: none; color: rgb(255,255,255); font-size: 14px; font-family: 'Roboto'; font-weight: bold; font-style: normal; font-stretch: normal; } .color { width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; margin-left: 0px; margin-right: 10px; } @media screen and (max-width: 699px) { .color { width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat; margin-left: 5px; margin-right: 5px; } } .black { background-image: url(../_images/colors/_black.png); } .white { background-image: url(../_images/colors/_white.png); } .beige { background-image: url(../_images/colors/_beige.png); } .lilac-black { background-image: url(../_images/colors/_liliac-black.png); } .title { /*width: 72px; */padding: 0 0 0 0px; line-height: 12px; } .size { min-width: 70px; height: 25px; line-height: 20px; text-align: center; text-transform: uppercase; border: 2px rgb(255,255,255) solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px 8px 0px 8px; } #size-option li span, #color-option li span { cursor: pointer; } #color-option .ui-selected span, #color-option .ui-selecting span { color: rgb(255,255,255); } .item-optionso #color-option .ui-selected span, .item-optionso #color-option .ui-selecting span { color: rgb(255,255,255); } .item-optionso #color-option li.ui-selected, .item-optionso #color-option li.ui-selecting { border: 1px solid rgb(255,255,255); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .item-options-cart #color-option .ui-selected span, .item-options-cart #color-option .ui-selecting span { color: rgb(255,255,255); } .item-options-cart #color-option li.ui-selected, .item-options-cart #color-option li.ui-selecting { border: 1px solid rgb(255,255,255); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #size-option .ui-selected span, #size-option .ui-selecting span { background-color: rgb(255,255,255); color: rgb(26,26,26); } .add-cart-button { display: inline-block; float: left; width: 150px; height: 50px; line-height: 50px; margin: 5px 0 10px 0; padding: 0 !important; text-align: center; background: url(../_images/graphics/background_new.png) left center repeat; } .add-cart-button span { padding: 5px 25px 5px 25px; background: rgb(255,255,255); } .item-price { display: inline-block; width: auto; height: 50px; line-height: 50px; margin: 5px 0 10px 0; padding: 0 !important; float: right; text-align: right; } .quantity-option { display: inline-block; width: auto; height: 30px; line-height: 30px; margin: 5px 0 10px 0; padding: 10px 10px 10px 0 !important; float: right; text-align: right; } .quantity-option input { width: 35px; height: 30px; padding: 0 0 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: none; } .quantity-item { position: relative; } .quantity-item a.ui-button { display: block; width: 12px; height: 12px; line-height: 10px; position: absolute; right: 2px; cursor: pointer; vertical-align: middle; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; overflow: hidden; } .quantity-item .ui-spinner-up { top: 2px; } .quantity-item .ui-spinner-up:before { content: '+'; } .quantity-item .ui-spinner-down { bottom: 2px; } .quantity-item .ui-spinner-down:before { content: '-'; } .quantity-item .quantity-item a.ui-button span, .quantity-item .ui-icon { display: none !important; visibility: hidden; } .item-additional ul { list-style: none; } .item-additional ul i { padding: 0 5px 0 0; } .news-item { width: 50%; height: auto; margin: 0 auto 30px auto; position: relative; clear: both; font-family: 'Roboto',Tahoma; font-weight: normal; font-size: 12pt; } .company-item { font-family: 'Roboto'; font-weight: normal; font-style: normal; font-size: 11pt; width: 70%; height: auto; margin: 0 auto /*30px*/0px auto; position: relative; clear: both; } .company-item .hidden-element { display: none; width: 100%; height: auto; padding: 0 0 15px 0; position: relative; text-align: center; clear: both; } .hidden-element2 { display: none; width: 100%; height: auto; padding: 0 0 30px 0; position: relative; text-align: center; clear: both; } .hidden-element3 { display: none; width: 100%; height: auto; padding: 0 0 30px 0; position: relative; text-align: center; clear: both; } .company-item .hidden-element .button { width: 75%; margin: 0 auto 0 auto; opacity: 1.0; } .hidden-element2 .button { width: 75%; margin: 0 auto 0 auto; opacity: 1.0; } .hidden-element3 .button { width: 75%; margin: 0 auto 0 auto; opacity: 1.0; } .company-item .hidden-element .button:hover { opacity: 0.7; } .hidden-element2 .button:hover { opacity: 0.7; } .hidden-element3 .button:hover { opacity: 0.7; } .chaotic-digits { width: 100%; height: auto; position: relative; padding: 0 0 30px 0; clear: both; } .chaotic-digits ul { list-style: none; width: 100%; min-height: 100px; position: relative; text-align: center; } .chaotic-digits ul li { display: inline-block; width: 19%; padding-right: 2px; min-width: 140px; height: 100px; vertical-align: top; /*overflow: hidden;*/ position: relative; text-align: center; } .chaotic-digits ul li:last-child { padding-right: 0; } .chaotic-digits ul li span { display: inline-block; } .digit-item { height: 50px; font-size: 38pt; line-height: 50px; font-family: 'PermianSansTypeface', Tahoma, Helvetica, Arial, sans-serif; letter-spacing: -0.05em; } .vertical-item { position: absolute; font-size: 11pt; font-weight:500; text-align: center; text-transform: uppercase; font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; letter-spacing: 0.05em; } .vertical-item span { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .horizontal-item { font-size: 10.5pt; font-weight:500; font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif; height: 50px; text-align: left; line-height: 15px; } .first-data .digit-item2 { float: right; padding: 0 0 0 5px; font-size: 20pt; vertical-align: text-bottom; margin-top: 10px;} .first-data .digit-item { float: left; padding: 0 0 0 15px; } .second-data .digit-item { margin-top: -10px; float: right; padding: 0 25px 0 0; } .third-data .digit-item { float: left; padding: 0 0 0 15px; } .fifth-data .digit-item { float: left; } .first-data .vertical-item { font-size:9pt; left: -5px; top: 0; letter-spacing: 0.05em; } .second-data .vertical-item { font-size: 10pt;margin-top: -5px;right: 3px; top: 30px; letter-spacing: 0.12em; } .third-data .vertical-item { left: 60px; top: 0; letter-spacing: 0.05em; } .first-data .vertical-item span { width: 50px; height: 50px; line-height: 25px; text-align: center; } .second-data .vertical-item span { width: 25px; height: 100px; line-height: 100px; text-align: center; } .third-data .vertical-item span { width: 50px; height: 50px; line-height: 20px; text-align: left; } .second-data .horizontal-item { padding: 0 25px 0 0; text-align: right; } .third-data .horizontal-item { padding: 0 0 0 15px; } .fourth-data .horizontal-item { text-align: left; } .fifth-data .horizontal-item { text-align: left; } .chaotic-digits ul li.first-data { min-width:155px; } .chaotic-digits ul li.third-data { min-width:125px; } .chaotic-digits ul li.fourth-data { text-align: left; } .chaotic-digits ul li.fifth-data { text-align: left; } @media screen and (max-width: 1079px) { /*.chaotic-digits .third-data { display: block; margin: 0 auto 0 auto; float: none; clear: both; }*/ .chaotic-digits ul li { min-width: 140px; } .chaotic-digits ul li.first-data { min-width:155px; } .chaotic-digits ul li.third-data { min-width:125px; } .chaotic-digits ul li.fourth-data { min-width:115px; } .digit-item { font-size: 38pt; } .vertical-item { font-size: 11pt; } .horizontal-item { font-size: 10.5pt; } .first-data .digit-item2 {font-size: 18pt; } .first-data .vertical-item { font-size:9pt; } .second-data .vertical-item { font-size: 10pt; } } @media screen and (max-width: 699px) { .chaotic-digits .third-data { display: block; margin: 0 auto 0 auto; float: none; clear: both; } .chaotic-digits ul li { min-width: 130px; } .chaotic-digits ul li.first-data { min-width:145px; } .chaotic-digits ul li.third-data { min-width:115px; } .chaotic-digits ul li.fourth-data { min-width:105px; } .digit-item { font-size: 36pt; } .vertical-item { font-size: 10pt; } .horizontal-item { font-size: 9.5pt; } .first-data .digit-item2 {font-size: 16pt; } .first-data .vertical-item { font-size:8pt; } .second-data .vertical-item { font-size: 9pt; } } .subscribe-block { width: 100%; height: 30px; padding: 75px 0 75px 0; position: relative; text-align: center; background: url(../_images/graphics/_subscribe-background.jpg) center center no-repeat; background-size: cover; } .subscribe-block form { width: 100%; height: 50px; text-align: center; overflow: hidden;} .subscribe-block input { font-size: 12pt; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; color: rgb(77,77,77); width: 50%; height: 50px; padding: 0 1% 0 1%; display: inline-block; border: none; } .subscribe-block button { width: auto; height: 50px; margin: 0 0 0 5px; padding: 0 30px 0 30px; display: inline-block; border: none; background-color: rgb(200,160,119); cursor: pointer; opacity: 1.0; transition: all 0.4s; font-family: 'Roboto'; } .subscribe-block button:hover { opacity: 0.8; } .presentation-block { width: 100%; height: auto; padding: 0 0 0 0; position: relative; text-align: center; } .presentation-block div { display: inline-block; width: 330px; height: 330px; position: relative; float: none !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; } .presentation-block div a { display: block; } .presentation-block div img { width: 300px; margin: 15px 0 0 0; opacity: 1.0; } .presentation-block div a:hover img { opacity: 1.0; } .presentation-block div span { display: block; width: 200px; position: absolute; top: 50%; left: 65px; background-color: rgba(255,255,255,0.8); z-index: 1000; } .presentation-block div.left { margin: 10px; background: rgb(200,160,119); } .presentation-block div.right { margin: 10px; background: url(../_images/graphics/background_white.png) left center rgb(200,160,119); } .presentation-block div.left span { height: 60px; line-height: 25px; margin-top: -35px; padding-top: 10px; word-break: break-strict; } .presentation-block div.right span { height: 50px; line-height: 50px; margin-top: -25px; } .presentation-block div .effect img, .presentation-block div .effect span { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .presentation-block div .effect-wrapper { position: relative; overflow: hidden; } .presentation-block div .effect-mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none !important; box-sizing: inherit; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .presentation-block div .effect:hover { color: inherit; } .presentation-block div .effect:hover span { -webkit-transform: scale(1.4,1.4); -moz-transform: scale(1.4,1.4); -o-transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); transform: scale(1.4,1.4); background-color: rgba(200,160,119,1); } .presentation-block div .effect:hover img { -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); transform: scale(1.5,1.5); } .presentation-block div .effect:hover .effect-mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } @media screen and (max-width: 1079px) { aside.sidebar-cart { display: none; } aside.sidebar-profile { display: none; } .cart-aside { padding: 0 0 50px 0 !important;} .profile-aside { padding: 0 0 50px 0 !important;} .breadcrumbs { display: none; } .text-descriptoin { width: 90%; padding: 0 5% 0 5%; } .product-item .zoomer-container { display: none; } .product-itemo .zoomer-container { display: none; } .product-item-cart .zoomer-container { display: none; } .product-item .slider.single-item, .product-item .slider.single-item2 { display: block !important; } .product-itemo .slider.single-itemo, .product-itemo .slider.single-item2 { display: block !important; } .product-item-cart .slider.single-item-cart, .product-item-cart .slider.single-item2 { display: block !important; } .news-item { width: 75%; } .contacts-list { /*width: 98%; margin-left: 1%;*/ } .hidden-element3 { display: block; } } @media screen and (max-width: 699px) { h1 { text-align: center !important; } h1 i { display: inline-block; } aside { display: none; } .content-aside { padding: 0 0 50px 0; } .company-item .hidden-element { display: block; } .hidden-element2 { display: block; } .hidden-element3 { display: block; padding-bottom: 0px; } .product-list { text-align: center; } .product-list .list-element { width: 30%; /*min-width: 80px;*/ margin: 0 1.2% 20px 1.2%; float: none; } .product-list2 { text-align: center; } .product-list2 .list-element { width: 30%; /*min-width: 80px;*/ margin: 0 1.2% 20px 1.2%; float: none; } .product-item h1, .product-item .image-block { width: 100%; float: none; clear: both; } .product-itemo h1, .product-itemo .image-block { width: 100%; float: none; clear: both; } .product-item-cart h1, .product-item-cart .image-block { width: 100%; float: none; clear: both; } .product-item .description-block { width: 90%; padding: 20px 5% 0 5%; float: none; clear: both; } .product-itemo .description-block { width: 90%; padding: 20px 5% 0 5%; float: none; clear: both; } .product-item-cart .description-block { width: 90%; padding: 20px 5% 0 5%; float: none; clear: both; } .news-list ul { width: 100%; clear: both; float: none !important; } .news-list .news-image-left img, .news-list .news-image-right img { margin: 0; } .news-item { width: 90%; } .company-item { width: 90%; } .news-index-list ul { width: 100%; clear: both; float: none !important; } .news-index-list .news-image-left img, .news-index-list .news-image-right img { margin: 0; } .news-item { width: 90%; } .company-item { width: 90% !important; margin-bottom: 15px; margin-right: auto !important; margin-left: auto !important; } .contacts-list .list-element { width: 80%; margin: 0 10% 0 10%; clear: both; } .adress-selector #address-option .list-element { width: 99% !important; margin: 0 !important; border-bottom: 1px solid rgb(179,179,179); } .adress-selector #address-option .list-element div { width: 90%; padding: 3px 0 3px 0; clear: both; margin-left: 10%; } .adress-selector #address-option .list-element div.address-item { width: 100% !important; padding: 0px 0 0px 0; clear: both; margin-left: 0 !important; } .adress-selector #address-option .list-element div.address-item span { padding-left: 0px; padding-right: 0px; position: absolute; bottom: 0; } .adress-selector #address-option .list-element div.address-item .gps-item { display: block; width: 10% !important; padding: 0px 0 0px 0; margin-left: 0 !important; } .adress-selector #address-option2 .list-element { width: 99% !important; margin: 0 !important; border-bottom: 1px solid rgb(179,179,179); } .adress-selector #address-option2 .list-element div { width: 90%; padding: 3px 0 3px 0; clear: both; margin-left: 10%; } .adress-selector #address-option2 .list-element div.address-item { padding-top: 13px; } .adress-selector #address-option2 .list-element div.address-item span { padding-left: 0px; padding-right: 0px; position: absolute; bottom: 0; } .adress-selector #address-option2 .list-element div.address-item .gps-item { display: block; width: 10% !important; padding: 0px 0 0px 0; margin-left: 0 !important; } .adress-selector .ui-selectmenu-button { width: 49%; margin: 0 0 10px 0; } } @media screen and (max-width: 1079px) { .adress-selector #address-option .list-element div.address-item .gps-item { display: block; width: 10% !important; padding: 0px 0 0px 0; margin-left: 0 !important; } .adress-selector #address-option .list-element div.address-item { width:calc(35% - 10px); } .adress-selector #address-option .list-element div.address-item span { padding-left: 0px; padding-right: 0px; } .adress-selector #address-option .list-element div.name-item span { padding-left: 0px; padding-right: 0px; } .adress-selector #address-option .list-element div.name-item { padding-left: 10px; } .adress-selector #address-option .list-element div span { padding-top: 5px; } .adress-selector #address-option2 .list-element div.address-item .gps-item { display: block; width: 10% !important; padding: 0px 0 0px 0; margin-left: 0 !important; } .adress-selector #address-option2 .list-element div.address-item span { padding-left: 15px; padding-right: 0px; } .adress-selector #address-option2 .list-element div span { padding-top: 5px; } } @media screen and (max-width: 699px) { .adress-selector #address-option .list-element div.name-item { padding-left: 0px; } .adress-selector #address-option2 .list-element div.address-item span { padding-left: 0px; padding-right: 0px; } } /* ПОДВАЛ */ footer { width: 100%; min-width: 300px; height: auto; min-height: 150px; position: relative; background: rgb(26,26,26); } .footer-content { width: 98%; height: auto; max-width: 1080px; margin: 0 auto 0 auto; padding: 10px 1% 20px 1%; } .footer-content .footer-menu { width: 100%; height: 100px; position: relative; padding: 0 0 5px 0; text-align: center; overflow: hidden; } .footer-content .footer-menu div { display: inline-block; float: left; } .footer-content .footer-menu div ul li { display: inline-block; list-style: none; background-color: transparent; } .footer-logo { width: 9%; margin: 10px 0 0 0; text-align: left; } .footer-navigation { width: 80%; margin: 40px 0 0 0; } .footer-navigation ul li { margin: 0 3px 0 3px; } .footer-social { width: 11%; text-align: right; margin: 25px 0 0 0; } .footer-description { line-height: 13px; text-align: justify; } @media screen and (max-width: 1079px) {.footer-content { width: 90%; padding: 10px 5% 20px 5%; } .footer-logo { width: 100%; text-align: center; } .footer-navigation { display: none; width: 100%; width: 100%; margin-top: 0px; height: 150px;} .footer-content .footer-menu {height: 110px;} .footer-social { display: none; } } /* ВСПЛЫВАЮЩИЕ БЛОКИ */ .menu-block-search-mobile-closed .menu-elements, .menu-block-main-mobile-closed .menu-elements, .sub-block-mobile-section-selector-block-closed, .menu-block-mobile-closed, .menu-block-closed { display: none; opacity: 0; height: 0; } .menu-block-search-mobile-active .menu-elements, .menu-block-main-mobile-active .menu-elements { display: block; opacity: 1; height: auto; position: absolute; left: 0; top: 60px; z-index: 100000; } .menu-block-active { display: block; opacity: 1; height: auto; position: absolute; left: 0; top: 40px; z-index: 100000; } .sub-block-mobile-section-selector-block-active, .menu-block-mobile-active { display: block; opacity: 1; height: auto; } .run-item .run-elements, .run-item-in .run-elements-in { display: none; opacity: 0; height: 0; } .run-active .run-elements, .run-active-in .run-elements-in { display: block; opacity: 1; height: auto; } .desktop .top-list .run-elements { background: rgba(255,0,0,0.5); } .desktop .top-list .run-elements { position: absolute; left: 0; top: 40px; /*top: 0px; padding: 40px 0 0 0;*/ z-index: 10000; } .desktop .top-list .run-active.icon { background-color: rgb(46,46,46); } .mobile .top-list .run-elements { background: rgba(255,0,0,0.5); } .mobile .top-list .run-elements { position: absolute; left: 0; top: 60px; /*top: 0px; padding: 60px 0 0 0;*/ z-index: 10000; } .mobile .top-list .run-active.icon { background-color: rgb(46,46,46); } .mobile .top-list .run-elements-in { position: absolute; left: 0; top: 38px; z-index: 1000; background-color: rgb(26,26,26); } .mobile .top-list .run-active-in { background-color: rgb(26,26,26) !important; } /* СЛАЙДЕР И СКРОЛЛЕР */ .slider { width: 100%; min-width: 250px; height: auto; overflow: hidden; margin: 0 auto 0 auto; } .product-item .slider.single-item, .product-item .slider.single-item { display: none; } .product-itemo .slider.single-itemo, .product-itemo .slider.single-itemo { display: none; } .product-item-cart .slider.single-item-cart, .product-item-cart .slider.single-item-cart { display: none; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .slick-list { position: relative; display: block; overflow: hidden; cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } .slick-list.dragging { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } .slider.default .slick-list { cursor: default !important; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; display: block; } .slick-slide { display: inline-block !important; margin: 0 5px 0 5px; float: left; height: auto; text-align: center; overflow: visible !important; } .slick-slide { pointer-events: none; } .slick-slide a { pointer-events: auto; } .slick-slide img { width: 100%; display: block; pointer-events: none; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { position: absolute; top: 50%; margin-top: -25px; display: block; width: 33px; height: 63px; cursor: pointer; border: none; outline: none; /*background-image: url(../_images/graphics/fancybox_sprite.png);*/ background-repeat: no-repeat; /*opacity: 0.4;*/ transition: all 0.5s; z-index: 1000; background-size: 33px 63px; background-color: transparent; } .slick-arrow:hover { opacity: 0.8; } .slick-prev { left: 45px; background-position: 0 0px; background-image: url(../_images/graphics/slider-white-arrow-left.png); } .slick-next { right: 45px; background-position: 0 0px; background-image: url(../_images/graphics/slider-white-arrow-right.png); } @media screen and (max-width: 699px) { .slick-prev { left: 10%;} .slick-next { right: 10%;} } .slick-dots { position: absolute !important; bottom: 23px !important; display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; list-style: none !important; text-align: center !important; } .slick-dots li { position: relative; display: inline-block; } .slick-dots li span { cursor: pointer; display: inline-block; outline: none; width: 8px; height: 8px; margin: 0 3px; border: 1px solid rgba(26,26,26,0.5); border-radius: 100%; vertical-align: middle; background-color: rgb(255,255,255); } .slick-dots li.slick-active span { width: 12px; height: 12px; /*background-color: rgb(0,0,0) !important;*/ } .product-list4 .slick-dots, .product-list4o .slick-dots, .product-list2 .slick-dots, .product-list3 .slick-dots, .product-list3o .slick-dots { position: relative !important; bottom: 0px !important; display: block !important; width: 100% !important; padding: 0 !important; margin: 0px 0 0 0 !important; list-style: none !important; text-align: center !important; } .product-list2 .slick-dots li span, .product-list3 .slick-dots li span, .product-list3o .slick-dots li span, .product-list4 .slick-dots li span, .product-list4o .slick-dots li span { cursor: pointer !important; display: inline-block !important; outline: none !important; width: 8px !important; height: 8px !important; margin: 0 3px !important; border: 0px solid rgba(26,26,26,0.5) !important; border-radius: 100% !important; vertical-align: middle !important; background-color: rgb(200,160,119) !important; } .product-list2 .slick-dots li:hover, .product-list3 .slick-dots li:hover, .product-list3o .slick-dots li:hover, .product-list4 .slick-dots li:hover, .product-list4o .slick-dots li:hover { background-color: transparent; !important; } .product-list2 .slick-dots li.slick-active span, .product-list3 .slick-dots li.slick-active span, .product-list3o .slick-dots li.slick-active span, .product-list4 .slick-dots li.slick-active span, .product-list4o .slick-dots li.slick-active span { width: 12px !important; height: 12px !important; background-color: rgb(200,160,119) !important; } @media screen and (max-width: 699px) { .product-list4 .slick-dots, .product-list4o .slick-dots, .product-list2 .slick-dots, .product-list3 .slick-dots, .product-list3o .slick-dots { margin: -10px 0 0 0 !important; } } .tabbedsliderplace { margin-left:0;margin-right:0;width:85%; display:inline-block; float:left; } .tabbedsliderbuttons { margin-left:0;margin-right:0;width:15%; display:inline-block; float:left; } .prodcollsliderbuttons { margin-left:0;margin-right:0;width:100%; display:inline-block; float:left; } @media screen and (max-width: 1079px) { .prodcollsliderbuttons { margin-left:0;margin-right:0;width:0%; display:none; } } @media screen and (max-width: 699px) { .tabbedsliderplace { margin-left:0;margin-right:0;width:100%;display:block; float:left; } .tabbedsliderbuttons { margin-left:0;margin-right:0;width:0%; display:none; } .prodcollsliderbuttons { margin-left:0;margin-right:0;width:0%; display:none; } } @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } /* Style the list BEGIN */ ul.tablevel1 { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Float the list items side by side */ ul.tablevel1 li {float: left;} /* Style the links inside the list items */ ul.tablevel1 li a { display: inline-block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; transition: 0.3s; font-size: 17px; } /* Change background color of links on hover */ ul.tablevel1 li a:hover {background-color: #ddd;} /* Create an active/current tablevel1link class */ ul.tablevel1 li a:focus, ul.tablevel1 li .active {background-color: #ccc;} /* Style the tablevel1 content */ .tablevel1content { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } /* Style the list END */ .tablevel1content { -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; /* Fading effect takes 1 second */ } /* Style the list END */ /* Style the tablevel1 content */ .tablevel1content123 { /*display: none;*/ padding: 6px 12px; border: 1px solid #ccc; border-top: none; } /* Style the list END */ .tablevel1content123 { -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; /* Fading effect takes 1 second */ } /* Style the list END */ .aboutcompanyteamandhistoryimage { width: 50%; display: inline-block; float: left; } .aboutcompanyteamandhistoryimage img { width: 96%; margin: 2% } @media screen and (max-width: 699px) { .aboutcompanyteamandhistoryimage { width: 100%; } } .fillbox { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } div.MakeImageGalleryManagementBlock { border: 1px solid black !important; -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ min-width: auto !important; width: auto !important; max-width: auto !important; min-height: auto !important; height: auto !important; max-height: auto !important; float: left !important; display: inline-block !important; } #map-canvas { filter: url('data:image/svg+xml;utf8,#g'); -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); } .gm-style-iw { /*width: 350px !important;*/ /*top: 15px !important;*/ left: 0px !important; background-color: #c7a077; color: #fff; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); border: none; /*border: 1px solid rgba(72, 181, 233, 0.6); border-radius: 2px 2px 10px 10px;*/ } .gm-style-iw-d{ background-color: rgb(200,160,119) !important; } .gm-style .gm-style-iw-d::-webkit-scrollbar-thumb, .gm-style .gm-style-iw-d::-webkit-scrollbar-thumb:hover, .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece { background: rgb(200,160,119); } .gm-style .gm-style-iw-c { background-color: rgb(200,160,119) !important; } .gm-style .gm-style-iw-t::after { background: rgb(200,160,119) !important; } #iw-container { margin-bottom: 10px; } #iw-container .iw-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; font-weight: 400; padding: 10px; background-color: #48b5e9; color: white; margin: 0; border-radius: 2px 2px 0 0; } #iw-container .iw-content { font-size: 13px; line-height: 18px; font-weight: 400; margin-right: 1px; padding: 15px 5px 20px 15px; max-height: 140px; overflow-y: auto; overflow-x: hidden; } .iw-content img { float: right; margin: 0 5px 5px 10px; } .iw-subTitle { font-size: 16px; font-weight: 700; padding: 5px 0; } .iw-bottom-gradient { position: absolute; width: 326px; height: 25px; bottom: 10px; right: 18px; background: linear-gradient(to bottom, 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: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } div.videoblock-first { display: none; visibitily: collapse; } div.videoblock { margin: 10px 1.5% 30px 1.5%; display: inline-block; visibitily: visible; width: 30%; vertical-align: text-top; } div.clearspaceblockbeforedef { margin-top: 40px; } div.clearspaceblockbefore { display: none; visibitily: collapse; margin-top: 40px; } div.clearspaceblockbeforenews { display: none; visibitily: collapse; margin-top: 40px; } @media screen and (max-width: 1079px) { div.videoblock-first { margin: 10px 0% 30px 0%; display: inline-block; visibitily: visible; width: 100%; vertical-align: text-top; } div.videoblock { margin: 10px 0% 30px 0%; display: inline-block; visibitily: visible; width: 100%; vertical-align: text-top; } div.clearspaceblockbefore { display: block; visibitily: visible; margin-top: 40px; } div.clearspaceblockbeforenews { display: block; visibitily: visible; margin-top: 40px; } } @media screen and (max-width: 699px) { div.clearspaceblockbefore { display: none; visibitily: collapse; margin-top: 40px; } div.clearspaceblockbeforenews { display: block; visibitily: visible; margin-top: 40px; } } .abc:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .menu-blockG-mobile { padding-top: 20px; } .overlay { background-color: rgba(0,0,0,0.3); height: 100%; position: absolute; width: 100%; z-index: 999; } .menu-main-trigger-mobile-three-bars { background-image: url('../_images/icons8-Menu-50.png') !important; padding-left: 5px; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center; background-size: 50%; padding-right: 5px; } .menu-main-trigger-mobile-search { background-image: url('../_images/icons8-Search-50.png') !important; padding-left: 5px; background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center; background-size: 50%; padding-right: 5px; } /*** Table Styles **/ table.table-fill { background: white; border-radius:3px; border-collapse: collapse; height: auto; margin: auto; max-width: 100%; padding:5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; } @media screen and (max-width : 800px) { th.table-fill { color:#D5DDE5;; background:#1b1e24; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-size:12px; font-weight: 700; padding:24px; text-align:left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; } } @media screen and (min-width : 801px) { th.table-fill { color:#D5DDE5;; background:#1b1e24; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-size:12px; font-weight: 700; padding:24px; text-align:left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; } } @media screen and (min-width : 1001px) { th.table-fill { color:#D5DDE5;; background:#1b1e24; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-size:14px; font-weight: 700; padding:24px; text-align:left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; } } th.table-fill:first-child { border-top-left-radius:3px; } th.table-fill:last-child { border-top-right-radius:3px; border-right:none; } tr.table-fill { border-top: 1px solid #C1C3D1; border-bottom-: 1px solid #C1C3D1; /*color:#666B85;*/ color: black; font-size:14px; font-weight:normal; text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); background:#FFFFFF; } tr.table-fill:hover td.table-fill { background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e; border-bottom: 1px solid #22262e; } tr.table-fill:hover td.table-fill div { background:#4E5066; color:#FFFFFF; } tr.table-fill:hover td.table-fill a.ContentLink { color:#FFFFFF; } tr.table-fill:hover td.table-fill font { color:Yellow; } tr.table-fill:first-child { border-top:none; } tr.table-fill:last-child { border-bottom:none; } tr.table-fill:last-child td.table-fill:first-child { border-bottom-left-radius:3px; } tr.table-fill:last-child td.table-fill:last-child { border-bottom-right-radius:3px; } @media screen and (max-width : 800px) { td.table-fill { /*background:#FFFFFF;*/ padding:5px; text-align:left; vertical-align:middle; font-weight:700; font-size:12px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; } } @media screen and (min-width : 801px) { td.table-fill { /*background:#FFFFFF;*/ padding:5px; text-align:left; vertical-align:middle; font-weight:700; font-size:12px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; } } @media screen and (min-width : 1001px) { td.table-fill { /*background:#FFFFFF;*/ padding:5px; text-align:left; vertical-align:middle; font-weight:700; font-size:14px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; } } td.table-fill:last-child { border-right: 0px; } th.text-left { text-align: left; } th.text-center { text-align: center; } th.text-right { text-align: right; } td.text-left { text-align: left; } td.text-center { text-align: center; } td.text-right { text-align: right; } /* Tables END */ .blockfordesktop { display: block !important; visibitily: visible !important; } .blockforipad { display: none !important; visibitily: collapse !important; } .blockfordesktopipad { display: block !important; visibitily: visible !important; } .blockformobile { display: none !important; visibitily: collapse !important; } .blockforipadmobile { display: none !important; visibitily: collapse !important; } @media screen and (max-width: 1079px) { .blockfordesktop { display: none !important; visibitily: collapse !important; } .blockforipad { display: block !important; visibitily: visible !important; } .blockfordesktopipad { display: block !important; visibitily: visible !important; } .blockformobile { display: none !important; visibitily: collapse !important; } .blockforipadmobile { display: block !important; visibitily: visible !important; } } @media screen and (max-width: 699px) { .blockfordesktop { display: none !important; visibitily: collapse !important; } .blockforipad { display: none !important; visibitily: collapse !important; } .blockfordesktopipad { display: none !important; visibitily: collapse !important; } .blockformobile { display: block !important; visibitily: visible !important; } .blockforipadmobile { display: block !important; visibitily: visible !important; } } .blockfordesktop-inline { display: inline-block !important; visibitily: visible !important; } .blockforipad-inline { display: none !important; visibitily: collapse !important; } .blockfordesktopipad-inline { display: inline-block !important; visibitily: visible !important; } .blockformobile-inline { display: none !important; visibitily: collapse !important; } .blockforipadmobile-inline { display: none !important; visibitily: collapse !important; } @media screen and (max-width: 1079px) { .blockfordesktop-inline { display: none !important; visibitily: collapse !important; } .blockforipad-inline { display: inline-block !important; visibitily: visible !important; } .blockfordesktopipad-inline { display: inline-block !important; visibitily: visible !important; } .blockformobile-inline { display: none !important; visibitily: collapse !important; } .blockforipadmobile-inline { display: inline-block !important; visibitily: visible !important; } } @media screen and (max-width: 699px) { .blockfordesktop-inline { display: none !important; visibitily: collapse !important; } .blockforipad-inline { display: none !important; visibitily: collapse !important; } .blockfordesktopipad-inline { display: none !important; visibitily: collapse !important; } .blockformobile-inline { display: inline-block !important; visibitily: visible !important; } .blockforipadmobile-inline { display: inline-block !important; visibitily: visible !important; } } .blockfordesktop-initial { display: initial !important; visibitily: visible !important; } .blockforipad-initial { display: none !important; visibitily: collapse !important; } .blockfordesktopipad-initial { display: initial !important; visibitily: visible !important; } .blockformobile-initial { display: none !important; visibitily: collapse !important; } .blockforipadmobile-initial { display: none !important; visibitily: collapse !important; } @media screen and (max-width: 1079px) { .blockfordesktop-initial { display: none !important; visibitily: collapse !important; } .blockforipad-initial { display: initial !important; visibitily: visible !important; } .blockfordesktopipad-initial { display: initial !important; visibitily: visible !important; } .blockformobile-initial { display: none !important; visibitily: collapse !important; } .blockforipadmobile-initial { display: initial !important; visibitily: visible !important; } } @media screen and (max-width: 699px) { .blockfordesktop-initial { display: none !important; visibitily: collapse !important; } .blockforipad-initial { display: none !important; visibitily: collapse !important; } .blockfordesktopipad-initial { display: none !important; visibitily: collapse !important; } .blockformobile-initial { display: initial !important; visibitily: visible !important; } .blockforipadmobile-initial { display: initial !important; visibitily: visible !important; } } .mapphone { color: #FFFFFF; } .mapphone:hover { color: #FFFFFF; } div.opros { display: block; padding: 0; margin-top: 15px; margin-left: 0; margin-right: 0; width: auto; background-color: transparent; opacity: 1; text-align: center !important; font-size: 10pt; } div.opros input.button { float: left; margin-left: 0px; display: inline-block; width: auto; padding: 15px 45px 15px 45px; background-color: rgb(242,242,242); font-size: 12pt; font-family: 'Roboto'; font-weight: normal; font-style: normal; font-stretch: normal; color: rgb(77,77,77); width: 50%; height: 50px; padding: 0 1% 0 1%; display: inline-block; border: none; text-align: left; } div.opros a.button { float: right; display: inline-block; width: auto; padding: 15px 45px 15px 45px; background-color: rgb(200,160,119); color: rgb(255,255,255); } div.opros-mnenije { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center !important; } div.opros-mnenije .list-element { width: 16%; /*min-width: 100px;*/ height: auto; margin: 0 1.2% 20px 1.2%; } @media screen and (max-width: 699px) { div.opros-mnenije .list-element { width: 32%; } } div.opros-mnenije .list-element { /*display: inline-block; */position: relative; height: auto; padding: 0 0 170px 0; vertical-align: top; overflow:hidden; margin-left: auto; margin-right: auto; display: inline-block; } div.opros-mnenije .list-element img { width: 100%; position: relative; float: left; } div.opros-mnenije .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } div.opros-mnenije .list-element .read-more h4 { margin-top: 0; margin-bottom: 10px;} div.opros-mnenije .list-element .read-more span { margin-top: 0; background-color: initial; } div.opros-mnenije .list-element:hover span { background-color: initial !important; } div.opros-mnenije .list-element input[type="radio"] { opacity: 0; cursor: pointer; display: block; width: 10px; height: 10px; position: absolute; outline: none; left: 2px; z-index: 7; margin-left: 0; margin-top: 8px; } div.opros-mnenije .list-element input[type="radio"]:checked + label .text { color: rgb(26,26,26) ! important; } div.opros-mnenije .list-element input[type="radio"]:checked + label .circle:before { background: rgb(200,160,119); } div.opros-mnenije .list-element input[type="radio"]:checked:hover + label .circle:before { background: rgb(200,160,119); } div.opros-mnenije .list-element input[type="radio"]:hover + label .circle { border-color: rgb(200,160,119); } div.opros-mnenije .list-element input[type="radio"] + label { float: left; clear: both; position: absolute; left: 0; background-color: white; } div.opros-mnenije .list-element input[type="radio"] + label .text { position: absolute; display: block; left: 0; top: 0; float: left; color: #314547; font-family: "Open Sans"; font-size: 25px; margin-left: 20px; color: #B3B3B3; float: left; font-family: 'Roboto'; font-weight: normal; font-size: 21px; line-height: 25px; } div.opros-mnenije .list-element .circle { transition: border-color 0.25s linear; -webkit-transition: border-color 0.25s linear; -moz-transition: border-color 0.25s linear; -o-transition: border-color 0.25s linear; -ms--transition: border-color 0.25s linear; content: ''; position: absolute; left: 2px; height: 10px; width: 10px; display: block; background-color: white; border-radius: 50%; border-color: rgb(200,160,119); border-style: solid; border-width: 1px; top: 10px; } div.opros-mnenije .list-element .circle:before { transition: background 0.25s linear; -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; -o-transition: background 0.25s linear; -ms--transition: background 0.25s linear; display: block; position: relative; left: 0; top: 0; -moz-transform: translate(2px, 2px); -o-transform: translate(2px, 2px); -ms-transform: translate(2px, 2px); -webkit-transform: translate(2px, 2px); transform: translate(2px, 2px); height: 6px; width: 6px; content: ''; background: transparent; border-radius: 50%; } div.opros-mnenije .list-element .q1 { top: 0px; left: 2px; } div.opros-mnenije .list-element .q1 + label { top: 0px; } div.opros-mnenije .list-element .q2 { top: 40px; left: 2px; } div.opros-mnenije .list-element .q2 + label { top: 40px; } div.opros-mnenije .list-element .q3 { top: 80px; left: 2px; } div.opros-mnenije .list-element .q3 + label { top: 80px; } div.opros-mnenije .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } div.opros-mnenije a.button { display: inline-block; width: auto; padding: 15px 15px 15px 15px; background-color: rgb(200,160,119); color: rgb(255,255,255); margin-top: 0; } div.opros-prioritet { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center !important; } div.opros-prioritet .list-element { width: 16%; /*min-width: 100px;*/ height: auto; padding: 0 0 0px 0 !important; margin: 0 1.2% 20px 1.2%; } @media screen and (max-width: 699px) { div.opros-prioritet .list-element { width: 32%; } } div.opros-prioritet .list-element { /*display: inline-block; */position: relative; height: auto; padding: 0 0 50px 0; vertical-align: top; overflow:hidden; margin-left: auto; margin-right: auto; display: inline-block; } div.opros-prioritet .list-element img { width: 100%; position: relative; float: left; } div.opros-prioritet .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } div.opros-prioritet .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} div.opros-prioritet .list-element .read-more span { margin-top: 10px; } div.opros-prioritet .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } div.opros-prioritet a.button { display: inline-block; width: auto; padding: 15px 15px 15px 15px; background-color: rgb(200,160,119); color: rgb(255,255,255); margin-top:0; } div.opros-vybor { width: 100%; min-width: 300px; height: auto; position: relative; clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center !important; } div.opros-vybor .list-element { width: 200px; /*min-width: 100px;*/ height: auto; padding: 0 0 50px 0; margin: 0 1.2% 20px 1.2%; } @media screen and (max-width: 699px) { div.opros-vybor .list-element { width: 48%; } } div.opros-vybor .list-element { /*display: inline-block; */position: relative; height: auto; padding: 0 0 50px 0; vertical-align: top; overflow:hidden; margin-left: auto; margin-right: auto; display: inline-block; } div.opros-vybor .list-element img { width: 100%; position: relative; float: left; } div.opros-vybor .list-element .read-more { width: 100%; height: auto; position: relative; text-align: center; } div.opros-vybor .list-element .read-more h4 { margin-top: 5px; margin-bottom: 10px;} div.opros-vybor .list-element .read-more span { margin-top: 10px; } div.opros-vybor .list-element .read-more span.button { display: initial; padding: 5px 10px 5px 10px; } div.opros-vybor a.button { display: inline-block; width: auto; padding: 15px 15px 15px 15px; background-color: rgb(200,160,119); color: rgb(255,255,255); margin-top:0; } #menu-list-desktop.fixed { position: fixed !important; top: 0px; left: 0; right: 0; z-index: 1000; background: #FFFFFF; /*width: 1080px;*/ height: 70px !important; } #menu-list-desktop.fixed .header-content { height: 70px !important; } #menu-list-desktop.fixed img { width: 20%; } #menu-list-desktop.fixed .top-list { display: none; } #menu-list-mobile.fixed { position: fixed !important; top: 0px; left: 0; right: 0; z-index: 1000; background-color: rgb(200,160,119); width: 100%; } .zoomLens { display: none; } .zoomContainer:hover{ z-index: 9999;} .zoomWindow{ z-index: 9999;} .ui-tooltip { position: absolute; width: 156px; height: 24px; background: rgb(200,160,119); color: white; border: none; padding: 0; opacity: 1; font-size: 13px; font-family: 'Roboto'; padding-left: 5px; padding-right: 5px; padding-bottom:0px; overflow: visible; } .ui-tooltip-content { position: relative; padding: 4px; } .ui-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; } .ui-tooltip-content::after { bottom: -8px; left: 6px; border-color: rgb(200,160,119) transparent; border-width: 10px 10px 0; } #divLoading2 { display : block; position : fixed; z-index: 100; background-image : url('../Untitled-2.png'); background-color:#FFFFFF; opacity : 0.1; background-repeat : no-repeat; background-position : center; left : 0; bottom : 0; right : 0; top : 0; width: 100%; height: 100%; } #loadinggif { left : 50%; top : 50%; position : absolute; z-index : 101; width : 32px; height : 32px; margin-left : -16px; margin-top : -16px; } .colorred { color: red !important; border: 1px solid red !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.product-itemo a.button { display: block; width: 200px; height: 44px; padding: 20px 0px 20px 0px; background-color: rgb(255,255,255); color: rgb(35,31,32); margin-left: auto; margin-right: auto; font-family: 'PermianSerifTypeface'; font-size: 17px; line-height: 0px; margin-top: 10px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.product-itemo a.button2 { display: block; width: 250px; height: 44px; padding: 22px 0px 22px 0px; background-color: rgb(255,255,255); color: rgb(200,160,120); margin-left: auto; margin-right: auto; font-family: 'Roboto'; font-size: 13px; line-height: 0px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.product-itemo img.alertimg{ position: absolute; left: 50%; margin-left: -10px; margin-top: 10px; } div.product-itemo p.alerttext{ font-size: 11px; color: black; font-family: 'Roboto'; font-weight: bold; text-align: center; width: 100%; margin-top: 30px; } div.product-itemo #thumb-block img { width: 59px; margin: 7px 12px 0 0; } /*div.product-itemo .ordercomment { -webkit-transform: scale(1.0,1.0) !important; -moz-transform: scale(1.0,1.0) !important; -o-transform: scale(1.0,1.0) !important; -ms-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; }*/ div.product-itemo .ordercomment span { visibility: collapse; position: absolute; cursor: default; bottom: 16px; z-index: 999; width: 290px; height: 44px; margin-left: -95%; padding: 4px; border: 1px solid #FFFFFF; background-color: white; -moz-border-radius: 0px; border-radius: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #000000; font-family: 'Roboto'; font-stretch: condensed; font-size: 16px; font-weight: bold; text-align: center; line-height: 17px; } div.product-itemo .ordercomment:hover { /*border: 0;*/ /* IE6 fix */ } @media screen and (min-width: 1080px) { div.product-itemo .ordercomment:hover span { visibility: visible; } } div.product-itemo .ordercomment span:before, div.product-itemo .ordercomment span:after { content: ""; position: absolute; z-index: 1000; bottom: 14px; left: 289px; border-top: 8px solid transparent; border-left: 8px solid #FFFFFF; border-right: 8px solid transparent; border-bottom: 8px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #product-itemo-incollectionblockslider { display: inline-block; width: 90%; height: auto; position: relative; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-left: 0; margin-right: 0; } #product-itemo-incollectionblockslider-left { display: inline-block; width: 5%; height: auto; position: relative; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-left: 0; margin-right: 0; overflow: hidden; } #product-itemo-incollectionblockslider-right { display: inline-block; width: 5%; height: auto; position: relative; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-left: 0; margin-right: 0; overflow: hidden; } #product-itemo-incollectionblockslider-effect { width: 100%; height: 100%; position: relative; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; padding: 8px; border: 4px solid rgba(200,160,120,1.0); box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #product-itemo-incollectionblockslider-effect2 { width: 100%; height: 100%; position: relative; display: block; content: ''; border: 2px solid rgba(200,160,120,1.0); height: 100%; width: 100%; padding-top: 10px; padding-left: 5px; padding-bottom: 10px; padding-right: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #product-itemo-incollectionblockslider .product-list4o .list-element { margin-bottom: 10px; } #product-itemo-incollectionblockslider-left img, #product-itemo-incollectionblockslider-right img { display:inline-block; cursor: pointer; width: 200%; height: auto; margin-left: -50%; } @media screen and (max-width: 1079px) { #product-itemo-incollectionblockslider { width: 76%; padding: 20px; } #product-itemo-incollectionblockslider-effect { padding: 8px; border: 4px solid rgba(200,160,120,1.0); } #product-itemo-incollectionblockslider-effect2 { border: 2px solid rgba(200,160,120,1.0); padding-left: 5px; padding-right: 5px; } #product-itemo-incollectionblockslider-left { width: 12%; } #product-itemo-incollectionblockslider-right { width: 12%; } #product-itemo-incollectionblockslider-left img, #product-itemo-incollectionblockslider-right img { display:inline-block; width: 150%; margin-left: -25%; } } @media screen and (max-width: 699px) { #product-itemo-incollectionblockslider { width: 100%; padding-left: 0; padding-right: 0; } /*#product-itemo-incollectionblockslider-effect { border-left: 0px solid rgba(200,160,120,1.0); border-right: 0px solid rgba(200,160,120,1.0); padding-left: 0; padding-right: 0; } #product-itemo-incollectionblockslider-effect2 { border-left: 0px solid rgba(200,160,120,1.0); border-right: 0px solid rgba(200,160,120,1.0); padding-left: 0; padding-right: 0; }*/ #product-itemo-incollectionblockslider-left { width: 0; } #product-itemo-incollectionblockslider-right { width: 0; } #product-itemo-incollectionblockslider-left img, #product-itemo-incollectionblockslider-right img { display:none; width: 150%; margin-left: -25%; } } .blinking{ animation:blinking 3s; } @keyframes blinking{ 0%{opacity: 1;} 25%{opacity: 0;} 50%{opacity: 1;} 75%{opacity: 0;} 100%{opacity: 1;} } .product-itemo table td input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } span.inputordercount { background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } span.totalpriceo { background-color: transparent; color: #000000 !important; } .sidebar-cart { float: left; width: 270px; margin-left: -100%; position: relative; } .sidebar-cart span { color: #000000; font-family: 'Roboto'; font-weight: 500; font-size: 14px; font-style: normal; font-stretch: normal; } .sidebar-cart span.highlighted { color: rgb(200, 160, 120); } .cart-aside { padding: 0 0 50px 270px; } .profile-aside { padding: 0 0 50px 190px; margin-top: -30px; } div.product-item-cart a.button { display: block; width: 200px; height: 44px; padding: 20px 0px 20px 0px; background-color: rgb(255,255,255); color: rgb(35,31,32); margin-left: auto; margin-right: auto; font-family: 'PermianSerifTypeface'; font-size: 17px; line-height: 0px; margin-top: 10px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.product-item-cart a.button2 { display: block; width: 250px; height: 44px; padding: 22px 0px 22px 0px; background-color: rgb(255,255,255); color: rgb(200,160,120); margin-left: auto; margin-right: auto; font-family: 'Roboto'; font-size: 14px; line-height: 0px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.product-item-cart a.button3 { display: block; width: 110px; height: 44px; padding: 22px 0px 22px 0px; background-color: rgb(255,255,255); color: rgb(200,160,120); margin-left: auto; margin-right: auto; font-family: 'Roboto'; font-stretch: condensed; font-size: 14px; line-height: 0px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } a.product-item-cart-button4 { display: block; width: 160px; height: 44px; padding: 20px 0px 20px 0px; background-color: rgb(200,160,120); color: rgb(255,255,255); margin-left: 0; margin-right: auto; font-family: 'PermianSerifTypeface'; font-size: 18px; line-height: 0px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .sidebar-profile a.product-item-cart-button4 { background-color: rgb(255,255,255); color: rgb(200,160,120); margin-left: 10px; margin-bottom: 10px; } .sidebar-profile span { color: #FFFFFF; font-family: 'Roboto'; font-weight: 500; font-size: 14px; font-style: normal; font-stretch: normal; } div.product-item-cart img.alertimg{ position: absolute; left: 50%; margin-left: -10px; margin-top: 10px; } @media screen and (max-width: 1079px) { div.product-item-cart img.alertimg{ left: 43%; } } @media screen and (max-width: 699px) { div.product-item-cart img.alertimg{ left: 50%; } } div.product-item-cart p.alerttext{ font-size: 11px; color: black; font-family: 'Roboto'; font-weight: bold; text-align: center; width: 100%; margin-top: 30px; } div.product-item-cart .thumb-block img { width: 59px; /*margin: 7px 11px 0 0;*/ margin: 7px 10.45px 0 0; } /*div.product-item-cart .ordercomment2 { -webkit-transform: scale(1.0,1.0) !important; -moz-transform: scale(1.0,1.0) !important; -o-transform: scale(1.0,1.0) !important; -ms-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; }*/ div.product-item-cart .ordercomment2 span { visibility: collapse; position: absolute; cursor: default; bottom: 16px; z-index: 999; width: 290px; height: 44px; margin-left: -65%; padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; border: 1px solid #FFFFFF; background-color: white; -moz-border-radius: 0px; border-radius: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #000000; font-family: 'Roboto'; font-stretch: condensed; font-size: 14px; font-weight: normal; text-align: center; line-height: 17px; border: 1px solid rgb(200,160,120); } div.product-item-cart .ordercomment2:hover { /*border: 0;*/ /* IE6 fix */ } @media screen and (min-width: 1080px) { div.product-item-cart .ordercomment2:hover span { visibility: visible; } } div.product-item-cart .ordercomment2 span:before, div.product-item-cart .ordercomment2 span:after { content: ""; position: absolute; z-index: 1000; bottom: 25%; left: 100%; border-top: 10px solid transparent; border-left: 10px solid #FFFFFF; border-right: 10px solid transparent; border-bottom: 10px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*div.product-item-cart .ordercomment3 { -webkit-transform: scale(1.0,1.0) !important; -moz-transform: scale(1.0,1.0) !important; -o-transform: scale(1.0,1.0) !important; -ms-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; }*/ div.product-item-cart .ordercomment3 span { visibility: collapse; position: absolute; cursor: default; bottom: 16px; z-index: 999; width: 320px; height: 44px; margin-left: -80%; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; border: 1px solid #FFFFFF; background-color: white; -moz-border-radius: 0px; border-radius: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #000000; font-family: 'Roboto'; font-stretch: condensed; font-size: 14px; font-weight: normal; text-align: center; line-height: 17px; border: 1px solid rgb(200,160,120); } div.product-item-cart .ordercomment3:hover { /*border: 0;*/ /* IE6 fix */ } @media screen and (min-width: 1080px) { div.product-item-cart .ordercomment3:hover span { visibility: visible; } } div.product-item-cart .ordercomment3 span:before, div.product-item-cart .ordercomment3 span:after { content: ""; position: absolute; z-index: 1000; bottom: 25%; left: 100%; border-top: 10px solid transparent; border-left: 10px solid #FFFFFF; border-right: 10px solid transparent; border-bottom: 10px solid transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #product-item-cart-incollectionblockslider { display: inline-block; width: 90%; height: auto; position: relative; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-left: 0; margin-right: 0; } #product-item-cart-incollectionblockslider-left { display: inline-block; width: 5%; height: auto; position: relative; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-left: 0; margin-right: 0; overflow: hidden; } #product-item-cart-incollectionblockslider-right { display: inline-block; width: 5%; height: auto; position: relative; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-left: 0; margin-right: 0; overflow: hidden; } #product-item-cart-incollectionblockslider-effect { width: 100%; height: 100%; position: relative; overflow: hidden; top: 0; left: 0; overflow: hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; padding: 8px; border: 4px solid rgba(200,160,120,1.0); box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #product-item-cart-incollectionblockslider-effect2 { width: 100%; height: 100%; position: relative; display: block; content: ''; border: 2px solid rgba(200,160,120,1.0); height: 100%; width: 100%; padding-top: 10px; padding-left: 5px; padding-bottom: 10px; padding-right: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #product-item-cart-incollectionblockslider .product-list4o .list-element { margin-bottom: 10px; } #product-item-cart-incollectionblockslider-left img, #product-item-cart-incollectionblockslider-right img { display:inline-block; cursor: pointer; width: 200%; height: auto; margin-left: -50%; } @media screen and (max-width: 1079px) { #product-item-cart-incollectionblockslider { width: 76%; padding: 20px; } #product-item-cart-incollectionblockslider-effect { padding: 8px; border: 4px solid rgba(200,160,120,1.0); } #product-item-cart-incollectionblockslider-effect2 { border: 2px solid rgba(200,160,120,1.0); padding-left: 5px; padding-right: 5px; } #product-item-cart-incollectionblockslider-left { width: 12%; } #product-item-cart-incollectionblockslider-right { width: 12%; } #product-item-cart-incollectionblockslider-left img, #product-item-cart-incollectionblockslider-right img { display:inline-block; width: 150%; margin-left: -25%; } .cart-aside-totalprices, .cart-aside-totalprices span { font-size: 16px; font-family: 'Roboto'; } .cart-aside-totalprices span.commenttext { font-size: 16px; font-family: 'Roboto'; font-stretch: condensed; color: rgb(200,160,119); } .cart-aside-totalprices span.scndrow { top: 25px; } } @media screen and (max-width: 699px) { #product-item-cart-incollectionblockslider { width: 100%; padding-left: 0; padding-right: 0; } #product-item-cart-incollectionblockslider-effect { border-left: 0px solid rgba(200,160,120,1.0); border-right: 0px solid rgba(200,160,120,1.0); padding-left: 0; padding-right: 0; } #product-item-cart-incollectionblockslider-effect2 { border-left: 0px solid rgba(200,160,120,1.0); border-right: 0px solid rgba(200,160,120,1.0); padding-left: 0; padding-right: 0; } #product-item-cart-incollectionblockslider-left { width: 0; } #product-item-cart-incollectionblockslider-right { width: 0; } #product-item-cart-incollectionblockslider-left img, #product-item-cart-incollectionblockslider-right img { display:none; width: 150%; margin-left: -25%; } .cart-aside-totalprices, .cart-aside-totalprices span { font-size: 22px; font-family: 'Roboto'; } } .profile-field-caption { color: rgb(128,128,128); font-family: 'Roboto'; font-stretch: condensed; font-size: 14px; font-weight: 600; } .chboxcontainer-caption { color: rgb(128,128,128); font-family: 'Roboto'; font-stretch: condensed; font-size: 16px; font-weight: 500; } span.profile-field-text-field { display: block; background-color: rgb(242,242,242); padding: 12px; height: 44px; width: 250px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; margin-bottom: 20px; } label.profile-field-text-field { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 5px; margin-bottom: 20px; } input.profile-field-text-field { background-color: rgb(242,242,242); color: rgb(0,0,0); font-family: 'Roboto'; font-size: 14px; border: none; font-weight: 500; width: 100%; } a.profile-field-text-field { display: block; width: 88px; height: 24px; padding: 2px 5px 2px 5px; color: rgb(255,255,255); background-color: rgb(200,160,120); margin-left: 0; margin-right: auto; font-family: 'Roboto'; font-size: 14px; line-height: 20px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } a.profile-field-text-field2 { display: block; width: 100px; height: 30px; padding: 4px 15px 4px 15px; color: rgb(255,255,255); background-color: rgb(200,160,120); margin-left: 0; margin-right: auto; font-family: 'Roboto'; font-size: 14px; line-height: 20px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .blockforipad .profile-field-caption { font-size: 16px; font-weight: 500; } .blockforipad .chboxcontainer-caption { font-size: 16px; font-weight: 500; } .blockforipad span.profile-field-text-field { width: 316px; } .blockforipad input.profile-field-text-field { font-size: 16px; } .blockforipad a.profile-field-text-field { width: 160px; height: 44px; margin-left: auto; margin-right: auto; padding-top: 12px; font-size: 16px; } .blockforipad a.profile-field-text-field2 { width: 160px; height: 44px; margin-left: auto; margin-right: auto; padding-top: 12px; font-size: 16px; } .blockformobile .profile-field-caption { font-size: 18px; font-weight: normal; margin-left: 5%; } .blockformobile .chboxcontainer-caption { font-size: 18px; font-weight: normal; margin-left: 5%; } .blockformobile span.profile-field-text-field { padding: 18px; height: 60px; width: 90%; margin-left: auto; margin-right: auto; } .blockformobile input.profile-field-text-field { font-size: 22px; font-weight: normal; } .blockformobile a.profile-field-text-field { width: 400px; height: 64px; margin-left: auto; margin-right: auto; padding-top: 22px; font-size: 18px; } .blockformobile a.profile-field-text-field2 { width: 400px; height: 64px; margin-left: auto; margin-right: auto; padding-top: 22px; font-size: 18px; } .unsubscribe_from_profile { height: 24px; color: #FFFFFF !important; background: rgb(200,160,120) !important; margin: 0 !important; font-size: 14px; box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; } @media screen and (max-width: 1079px) { .unsubscribe_from_profile { display: block !important; padding-left: 0px !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-top: 20px; height: 44px; padding-top: 14px; font-size: 14px; } } @media screen and (max-width: 699px) { .unsubscribe_from_profile { display: block !important; padding-left: 0px !important; padding-right: 0 !important; padding-bottom: 0 !important; height: 60px; padding-top: 20px; font-size: 18px; } .product-list .list-element:has(.unsubscribe_from_profile) { padding-bottom: 0; } } .profilehistoryspanr2c1 { position: absolute; top: 40px; left: 20px; font-size: 14px; font-family: 'Roboto'; font-weight: 500; } @media screen and (max-width: 1079px) { .profilehistoryspanr2c1 { display: block !important; position: absolute; right: 1%; top: 10%; left: unset; } } .profilehistoryspanr1c2 { position: absolute; top: 20px; left: 15%; font-size: 14px; font-family: 'Roboto'; font-weight: bold; } .profilehistoryspanr3c2 { position: absolute; top: 60px; left: 15%; font-size: 14px; font-family: 'Roboto'; font-weight: bold; } .profilehistoryspanr1c3 { position: absolute; top: 20px; left: 40%; font-size: 14px; font-family: 'Roboto'; font-weight: bold; } .profilehistoryspanr2c3 { position: absolute; top: 40px; left: 40%; font-size: 14px; font-family: 'Roboto'; font-weight: bold; } .profilehistoryspanr3c3 { position: absolute; top: 60px; left: 40%; font-size: 14px; font-family: 'Roboto'; font-weight: bold; } .profilehistoryspanr2c4 { position: absolute; top: 40px; left: 75%; font-size: 14px; font-family: 'Roboto'; font-weight: bold; } .profilehistoryspanr2c5 a.button { position: absolute; top: 20px; left: 80%; display: block; width: 160px; height: 44px; padding: 20px 0px 20px 0px; background-color: rgb(200,160,120); color: rgb(255,255,255); margin-left: auto; margin-right: auto; font-family: 'PermianSerifTypeface'; font-size: 18px; line-height: 0px; margin-top: 10px; text-align: center; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .profilehistorymainblock { width: 90%; margin-left: 10%; height: 100px; border-bottom: 0.5px solid rgb(26,26,26); } .profilehistorymainblockfirst { border-top: 0.5px solid rgb(26,26,26); } @media screen and (max-width: 1079px) { .profilehistorymainblock { width: 100%; margin-left: 0%; height: 100px; border-bottom: 0px solid rgb(26,26,26); } .profilehistorymainblockfirst { border-top: 0px solid rgb(26,26,26); } } @media screen and (max-width: 699px) { .profilehistorymainblock { width: 100%; margin-left: 0%; height: 200px; border-bottom: 0px solid rgb(26,26,26); } .profilehistorymainblockfirst { border-top: 0px solid rgb(26,26,26); } } .rubble { display: inline-block; max-width: 1.3ex; overflow: hidden; font-size: inherit; font-weight: bold; text-decoration: line-through; text-decoration-style: solid; text-decoration-style: double; background-color: transparent; } /* The chboxcontainer BEGIN */ .chboxcontainer { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Roboto'; } .chboxcontainer2 { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Roboto'; } /* Hide the browser's default checkbox */ .chboxcontainer input { position: absolute; opacity: 0; cursor: pointer; display: none; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: rgb(255,255,255); border: 2px solid rgb(200,160,119); } /* On mouse-over, add a grey background color */ .chboxcontainer:hover input ~ .checkmark { /*background-color: rgb(200,160,119);*/ } /* When the checkbox is checked, add a blue background */ .chboxcontainer input:checked ~ .checkmark { background-color: rgb(255,255,255); color: rgb(200,160,119); } /* Create the checkmark/indicator (hidden when not checked) */ .checkmarkgalka { content: ""; position: absolute; display: block/*none*/; } /* Show the checkmark when checked */ .chboxcontainer input:checked ~ .checkmark .checkmarkgalka { display: block; border-width: 0 2px 2px 0 !important; } /* Style the checkmark/indicator */ .chboxcontainer .checkmarkgalka { left: 4px; top: 0px; width: 5px; height: 10px; border-width: 0 0px 0px 0 !important; border: solid rgb(200,160,119); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Create a custom checkbox */ .checkmark-not-resized { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: rgb(255,255,255); border: 2px solid rgb(200,160,119); } /* On mouse-over, add a grey background color */ .chboxcontainer:hover input ~ .checkmark-not-resized { /*background-color: rgb(200,160,119);*/ } /* When the checkbox is checked, add a blue background */ .chboxcontainer input:checked ~ .checkmark-not-resized { background-color: rgb(255,255,255); color: rgb(200,160,119); } /* Create the checkmark/indicator (hidden when not checked) */ .checkmarkgalka-not-resized { content: ""; position: absolute; display: block/*none*/; } /* Show the checkmark when checked */ .chboxcontainer input:checked ~ .checkmark-not-resized .checkmarkgalka-not-resized { display: block; border-width: 0 2px 2px 0 !important; } /* Style the checkmark/indicator */ .chboxcontainer .checkmarkgalka-not-resized { left: 4px; top: 0px; width: 5px; height: 10px; border-width: 0 0px 0px 0 !important; border: solid rgb(200,160,119); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* The chboxcontainer END */ /* The chboxcontainer-nochbox BEGIN */ .chboxcontainer-nochbox { /*display: initial; margin-bottom: 12px;*/ display: inline-block; margin-bottom: 0px; position: relative; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Roboto'; overflow: hidden; } .chboxcontainer-nochbox span.chboxcontainer-nochbox-header { margin-left: auto; margin-right: auto;display: initial; padding: 2px;cursor: pointer; } /* Hide the browser's default checkbox */ .chboxcontainer-nochbox input { position: absolute; opacity: 0; cursor: pointer; display: none; } /* When the checkbox is checked, add a blue background */ .chboxcontainer-nochbox > input:checked + span { background-color: rgb(200,160,119); color: rgb(255,255,255); } /* The chboxcontainer-nochbox END */ #contactssearchinput, .contactssearchinput { width: 200px; margin-right: 0px; float: right; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgb(179,179,179); height: 30px; font-family: Roboto; font-size: 14px; color: rgb(26,26,26); } .ordertablethlc { border-left: 1pt solid #b1b2b1; } .ordertableth { min-width: 11%; width: 11%; max-width: 11%; border-bottom: 1pt solid #b1b2b1; border-right: 1pt solid #b1b2b1; border-top: 1pt solid #b1b2b1; text-align: center; background-color: rgb(200,160,119); font-family: 'Roboto'; font-stretch: condensed; vertical-align: middle; text-align: center; padding: 5px; } .ordertablethlast { min-width: 8%; width: 8%; max-width: 8%; text-align: center; font-family: 'Roboto'; font-stretch: condensed; vertical-align: middle; text-align: center; padding: 5px; } .ordertablethfs { font-size: 14px; } .ordertabletd { min-width: 11%; width: 11%; max-width: 11%; border-bottom: 1pt solid #b1b2b1; border-right: 1pt solid #b1b2b1; text-align: center; font-family: 'Roboto'; vertical-align: middle; text-align: center; } .ordertabletdlast { min-width: 8%; width: 8%; max-width: 8%; text-align: left; font-family: 'Roboto'; vertical-align: middle; text-align: left; } .ordertabletdfs { font-size: 16px; padding: 5px 5px 5px 5px; } .ordertabletdfs2 { font-size: 12px; padding: 10px 5px 10px 5px; font-family: 'PermianSerifTypeface'; } @media screen and (max-width: 1079px) { } @media screen and (max-width: 699px) { } a.GoogleMapInfoWindowLink { color: #FFFFFF; text-decoration: underline; } a.GoogleMapInfoWindowLink:hover { color: #FFFFFF; text-decoration: underline; } a.GoogleMapInfoWindowLink:visited { color: #FFFFFF; text-decoration: underline; } .gmnoprint { z-index: -1 !important; } @media screen and (max-width: 699px) { #iw-container { max-width: 80vw; } } .modelcornericon { padding: 3px 0px 3px 0px; margin: 0px 2px; /*position: absolute;*/ position: relative; z-index: 0; -webkit-border-radius: 0%; border-radius: 0%; background: rgba(200,160,119,1.0); -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; text-align: center; display: inline-block; } .modelcornericon-size { height: 10px; width: 45px; bottom: 0; background-color: rgb(160, 0, 30); } .modelcornericon-limited { height: 10px; width: 60px; bottom: 0; background-color: rgb(240, 75, 125); } .modelcornericon-new { height: 10px; width: 40px; bottom: 0; background-color: rgb(215, 30, 0); } .modelcornericon b, .modelcornericon p { z-index: 1; display: block; line-height: 10px; font-size: 10px; font-weight: normal; color: #FFFFFF !important; background-color: transparent !important; /*background-color: #000000;*/ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; overflow: hidden; margin: 0; padding: 0; } .single-item-press ul li { text-align: center; display: inline-block; padding: 0px 20px; border-radius: 4px; white-space: normal; } .single-item-press ul { font-size: 0; list-style: none; padding: 0px 0; display: inline-block; white-space: nowrap; } .single-item-press { max-width: 140%; overflow-y: hidden; width: 140%; display: block; overflow-x: scroll; } @media screen and (max-width: 1079px) { .single-item-press { max-width: 100%; } } /* width */ .single-item-press::-webkit-scrollbar { width: 10px; } /* Track */ .single-item-press::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .single-item-press::-webkit-scrollbar-thumb { background: rgba(200,160,119,0.7); } /* Handle on hover */ .single-item-press::-webkit-scrollbar-thumb:hover { background: rgb(200,160,119); } .adminkadiv { border: 5px solid rgb(200,160,119); border-radius: 10px; padding: 10px; margin-left: 10px; margin-right: 10px; } .fancybox-inner { height: inherit !important; } .adress-selector div.buttons { text-align: center; } .adress-selector a.button { display: inline-block; padding: 5px 10px 5px 10px; width: auto; position: relative; background-color: rgb(200,160,119); opacity: 1; text-transform: lowercase; text-align: left !important; font-size: 14px; color: rgb(255,255,255);} .gm-ui-hover-effect img { margin: 0px 6px !important; } .r_hidden { opacity: 1 !important; } .nobackground, .nobackground:hover { background-color: transparent !important; } .sidebar-block { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #f2f2f2; padding: 5px 5px 5px 10px; width: 100%; margin: 14px 0 0 -10px; overflow: hidden; } .sidebar-block-header { cursor: pointer; display: block; } .sidebar-block-header i { cursor: pointer; color: rgb(200,160,119); font-weight: bold; } .sidebar-block-body { display: block; overflow: hidden; } .sidebar-block .chboxcontainer { font-size: 15px; margin-bottom: 6px; } .sidebar-block .sidebar-block-body label.chboxcontainer:first-child, .sidebar-block .sidebar-block-body div.chboxcontainer-sizesnl:first-child, .sidebar-block .sidebar-block-body label.chboxcontainer-nochbox:first-child { /*margin-top: 10px;*/ } .sidebar-block .chboxcontainer span.chboxcontainer-header { margin-left: auto; margin-right: auto;padding-top: 4px;display: block; } .sidebar-block .chboxcontainer:last-child { margin-bottom: 4px; } .sidebar-block .chboxcontainer .modelcornericon { margin-left: auto; margin-right: auto;margin-top: 4px; } .sidebar-block .chboxcontainer-sizesnl { display: block; position: relative; padding-left: 25px; margin-bottom: 2px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Roboto'; } .sidebar-block .chboxcontainer-sizesnl span.chboxcontainer-sizesnl-header { position: absolute; top: 0; left: 0; } .sidebar-block .chboxcontainer-sizesnl span.body { margin-left: auto; margin-right: auto;display: block; } .sidebar-block a { font-size: 15px; line-height: 15px; font-family: 'Roboto'; font-weight: normal; width: calc(100% - 5px); height: auto; margin: 30px auto 15px 0; position: relative; border: none; background-color: rgb(200,160,119); color: rgb(255,255,255); transition: all 0.5s; cursor: pointer; clear: both; text-transform: lowercase; text-align: center !important; display: block; padding: 3px; } .sidebar-block a:hover { color: inherit; } .box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #divListingMobileFilter { position: fixed; bottom: 0; width: 100%; height: 40px; background-color: rgb(200,160,119); padding: 10px; font-weight: bold; overflow: scroll; z-index: 1; } .divListingMobileFilter-open { height: calc(100% - 60px) !important; background-color: rgb(255,255,255) !important; border: 5px solid rgb(200,160,119) !important; } #divListingMobileFilter .sidebar-block { margin-left: 0 !important; margin-right: 0 !important; } #divListingMobileFilter .ListingMobileFilterHeader { margin-left: 0; margin-right: 0; margin-bottom: 20px; text-align: center; color: #FFFFFF; font-size: 16px; font-family: 'Roboto'; cursor: pointer; } #divListingMobileFilter.divListingMobileFilter-open .ListingMobileFilterHeader { color: rgb(200,160,119) !important; } #divListingMobileFilter .ListingMobileFilterHeaderReset { margin: 0; } .listing-size-tooltip-right { top: -5px; left: 125%; } .listing-size-tooltip .tooltiptext { visibility: hidden; position: absolute; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; /*border-radius: 6px;*/ z-index: 1; opacity: 0; transition: opacity 0.3s; } .listing-size-tooltip-right::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent; } .listing-size-tooltip:hover .tooltiptext { visibility: visible; opacity: 1; right: -50%; top: 25%; } .checkbox-round { width: 1.3em; height: 1.3em; background-color: white; border-radius: 50%; vertical-align: middle; border: 1px solid #ddd; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; } .checkbox-round:checked { background-color: rgb(200,160,119); } .profile-cart-container #viewtable1block a.button { display: block; width: 270px; height: 44px; padding: 20px 0px 20px 0px; background-color: rgb(200,160,119); color: rgb(35,31,32); margin-left: auto; margin-right: auto; font-family: 'PermianSerifTypeface'; font-size: 17px; line-height: 0px; margin-top: 10px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; clear: both }