/* Start:/local/templates/swosnew/fonts/stylesheet.css?17323332573962*/ @font-face { font-family: 'Roboto'; src: url('/local/templates/swosnew/fonts/Roboto-Light.eot'); src: url('/local/templates/swosnew/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/Roboto-Light.woff') format('woff'), url('/local/templates/swosnew/fonts/Roboto-Light.ttf') format('truetype'), url('/local/templates/swosnew/fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/swosnew/fonts/Roboto-LightItalic.eot'); src: url('/local/templates/swosnew/fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/Roboto-LightItalic.woff') format('woff'), url('/local/templates/swosnew/fonts/Roboto-LightItalic.ttf') format('truetype'), url('/local/templates/swosnew/fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'IBM Plex Sans'; src: url('/local/templates/swosnew/fonts/IBMPlexSans-Medium.eot'); src: url('/local/templates/swosnew/fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/IBMPlexSans-Medium.woff') format('woff'), url('/local/templates/swosnew/fonts/IBMPlexSans-Medium.ttf') format('truetype'), url('/local/templates/swosnew/fonts/IBMPlexSans-Medium.svg#IBMPlexSans-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/swosnew/fonts/Roboto-Regular.eot'); src: url('/local/templates/swosnew/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/Roboto-Regular.woff') format('woff'), url('/local/templates/swosnew/fonts/Roboto-Regular.ttf') format('truetype'), url('/local/templates/swosnew/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/swosnew/fonts/Roboto-Medium.eot'); src: url('/local/templates/swosnew/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/Roboto-Medium.woff') format('woff'), url('/local/templates/swosnew/fonts/Roboto-Medium.ttf') format('truetype'), url('/local/templates/swosnew/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/swosnew/fonts/Roboto-Bold.eot'); src: url('/local/templates/swosnew/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/Roboto-Bold.woff') format('woff'), url('/local/templates/swosnew/fonts/Roboto-Bold.ttf') format('truetype'), url('/local/templates/swosnew/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Slab'; src: url('/local/templates/swosnew/fonts/RobotoSlab-Regular.eot'); src: url('/local/templates/swosnew/fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/RobotoSlab-Regular.woff') format('woff'), url('/local/templates/swosnew/fonts/RobotoSlab-Regular.ttf') format('truetype'), url('/local/templates/swosnew/fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Slab'; src: url('/local/templates/swosnew/fonts/RobotoSlab-Bold.eot'); src: url('/local/templates/swosnew/fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/RobotoSlab-Bold.woff') format('woff'), url('/local/templates/swosnew/fonts/RobotoSlab-Bold.ttf') format('truetype'), url('/local/templates/swosnew/fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Regular'; src: url('/local/templates/swosnew/fonts/RobotoSlab-Regular.eot'); src: url('/local/templates/swosnew/fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/RobotoSlab-Regular.woff') format('woff'), url('/local/templates/swosnew/fonts/RobotoSlab-Regular.ttf') format('truetype'), url('/local/templates/swosnew/fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('/local/templates/swosnew/fonts/RobotoSlab-Bold.eot'); src: url('/local/templates/swosnew/fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/swosnew/fonts/RobotoSlab-Bold.woff') format('woff'), url('/local/templates/swosnew/fonts/RobotoSlab-Bold.ttf') format('truetype'), url('/local/templates/swosnew/fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/swosnew/fonts/icomoon/style.css?173233325713288*/ @font-face { font-family: 'icomoon'; src: url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.eot'); src: url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.woff') format('woff'), url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.ttf') format('truetype'), url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.svg#icomoon') format('svg'), url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.eot#iefix') format('embedded-opentype'),; font-weight: normal; font-style: normal; font-display: swap; } /* @font-face { font-family: 'icomoon'; src: url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.eot?qgmpdi'); src: url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.woff?qgmpdi') format('woff'), url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.ttf?qgmpdi') format('truetype'), url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.svg?qgmpdi#icomoon') format('svg'), url('/local/templates/swosnew/fonts/icomoon/fonts/icomoon.eot?qgmpdi#iefix') format('embedded-opentype'),; font-weight: normal; font-style: normal; font-display: swap; } */ [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-geotag_color .path1:before { content: "\e984"; color: rgb(255, 255, 255); } .icon-geotag_color .path2:before { content: "\e985"; margin-left: -1em; color: rgb(129, 117, 100); } .icon-star:before { content: "\e986"; } .icon-arrow_left:before { content: "\e987"; } .icon-social_fb:before { content: "\e97e"; } .icon-social_rss:before { content: "\e97f"; } .icon-social_vk:before { content: "\e983"; } .icon-item_delete:before { content: "\e980"; } .icon-item_minus:before { content: "\e981"; } .icon-item_plus:before { content: "\e982"; } .icon-label_left_opacity .path1:before { content: "\e97a"; color: rgb(255, 255, 255); opacity: 0.7; } .icon-label_left_opacity .path2:before { content: "\e97b"; margin-left: -1em; color: rgb(255, 86, 86); } .icon-arrow_left1:before { content: "\e900"; } .icon-arrow_right:before { content: "\e901"; } .icon-basket:before { content: "\e902"; } .icon-checkbox:before { content: "\e903"; } .icon-checkbox2:before { content: "\e97c"; } .icon-checkbox_filled:before { content: "\e904"; } .icon-checkbox_filled2:before { content: "\e97d"; } .icon-close:before { content: "\e905"; } .icon-close_mobile_menu:before { content: "\e906"; } .icon-close_search:before { content: "\e907"; } .icon-filter:before { content: "\e908"; } .icon-geotag:before { content: "\e909"; } .icon-hamburger:before { content: "\e90a"; } .icon-hamburger_mobile:before { content: "\e90b"; } .icon-in_stock:before { content: "\e90c"; } .icon-in_stock_stores:before { content: "\e90d"; } .icon-label_left2:before { content: "\e90e"; } .icon-label_right2:before { content: "\e90f"; } .icon-load_more:before { content: "\e910"; } .icon-login:before { content: "\e911"; } .icon-open_filter:before { content: "\e912"; } .icon-phone:before { content: "\e913"; } .icon-reset:before { content: "\e914"; } .icon-scroll_up:before { content: "\e915"; } .icon-search:before { content: "\e916"; } .icon-subscribe:before { content: "\e917"; } .icon-master .path1:before { content: "\e918"; color: rgb(246, 158, 29); } .icon-master .path2:before { content: "\e919"; margin-left: -1.5em; color: rgb(232, 30, 37); } .icon-master .path3:before { content: "\e91a"; margin-left: -1.5em; color: rgb(240, 96, 34); } .icon-visa .path1:before { content: "\e91b"; color: rgb(0, 87, 159); } .icon-visa .path2:before { content: "\e91c"; margin-left: -2.4169921875em; color: rgb(0, 87, 159); } .icon-visa .path3:before { content: "\e91d"; margin-left: -2.4169921875em; color: rgb(0, 87, 159); } .icon-visa .path4:before { content: "\e91e"; margin-left: -2.4169921875em; color: rgb(0, 87, 159); } .icon-visa .path5:before { content: "\e91f"; margin-left: -2.4169921875em; color: rgb(249, 165, 26); } .icon-label_left:before { content: "\e920"; } .icon-label_right:before { content: "\e921"; } .icon-logo_bottom .path1:before { content: "\e922"; color: rgb(224, 27, 34); } .icon-logo_bottom .path2:before { content: "\e923"; margin-left: -3.599609375em; color: rgb(255, 255, 255); } .icon-logo_bottom .path3:before { content: "\e924"; margin-left: -3.599609375em; color: rgb(255, 255, 255); } .icon-logo_bottom .path4:before { content: "\e925"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path5:before { content: "\e926"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path6:before { content: "\e927"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path7:before { content: "\e928"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path8:before { content: "\e929"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path9:before { content: "\e92a"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path10:before { content: "\e92b"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path11:before { content: "\e92c"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path12:before { content: "\e92d"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path13:before { content: "\e92e"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path14:before { content: "\e92f"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path15:before { content: "\e930"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path16:before { content: "\e931"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path17:before { content: "\e932"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path18:before { content: "\e933"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path19:before { content: "\e934"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path20:before { content: "\e935"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path21:before { content: "\e936"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path22:before { content: "\e937"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path23:before { content: "\e938"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path24:before { content: "\e939"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path25:before { content: "\e93a"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path26:before { content: "\e93b"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path27:before { content: "\e93c"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path28:before { content: "\e93d"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path29:before { content: "\e93e"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path30:before { content: "\e93f"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path31:before { content: "\e940"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path32:before { content: "\e941"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path33:before { content: "\e942"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_bottom .path34:before { content: "\e943"; margin-left: -3.599609375em; color: rgb(177, 177, 176); } .icon-logo_bottom .path35:before { content: "\e944"; margin-left: -3.599609375em; color: rgb(177, 177, 176); } .icon-logo_bottom .path36:before { content: "\e945"; margin-left: -3.599609375em; color: rgb(177, 177, 176); } .icon-logo_bottom .path37:before { content: "\e946"; margin-left: -3.599609375em; color: rgb(177, 177, 176); } .icon-logo_bottom .path38:before { content: "\e947"; margin-left: -3.599609375em; color: rgb(177, 177, 176); } .icon-logo_scroll .path1:before { content: "\e948"; color: rgb(224, 27, 34); } .icon-logo_scroll .path2:before { content: "\e949"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-logo_scroll .path3:before { content: "\e94a"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-logo_top .path1:before { content: "\e94b"; color: rgb(224, 27, 34); } .icon-logo_top .path2:before { content: "\e94c"; margin-left: -3.599609375em; color: rgb(255, 255, 255); } .icon-logo_top .path3:before { content: "\e94d"; margin-left: -3.599609375em; color: rgb(255, 255, 255); } .icon-logo_top .path4:before { content: "\e94e"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path5:before { content: "\e94f"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path6:before { content: "\e950"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path7:before { content: "\e951"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path8:before { content: "\e952"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path9:before { content: "\e953"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path10:before { content: "\e954"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path11:before { content: "\e955"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path12:before { content: "\e956"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path13:before { content: "\e957"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path14:before { content: "\e958"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path15:before { content: "\e959"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path16:before { content: "\e95a"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path17:before { content: "\e95b"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path18:before { content: "\e95c"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path19:before { content: "\e95d"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path20:before { content: "\e95e"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path21:before { content: "\e95f"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path22:before { content: "\e960"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path23:before { content: "\e961"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path24:before { content: "\e962"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path25:before { content: "\e963"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path26:before { content: "\e964"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path27:before { content: "\e965"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path28:before { content: "\e966"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path29:before { content: "\e967"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path30:before { content: "\e968"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path31:before { content: "\e969"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path32:before { content: "\e96a"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path33:before { content: "\e96b"; margin-left: -3.599609375em; color: rgb(25, 25, 25); } .icon-logo_top .path34:before { content: "\e96c"; margin-left: -3.599609375em; color: rgb(143, 131, 112); } .icon-logo_top .path35:before { content: "\e96d"; margin-left: -3.599609375em; color: rgb(143, 131, 112); } .icon-logo_top .path36:before { content: "\e96e"; margin-left: -3.599609375em; color: rgb(143, 131, 112); } .icon-logo_top .path37:before { content: "\e96f"; margin-left: -3.599609375em; color: rgb(143, 131, 112); } .icon-logo_top .path38:before { content: "\e970"; margin-left: -3.599609375em; color: rgb(143, 131, 112); } .icon-consulting:before { content: "\e971"; } .icon-custom:before { content: "\e972"; } .icon-desinfection:before { content: "\e973"; } .icon-insole:before { content: "\e974"; } .icon-test_drive:before { content: "\e975"; } .icon-guarantee:before { content: "\e976"; } .icon-partnership:before { content: "\e977"; } .icon-team:before { content: "\e978"; } .icon-test_drive2:before { content: "\e979"; } /* End */ /* Start:/local/templates/swosnew/css/ion.rangeSlider.css?17323332583501*/ /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* End */ /* Start:/local/templates/swosnew/css/ion.rangeSlider.skinSimple.css?17323332582106*/ /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, /* .irs-slider { background: url(/local/templates/swosnew/css/../img/sprite-skin-simple.png) repeat-x; } */ .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 6px; top: 25px; } .irs-line-left { height: 6px; background-position: 0 -30px; } .irs-line-mid { height: 6px; background-position: 0 0; } .irs-line-right { height: 6px; background-position: 100% -30px; } .irs-bar { height: 6px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 6px; width: 7px; background-position: 0 -90px; } .irs-shadow { height: 1px; top: 34px; background: #000; opacity: 0.75; } .lt-ie9 .irs-shadow { filter: alpha(opacity=75); } .irs-slider { width: 8px; height: 15px; top: 21px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #c0c0c0; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0,0,0,0.1); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #3654b0; } .irs-from, .irs-to, .irs-single { color: #000; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(255,255,255,0.8); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #d8dff3; } .irs-grid-pol { background: #777; } .irs-grid-text { color: #e0e0e0; } .irs-disabled { } /* End */ /* Start:/local/templates/swosnew/css/owl.carousel.css?17323332583982*/ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .owl-carousel .owl-animated-in{z-index:0;} .owl-carousel .owl-animated-out{z-index:1;} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-loaded{display:block;} .owl-carousel.owl-loading{opacity:0;display:block;} .owl-carousel.owl-hidden{opacity:0;} .owl-carousel .owl-refresh .owl-item{display:none;} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;} .owl-carousel.owl-rtl{direction:rtl;} .owl-carousel.owl-rtl .owl-item{float:right;} .no-js .owl-carousel{display:block;} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;} .owl-carousel .owl-item img{transform-style:preserve-3d;} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/local/templates/swosnew/css/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display:none;} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;} .owl-carousel .owl-video-frame{position:relative;z-index:1;} .dotsSlider .owl-dots .owl-dot{ opacity: .5 } .dotsSlider .owl-dots .owl-dot:hover{ opacity: 1 } .dotsSlider .owl-dots .owl-dot.active{ cursor: default; } .dotsSlider .owl-dots .owl-dot.active:hover{ opacity: .5 } /* End */ /* Start:/local/templates/swosnew/css/selectric.css?17323332584543*/ /*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* End */ /* Start:/local/templates/swosnew/css/jquery.mCustomScrollbar.css?173233325854850*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/swosnew/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/swosnew/css/jquery-ui.css?173233325835667*/ /*! jQuery UI - v1.11.4 - 2015-05-10 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee ; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 ; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 ; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce ; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff ; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c ; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 ; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon,/* .ui-widget-content .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/swosnew/css/images/ui-icons_ffd27a_256x240.png"); }*/ /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 ; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 ; opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } /* End */ /* Start:/local/templates/swosnew/css/style.css?1750949202399196*/ @charset "UTF-8"; /* tinc project builder styleFile create on 20.07.2018 13:27:50 --- */ .container { width: 1230px; padding: 0px 15px; margin: 0 auto; } table { border-collapse: collapse; } html.bodyModal body { overflow: hidden; } body { font-family: "Roboto"; margin: 0 auto; padding: 0; max-width: 1920px; font-size: 16px; line-height: 23px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; overflow-x: hidden; -webkit-text-size-adjust: 100%; } .overlay { display: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 5; cursor: pointer; } html, *, *:before, *:after { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p, h1, h2, h3, h4, h5, h6 { margin: 0; } iframe { display: block; } ul { margin: 0; padding: 0; list-style-type: none; text-align: left; } *, a { -webkit-outline: none; -moz-outline: none; outline: none; } *:focus, *:active, *:hover, *:link, a:focus, a:active, a:hover, a:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; -webkit-outline: none; -moz-outline: none; outline: none; } a { text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 23px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; } input, button, textarea { border: none; background-color: transparent; box-shadow: none; outline: none; -webkit-appearance: none; display: block; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-appearance: none; font-family: "Roboto"; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } input, textarea { -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; resize: none; } input:disabled, textarea:disabled { background-color: rgba(255, 255, 255, 0.3); color: #bebebe; } input:autofill, input:-webkit-autofill-strong-password, input:-webkit-autofill-strong-password-viewable, input:-webkit-autofill-and-obscured { -webkit-text-fill-color: #787878; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; } button { cursor: pointer; padding: 0; } /* st work */ .catalogMenu .item:nth-child(4) a.linkMain { color: #ff5656 !important; } .catalogMenu .item:nth-child(5) a.linkMain { color: #ff5656 !important; } .previewItem { max-height: 644px; overflow-y: hidden; } @media (max-width: 1279px) { .previewItem { max-height: 500px; overflow-y: hidden; } } @media (max-width: 991px) { .previewItem { max-height: 416px; overflow-y: hidden; } } @media (max-width: 767px) { .previewItem { max-height: 450px; overflow-y: hidden; } } @media (max-width: 921px) { div.banner.mobWidthContainer { max-width: 640px; width: 100%; } .banner .alphaPlace .imageLink { height: 320px !important; } .banner .betaPlace .imageLink { height: 190px !important; } } @media (max-width: 639px) { .banner .alphaPlace .imageLink { height: 162px !important; } .banner .betaPlace .imageLink { height: 95px !important; } } .ui-tabs { border: none; background-color: transparent; padding: 0 !important; } .ui-tabs .ui-tabs-panel { padding: 0; } .ui-tabs .ui-corner-all { border-radius: 0; } .ui-tabs .ui-tabs-nav { padding: 0 !important; background: transparent; border: none; } .ui-tabs .ui-tabs-nav.brdrBot { border-bottom: 2px solid #E5E4DC; } .ui-tabs .ui-tabs-nav.brdrTop { border-top: 2px solid #E5E4DC; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0; } .ui-tabs .ui-tabs-nav:before { display: none; } .ui-tabs .ui-tabs-nav li { margin: 0 !important; border-radius: 0; border: none; background: transparent; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding: 0; margin: 0; } .ui-tabs .ui-tabs-nav.listMenu .ui-tabs-anchor { float: none; font-size: 15px; line-height: 18px; color: #817564; font-weight: 500; display: table; -webkit-transition: border-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; border: none; border-bottom: 1px solid transparent; } .ui-tabs .ui-tabs-nav.listMenu .ui-tabs-anchor:hover { color: #625645; border-color: #625645; } .ui-tabs .ui-tabs-nav.listMenu li { float: none; display: block; } .ui-tabs .ui-tabs-nav.listMenu li.ui-state-active .ui-tabs-anchor { color: #3c3c3c; } .ui-tabs .ui-tabs-nav.listMenu li.ui-state-active .ui-tabs-anchor:hover { color: #3c3c3c; border-color: transparent; } .invisLink { position: relative; z-index: 1; } .invisLink > a, .invisLink .linkInvise { display: block; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 56; overflow: hidden; text-indent: 1920px !important; white-space: nowrap; padding-left: 100% !important; cursor: pointer; } footer .middleFooter .invisLink { display: flex; margin-bottom: 8px; } .backDarker { background-color: #ecece6; } .backLighter { background-color: #f0f0ec; } .brdrBot { border-bottom: 2px solid #E5E4DC; } .brdrTop { border-top: 2px solid #E5E4DC; } .iconLeft, .icoBefore { position: relative; } .iconLeft:before, .icoBefore:before { display: block; font-family: "icomoon"; position: absolute; text-align: center; left: 0; top: 50%; } .mark { font-weight: bold !important; } .slabFont { font-family: "Roboto Slab"; } .navSlider .owl-nav .owl-prev, .navSlider .owl-nav .owl-next { display: block; position: absolute; width: 84px; height: 100%; top: 0%; margin-top: 0px; z-index: 1; left: 0px; } .navSlider .owl-nav .owl-prev:before, .navSlider .owl-nav .owl-next:before { display: block; width: 64px; height: 64px; background: rgba(170, 159, 144, 0.2); text-align: center; font-family: "icomoon"; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; font-size: 36px; line-height: 64px; color: #fff; font-weight: normal; position: absolute; top: 50%; margin-top: -32px; mix-blend-mode: multiply; } .navSlider .owl-nav .owl-prev.owl-prev, .navSlider .owl-nav .owl-next.owl-prev { left: 0; } .navSlider .owl-nav .owl-prev.owl-prev:before, .navSlider .owl-nav .owl-next.owl-prev:before { content: '\e900'; left: 0; } .navSlider .owl-nav .owl-prev.owl-next, .navSlider .owl-nav .owl-next.owl-next { right: 0; left: auto; } .navSlider .owl-nav .owl-prev.owl-next:before, .navSlider .owl-nav .owl-next.owl-next:before { content: '\e901'; right: 0; } .navSlider .owl-nav .owl-prev:hover:before, .navSlider .owl-nav .owl-next:hover:before { background: rgba(170, 159, 144, 0.5); } .navSlider.sliderItems .owl-nav .owl-prev, .navSlider.sliderItems .owl-nav .owl-next { background-color: #fff; } .navSlider.opacityNav .owl-nav { opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .navSlider.opacityNav:hover .owl-nav { opacity: 1; } .navSlider.modalSlider .owl-nav { width: 100vw; } .navSlider.modalSlider .owl-nav .owl-prev, .navSlider.modalSlider .owl-nav .owl-next { position: fixed; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .navSlider.modalSlider .owl-nav .owl-prev:before, .navSlider.modalSlider .owl-nav .owl-next:before { background-color: transparent; color: rgba(255, 255, 255, 0.6); } .navSlider.modalSlider .owl-nav .owl-prev:hover, .navSlider.modalSlider .owl-nav .owl-next:hover { opacity: 0.7; } .navSlider.modalSlider .owl-nav .owl-prev { left: 0; } .navSlider.modalSlider .owl-nav .owl-next { right: 0; } .dotsSlider .owl-dots { display: block; position: absolute; bottom: 25px; text-align: center; width: 100%; line-height: 14px; } .dotsSlider .owl-dots .owl-dot { margin: 0 8px; display: inline-block; width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 2px; } .dotsSlider .owl-dots .owl-dot span { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #fff; width: 100%; height: 100%; } .dotsSlider .owl-dots .owl-dot.active { background-color: #fff; } .dotsSlider .owl-dots .owl-dot.active span { background-color: #8f8370; } .titMain { display: table; margin: 0 auto; } .titMain .titLink { display: block; font-size: 26px; line-height: 32px; color: #505050; font-weight: bold; letter-spacing: 0.6px; text-transform: uppercase; padding: 0 4px; border-bottom: 3px solid #505050; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .titMain-tabs .titMain .titLink { font-weight: normal; } .titMain-tabs .titMain.active .titLink { font-weight: bold; } .titMain .titLink:hover { color: #817564; border-color: #817564; } .titMain .titLink.noUnderLine { border: none; } .titMain.grey .titLink { color: #828282; border-color: #828282; } .titMain.grey .titLink:hover { color: #505050; border-color: #505050; } .titMain + .content { margin-top: 40px; } .imageLink { position: relative; z-index: 1; width: 100%; } .imageLink .imageBl { background-position: left center; background-size: cover; background-repeat: no-repeat; position: absolute; z-index: -2; width: 100%; height: 100%; top: 0; left: 0; } .imageLink .imageBl:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: transparent; left: 0; top: 0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .imageLink:hover .imageBl:before { background-color: rgba(0, 0, 0, 0.07); } .imageLink .txt { font-size: 24px; line-height: 30px; font-weight: normal; margin-top: 10px; } .mainBl { padding: 50px 0 60px; } .titForm { display: block; font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; } .titForm + .cabForm, .titForm + .cabContent { margin-top: 30px; } .titCabPage { font-size: 24px; line-height: 28px; color: #505050; font-weight: bold; } .titCabPage + .cabForm, .titCabPage + .cabContent { margin-top: 30px; } .ui-widget-content a { color: #8f8370; } .colorsItem { margin-top: 0; } .colorsItem > .item { display: inline-block; width: 10px; height: 10px; padding: 10px 5px 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; } .colorsItem > .item .bigColor { width: 36px; height: 36px; } .colorsItem > .item .bigColor + .item { margin-left: 16px; } .colorsItem > .item .colorItem { display: block; position: absolute; } .colorsItem > .item.singleColor .colorItem { width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; left: 0; top: 0; } .colorsItem > .item.twoColours .colorItem { width: 100%; height: 100%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .colorsItem > .item.twoColours .colorItem:first-child { left: -2px; top: -2px; } .colorsItem > .item.twoColours .colorItem:last-child { right: -4px; bottom: -4px; } .colorsItem.bigColors > .item { display: inline-block; width: 36px; height: 36px; } .colorsItem.bigColors > .item + .item { margin-left: 16px; } .colorsItem.bigColors > .item.twoColours .colorItem { width: 100%; height: 100%; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .colorsItem.bigColors > .item.twoColours .colorItem:first-child { left: -12px; top: -12px; } .colorsItem.bigColors > .item.twoColours .colorItem:last-child { right: -14px; bottom: -14px; } .colorsItem.cardColors > .item { width: 16px; height: 16px; margin-right: 8px; } .colorsItem.cardColors > .item.twoColours .colorItem:first-child { left: -2px; top: -2px; } .colorsItem.cardColors > .item.twoColours .colorItem:last-child { right: -6px; bottom: -6px; } .itemAbout { text-align: center; } .itemAbout .txt { margin-top: 10px; } [class*='icon-'] { font-size: 74px; line-height: 74px; color: #8f8370; font-weight: normal; } .mainInp { background-color: #fff; height: 48px; padding: 0 15px; font-size: 16px; line-height: 48px; color: #787878; font-weight: normal; width: 100%; } .mainInp::-webkit-input-placeholder { opacity: 0.5; } .mainInp.cabBrdr { border: 1px solid #ecece6; } .mainInp:-moz-placeholder { opacity: 0.5; } .mainInp::-moz-placeholder { opacity: 0.5; } .mainInp:-ms-input-placeholder { opacity: 0.5; } .mainInp.area { height: auto; font-size: 16px; line-height: 20px; color: #716553; font-weight: normal; padding: 13px 15px; overflow: hidden; } .detailed { font-size: 16px; line-height: 22px; color: #8f8370; font-weight: 500; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; border-bottom: 1px solid transparent; } .detailed:hover { border-color: #8f8370; } .paginationBl { margin-top: 60px; position: relative; z-index: 1; } .paginationBl .guideMark { font-size: 14px; line-height: 32px; color: #6f6f6f; font-weight: normal; float: left; } .paginationBl .guideMark + .listVal { margin-left: 25px; } .paginationBl .pagVal { font-size: 14px; line-height: 32px; color: #2e2e2e; font-weight: normal; -webkit-transition: color 0.3s, background-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .paginationBl .pagVal:hover { color: #817564; } .paginationBl .pagVal.active { color: #fff; } .paginationBl .pagVal.active:hover { color: #fff; } .paginationBl .pagVal.active:after { background-color: rgba(170, 159, 144, 0.95); } .paginationBl .pagVal + .pagVal { margin-left: 25px; } .paginationBl .pagVal, .paginationBl [class*='Arr'] { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; position: relative; text-align: center; display: inline-block; } .paginationBl .pagVal:after, .paginationBl [class*='Arr']:after { content: ''; display: block; position: absolute; height: 32px; width: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; background-color: transparent; z-index: -1; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .paginationBl .pagVal.allVal:after, .paginationBl [class*='Arr'].allVal:after { width: 45px; margin-left: -22.5px; } .paginationBl [class*='Arr'] { font-size: 12px; line-height: 32px; color: #3c3c3c; font-weight: normal; float: left; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; } .paginationBl [class*='Arr']:after { border: 1px solid rgba(187, 178, 166, 0.15); } .paginationBl [class*='Arr']:hover { color: #fff; } .paginationBl [class*='Arr']:hover:after { background-color: rgba(170, 159, 144, 0.95); border-color: transparent; } .paginationBl [class*='Arr'][class*='left'] { margin-right: 25px; } .paginationBl [class*='Arr'][class*='right'] { margin-left: 25px; } .paginationBl .listVal { float: left; } .paginationBl .listVal li { float: left; } .paginationBl .listVal li + li { margin-left: 25px; } .paginationBl .forAll { display: none; } .paginationBl .pagAmount { float: left; } .paginationBl .pagAmount.all > .forAll { display: block; } .paginationBl .pagAmount.all .listVal, .paginationBl .pagAmount.all > :not(.forAll) { display: none; } .paginationBl .pagPages { padding: 30px 12px 0 12px; float: right; } .paginationBl .pagAmount { padding-top: 30px; } .paginationBl .pagPages.pageFirst .leftArr { display: none; } .paginationBl .pagPages.pageLast .rightArr { display: none; } .paginationBl .pagPages.all [class*='Arr'], .paginationBl .pagPages.all li:first-child ~ li { display: none; } .filterSize input { display: none; } .filterSize input + label { display: block; position: relative; font-size: 16px; line-height: 36px; color: #8c8c8c; font-weight: normal; cursor: pointer; width: auto; padding: 0 10px; min-width: 60px; height: 36px; text-align: center; overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px #8c8c8c; -moz-box-shadow: inset 0 0 0 1px #8c8c8c; box-shadow: inset 0 0 0 1px #8c8c8c; } .filterSize input + label:hover { -webkit-box-shadow: inset 0 0 0 2px #828282; -moz-box-shadow: inset 0 0 0 2px #828282; box-shadow: inset 0 0 0 2px #828282; color: #828282; font-weight: bold; } .filterSize input[disabled] + label { opacity: 0.75; cursor: default; } .filterSize input[disabled] + label:before { content: ''; display: block; position: absolute; height: 1px; background-color: rgba(170, 159, 144, 0.8); width: 52px; right: calc(50% - 25px); bottom: 16px; -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); transform: rotate(-50deg); } .filterSize input[disabled] + label:hover { line-height: 36px; color: rgba(170, 159, 144, 0.2); font-weight: normal; -webkit-box-shadow: inset 0 0 0 1px rgba(170, 159, 144, 0.2); -moz-box-shadow: inset 0 0 0 1px rgba(170, 159, 144, 0.2); box-shadow: inset 0 0 0 1px rgba(170, 159, 144, 0.2); } .filterSize input:checked + label { -webkit-box-shadow: inset 0 0 0 2px #828282; -moz-box-shadow: inset 0 0 0 2px #828282; box-shadow: inset 0 0 0 2px #828282; color: #817564; font-weight: bold; } .filterSize input:checked + label:hover { line-height: 36px; color: #817564; font-weight: bold; } .breadcrumbs li { display: inline-block; vertical-align: middle; padding: 0 3px; } .breadcrumbs li + li:before { content: "/"; display: inline; margin-right: 8px; font-size: 13px; line-height: 13px; color: #515151; font-weight: normal; } .breadcrumbs li a { font-size: 13px; line-height: 32px; color: #515151; font-weight: 300; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .breadcrumbs li a:hover { color: #909090; } .breadcrumbs li span { font-size: 13px; line-height: 32px; color: #909090; font-weight: 300; } .breadcrumbs + * { margin-top: 15px; } .irs { height: 20px; } .irs-line { height: 20px; top: 0; } .irs-line:before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -3px; height: 4px; width: 100%; background-color: rgba(170, 159, 144, 0.5); } .irs-bar { background-color: transparent; height: 20px; top: 0; } .irs-bar:before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -3px; height: 4px; width: 100%; background-color: rgba(170, 159, 144, 0.95); } .irs-slider { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #817564; top: 50%; margin-top: -6px; cursor: pointer; } .irs-slider:before { content: ''; display: block; position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; } .irs-from, .irs-to, .irs-single { font-size: 14px; line-height: 36px; color: #505050; font-weight: normal; top: 12px; } .miniTit { font-size: 26px; line-height: 30px; font-weight: 500; } .mainBlock { padding: 50px 0 60px; } .sliderItems.owl-carousel { padding: 0 104px; overflow: hidden; margin-top: -40px; } .sliderItems.owl-carousel .owl-stage-outer { padding: 40px 0px 60px; overflow: visible; } .sliderItems:not(.owl-carousel) { width: auto; display: table; margin: 0 auto !important; } .sliderItems:not(.owl-carousel) > .item { float: left; width: 240px; padding: 0px; } .sliderItemsCab:not(.owl-carousel) { width: auto; display: table; margin: 0 auto !important; } .sliderItemsCab:not(.owl-carousel) > .item { float: left; width: 374px; padding: 0px 30px; } .pageHead { padding: 15px 0 30px; background-color: rgba(236, 236, 230, 0.55); text-align: center; } .pageHead .breadcrumbs { text-align: center; } .pageHead .chaptTheme { margin-top: 14px; text-align: center; } .pageHead .chaptTheme li { display: inline-block; padding: 6px 3px 0; } .pageHead .chaptTheme a { display: block; padding: 0 16px; font-size: 12px; line-height: 32px; color: #8c8c8c; font-weight: normal; text-transform: uppercase; border: 1px solid #dcdcdc; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .pageHead .chaptTheme a.inCost { padding: 0 36px 0 16px; position: relative; } .pageHead .chaptTheme a.inCost:before { content: '\e915'; font-size: 14px; line-height: 32px; color: #8c8c8c; font-weight: normal; display: block; position: absolute; right: 0; top: 0; left: auto; width: 36px; text-align: center; -webkit-transition: transform 0.3s, color 0.3s; -moz-transition: transform 0.3s, color 0.3s; -o-transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; } .pageHead .chaptTheme a.inCost.down:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pageHead .chaptTheme a:not(.active):hover { border-color: #817564; color: #817564; } .pageHead .chaptTheme a.active { background-color: rgba(170, 159, 144, 0.95); color: #fff; cursor: default; border-color: transparent; } .pageHead .chaptTheme a.active:before { color: #fff; } .pageHead .txt { margin-top: 10px; padding: 0 268px; } .pageHead .pageHeadResultTxt { font-size: 15px; line-height: 21px; color: #636363; font-weight: 300; max-width: 664px; margin: 10px auto 0; } .pageHead .pageHeadResultTxt a { font-size: 15px; line-height: 21px; font-weight: 300; } .pageHead .pageHeadResultTxt a.phone { color: #636363; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .pageHead .pageHeadResultTxt a.phone:hover { opacity: 0.6; } .pageHead .pageHeadResultTxt a.mail { color: #625645; text-decoration: underline; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; } .pageHead .pageHeadResultTxt a.mail:hover { text-decoration-color: transparent; } .pageHead .cabTxt { font-size: 18px; line-height: 26px; color: #636363; font-weight: 300; padding: 0 231px; margin-top: 20px; } .pageHead .cabTxt .yourMail { font-weight: normal; color: #505050; } .pageHead.noChapt { padding-bottom: 40px; } .pageHead .titPage { display: block; font-family: "Roboto Slab"; font-size: 30px; line-height: 40px; color: #505050; font-weight: bold; margin-top: 0; } .pageHead .titPage .numItems { font-family: "Roboto"; font-size: 16px; line-height: 40px; color: #8f8370; font-weight: bold; display: inline-block; vertical-align: top; margin-left: 3px; margin-top: -7px; } .pageHead .infoAccHead { display: block; font-family: "Roboto Slab"; font-size: 24px; line-height: 40px; color: #8f8370; font-weight: normal; margin-top: 10px; } .pageHead.withImage { padding: 0; } .pageHead.withImage .headImage { width: 100%; height: 304px; background-position: center; background-size: cover; background-repeat: no-repeat; } .pageHead.withImage .txt { padding: 0; font-size: 15px; line-height: 21px; color: #505050; } .pageHead.withImage .txt + .txt { margin-top: 10px; } .pageHead.withImage .detailed { display: inline-block; font-size: 15px; line-height: 17px; color: #8f8370; font-weight: 500; position: relative; margin-top: -1px; } .pageHead.withImage .pageHeadCont { padding: 15px 40px 80px 0; text-align: left; position: relative; height: 304px; } .pageHead.withImage .chaptTheme { text-align: left; position: absolute; bottom: 30px; left: -3px; } .pageHead.withImage .breadcrumbs { text-align: left; } .pageHead.withImage .titPage { margin-top: 0; } .toolItem { background-color: #636363; z-index: 3; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; position: absolute; width: 220px; padding: 10px 25px 12px 15px; top: 50%; right: 100%; margin-right: 26px; } .toolItem.toolClick { display: none; margin-top: -40px; } .toolItem .txt { font-size: 14px; line-height: 17px; color: #fff; font-weight: 300; } .toolItem .txt .mark { font-size: 14px; line-height: 17px; color: #fff; font-weight: 300; display: block; } .toolItem .okey { font-size: 14px; line-height: 18px; color: #8c8c8c; font-weight: 500; text-transform: uppercase; display: inline-block; float: right; cursor: pointer; margin-top: 5px; } .toolItem:before { content: ''; display: block; position: absolute; border: 12px solid transparent; border-left: 12px solid #636363; left: 100%; top: 50%; margin-top: -12px; } .toolItem.active { display: block; } .toolItem.toolHover { opacity: 0; -webkit-transition: opacity 0.3s, margin-right 1.2s; -moz-transition: opacity 0.3s, margin-right 1.2s; -o-transition: opacity 0.3s, margin-right 1.2s; transition: opacity 0.3s, margin-right 1.2s; margin-top: -28px; margin-right: -220px; z-index: 0; } .toolItem.toolHover.active { opacity: 1; margin-right: 26px; z-index: 3; -webkit-transition: opacity 0.3s, margin-right 0s; -moz-transition: opacity 0.3s, margin-right 0s; -o-transition: opacity 0.3s, margin-right 0s; transition: opacity 0.3s, margin-right 0s; } .toolItem.hiddenForever { display: none; } .toolItem.toolPopular { position: fixed; right: 30px; bottom: 30px; z-index: 200; width: 270px; height: auto; padding: 15px; top: auto; margin-right: 0; } .toolItem.toolPopular:before { display: none; } .cookies { position: fixed; bottom: -300px; left: 0; width: 100%; padding: 25px 0; background-color: #3c3c3c; -webkit-transition: bottom 0.6s; -moz-transition: bottom 0.6s; -o-transition: bottom 0.6s; transition: bottom 0.6s; z-index: 10; } .cookies.active { bottom: 0; } .cookies .in { padding-right: 170px; position: relative; width: 970px; margin: 0 auto; } .cookies .txt { font-size: 16px; line-height: 20px; color: #fff; font-weight: 300; } .cookies .btnForm { font-size: 16px; line-height: 42px; color: #fff; font-weight: 500; padding: 0 20px; position: absolute; right: 0; top: 50%; margin-top: -21px; } .mCSB_scrollTools { width: 6px; right: 0; opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { width: 6px; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: rgba(170, 159, 144, 0.2); } .mCSB_scrollTools .mCSB_dragger { background-color: rgba(170, 159, 144, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: transparent; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: inherit; opacity: 0.9; } .mCSB_inside > .mCSB_container { margin-right: 0; } .modalsScroll { overflow: auto; position: fixed; z-index: -1; left: 0; top: 0; height: 100%; width: 100%; display: none; } .modals { height: 100vh; width: 100%; position: relative; } .modals [class*='icon-close'] { display: table; position: absolute; z-index: 15; left: 100%; margin-left: 5px; top: -8px; font-size: 36px; line-height: 36px; color: #fff; font-weight: 500; letter-spacing: 0; cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .modals [class*='icon-close']:hover { opacity: 0.7; } .modals.table { display: table; } .modals .tCell { padding: 50px 15px; overflow: auto; display: table-cell; vertical-align: middle; } .modalsScroll.open, .btnMenuBl.openTopicMenu { z-index: 1055; display: block; } .overlayModal { z-index: 4; position: fixed; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .blockMod { position: relative; z-index: 65; display: none; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center; } .blockMod.open { display: table; } .modals .in { display: table; margin: 0 auto; } #previewItem.blockMod .in { margin: 0 auto; } #previewItem.blockMod .in .navSlider { position: static; } .letsBuy .navSlider .owl-nav .owl-prev:before, .letsBuy .navSlider .owl-nav .owl-next:before { margin-top: -105px; } .letsBuy .sliderItemsCab .owl-nav .owl-prev:before, .letsBuy .sliderItemsCab .owl-nav .owl-next:before { margin-top: -32px; } .validate input.error { font-size: 14px; line-height: 20px; color: #ff5656; font-weight: normal; } .validate input.error ~ .labelWrap { padding-bottom: 20px; } .validate label.error { font-size: 12px; line-height: 20px; color: #ff5656; font-weight: normal; text-align: left; top: 100%; margin-top: 5px; } .validate label#agreeRules-error { display: block; position: absolute; bottom: 0; top: auto; margin-top: 0; left: 0; } .cabForm .inputs .inpBl + .inpBl { margin-top: 30px; } .cabForm .inputs .inpBl .btnForm { width: 100%; } .cabForm .checkBlockHor { padding: 12px 0; } .cabModal { width: 520px; padding: 30px 40px 40px; background-color: #fff; } .cabModal .inpBl + .inpBl { margin-top: 30px; } .cabModal .inpBl .textareaBlock { height: 202px; overflow: hidden; } .cabModal .sendBl { margin-top: 30px; } .cabModal .sendBl .btnForm { width: 100%; } .cabModal .editButtons { margin-top: 30px; } .cabModal .orderModal { padding: 30px 40px 40px; } .selectric-mainSelect .selectric { border: 1px solid #ecece6; background: #fff; } .selectric-mainSelect .selectric .label { font-size: 16px; line-height: 46px; color: #787878; font-weight: normal; margin: 0 44px 0 15px; height: 46px; } .selectric-mainSelect .selectric .label .cap { color: #bebebe; } .selectric-mainSelect .selectric .button { right: 0; top: 0; width: 44px; height: 48px; line-height: 48px; background-color: transparent; color: #787878; text-align: center; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .selectric-mainSelect .selectric .button:after { content: "\e912"; font-family: "icomoon"; font-size: 20px; line-height: 46px; color: #787878; font-weight: normal; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; border: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .selectric-mainSelect .selectric:hover .button:after { color: #282828; } .selectric-mainSelect .selectric-items { font-family: "Roboto"; left: 0; margin-top: -1px; background: #fff; border: 1px solid rgba(236, 236, 230, 0.55); -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.15); } .selectric-mainSelect .selectric-items li { padding: 0 15px; font-size: 16px; line-height: 48px; color: #787878; font-weight: normal; } .selectric-mainSelect .selectric-items li.highlighted, .selectric-mainSelect .selectric-items li.selected, .selectric-mainSelect .selectric-items li:hover { background: rgba(236, 236, 230, 0.55); color: #787878; } .selectric-mainSelect.selectric-open .selectric .button { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sizeItem .selectric-mainSelect .selectric-items li { padding: 0 5px 0 10px; } .sizeItem .selectric-mainSelect.selectric-open .selectric .button { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .checkLabel { display: block; position: relative; font-size: 16px; line-height: 24px; color: #505050; font-weight: normal; padding-left: 23px; cursor: pointer; } .checkLabel .checkCircle { display: block; position: absolute; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #505050; left: 0; top: 3px; background-color: #fff; } .checkLabel .checkCircle:before { content: ''; display: block; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #aa9f90; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Roboto"; } .checkInput { display: none; } .checkInput ~ [class*='Variant'] .detailedWay { display: none; } .checkInput + .checkLabel:hover { color: #282828; } .checkInput:checked + .checkLabel { color: #282828; } .checkInput:checked + .checkLabel .checkCircle:before { opacity: 1; } .checkInput:checked ~ [class*='Variant'] .checkLabel { color: #282828; } .checkInput:checked ~ [class*='Variant'] .checkLabel .checkCircle:before { opacity: 1; } .checkInput:checked ~ [class*='Variant'] .sum { color: #817564 !important; } .checkInput:checked ~ .addressVariant, .checkInput:checked ~ .cardVariant { background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 2px #bbb2a6; -moz-box-shadow: inset 0 0 0 2px #bbb2a6; box-shadow: inset 0 0 0 2px #bbb2a6; } .stepTit { font-size: 20px; line-height: 24px; color: #505050; font-weight: 500; } .detailedInput { font-size: 16px; line-height: 20px; color: #787878; font-weight: normal; } .inpBl { position: relative; } .inpBl.phoneBlockForm { border: 1px solid #ecece6; z-index: 1; } .inpBl.phoneBlockForm .openMask { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; cursor: text; } .inpBl.phoneBlockForm .closeMask { background-color: #b4b4b4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 14px; line-height: 16px; color: #fff; font-weight: normal; cursor: pointer; display: none; width: 16px; height: 16px; text-align: center; position: absolute; right: 14px; top: 50%; margin-top: -8px; } .inpBl.phoneBlockForm .input { padding-right: 35px; -webkit-transition: margin-left 0.3s, width 0.3s; -moz-transition: margin-left 0.3s, width 0.3s; -o-transition: margin-left 0.3s, width 0.3s; transition: margin-left 0.3s, width 0.3s; } .inpBl.phoneBlockForm .selectCountryBlock { position: absolute; width: 100%; top: 0; left: 0; z-index: -1; } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper { padding-right: calc(100% - 74px); } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper span.ico { display: block; position: absolute; width: 28px; height: 28px; left: 16px; top: 50%; margin-top: -14px; background-position: center; background-size: cover; } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper span.ico.ico-ru { background-image: url(/local/templates/swosnew/css/../img/flags/ru.svg); } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper span.ico.ico-kz { background-image: url(/local/templates/swosnew/css/../img/flags/kz.svg); } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper span.ico.ico-kg { background-image: url(/local/templates/swosnew/css/../img/flags/kg.svg); } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper span.ico.ico-by { background-image: url(/local/templates/swosnew/css/../img/flags/by.svg); } .inpBl.phoneBlockForm .selectCountryBlock .selectric-wrapper span.ico.ico-am { background-image: url(/local/templates/swosnew/css/../img/flags/am.svg); } .inpBl.phoneBlockForm .selectCountryBlock .selectric { border: none; background-color: #fff; } .inpBl.phoneBlockForm .selectCountryBlock .selectric .label { line-height: 48px; height: 48px; margin: 0 30px 0 15px; } .inpBl.phoneBlockForm .selectCountryBlock .selectric .label:before { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 34px; background-color: #70675b; margin-top: -17px; opacity: 0.5; } .inpBl.phoneBlockForm .selectCountryBlock .selectric .button { width: 30px; } .inpBl.phoneBlockForm .selectCountryBlock .selectric-items { width: 100% !important; margin-top: 0; } .inpBl.phoneBlockForm .selectCountryBlock .selectric-items li { position: relative; padding-left: 74px; } .inpBl.phoneBlockForm .selectCountryBlock .selectric-items li span.ico { left: 15px; } .inpBl.phoneBlockForm.active input { width: calc(100% - 74px); margin-left: 74px; } .inpBl.phoneBlockForm.active .openMask { display: none; } .inpBl.phoneBlockForm.active .closeMask { display: block; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } [class*="fancybox"] .close { display: block; position: relative; z-index: 15; left: 0; margin-left: 5px; font-size: 36px; line-height: 36px; color: #fff; font-weight: 500; letter-spacing: 0; cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .table { display: table; } .table.full { width: 100%; } .table .tBody { display: table-row-group; } .table .tRow { display: table-row; } .table .tHead { display: table-row; } .table .tCell { display: table-cell !important; } .table .tCell.middle { vertical-align: middle; } .table .tCell.top { vertical-align: top; } .table .tCell.bottom { vertical-align: bottom; } .table .tCell.right { text-align: right; } .table .tCell.left { text-align: left; } .table .tCell.center { text-align: center; } .cfix:after, .row:after, .grid:after { content: " "; display: block; clear: both; } .cfix > .left, .cfix > .item, .row > .left, .row > .item, .grid > .left, .grid > .item { float: left; } .cfix > .right, .cfix > .item.right, .row > .right, .row > .item.right, .grid > .right, .grid > .item.right { float: right; } .cfix.noPadd, .row.noPadd, .grid.noPadd { margin: 0; } .cfix.noPadd > .item, .row.noPadd > .item, .grid.noPadd > .item { padding: 0; } .textCenter { text-align: center !important; } .textLeft { text-align: left !important; } .textRight { text-align: right !important; } .grid { margin: -30px -15px 0px; } .grid > .item { padding: 30px 15px 0px; } .grid.bigPadd { margin: -40px -20px 0px; } .grid.bigPadd > .item { padding: 40px 20px 0px; } .row { margin-left: -15px; margin-right: -15px; } .row > .item { padding-left: 15px; padding-right: 15px; } .row > .right, .row > .left { padding-left: 15px; padding-right: 15px; } /*.row.bigPadd { margin-left: -20px; margin-right: -20px; }*/ .row.bigPadd > .item { padding-left: 20px; padding-right: 20px; } .row.bigPadd > .right, .row.bigPadd > .left { padding-left: 20px; padding-right: 20px; } .col0 { width: 0px; } .col1 { width: 10%; } .col2 { width: 20%; } .col3 { width: 30%; } .col3f { width: 33%; } .col1_3 { width: 33.3333333333%; } .col2_3 { width: 66.6666666667%; } .col1_4 { width: 25%; } .col4 { width: 40%; } .col5 { width: 50%; } .col6 { width: 60%; } .col7 { width: 70%; } .col8 { width: 80%; } .col9 { width: 90%; } .col10 { width: 100%; } footer .middleFooter .col4 { width: 37%; } footer .middleFooter .mark { font-size: 14px; line-height: 19px; font-weight: normal !important; } footer .middleFooter .icon-contactsFooter { display: flex; width: 18px; height: 18px; margin-right: 8px; } footer .middleFooter .call { background-image: url(/local/templates/swosnew/css/../img/call.svg); } footer .middleFooter .mail { background-image: url(/local/templates/swosnew/css/../img/mail.svg); } footer .freeCall { margin-left: 30px; font-size: 12px; line-height: 14px; font-weight: normal; } .warningFooter { font-family: "Roboto"; font-weight: normal; padding: 30px 15px 0 205px; font-size: 14px; line-height: 16px; color: #8C8C8C; } .gridFooter { margin-bottom: 20px; } /* Поиск в хедере - start */ .topMenu .cfix:after { display: none; } .topMenu__custom { position: relative; display: flex; justify-content: space-between; align-items: center; margin-right: 2px; } .topMenu__custom .topSearch__middle { min-width: 100px; display: none; } .topMenu__custom .search .listResult li { float: none; } .topMenu__custom .search .listResult li + li { margin-left: 0; } .input-search__wrap { position: relative; width: 285px; height: 25px; margin-left: 120px; } .header-float__wrap .input-search__wrap ul.listResult { margin-top: 2px; background-color: #fff; } .header-float__wrap .input-search__wrap ul.listResult li:hover { background-color: #f5f5f2; } .header-float__wrap .input-search__wrap .resultsNum { border-top: 1px solid #E7E6E1; background-color: #ECECE6; padding: 10px; } .input-search__wrap .searchShotResult { position: absolute; background-color: #fff; z-index: 1; top: 100%; margin-top: 10px; left: 0; width: 100%; -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); overflow: hidden; /*display: none;*/ } .input-search__wrap .searchShotResult .listResult { padding: 25px 0; } .input-search__wrap .searchShotResult .resultsNum { border-top: 1px solid rgba(136, 141, 143, 0.2); font-size: 14px; line-height: 20px; color: #817564; font-weight: bold; letter-spacing: 0; text-transform: uppercase; padding: 20px 56px 25px; background: #fff; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .input-search__wrap .searchShotResult .resultsNum > * { display: block; } .input-search__wrap .searchShotResult .resultsNum:hover { background-color: #f5f5f2; } .input-search__wrap .searchShotResult .itemResult { display: block; background-color: transparent; padding: 0 56px 0; font-size: 18px; line-height: 36px; color: #a5a5a5; font-weight: normal; letter-spacing: 0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; } .input-search__wrap .searchShotResult .itemResult > * { display: block; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .input-search__wrap .searchShotResult .itemResult.previewRes { padding: 17px 56px 17px 136px; } .input-search__wrap .searchShotResult .itemResult.previewRes .imagePreview { display: block; position: absolute; width: 60px; height: 60px; left: 56px; top: 50%; margin-top: -30px; background-repeat: no-repeat; background-position: center; background-size: cover; } .input-search__wrap .searchShotResult .itemResult .match { color: #3c3c3c; } .input-search__wrap .searchLine .searchShotResult .itemResult:hover { background-color: #f5f5f2; } .topSearch__disp .searchStroke { width: 100%; background-color: transparent; padding: 0 30px 0 30px; font-size: 14px; line-height: 24px; color: #3c3c3c; font-weight: normal; } .topSearch__disp .input-search__wrap .searchStroke { border: 1px solid #8C8C8C; } .topSearch__disp .input-search__wrap .searchStroke:focus { border: 1px solid #ff5656; } .topSearch__disp .input-search__wrap .searchClick { left: 5px; right: auto; font-size: 18px; line-height: 26px; } .topSearch__disp .input-search__wrap .closeSearch { right: 5px; left: auto; font-size: 18px; line-height: 26px; } .topSearch__disp .input-search__wrap .searchShotResult { position: absolute; background-color: #fff; z-index: 2; top: 100%; margin-top: 10px; left: 0; width: 100%; -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); overflow: hidden; } .topSearch__disp .input-search__wrap .searchShotResult .listResult { padding: 10px 0; } .topSearch__disp .input-search__wrap .searchShotResult ul.listResult li { float: none; } .topSearch__disp .input-search__wrap .searchShotResult ul.listResult li + li { margin-left: 0; } .topSearch__disp .input-search__wrap .searchShotResult .resultsNum { border-top: 1px solid rgba(136, 141, 143, 0.2); font-size: 14px; line-height: 20px; color: #817564; font-weight: bold; letter-spacing: 0; text-transform: uppercase; padding: 20px 25px 25px; background: #fff; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .topSearch__disp .input-search__wrap .searchShotResult .resultsNum > * { display: block; } .topSearch__disp .input-search__wrap .searchShotResult .resultsNum:hover { background-color: #f5f5f2; } .topSearch__disp .input-search__wrap .searchShotResult .itemResult { display: block; background-color: transparent; padding: 0 56px 0; font-size: 18px; line-height: 36px; color: #a5a5a5; font-weight: normal; letter-spacing: 0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; } .topSearch__disp .input-search__wrap .searchShotResult .itemResult > * { display: block; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .topSearch__disp .input-search__wrap .searchShotResult .itemResult.previewRes { padding: 10px 20px 14px 85px; } .topSearch__disp .input-search__wrap .searchShotResult .itemResult.previewRes span { font-size: 16px; } .topSearch__disp .input-search__wrap .searchShotResult .itemResult.previewRes .imagePreview { display: block; position: absolute; width: 50px; height: 50px; left: 20px; top: 50%; margin-top: -30px; background-repeat: no-repeat; background-position: center; background-size: cover; } .topSearch__disp .input-search__wrap .searchShotResult .itemResult .match { color: #3c3c3c; } .topSearch__disp .input-search__wrap .searchLine .searchShotResult .itemResult:hover { background-color: #f5f5f2; } .header-float__wrap .searchStroke { width: 100%; height: 38px; background-color: transparent; padding: 0 40px 0 40px; font-size: 14px; line-height: 36px; color: #3c3c3c; font-weight: normal; } .header-float__wrap .searchStroke::-webkit-input-placeholder { -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } .header-float__wrap .searchStroke::-moz-placeholder { -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } .header-float__wrap .searchStroke:-moz-placeholder { -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } .header-float__wrap .searchStroke:-ms-input-placeholder { -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } .input-search__wrap .searchClick { position: absolute; right: 8px; top: 50%; z-index: 1; display: block; font-size: 25px; line-height: 28px; color: #AA9F90; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; margin-top: -13px; } .input-search__wrap .searchClick:hover { color: #817564; } .input-search__wrap .closeSearch { position: absolute; left: 8px; top: 50%; z-index: 1; display: block; font-size: 25px; line-height: 28px; color: #AA9F90; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; margin-top: -13px; } .input-search__wrap .closeSearch:hover { color: #817564; } .input-search__wrap .searchStroke::-webkit-input-placeholder { text-align: center; } .input-search__wrap .searchStroke::-moz-placeholder { text-align: center; } .input-search__wrap .searchStroke:-ms-input-placeholder { text-align: center; } /* Старый поиск - для правок header .search { position: absolute; width: 32px; right: 0; top: 50%; margin-top: -18px; z-index: 2; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } header .search .closeSearch { opacity: 0; position: absolute; right: 0; font-size: 32px; line-height: 36px; color: #787878; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; top: 50%; margin-top: -18px; } header .search .closeSearch:hover { color: #3c3c3c; } header .search .searchClick { position: absolute; left: 0; z-index: 1; display: block; font-size: 32px; line-height: 36px; color: #3c3c3c; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; top: 50%; margin-top: -18px; } header .search .searchClick:hover { color: #817564; } */ /* Поиск в хедере - end */ /* Плавающий хедер - start */ .header-float__wrap { display: none; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; background-color: #ECECE6; transition: 0.5s; } .header-float__wrap.scroll-active { transition: 0.5s; display: block; } .header-float__wrap .headInfo { display: flex; align-items: center; padding: 15px 0; } .header-float__wrap .headInfo .menuButton { float: none; } .header-float__wrap .headInfo .menuButton .linkMain { padding-right: 39px; } .header-float__wrap .cfix:after { display: none; } .header-float__wrap .headBottom { display: flex; align-items: center; justify-content: space-between; padding: 0; width: calc(100% - 167px); } .header-float__wrap .subMenu.main { width: 122%; left: -150px; } .header-float__wrap .headInfo .logo__img { width: 36px; min-width: 36px; margin-right: 4px; } .header-float__wrap .headInfo .logo__img svg { width: 36px; } .header-float__wrap .headInfo .logo__text { font-size: 11px; max-width: 127px; } .header-float__wrap .menuButton .linkMain { border-right: none; border-left: 2px solid #AA9F90; padding-left: 81px; } .header-float__wrap .menuButton .linkMain .deskBurger { left: 28px; } .header-float__wrap .input-search__wrap { max-width: 760px; width: 74%; position: relative; float: left; border: 1px solid #AA9F90; height: 40px; margin-left: 0; } .header-float__wrap .headInfo .toBasket { margin-left: 30px; } /* Плавающий хедер - end*/ /* Табы - Акции, Статьи, Новости - start */ .titMain-tabs { display: flex; align-items: baseline; justify-content: center; min-height: 40px; } .titMain-tabs .titMain { margin: 0 25px; } .titMain-tabs .titMain .titLink { border-bottom: none; } .titMain-tabs .titMain .titLink:hover { border-bottom: 3px solid #817564; color: #817564; } .titMain-tabs .titMain.active .titLink { border-bottom: 3px solid #505050; color: #505050; } .tabs-block--js { display: none; } .tabs-block--js.active { display: block; } .titMain-tabs + .content { margin-top: 40px; } /* Табы - end */ /* карусель Бренды - start */ .sliderBrands__wrap .cardItem { height: 148px; margin-bottom: 0; } .sliderBrands__wrap .invisLink:before { display: none; } .sliderBrands__wrap .brandItem { height: 108px; background-position: center; background-repeat: no-repeat; background-size: contain; } .sliderBrands__wrap .cardItem .picItemBlock { height: 108px; } body .sliderBrands__wrap .navSlider .owl-nav .owl-next, body .sliderBrands__wrap .navSlider .owl-nav .owl-prev { height: 230px; top: 35% } /* карусель Бренды - end */ /* Наши магазины - start */ .mainShops { margin-top: 50px; } .mainShops .titMain-tabs { min-height: 30px; } .mainShops .titMain-tabs .titMain { margin: 0 9px; } .mainShops .titMain-tabs .titMain .titLink { font-weight: normal; font-size: 20px; line-height: 23px; } .mainShops .titMain-tabs .titMain .titLink:hover { border-bottom: 2px solid #817564; color: #817564; } .mainShops .titMain-tabs .titMain.active .titLink { font-weight: bold; border-bottom: 2px solid #505050; } .mainShops .listAddress__wrap { width: 100%; font-size: 14px; line-height: 18px; } .mainShops .itemAddress { display: flex; padding-right: 20px; width: 20%; } .mainShops .itemAddress__wrap.itemAddress__head { padding: 10px 0 7px; } .mainShops .itemAddress__wrap { padding: 25px 0 7px; display: flex; border-bottom: 2px solid #E7E6E1; } .mainShops .itemAddress__link { cursor: pointer; } .mainShops .itemAddress__wrap:last-child { border-bottom: none; } .mainShops .itemAddress__first { font-weight: 500; } .mainShops .itemAddress__head { text-transform: uppercase; } .mainShops .itemAddress span { display: inline-block; } .mainShops .itemAddress__link { font-size: 14px; line-height: 18px; display: inline-flex; align-items: flex-start; } .mainShops .maps-icon:before { display: flex; content: ''; background-image: url(/local/templates/swosnew/css/../img/location-icon.svg); width: 16px; height: 16px; margin-right: 7px; } .mainShops .mapAddress__wrap .storeInfo { padding-right: 0; height: 400px; margin-bottom: 30px; } /* Наши магазины - end */ @media (max-width: 1279px) { header .topMenu .topMenu__custom li + li { margin-left: 20px; } .header-float__wrap .subMenu.main { width: 156%; } .input-search__wrap { margin-left: 27px; width: 215px; } .header-float__wrap .headBottom { width: calc(100% - 167px - 110px); } .s8col1 { width: 12.5%; } .s8col2 { width: 25%; } .s8col3 { width: 37.5%; } .s8col1_3 { width: 33.3333333333%; } .s8col2_3 { width: 66.6666666667%; } .s8col1_4 { width: 25%; } .s8col1_5 { width: 20%; } .s8col4 { width: 50%; } .s8col5 { width: 62.5%; } .s8col6 { width: 75%; } .s8col7 { width: 87.5%; } .s8col8 { width: 100%; } } @media (max-width: 991px) { .warningFooter { padding-left: 15px; } .grid { margin: -30px -15px 0px; } .grid > .item { padding: 30px 15px 0px; } .grid.bigPadd { margin: -30px -15px 0px; } .grid.bigPadd > .item { padding: 30px 15px 0px; } .row { margin-left: -15px; margin-right: -15px; } .row > .item { padding-left: 15px; padding-right: 15px; } .row > .right, .row > .left { margin-bottom: 40px; padding-left: 15px; padding-right: 15px; } /*.row.bigPadd { margin-left: -15px; margin-right: -15px; }*/ .row.bigPadd > .item { padding-left: 15px; padding-right: 15px; } .row.bigPadd > .right, .row.bigPadd > .left { padding-left: 15px; padding-right: 15px; } .s12col1 { width: 8.3333333333%; } .s12col2 { width: 16.6666666667%; } .s12col3 { width: 25%; } .s12col1_3 { width: 33.3333333333%; } .s12col2_3 { width: 66.6666666667%; } .s12col1_4 { width: 25%; } .s12col4 { width: 33.3333333333%; } .s12col5 { width: 41.6666666667%; } .s12col6 { width: 50%; } .s12col7 { width: 58.3333333333%; } .s12col8 { width: 66.6666666667%; } .s12col9 { width: 75%; } .s12col10 { width: 83.3333333333%; } .s12col11 { width: 91.6666666667%; } .s12col12 { width: 100%; } .topMenu__custom .topSearch__disp { display: none; } .topMenu__custom li:last-child span { display: none; } .topMenu__custom .topSearch__middle { display: block; } .header-float__wrap .headBottom { width: calc(100% - 167px - 110px - 100px); } .mainShops .itemAddress__wrap { display: block; } .mainShops .itemAddress__wrap.itemAddress__head { display: none; } .mainShops .itemAddress { width: 100%; margin-bottom: 20px; } .mainShops .titMain-tabs + .content { margin-top: 5px; } .mainShops .mapAddress__wrap { margin: 30px 10px 0; } .mainShops .titMain-tabs .titMain .titLink { font-weight: normal; font-size: 14px; line-height: 16px; } .revArticles .titMain-tabs .titMain { margin: 0 10px; } .header-float__wrap .subMenu.main { width: calc(100% + 408px); left: -165px; } .header-float__wrap .catalogMenuTablet .linkMain { border-left: none; } .header-float__wrap .input-search__wrap .searchShotResult .itemResult.previewRes { padding: 7px 13px 12px 70px; } .header-float__wrap .input-search__wrap .searchShotResult .itemResult.previewRes span { font-size: 16px; } .header-float__wrap .input-search__wrap .searchShotResult .resultsNum { padding: 20px 15px 25px; } .header-float__wrap .input-search__wrap .searchShotResult .itemResult.previewRes .imagePreview { width: 50px; height: 50px; left: 10px; } /* 991 карусель Бренды - start */ .sliderBrands__wrap .cardItem { height: auto; padding-bottom: 0; } .sliderBrands__wrap .invisLink:before { display: none; } .sliderBrands__wrap .brandItem { height: 60px; } .sliderBrands__wrap .cardItem .picItemBlock { height: auto; } body .sliderBrands__wrap .navSlider .owl-nav .owl-next, body .sliderBrands__wrap .navSlider .owl-nav .owl-prev { height: 158px; } /* 991 карусель Бренды - end */ footer .middleFooter .col4 { width: 100%; } footer .middleFooter .grid.sec-grid .col2 { width: 50%; } footer .middleFooter .grid.sec-grid { border-top: 1px solid rgba(170, 159, 144, 0.2); } footer .middleFooter .mark { font-size: 12px; } footer .freeCall { font-size: 10px; } footer .warningFooter { padding-top: 39px; font-size: 12px; line-height: 16px; text-align: left; } } @media (max-width: 767px) { .grid { margin: -20px -10px 0px; } .grid > .item { padding: 20px 10px 0px; } .grid.bigPadd { margin: -30px -15px 0px; } .grid.bigPadd > .item { padding: 30px 15px 0px; } .row { margin-left: -10px; margin-right: -10px; } .row > .item { padding-left: 10px; padding-right: 10px; } .row > .right, .row > .left { padding-left: 10px; padding-right: 10px; } /*.row.bigPadd { margin-left: -15px; margin-right: -15px; }*/ .row.bigPadd > .item { padding-left: 15px; padding-right: 15px; } .row.bigPadd > .right, .row.bigPadd > .left { padding-left: 15px; padding-right: 15px; } .col1-xs { width: 100%; } .col2-xs { width: 50%; } .col3-xs { width: calc(100% / 3); } .col4-xs { width: calc(100% / 4); } .header-float__wrap { display: none; } .mapAddress__wrap .storeInfo .mapStore { height: 400px; } .header-float__wrap.scroll-active { display: none; } .sliderBrands__wrap .brandItem { height: 38px; } } @media (max-width: 479px) { .col1-xss { width: 100%; } .col2-xss { width: 50%; } .col3-xss { width: calc(100% / 3); } .col4-xss { width: calc(100% / 4); } } @media (min-width: 1280px) { [class*='show'][class*='wLG'] { display: none !important; } } @media (min-width: 992px) { [class*='show'][class*='wMD'] { display: none !important; } } @media (min-width: 768px) { [class*='show'][class*='wSM'] { display: none !important; } } @media (min-width: 480px) { [class*='show'][class*='wXS'] { display: none !important; } } @media (min-width: 320px) { [class*='show'][class*='wXSS'] { display: none !important; } } .hide { display: none !important; } @media (max-width: 1279px) { [class*='hide'][class*='eMD'] { display: none !important; } } @media (max-width: 991px) { [class*='hide'][class*='eSM'] { display: none !important; } } @media (max-width: 767px) { [class*='hide'][class*='eXS'] { display: none !important; } } @media (max-width: 479px) { [class*='hide'][class*='eXSS'] { display: none !important; } } .btnMain { display: table; padding: 8px 9px; font-size: 15px; line-height: 22px; font-weight: 500; text-transform: uppercase; border-width: 2px; border-style: solid; text-align: center; -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s, background-color 0.3s; -o-transition: color 0.3s, border-color 0.3s, background-color 0.3s; transition: color 0.3s, border-color 0.3s, background-color 0.3s; } .btnMain.black { border-color: #282828; color: #282828; } .btnMain.black:hover { border-color: #fff; background-color: #fff; } .btnMain.white { border-color: #fff; color: #fff; } .btnMain.white:hover { border-color: #282828; background-color: #282828; } [class*='btn'] { text-transform: uppercase; } [class*='btn'][class*='Black'] { font-size: 16px; line-height: 48px; color: #fff; font-weight: 500; letter-spacing: 0.9px; background-color: #3c3c3c; width: 100%; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } [class*='btn'][class*='Black']:hover { background-color: #1e1e1e; } [class*='btn'][class*='OneClick'] { font-size: 16px; line-height: 48px; color: #fff; font-weight: 500; letter-spacing: 0.9px; background-color: #aa9f90; width: 100%; } .btnBlack { font-size: 15px; line-height: 22px; font-weight: 500; display: block; text-align: center; } .btnBlack.noVis { display: none; } .btnBlack .bask { color: #aa9f90; text-decoration: underline; font-weight: 500; } .btnForm { display: table; font-size: 16px; line-height: 22px; color: #fff; font-weight: 500; letter-spacing: 0.9px; background-color: #aa9f90; text-align: center; text-transform: uppercase; padding: 13px 20px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .btnForm:not(:disabled):hover { background-color: #8f8370; } .btnForm:disabled { background-color: #bbb2a6; color: rgba(255, 255, 255, 0.6); cursor: default; } .btnReview { padding: 13px 28px; margin-bottom: 30px; } .btnMore { display: table; font-size: 16px; line-height: 48px; color: #fff; font-weight: 500; letter-spacing: 0.9px; background-color: #aa9f90; text-align: center; text-transform: uppercase; padding: 0 20px 0 0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; margin: 40px auto 0; -webkit-appearance: none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .btnMore:before { content: '\e910'; font-family: "icomoon"; display: inline-block; vertical-align: middle; width: 57px; text-align: center; font-size: 40px; line-height: 48px; color: #fff; font-weight: normal; letter-spacing: 0; } .btnMore:hover { background-color: #8f8370; } p.white { color: #fff; } .btnNoStyle { display: table; padding: 0 20px; font-family: "IBM Plex Sans"; font-size: 16px; line-height: 36px; color: #aa9f90; font-weight: 500; letter-spacing: 0; } .btnGrey { display: table; padding: 0 20px; font-family: "IBM Plex Sans"; background-color: #aa9f90; font-size: 16px; line-height: 36px; color: #fff; font-weight: 500; letter-spacing: 0; } .onTop { font-size: 15px; line-height: 42px; color: #fff; font-weight: normal; letter-spacing: 0; padding: 0 60px 0 15px; background-color: rgba(170, 159, 144, 0.8); position: fixed; /* bottom: 180px; */ bottom: 25px; left: 80px; z-index: 10; cursor: pointer; display: none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .onTop:before { content: '\e915'; display: block; position: absolute; font-family: "icomoon"; width: 50px; text-align: center; font-size: 15px; line-height: 42px; color: #fff; font-weight: normal; letter-spacing: 0; right: 0; top: 0; } .onTop:hover { background-color: rgba(170, 159, 144, 0.95); } .simpleBtnStyle { font-size: 16px; line-height: 24px; color: #817564; font-weight: normal; letter-spacing: 0; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .simpleBtnStyle > * { border-bottom: 1px solid #817564; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .simpleBtnStyle:hover { color: #282828; } .simpleBtnStyle:hover > * { border-color: #282828; } header .topMenu { padding: 8px 0 9px; border-width: 1px; display: flex; justify-content: space-between; } header .topMenu li { float: left; line-height: normal; } header .topMenu li a{ transition: 0.3s ease font-weight; } header .topMenu li:last-child { float: right; } header .topMenu li + li { margin-left: 31px; } header .topMenu a { font-size: 14px; line-height: 20px; color: #8C8C8C; font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .topMenu a:hover { font-weight: bold; opacity: 1; } header .topMenu .toCab { padding-left: 25px; } header .topMenu .toCab:before { content: '\e911'; display: block; position: absolute; width: 20px; font-size: 20px; line-height: 20px; margin-top: -10px; } header .backDarker { position: relative; z-index: 50; } header .backDarker:before { content: ''; display: block; position: absolute; height: 100%; z-index: -1; width: 100vw; left: 50%; margin-left: -50vw; background-color: #ecece6; } header .topMenuMobile li { padding: 3px 0 2px; } header .topMenuMobile a { font-size: 14px; line-height: 20px; color: #787878; font-weight: normal; display: table; padding: 3px 0 3px; opacity: 0.65; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; text-transform: none; } header .topMenuMobile a:hover { color: #282828; opacity: 1; } header .topMenuMobile .toCab { padding-left: 25px; } header .topMenuMobile .toCab:before { content: '\e911'; display: block; position: absolute; width: 20px; font-size: 20px; line-height: 20px; margin-top: -10px; } header .headInfo { position: relative; padding: 30px 0 27px; display: flex; align-items: center; justify-content: space-between; } header .headInfo .mobBurger { font-size: 32px; line-height: 32px; color: #505050; font-weight: normal; opacity: 0.7; display: block; position: absolute; left: 0; top: 50%; margin-top: -16px; cursor: pointer; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } header .headInfo .mobBurger:hover { opacity: 1; } header .headInfo .logo img { display: block; width: 216px; height: 60px; } header .headInfo .logo img.scrollLogo { display: none; } header .headInfo .toBasket { position: relative; } header .headInfo .toBasket > [class*='icon'] { font-size: 48px; line-height: 60px; color: #505050; font-weight: 500; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } header .headInfo .toBasket > [class*='icon']:hover { opacity: 1; } header .headInfo .toBasket .clickFastBasket { cursor: pointer; } header .headInfo .toBasket .wrapNums { position: absolute; top: -12px; right: 1px; display: block; /* width: 32px; */ text-align: center; } header .headInfo .toBasket .numGoods { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; color: #fff; background-color: #ff5656; font-size: 12px; line-height: 14px; font-weight: 500; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } header .headInfo .contacts { margin-left: 50px; padding: 12px 0; } header .headInfo .contacts [class*='icon'] { font-size: 48px; line-height: 48px; color: #8f8370; font-weight: normal; display: block; position: absolute; left: 0; top: 60%; margin-top: -20px; opacity: 0.7; } header .headInfo .contacts .places { position: relative; /*margin-right: 47px;*/ margin-left: -47px; } @media screen and (max-width: 1281px) { header .headInfo .contacts .places { margin-right: 0; } } header .headInfo .contacts .itemCont { float: left; /* width: 265px; */ max-width: 175px; /* width: 155px; */ width: auto; opacity: 0.85; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; margin-right: 42px; } header .headInfo .contacts .itemCont.phone { margin-right: 0; } header .headInfo .contacts .itemCont::last-child { margin-right: 0; } @media (min-width: 479px) { .phone { width: 196px !important; } } header .headInfo .contacts .itemCont .in { display: table; position: relative; padding-left: 40px; } header .headInfo .contacts .itemCont .in [class*='icon'] + * { font-size: 16px; line-height: 20px; color: #636363; font-weight: 500; margin-top: 6px; } header .headInfo .contacts .itemCont .in [class*='icon'] + * > * { font-size: 16px; line-height: 20px; color: #505050; font-weight: 300; display: table; } header .headInfo .contacts .itemCont.phone [class*='icon'] + * > * { font-size: 16px; line-height: 16px; } header .headInfo .contacts .itemCont.phone [class*='icon'] + * > *.mark { font-size: 16px; line-height: 16px; } header .headInfo .contacts .itemCont:hover { opacity: 1; } header .headBottom { padding: 25px 0; position: relative; } header .menuButton { float: left; } header .menuButton .linkMain { border-right: 2px solid #E5E4DC; padding-left: 51px; position: relative; padding-right: 30px; } header .menuButton .linkMain .deskBurger { position: absolute; left: 0; top: 50%; font-size: 36px; line-height: 36px; color: #3c3c3c; font-weight: normal; margin-top: -18px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .linkMain { font-size: 16px; line-height: 36px; color: #3c3c3c; font-weight: 500; text-transform: uppercase; cursor: pointer; display: block; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .linkMain:hover { color: #817564; } header .linkMain:hover .deskBurger { color: #817564; } header .catalogMenu { float: left; } header .catalogMenu > .item { float: left; } header .catalogMenu > .item:first-child { margin-left: 21px; } header .catalogMenu > .item:first-child ~ .item { margin-left: 45px; } header .search { width: 32px; top: 50%; left: 0; margin-top: -18px; } header .search .closeSearch { opacity: 0; position: absolute; right: 0; font-size: 32px; line-height: 36px; color: #787878; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; top: 50%; margin-top: -18px; } header .search .closeSearch:hover { color: #3c3c3c; } header .search .searchClick { position: absolute; left: -50px; z-index: 1; display: block; font-size: 20px; line-height: 24px; color: #e01b22; font-weight: bold; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; top: 50%; } header .search .searchClick:after { content: 'Поиск'; font-family: "Roboto"; font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-left: 4px; position: relative; top: -3px; } header .search .searchClick:hover { color: #817564; } header .search .searchLine { position: relative; width: 100%; } header .search .searchLine .searchStroke { width: 100%; height: 36px; padding: 0 18px; font-size: 18px; line-height: 36px; color: #3c3c3c; font-weight: normal; } header .search .searchLine .searchStroke::-webkit-input-placeholder { color: transparent; -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } header .search .searchLine .searchStroke::-moz-placeholder { color: transparent; -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } header .search .searchLine .searchStroke:-moz-placeholder { color: transparent; -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } header .search .searchLine .searchStroke:-ms-input-placeholder { color: transparent; -webkit-transition: color 1.2s; -moz-transition: color 1.2s; -o-transition: color 1.2s; transition: color 1.2s; } header .search .searchLine .searchShotResult { position: absolute; background-color: #fff; z-index: 1; top: 100%; margin-top: 20px; left: 0; width: 100%; -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); overflow: hidden; display: none; } header .search .searchLine .searchShotResult .listResult { padding: 25px 0; } header .search .searchLine .searchShotResult .resultsNum { border-top: 1px solid rgba(136, 141, 143, 0.2); font-size: 14px; line-height: 20px; color: #817564; font-weight: bold; letter-spacing: 0; text-transform: uppercase; padding: 20px 56px 25px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } header .search .searchLine .searchShotResult .resultsNum > * { display: block; } header .search .searchLine .searchShotResult .resultsNum:hover { background-color: #f5f5f2; } header .search .searchLine .searchShotResult .itemResult { display: block; background-color: transparent; padding: 0 56px 0; font-size: 18px; line-height: 36px; color: #a5a5a5; font-weight: normal; letter-spacing: 0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; } header .search .searchLine .searchShotResult .itemResult > * { display: block; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } header .search .searchLine .searchShotResult .itemResult.previewRes { padding: 17px 56px 17px 136px; } header .search .searchLine .searchShotResult .itemResult.previewRes .imagePreview { display: block; position: absolute; width: 60px; height: 60px; left: 56px; top: 50%; margin-top: -30px; background-repeat: no-repeat; background-position: center; background-size: cover; } header .search .searchLine .searchShotResult .itemResult .match { color: #3c3c3c; } header .search .searchLine .searchShotResult .itemResult:hover { background-color: #f5f5f2; } header .search.active { position: absolute; right: 0; top: 50%; margin-top: -18px; z-index: 2; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; width: 100%; } header .search.active .searchClick { background: #fff; font-size: 32px; line-height: 36px; margin-top: -18px; font-weight: normal; left: 0; } header .search.active .searchClick:after { display: none; } header .search.active .searchLine .searchStroke { background: #fff; } header .search.active .searchStroke { padding: 0 56px; } header .search.active .searchStroke::-webkit-input-placeholder { color: #787878; } header .search.active .searchStroke::-moz-placeholder { color: #787878; } header .search.active .searchStroke:-moz-placeholder { color: #787878; } header .search.active .searchStroke:-ms-input-placeholder { color: #787878; } header .search.active .closeSearch { opacity: 1; } header .search.active .searchClick { color: #817564; } header .search.active .searchLine .searchShotResult.active { display: block; } header .subMenuNoMajor .leftMenu, header .subMenuNoMajor .rightMenu, header .subMenuMain .leftMenu, header .subMenuMain .rightMenu { float: left; padding: 0 40px; } header .subMenuNoMajor .leftMenu .item, header .subMenuMain .leftMenu .item { width: 248px; } header .subMenuNoMajor .rightMenu, header .subMenuMain .rightMenu { width: 248px; } header .subMenu { position: absolute; background-color: #fff; z-index: 56; top: 100%; left: 0; margin-left: -40px; margin-right: -40px; padding: 30px 0 35px; -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25); display: none; } header .subMenu .tit { font-size: 14px; line-height: 20px; color: #817564; font-weight: bold; text-transform: uppercase; display: table; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .subscribe_management-title { margin-bottom: 30px; } body .st_switch_on { background-color: rgba(187, 178, 166, 0.6); } body .st_switch_off:after { left: 0 } body .st_switch_off { background-color: #fff; border: solid 1px #dcdcdc; } header .subMenu .tit .num { font-size: 14px; line-height: 20px; color: #8c8c8c; font-weight: 400; } header .subMenu .tit:hover { color: #625645; } header .subMenu .allShoes { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(140, 140, 140, 0.2); } header .subMenu .listMenu { margin-top: 10px; } header .subMenu .listMenu li { display: block; padding: 6px 0; } header .subMenu .listMenu a { font-size: 14px; line-height: 20px; color: #505050; font-weight: normal; display: table; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } header .subMenu .listMenu a.all { font-weight: bold; } header .subMenu .listMenu a.all .num { color: #8c8c8c; font-weight: normal; } header .subMenu .listMenu a.toAll { color: #aa9f90; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; } header .subMenu .listMenu a.toAll:hover { text-decoration-color: #aa9f90; } header .subMenu .listMenu a:not(.toAll):hover { border-bottom: 1px solid #505050; } header .subMenu:before { content: ''; display: block; position: absolute; width: 248px; height: 100%; background-color: rgba(187, 178, 166, 0.15); top: 0; right: 0; z-index: -1; } header .subMenu.main .menu + .menu { padding-top: 30px; margin-top: 30px; border-top: 1px solid rgba(140, 140, 140, 0.2); } header .subMenu .searchMob, header .subMenu .catalogMenuTablet, header .subMenu .topMenuMobile { display: none; } header .subMenu .menuBanner { margin-top: 30px; } header .subMenu .menuBanner .imageLink { padding: 24px 40px 24px; height: 130px; } header .subMenu .menuBanner .imageLink .in > * { font-size: 32px; line-height: 36px; color: #636363; font-weight: bold; display: block; } header .subMenu .menuBanner .imageLink .tit { color: #3c3c3c; } .banner .bigTile { padding-right: 4px; width: 850px; } .banner .lilTiles { width: 350px; } .banner .lilTiles .imageBl { background-position: center bottom; } .banner .alphaPlace .imageLink { height: 423px; padding: 70px 272px 70px 50px; } .banner .alphaPlace .imageLink .titBan { font-size: 42px; line-height: 48px; font-weight: bold; letter-spacing: 0; } .banner .betaPlace + .betaPlace { margin-top: 4px; } .banner .betaPlace .imageLink { height: 209px; padding: 25px 100px 30px 25px; } .banner .betaPlace .imageLink .titBan { font-size: 26px; line-height: 30px; font-weight: bold; letter-spacing: 0; } .banner .bannerHighlight .txt { text-align: center; padding: 30px 0; font-size: 24px; line-height: 40px; color: #8f8370; font-weight: normal; } .inBasket { display: none; position: absolute; z-index: 4; padding: 20px 20px 0px; width: 500px; top: 90px; left: 50%; margin-left: -250px; background-color: #fff; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); } .inBasket:before { content: ""; display: block; position: absolute; border: 16px solid transparent; border-bottom: 16px solid #fff; bottom: 100%; left: 50%; margin-left: -16px; } .inBasket .in { max-height: 400px; height: auto; -webkit-box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.25); padding-bottom: 15px; } .inBasket .downBasket { padding: 20px 0; text-align: center; position: relative; } .inBasket .downBasket .btnForm { padding: 10px 20px; display: inline-block; } .inBasket .downBasket .btnForm.oneClick { padding: 8px 20px; margin-top: 10px; color: #817564; border: 2px solid #817564; background: none; } .inBasket .downBasket .congratBasket { display: none; margin-top: 20px; font-size: 14px; line-height: 18px; color: #817564; font-weight: 500; width: 100%; text-align: center; } .inBasket .downBasket .cost { display: none; text-align: left; width: 100%; padding-bottom: 15px; font-size: 16px; line-height: 22px; color: #282828; font-weight: 500; margin-left: 120px; } .inBasket.adding .downBasket .btnForm { width: 100%; } .inBasket.adding .congratBasket { display: block; } .inBasket.adding .cost { display: block; } .basketItem { position: relative; padding-left: 120px; padding-top: 20px; padding-bottom: 20px; } .basketItem .imageItem { width: 100px; height: 100px; background-size: cover; background-position: center; position: absolute; left: 0; top: 50%; margin-top: -50px; } .basketItem .info > * { display: block; } .basketItem .info .simpleTxt { font-size: 14px; line-height: 20px; color: #3c3c3c; font-weight: normal; } .basketItem .info .itemSort { font-size: 14px; line-height: 20px; color: #3c3c3c; font-weight: 500; } .basketItem .info .cost { font-size: 14px; line-height: 20px; color: #3c3c3c; font-weight: bold; } .basketItem .info .old { font-size: 14px; line-height: 20px; color: #3c3c3c; font-weight: normal; text-decoration: line-through; } .basketItem .info .new { font-size: 14px; line-height: 20px; color: #ff5656; font-weight: bold; } .basketItem .info .itemName, .basketItem .info .sizes { font-size: 14px; line-height: 20px; color: #828282; font-weight: normal; } .basketItem .info .sizes { margin-top: 5px; } .prevCollection { padding: 50px 0 30px; } .prevCollection .imageLink { height: 644px; padding: 40px; } .prevCollection .imageLink .titleImg { font-size: 36px; line-height: 42px; font-weight: bold; } .prevCollection .imageLink .titleImg.big { font-size: 42px; } .prevCollection .imageLink.noTxt { padding: 50px 40px 70px; } .prevCollection .imageLink .txt { font-size: 16px; line-height: 21px; font-weight: normal; margin-top: 15px; } .prevCollection .imageLink.white .titleImg, .prevCollection .imageLink.white .txt { color: #fff; } .prevCollection .imageLink .btnMain { margin-top: 30px; position: relative; z-index: 2; } .cardItem { position: relative; height: 435px; padding: 20px; margin-top: -20px; margin-bottom: -80px; } .cardItem .picItemBlock { position: relative; width: 100%; height: 208px; } .cardItem .picItemBlock > .picItem { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .cardItem .picItemBlock > .picItem.hoverImage { opacity: 0; } .cardItem .visibleBlock { padding: 15px 0 20px; } .cardItem .info { text-align: center; } .cardItem .info .name { font-size: 14px; line-height: 20px; font-weight: 500; display: block; padding: 0 7px; } .cardItem .info .brandName { font-size: 14px; line-height: 20px; color: #828282; font-weight: normal; } .cardItem .info .costBl { display: block; font-size: 14px; line-height: 20px; color: #282828; font-weight: normal; } .cardItem .info .costBl > span { display: inline-block; } .cardItem .info .costBl .cost { font-weight: bold; } .cardItem .info .costBl .cost.old { color: #282828; font-weight: normal; text-decoration: line-through; } .cardItem .info .costBl .cost.new { color: #ff5656; margin-left: 3px; } .cardItem .info .sizes { font-size: 13px; line-height: 17px; color: #828282; font-weight: normal; padding: 15px 0 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; display: none; } .cardItem > .in { z-index: 1; position: relative; } .cardItem > .in:hover { z-index: 10; } .cardItem > .in:hover .sizes { display: block; } .cardItem > .in:hover .picItem:not(.hoverImage) { opacity: 0; } .cardItem > .in:hover .picItem.hoverImage { opacity: 1; } .cardItem > .in:hover:before { content: ""; display: block; position: absolute; width: calc(100% + 40px); height: calc(100% + 40px); top: -20px; left: -20px; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: #fff; } .tagItem { display: block; position: absolute; width: 48px; line-height: 18px; text-transform: uppercase; font-size: 11px; line-height: 23px; font-weight: normal; padding-right: 11px; text-align: center; top: 30px; left: 0; z-index: 1; } .tagItem [class^="icon-"] { display: block; position: absolute; width: 100%; top: 50%; margin-top: -25px; left: -2px; z-index: -1; font-size: 48px; line-height: 48px; font-weight: normal; } .tagItem [class^="icon-"] [class^="path"] { position: absolute; left: 0; top: 0; } .tagItem [class^="icon-"] [class^="path"]:before { margin-left: 0; } .tagItem.saleMark { color: #ff5656; } .tagItem.saleMark .path2:before { color: #ff5656; } .tagItem.newMark { color: #282828; } .tagItem.newMark .path2:before { color: #282828; } .advantages .content { padding: 45px 0 50px; } .advantages .txt { line-height: 22px; color: #787878; font-weight: normal; padding: 0 25px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; /* cursor: pointer; */ cursor: default; } .advantages [class*="icon"] { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; font-size: 74px; line-height: 74px; color: #8f8370; font-weight: normal; } .advantages .in:hover .txt:hover { color: #505050; } .advantages .in:hover [class*="icon"] { color: #505050; } .ourServ { padding: 40px 0 60px; } .ourServ .txt { font-family: "Roboto Slab"; font-size: 18px; line-height: 22px; color: #8f8370; font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .ourServ [class*="icon"] { font-size: 120px; line-height: 120px; color: #787878; font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .ourServ [class*="icon"] svg { max-width: 120px; max-height: 120px; vertical-align: top; } .ourServ .in:hover .txt { color: #625645; } .ourServ .in:hover img { fill: #3c3c3c; } .ourServ .in:hover [class*="icon"] { color: #3c3c3c; } .letsBuy { padding: 50px 0 0px; } .chapterArticle { display: block; font-size: 15px; line-height: 24px; color: #aa9f90; font-weight: normal; text-transform: uppercase; } .chapterArticle.white { color: #fff; } .nameArticle { display: block; font-size: 20px; line-height: 24px; font-weight: 500; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .revArticles .nameArticle, .themeArticles .nameArticle { font-size: 18px; line-height: 22px; font-weight: 500; } .revArticles.mainBl .nameArticle, .themeArticles.mainBl .nameArticle { font-size: 20px; line-height: 24px; font-weight: 500; } .revArticles.mainBl .shortArticleHor .nameArticle, .themeArticles.mainBl .shortArticleHor .nameArticle { font-size: 18px; line-height: 22px; font-weight: 500; } .themeArticles { margin-top: 35px; } .themeArticles .themeTitle { font-size: 18px; line-height: 24px; color: #8f8370; font-weight: bold; } .themeArticles .themeTitle + .content { margin-top: 30px; } .shortArticleVert .image { background-size: cover; background-position: center; height: 221px; width: 100%; } .shortArticleVert .shortInfo { padding: 10px 0 0; overflow: hidden; height: auto; } .shortArticleVert .txtArticle { margin-top: 5px; font-size: 16px; line-height: 22px; } .shortArticleHor { display: table; } .shortArticleHor .noimage { height: 30px; width: 168px; } .shortArticleHor .image { height: 112px; width: 168px; background-size: cover; background-position: center; } .shortArticleHor .shortInfo { padding: 0 15px 0 25px; display: table-cell; vertical-align: middle; } .shortArticleHor .image, .shortArticleVert .image { position: relative; } .shortArticleHor .image:before, .shortArticleVert .image:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: transparent; left: 0; top: 0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .shortArticleHor:hover .nameArticle, .shortArticleVert:hover .nameArticle { color: #817564; } .shortArticleHor:hover .image:before, .shortArticleVert:hover .image:before { background-color: rgba(0, 0, 0, 0.07); } .subForm { padding: 25px 268px 30px; text-align: center; } .subForm > [class*="icon"] { display: block; font-size: 64px; line-height: 64px; color: #aa9f90; font-weight: normal; } .subForm .titForm { margin-top: 10px; } .subForm .agreeConf { font-size: 13px; line-height: 16px; color: rgba(140, 140, 140, 0.7); font-weight: normal; padding: 0 98px; margin-top: 20px; } .subForm .agreeConf a { font-size: 13px; line-height: 16px; color: rgba(140, 140, 140, 0.7); font-weight: normal; text-decoration: underline; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .subForm .agreeConf a:hover { color: #8c8c8c; } .subForm .subBl { margin: 25px auto 0; } .subForm .success { margin-top: 20px; font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; } .subForm .success a { font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; } .subForm.embedded { padding: 35px 30px 19px; text-align: left; } .subForm.embedded:before { clear: both; } .subForm.embedded .headForm { padding-left: 76px; position: relative; } .subForm.embedded .headForm [class*="icon"] { font-size: 56px; line-height: 56px; color: #aa9f90; font-weight: normal; position: absolute; left: 0; top: 50%; margin-top: -28px; } .subForm.embedded .headForm .titForm { font-size: 17px; line-height: 21px; color: #505050; font-weight: bold; } .subForm.embedded .txt { font-size: 14px; line-height: 19px; color: #787878; font-weight: normal; margin-top: 15px; } .subForm.embedded .subBl { margin: 20px auto 0; } .subForm.embedded .subBl input { background-color: #fff; height: 42px; font-size: 14px; line-height: 42px; } .subForm.embedded .subBl .btnForm { padding: 10px 30px; } .subForm.embedded .agreeConf { font-size: 12px; line-height: 15px; color: rgba(140, 140, 140, 0.7); font-weight: normal; padding: 0; margin-top: 25px; } .subForm.embedded .agreeConf a { font-size: 12px; line-height: 15px; color: rgba(140, 140, 140, 0.7); font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .subForm.embedded .agreeConf a:hover { color: #8c8c8c; } .subItem + .item { clear: both; } .subBl { display: table; width: 100%; } .subBl > div { display: table-cell; vertical-align: top; text-align: left; } .subBl > div:first-child { width: 100%; } .subBl > div:last-child { white-space: nowrap; } .subBl .btnForm { margin-left: 10px; } .subBl input { width: 100%; } .aboutShop { margin-top: 60px; } .aboutShop .titLink { text-transform: none; font-weight: 500; padding-left: 0; } .aboutShop .txt p { font-size: 18px; line-height: 25px; } .aboutShop .txt p + p { margin-top: 15px; } .aboutShop .txt .titMain { margin-left: 0; } .aboutShop .txt .titMain + * { margin-top: 10px; } .aboutShop .image { height: 342px; } .aboutShop .detailed { display: table; padding: 0; } .leftMiniMenu .listMenu { padding: 27px 0 30px; } .leftMiniMenu .listMenu li { display: table; } .leftMiniMenu .listMenu li + li { margin-top: 15px; } .leftMiniMenu .listMenu li + li.ui-state-active { margin-top: 15px; } .leftMiniMenu .listMenu a, .leftMiniMenu .listMenu li span { font-size: 15px; line-height: 18px; color: #817564; font-weight: 500; -webkit-transition: border-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; display: inline; cursor: pointer; border-bottom: 1px solid transparent; } .leftMiniMenu .listMenu a:hover, .leftMiniMenu .listMenu li span:hover { color: #625645; border-color: #625645; } .leftMiniMenu .listMenu a.active, .leftMiniMenu .listMenu li span.active { color: #3c3c3c; } .leftMiniMenu.withTit .titMiniMenu { font-size: 15px; line-height: 24px; color: #505050; font-weight: bold; text-transform: uppercase; display: block; margin-top: 15px; } .leftMiniMenu.withTit .listMenu { padding-top: 15px; } .leftMiniMenu .exit { font-size: 15px; line-height: 18px; color: #817564; font-weight: 500; display: table; margin-top: 15px; } .titBlock { font-size: 20px; line-height: 24px; color: #505050; font-weight: 500; } .reviews { margin: 0 auto; padding: 40px 124px 5px 132px; border-bottom: 2px solid rgba(187, 178, 166, 0.15); } .revBlock { display: table; width: 100%; } .revBlock > .item { display: table-cell; vertical-align: middle; } .revBlock > .item:last-child { padding-left: 40px; } .revBlock .in { position: relative; } .revBlock .in:before { content: ""; display: block; position: absolute; background-color: #E5E4DC; height: 2px; width: 100%; bottom: -35px; } .revBlock:last-child .in:before { display: none; } .revBlock:not(.mini) { padding: 35px 0; } .revBlock:not(.mini) .in { padding-left: 200px; } .revBlock:not(.mini) .in:before { width: calc(100% - 200px); } .revBlock:not(.mini) .photo { position: absolute; left: 0; top: 50%; margin-top: -82px; width: 164px; height: 164px; } .revBlock:not(.mini):first-child { margin-top: -35px; } .revBlock .headRev { cursor: pointer; } .revBlock .name { display: block; font-size: 18px; line-height: 23px; color: #505050; font-weight: 500; } .revBlock .who { display: block; font-size: 16px; line-height: 22px; color: #817564; font-weight: normal; } .revBlock .photo { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-position: center; background-size: cover; margin: 0 auto; } .revBlock .revTxt .txt { font-size: 16px; line-height: 22px; color: #3c3c3c; margin-top: 10px; } .revBlock.mini { padding-bottom: 35px; } .revBlock.mini > .item { display: block; } .revBlock.mini > .item:first-child, .revBlock.mini > .item:last-child { width: auto; float: left; margin-right: 15px; padding: 6px 0 5px; } .revBlock.mini .headRev { padding-left: 71px; position: relative; } .revBlock.mini .photo { position: absolute; left: 0; top: 50%; width: 56px; height: 56px; margin-top: -28px; } .revBlock.mini + .revBlock { padding-top: 35px; } .revBlock.mini:last-child .revTxt { border: none; } .revBlock.articleInfo .photo { position: static; left: auto; top: auto; margin-top: 0; width: 310px; height: 310px; border-radius: 0; } .revBlock.articleInfo .in { padding-left: 30px; } .faq { padding: 30px 0 80px; } .faq .content p { font-size: 16px; line-height: 23px; color: #282828; margin-top: 10px; } .faq .content .sBlock { padding-right: 120px; } .faq .content .sBlock + .sBlock { margin-top: 25px; } .deliveryItem p { font-size: 16px; line-height: 23px; color: #282828; margin-top: 5px; } .deliveryItem .sBlock + .sBlock { margin-top: 20px; } .descriptionItem p, .descriptionItem .txt { font-size: 16px; line-height: 22px; color: #3c3c3c; font-weight: 300; } .descriptionItem p + p, .descriptionItem p + .txt, .descriptionItem .txt + p, .descriptionItem .txt + .txt { margin-top: 10px; } .magazineMenu { padding: 15px 0 20px; } .magazineMenu li { padding-right: 30px; } .magazineMenu li a { font-size: 18px; line-height: 48px; color: #817564; font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .magazineMenu li a:hover { color: #3c3c3c; } .topMagazine .bannerMagazine .imageLink { width: 846px; height: 423px; padding: 50px 40px; margin-right: 4px; } .topMagazine .bannerMagazine .imageLink .imageBl:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); opacity: 0.7; } .topMagazine .bannerMagazine .imageLink .txt { font-size: 32px; line-height: 38px; font-weight: bold; } .topMagazine .bannerMagazine .newsOneLine { width: 350px; height: 423px; padding: 25px 30px 45px; } .topMagazine .bannerMagazine .newsOneLine .newsOneList { margin-top: 11px; } .topMagazine .bannerMagazine .newsOneLine .newsOne { padding: 25px 0; } .topMagazine .bannerMagazine .newsOneLine .newsOne + .newsOne { border-top: 1px solid rgba(140, 140, 140, 0.2); } .topMagazine .bannerMagazine .newsOneLine .newsOne .nameArticle { font-size: 16px; line-height: 20px; font-weight: 500; } .topMagazine .shortNews { margin: 4px -2px 0; } .topMagazine .shortNews > .item { padding: 0 2px; } .topMagazine .shortNews .image { height: 199px; } .topMagazine .shortNews .shortInfo { height: 122px; padding: 20px 30px 30px; } .magazineContent { padding: 40px 0 60px; } .magazineContent .shortArticleHor { padding: 19px 0; } .magazineContent .shortArticleHor .image { width: 312px; height: 208px; margin-right: 30px; } .magazineContent .shortArticleHor .shortInfo { padding: 0; position: relative; } .magazineContent .shortArticleHor .shortTxt { margin-top: 10px; padding: 0; line-height: 22px; } .magazineContent .shortArticleHor + .shortArticleHor .shortInfo:before { content: ""; display: block; position: absolute; width: 100%; height: 2px; background-color: rgba(140, 140, 140, 0.2); bottom: 100%; margin-bottom: 18px; right: 0; } .magazineContent .shortArticleHor:last-child { padding-bottom: 0; } .magazineContent .shortArticleHor:first-child { padding-top: 0; } .magazineContent + .subForm { margin-top: -22px; } .newsArticle .image { background-image: url(/local/templates/swosnew/css/../img/w_banner.jpg); } .sideAdvertising .sideItems .cardItem { padding: 0; } * + .advertisingBanner { margin-top: 60px; } .advertisingBanner { height: 312px; position: relative; padding: 30px 20px 20px; margin-bottom: 50px; } .advertisingBanner .titAdvertising { font-size: 28px; line-height: 32px; color: #fff; font-weight: 500; } .advertisingBanner:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: -1; } .postHead { padding: 30px 208px 45px 40px; } .postHead .nameArticle { margin-top: 5px; font-size: 36px; line-height: 42px; color: #505050; font-weight: bold; } .postHead .txt { margin-top: 10px; font-size: 20px; line-height: 26px; color: #636363; font-weight: 300; } .textPost { width: 703px; margin: 0 auto; } .textPost .galleryBlock { margin-top: 33px; } .textPost .galleryBlock + * { margin-top: 30px; } .textPost .galleryBlock .galleryArticle { padding: 30px 0; margin: 0 auto; } .textPost > p { font-size: 16px; line-height: 23px; color: #282828; font-weight: 300; } .textPost > p a { color: #4f4535; opacity: 1; border-bottom: 1px solid #4f4535; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .textPost > p a:hover { opacity: 0.7; } .textPost > p ~ p { margin-top: 30px; } .textPost .bigImage { height: 414px; background-size: cover; background-position: center; } .textPost .imageCaption { margin-top: 20px; font-size: 16px; line-height: 22px; color: #767676; font-weight: 300; font-style: italic; } .textPost .titArticle { display: table; font-size: 20px; line-height: 24px; color: #505050; font-weight: 500; margin-top: 30px; } .textPost .titArticle + * { margin-top: 15px; } .textPost .lilTitArticle { display: table; font-size: 20px; line-height: 24px; color: #505050; font-weight: 500; margin-top: 25px; } .textPost .lilTitArticle + * { margin-top: 10px; } .textPost .postReview { margin-top: 30px; padding: 30px 30px 35px 0; } .textPost .postReview .headRev { position: relative; } .textPost .postReview .revBlock { padding: 0; } .textPost .postReview .revBlock.articleInfo { padding-left: 30px; } .textPost .postReview .revBlock.articleInfo > .item { vertical-align: middle; } .textPost .postReview .revBlock.articleInfo > .item:first-child { width: auto; } .textPost .postReview .revBlock.articleInfo > .item:last-child { width: calc(100% - 310px); } .textPost .postReview .articleInfo .photo { top: auto; left: auto; width: 310px; height: 310px; } .textPost .postReview .revBlock { padding: 0; } .textPost .postReview .revBlock:not(.mini):first-child { margin-top: 0; } .textPost .postReview .revBlock > .item { vertical-align: top; } .textPost .postReview .revBlock > .item:first-child { width: 188px; } .textPost .postReview .revBlock > .item:last-child { padding-left: 0; width: calc(100% - 188px); } .textPost .postReview .photo { width: 128px; height: 128px; top: 0; margin-top: 0; left: -158px; } .textPost .postReview .revTxt { width: auto; border-bottom: 0; padding: 0; } .textPost .articleBy { margin-top: 25px; } .textPost .articleBy > * { display: block; font-size: 16px; line-height: 22px; color: #a0a0a0; font-weight: 300; } .textPost.magazinePost { width: 738px; } .textPost.magazinePost .titArticle { font-size: 24px; line-height: 28px; color: #505050; font-weight: bold; } .textPost.magazinePost > p { font-size: 18px; line-height: 26px; color: #282828; font-weight: 300; } .postPage { padding: 30px 40px 50px; } .postPage .shortArticles .nameArticle { font-size: 18px; } .postPage.textPage { padding: 30px 40px 80px; } .sideArticles { width: calc(100% - 738px); padding-left: 80px; } .sideArticles .shortArticleVert .shortInfo { padding: 15px 20px 25px; } .sideArticles .shortArticleVert .shortInfo .chapterArticle { font-size: 13px; line-height: 24px; color: #aa9f90; font-weight: normal; } .sideArticles .shortArticleVert .shortInfo .shortArticle { font-size: 18px; line-height: 22px; color: #3c3c3c; font-weight: 500; } .sideArticles .shortArticleVert .image { height: 151px; } .sideArticles .shortArticleVert + .shortArticleVert { margin-top: 4px; } .sideArticles .newsOneLine { margin-top: 30px; padding: 25px 20px 10px; } .sideArticles .newsOneLine .newsOne { padding: 25px 0; } .sideArticles .newsOneLine .newsOne + .newsOne { border-top: 1px solid rgba(140, 140, 140, 0.2); } .sideArticles .newsOneLine .nameArticle { font-size: 16px; line-height: 20px; color: #3c3c3c; font-weight: 500; } .sideFilter { border-bottom: 2px solid rgba(170, 159, 144, 0.5); border-top: 2px solid rgba(170, 159, 144, 0.5); } .sideFilter .itemFilter input { display: none; } .sideFilter .itemFilter input:checked + label { color: #8f8370; font-weight: 500; } .sideFilter .itemFilter input:checked + label:before { content: "\e97d"; color: #8f8370; } .sideFilter .itemFilter label { font-size: 14px; line-height: 18px; color: #505050; font-weight: normal; cursor: pointer; position: relative; padding: 9px 15px 9px 30px; display: block; } .sideFilter .itemFilter label .numItems { color: #8c8c8c; } .sideFilter .itemFilter label:before { content: "\e97c"; font-family: "icomoon"; display: block; position: absolute; font-size: 18px; line-height: 18px; color: #636363; font-weight: normal; width: 18px; height: 18px; left: 0; top: 9px; } .sideFilter .itemFilter a { display: block; font-size: 15px; line-height: 18px; color: #817564; font-weight: 500; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; } .sideFilter .itemFilter a:hover, .sideFilter .itemFilter a.active { text-decoration-color: #817564; } .sideFilter .nameFilter { font-size: 15px; line-height: 24px; color: #8f8370; font-weight: bold; text-transform: uppercase; } .sideFilter .headFilter .nameFilter { float: left; } .sideFilter .resetChoice { font-size: 24px; line-height: 24px; color: #8c8c8c; font-weight: normal; float: right; cursor: pointer; display: none; } .sideFilter .listFilter { margin-top: 10px; max-height: 216px; } .sideFilter .categoryFilter { padding: 15px 0 20px; } .sideFilter .categoryFilter.singleFilter { padding: 15px 0 15px; } .sideFilter .categoryFilter.active .resetChoice { display: block; } .sideFilter .categoryFilter.cabCategories .listFilter { max-height: 100%; margin-top: 15px; } .sideFilter .categoryFilter.cabCategories .itemFilter + .itemFilter { margin-top: 17px; } .sideFilter .categoryFilter.cabCategories .nameFilter { color: #505050; } .sideFilter .item:first-child ~ .item .categoryFilter { border-top: 2px solid rgba(170, 159, 144, 0.5); } .sideFilter .item:first-child .categoryFilter + .categoryFilter { border-top: 2px solid rgba(170, 159, 144, 0.5); } .sideFilter .movesFilter { display: block !important; padding: 25px 0; border-top: 2px solid rgba(170, 159, 144, 0.5); } .sideFilter .movesFilter [class*="btn"] { display: block !important; float: left; } .sideFilter .movesFilter .btnGrey { float: right; } .rangeFilter .rangeVal > * { font-size: 14px; line-height: 26px; color: #505050; font-weight: normal; } .requestBlock { margin-top: 30px; padding: 20px 0 0; } .requestBlock .titRequest { font-size: 18px; line-height: 24px; color: #8f8370; font-weight: bold; } .requestBlock .request { display: table; font-size: 14px; line-height: 14px; color: #636363; font-weight: normal; opacity: 0.7; border-bottom: 1px solid #636363; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .requestBlock .request:hover { opacity: 1; } .requestBlock .content { margin-top: 10px; } .requestBlock li { padding: 10px 20px 9px 0; float: left; } .categoryPage { padding-top: 50px; position: relative; } .standartTabs { font-family: "Roboto"; } .standartTabs .ui-tabs-nav { -webkit-box-shadow: inset 0 -2px 0 0 rgba(140, 140, 140, 0.2); -moz-box-shadow: inset 0 -2px 0 0 rgba(140, 140, 140, 0.2); box-shadow: inset 0 -2px 0 0 rgba(140, 140, 140, 0.2); } .standartTabs .ui-tabs-nav li { padding: 0 23px 10px; float: none; display: inline-block; vertical-align: middle; } .standartTabs .ui-tabs-nav li a { /* font-size: 16px; */ font-size: 14px; line-height: 20px; color: #8c8c8c; font-weight: 500; text-transform: uppercase; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .standartTabs .ui-tabs-nav li a .num { font-size: 11px; line-height: 20px; color: #8c8c8c; font-weight: bold; display: inline-block; position: relative; margin-top: -8px; margin-left: 4px; vertical-align: top; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .standartTabs .ui-tabs-nav li a:hover { color: #aa9f90; } .standartTabs .ui-tabs-nav li a:hover .num { color: #aa9f90; } .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 0 23px 10px; -webkit-box-shadow: inset 0px -2px 0px 0px #8f8370; -moz-box-shadow: inset 0px -2px 0px 0px #8f8370; box-shadow: inset 0px -2px 0px 0px #8f8370; } .standartTabs .ui-tabs-nav li.ui-tabs-active a { font-weight: bold; color: #8f8370; } .standartTabs .ui-tabs-panel { padding: 35px 0 0; } .itemCard .supplies { padding: 25px 30px 27px; } .itemCard .supplies .brandName { display: block; font-size: 18px; line-height: 24px; color: #505050; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .itemCard .supplies .brandName:hover { text-decoration-color: #505050; text-decoration: underline; } .itemCard .supplies .typeGood { font-size: 24px; line-height: 30px; color: #787878; font-weight: normal; display: block; margin-top: 7px; } .itemCard .supplies .code { display: block; margin-top: 5px; font-size: 14px; line-height: 22px; color: #8c8c8c; font-weight: normal; } .itemCard .supplies .costs { margin-top: 20px; font-size: 18px; line-height: 24px; color: #8c8c8c; font-weight: normal; } .itemCard .supplies .costs > * { display: block; float: left; } .itemCard .supplies .costs .caption { width: 58px; } .itemCard .supplies .costs .cost { width: calc(100% - 58px); } .itemCard .supplies .costs .cost > * { display: block; float: left; } .itemCard .supplies .costs [class*="Cost"] { font-size: 26px; line-height: 24px; color: #817564; font-weight: bold; } .itemCard .supplies .costs .oldCost { color: #787878; font-weight: normal; text-decoration: line-through; padding-right: 10px; padding-bottom: 3px; } .itemCard .supplies .costs .actualCost { color: #817564; font-weight: bold; } .itemCard .supplies .costs .discountCost { color: #f96d6d; } .itemCard .supplies .costs .discount { position: relative; width: 55px; margin-left: 9px; padding-left: 7px; font-size: 14px; line-height: 24px; color: #f96d6d; font-weight: normal; } .itemCard .supplies .costs .discount:before { content: "\e90e"; font-size: 64px; line-height: 64px; color: #ff5656; font-weight: normal; position: absolute; display: block; margin-top: -32px; margin-left: -29px; top: 50%; left: 50%; } .itemCard .supplies .costs .discount.new { color: #505050; } .itemCard .supplies .costs .discount.new:before { color: #505050; } .itemCard .supplies .costs .discount.chromeView:before { margin-top: -33px; } .itemCard .previewItem .miniPreview { width: 59px; padding-right: 5px; float: left; } .itemCard .previewItem .miniPreview .miniImage { width: 100%; height: 54px; display: block; background-size: cover; background-position: center; border: 1px solid rgba(140, 140, 140, 0.2); position: relative; } .itemCard .previewItem .miniPreview .miniImage:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: transparent; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .itemCard .previewItem .miniPreview .miniImage.active:before, .itemCard .previewItem .miniPreview .miniImage:hover:before { background: rgba(255, 255, 255, 0.6); } .itemCard .previewItem .miniPreview .miniImage + .miniImage { margin-top: 4px; } .itemCard .previewItem .miniPreview + .bigImage { width: calc(100% - 59px); } .itemCard .previewItem .miniPreview.onePhoto { display: none; } .itemCard .previewItem .miniPreview.onePhoto + .bigImage { width: 100%; } .itemCard .previewItem .bigImage { float: left; } .itemCard .previewItem .bigImageSlider .item { height: 644px; background-size: cover; background-position: center; } .itemCard .previewItem .bigImageSlider .item img { display: none; } .itemCard .previewItem.modalItem .bigImage { width: calc(100% - 59px); } .itemCard .previewItem.modalItem .bigImage .bigImageSlider { width: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider:not(.owl-carousel), .itemCard .previewItem.modalItem .bigImage .bigImageSlider.hideSl { opacity: 0; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider .item { height: 950px; width: 100%; } .itemCard #previewItem .in { width: 1009px; display: block; } .itemCard .dataGoods .tit { float: left; font-size: 16px; line-height: 20px; color: #787878; font-weight: normal; } .itemCard .dataGoods .sizesBlock { padding: 30px 0 0; position: relative; } .itemCard .dataGoods .sizesBlock .toAllSizes { float: left; /* margin-left: 20px; */ -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; color: #817564; } .itemCard .dataGoods .sizesBlock .toAllSizes:hover { color: #3c3c3c; } .itemCard .dataGoods .sizesBlock .preSize { padding-bottom: 20px; } .itemCard .dataGoods .sizesBlock .fltrsSize { position: relative; margin-top: -2px; z-index: 3; } .itemCard .dataGoods .sizesBlock .fltrsSize .item { padding: 2px; } .itemCard .dataGoods .sizesBlock .choicingSize { position: relative; z-index: 1; } .itemCard .dataGoods .colorBlock { padding-top: 30px; } .itemCard .dataGoods .colorBlock .tit { float: none; } .itemCard .dataGoods .colorBlock .colorsGood { margin-top: 18px; } .itemCard .dataGoods .colorBlock .colorsGood .item { width: auto; height: auto; overflow: visible; } .itemCard .dataGoods .colorBlock .colorsGood .item + .item { margin-left: 6px; display: block; } .itemCard .dataGoods .colorBlock .colorsGood input { display: none; } .itemCard .dataGoods .colorBlock .colorsGood input + label { display: block; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; width: 36px; height: 36px; overflow: hidden; -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #8c8c8c; -moz-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #8c8c8c; box-shadow: 0 0 0 0 #fff, 0 0 0 0 #8c8c8c; -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; -o-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; } .itemCard .dataGoods .colorBlock .colorsGood input + label .colorItem { display: block; position: absolute; width: 100%; height: 100%; } .itemCard .dataGoods .colorBlock .colorsGood input + label.singleColor .colorItem { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; left: 0; top: 0; } .itemCard .dataGoods .colorBlock .colorsGood input + label.doubleColor .colorItem { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .itemCard .dataGoods .colorBlock .colorsGood input + label.doubleColor .colorItem:first-child { left: -8px; top: -8px; } .itemCard .dataGoods .colorBlock .colorsGood input + label.doubleColor .colorItem:last-child { right: -14px; bottom: -14px; } .itemCard .dataGoods .colorBlock .colorsGood input + label:hover { opacity: 0.7; } .itemCard .dataGoods .colorBlock .colorsGood input:checked + label { -webkit-box-shadow: 0 0 0 4px #fff, 0 0 0 6px #8c8c8c; -moz-box-shadow: 0 0 0 4px #fff, 0 0 0 6px #8c8c8c; box-shadow: 0 0 0 4px #fff, 0 0 0 6px #8c8c8c; } .itemCard .dataGoods .actGoods, .itemCard .dataGoods .howGetGoods { margin: 0 -5px; } .itemCard .dataGoods .actGoods .item, .itemCard .dataGoods .howGetGoods .item { padding: 0 5px; } .itemCard .dataGoods .actGoods { margin-top: 38px; } .itemCard .dataGoods .howGetGoods { padding: 37px 0; } .itemCard .dataGoods .howGetGoods .inStock, .itemCard .dataGoods .howGetGoods .pickUp { position: relative; font-size: 14px; line-height: 18px; color: #787878; font-weight: normal; padding-left: 45px; } .itemCard .dataGoods .howGetGoods .inStock a, .itemCard .dataGoods .howGetGoods .pickUp a { font-size: 14px; line-height: 18px; color: #787878; font-weight: normal; display: table; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; border-bottom: 1px solid #787878; } .itemCard .dataGoods .howGetGoods .inStock a:hover, .itemCard .dataGoods .howGetGoods .pickUp a:hover { color: #3c3c3c; border-color: #3c3c3c; } .itemCard .dataGoods .howGetGoods .inStock:before, .itemCard .dataGoods .howGetGoods .pickUp:before { display: block; position: absolute; left: 0; top: 50%; font-size: 42px; line-height: 42px; color: #787878; font-weight: normal; font-family: "icomoon"; margin-top: -21px; width: 42px; } .itemCard .dataGoods .howGetGoods .inStock:before { content: "\e90c"; } .itemCard .dataGoods .howGetGoods .pickUp { color: #817564; } .itemCard .dataGoods .howGetGoods .pickUp a { color: #817564; } .itemCard .dataGoods .howGetGoods .pickUp:before { content: "\e90d"; color: #817564; } .itemCard .requestBlock { padding: 20px 30px 24px 30px; margin-top: -28px; } .itemCard .detailedItem { margin-top: 30px; padding: 0; border-radius: 0; } .itemCard .diseaseRecommend { border: 2px solid rgba(170, 159, 144, 0.4); padding: 20px 25px 25px; text-align: center; margin-top: 25px; } .itemCard .diseaseRecommend .titDisease { display: block; font-size: 18px; line-height: 24px; color: #8f8370; font-weight: bold; } .itemCard .diseaseRecommend .diseasesItem { margin-top: 10px; text-align: center; } .itemCard .diseaseRecommend .diseasesItem li { padding: 0 10px; position: relative; display: inline-block; } .itemCard .diseaseRecommend .diseasesItem li + li:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background-color: #a5a5a5; left: -2px; top: 50%; margin-top: -7px; } .itemCard .diseaseRecommend .diseasesItem li a { font-size: 14px; line-height: 32px; color: #817564; font-weight: normal; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; border-bottom: 1px solid transparent; } .itemCard .diseaseRecommend .diseasesItem li a:hover { border-color: #3c3c3c; color: #3c3c3c; } .toAllSizes { font-size: 16px; line-height: 20px; color: #817564; font-weight: normal; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; border-bottom: 1px solid #817564; } .toAllSizes:hover { color: #3c3c3c; border-color: #3c3c3c; } .afterGallery { padding: 60px 0 50px; } .afterGallery .twoColumnsInfo .item:first-child { width: 248px; } .afterGallery .twoColumnsInfo .item:last-child { width: 744px; } .afterGallery .twoColumnsInfo .infoBlock .tit { display: block; font-size: 24px; line-height: 28px; color: #505050; font-weight: bold; } .afterGallery .twoColumnsInfo .infoBlock .miniTit { display: block; font-size: 20px; line-height: 24px; color: #505050; font-weight: 500; margin-top: 10px; } .afterGallery .twoColumnsInfo .infoBlock .txt { padding: 10px 0; font-size: 16px; line-height: 23px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; } .afterGallery .twoColumnsInfo .imageInfo { width: 100%; min-height: 156px; background-size: 100%; background-position: center; background-repeat: no-repeat; } .afterGallery .twoColumnsInfo .imageInfo img { width: 100%; height: auto; } .newsOne .nameArticle { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .newsOne:hover .nameArticle { color: #817564; } .oneClickForm { width: 536px; padding: 30px 40px 40px; background-color: #f0f0ec; margin: 0 auto; } .oneClickForm .titForm { font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; letter-spacing: 0; } .oneClickForm .success { font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; letter-spacing: 0; margin-top: 20px; } .oneClickForm .sendBl { margin-top: 25px; } .oneClickForm .sendBl .weCallYou { font-size: 16px; line-height: 21px; color: #8c8c8c; font-weight: normal; letter-spacing: 0; float: left; width: 258px; padding: 3px 0; } .oneClickForm .sendBl .btnForm { float: right; width: 168px; } .oneClickForm .inpBl { width: 100%; } .oneClickForm .inpBl + .inpBl { margin-top: 15px; } .oneClickForm .inpBl input { width: 100%; } .oneClickForm .nameGoods { font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; letter-spacing: 0; display: block; margin-top: 2px; } .modals .inputs { margin-top: 30px; } .modals .titForm + * { margin-top: 30px; } .modals .titForm + *.nameGoods { margin-top: 2px; } .itemPopup { min-height: 950px; width: 784px; margin: 0 auto; } .itemPopup .infoBlock { padding: 30px 40px 35px; background-color: #f5f5f2; } .itemPopup .infoBlock .image { width: 208px; height: 208px; background-size: cover; background-position: center; } .itemPopup .infoBlock .tCell { padding: 0; } .itemPopup .infoBlock .infoGoods { padding-left: 40px; } .itemPopup .infoBlock .infoGoods .name { display: block; font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; letter-spacing: 0; } .itemPopup .infoBlock .infoGoods .availableDate { font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; letter-spacing: 0; display: block; } .itemPopup .infoBlock .infoGoods .txt { font-size: 16px; line-height: 21px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; margin-top: 10px; } .itemPopup .infoBlock .infoGoods .toAllSizes { display: table; margin-top: 10px; } .itemPopup .inShop { background-color: #fff; padding: 35px 40px; } .itemPopup .inShop + .inShop { border-top: 2px solid rgba(140, 140, 140, 0.2); } .itemPopup .inShop .table .tCell { padding: 0; } .itemPopup .inShop .table .tCell:first-child { width: 268px; } .itemPopup .inShop .table .tCell:nth-child(2) { width: 268px; } .itemPopup .inShop .table .tHead .tCell { padding: 15px 0; } .itemPopup .inShop .table .tHead span { font-size: 16px; line-height: 16px; color: #505050; font-weight: 500; letter-spacing: 0; } .itemPopup .inShop .table .tBody .tCell { padding: 9px 0; } .itemPopup .inShop .table .tBody .tCell:first-child { padding-left: 20px; } .itemPopup .inShop .table .tBody .tCell:last-child { padding-right: 20px; } .itemPopup .inShop .table .tBody .tRow:nth-child(2n + 1) { background-color: rgba(236, 236, 230, 0.55); } .itemPopup .inShop .table .tBody span { font-size: 16px; line-height: 24px; color: #787878; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav { padding: 0 40px; background-color: #f5f5f2; } .itemPopup .availableItem .contShops { background-color: #fff; height: 100%; } .itemPopup .availableItem .shopBl { display: table; } .itemPopup .availableItem .shopBl .item { display: table-cell; vertical-align: middle; } .itemPopup .availableItem .shopBl .item:first-child { width: 268px; } .itemPopup .availableItem .place { font-size: 16px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; display: block; position: relative; padding-left: 42px; } .itemPopup .availableItem .place:before { content: "\e90d"; display: block; position: absolute; width: 42px; font-family: "icomoon"; text-align: center; font-size: 42px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; left: 0; top: 50%; margin-top: -21px; } .itemPopup .availableItem .pre { font-size: 16px; line-height: 21px; color: #787878; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav li { /* width: 50%; */ width: 25%; float: left; text-align: center; margin-top: 20px; } .itemPopup .standartTabs .ui-tabs-nav li a { width: 100%; text-align: center; } .itemPopup .ui-tabs-panel { padding-top: 0; } .catalogFilter { position: relative; } .resetBlock { position: absolute; bottom: 100%; width: 100%; } .resetBlock .resetAll { font-size: 14px; line-height: 24px; color: #3c3c3c; font-weight: 500; display: block; cursor: pointer; padding: 13px 0; position: relative; } .resetBlock .resetAll:before { content: "\e914"; display: block; position: absolute; font-family: "icomoon"; font-size: 24px; line-height: 24px; color: #505050; font-weight: normal; right: 0; } .orderModal { padding: 0; } .orderModal .orderTit { font-size: 24px; line-height: 28px; color: #817564; font-weight: bold; } .orderModal .aboutOrder { background-color: rgba(236, 236, 230, 0.55); padding: 30px 40px 40px; } .orderModal .aboutOrder .infoOrder { margin-top: 25px; } .orderModal .aboutOrder .infoOrder .infoTxt { font-size: 16px; line-height: 20px; color: #505050; font-weight: normal; } .orderModal .aboutOrder .infoOrder .infoTxt .infoType { font-weight: 500; } .orderModal .aboutOrder .infoOrder .infoTxt + .infoTxt { margin-top: 10px; } .orderModal .orderGoods { padding: 0 40px; } .orderModal .orderGoods .itemGood { padding: 30px 0 20px 121px; position: relative; } .orderModal .orderGoods .itemGood .imageItem { margin-top: -40px; } .orderModal .orderGoods .itemGood .info { max-width: 250px; } .orderModal .orderGoods .itemGood .statusGoodOrder { float: right; width: 70px; } .orderModal .orderGoods .itemGood .statusGoodOrder .amount { display: block; font-size: 14px; line-height: 20px; color: #3c3c3c; font-weight: 500; } .orderModal .orderGoods .itemGood .statusGoodOrder .status { display: block; font-size: 14px; line-height: 20px; color: #828282; font-weight: normal; } .orderModal .orderGoods .itemGood .statusGoodOrder .status.backGood { color: #ff5656; } .orderModal .orderGoods .itemGood + .itemGood { border-top: 1px solid rgba(236, 236, 230, 0.55); } .orderModal .costReceipt { padding: 20px 40px 25px; position: relative; } .orderModal .costReceipt .in { float: right; } .orderModal .costReceipt:before { content: ""; display: block; position: absolute; height: 2px; width: calc(100% - 80px); left: 40px; top: 0; background-color: rgba(236, 236, 230, 0.55); } .orderModal .costReceipt .sum > *, .orderModal .costReceipt .discountSum > * { font-size: 16px; line-height: 22px; color: #828282; font-weight: normal; } .orderModal .costReceipt .resultSum > * { font-size: 16px; line-height: 22px; color: #282828; font-weight: 500; } .orderModal .costReceipt .preNum { display: inline-block; width: 100px; padding-right: 6px; text-align: right; } .standartTable .tHead .tCell { font-size: 16px; line-height: 20px; color: #8f8370; font-weight: 500; padding: 0 20px 10px 0; } .standartTable .tBody .tRow:nth-child(2n + 1) { background-color: rgba(187, 178, 166, 0.15); } .standartTable .tBody .tRow .tCell { padding: 22px 0; vertical-align: middle; font-size: 16px; line-height: 20px; color: #505050; font-weight: normal; padding-right: 20px; } .standartTable .tBody .tRow .tCell a { font-size: 16px; line-height: 20px; color: #282828; font-weight: 500; border-bottom: 1px solid #282828; -webkit-transition: border-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; } .standartTable .tBody .tRow .tCell a:hover { color: #817564; border-color: #817564; } .standartTable .tBody .tRow .tCell:first-child { padding-left: 20px; } .standartTable .tBody .tRow.sendCancel .tCell:last-child { color: #f96d6d; } .standartTable .tBody .tRow.sendFinish .tCell:last-child { color: #3f9e75; } .orderHistory .standartTable .tCell:first-child { width: 205px; } .orderHistory .standartTable .tCell:nth-child(2) { width: 247px; } .orderHistory .standartTable .tCell:nth-child(3) { width: 192px; } .choiceCard { cursor: pointer; } .choiceCard .txtBl { font-size: 16px; line-height: 24px; color: #505050; font-weight: normal; margin-top: 15px; display: block; } .choiceCard [class*="Variant"] { background-color: rgba(236, 236, 230, 0.55); padding: 20px 20px 25px; } .choiceCard [class*="Variant"] > input { display: none; } .choiceCard .editBl { position: relative; margin-top: 15px; } .choiceCard .editBl .simpleBtnStyle { float: left; } .choiceCard .editBl .simpleBtnStyle + .simpleBtnStyle { margin-left: 20px; } .choiceCard .editBl > * { position: relative; z-index: 4; } .addBtn { display: block; font-size: 15px; line-height: 20px; color: #817564; font-weight: normal; } .sliderItemsCab .cardItemCab { width: 400px; padding: 0 15px; } .sliderItemsCab .cardItemCab .addToBasket { position: relative; z-index: 3; margin-top: 5px; } .cardItemCab .imageItem { width: 140px; height: 140px; background-size: cover; background-position: center; position: absolute; left: 0; top: 50%; margin-top: -70px; } .cardItemCab .info { display: table-cell; vertical-align: middle; } .cardItemCab .info > * { display: table; } .cardItemCab .info > .in { position: relative; display: block; } .cardItemCab .info > .in > * { display: table; } .cardItemCab .info .itemSort { font-size: 16px; line-height: 21px; color: #3c3c3c; font-weight: 500; } .cardItemCab .info .costBl { margin-top: 10px; font-size: 16px; line-height: 20px; color: #282828; font-weight: normal; } .cardItemCab .info .old { font-size: 16px; line-height: 20px; color: #3c3c3c; font-weight: normal; text-decoration: line-through; } .cardItemCab .info .new { font-size: 16px; line-height: 20px; color: #ff5656; font-weight: bold; } .cardItemCab .info .cost { font-size: 16px; line-height: 20px; color: #3c3c3c; font-weight: bold; } .cardItemCab .info .old { font-size: 16px; line-height: 20px; color: #3c3c3c; font-weight: normal; text-decoration: line-through; } .cardItemCab .info .new { font-size: 16px; line-height: 20px; color: #ff5656; font-weight: bold; } .cardItemCab .info .itemName, .cardItemCab .info .sizes { font-size: 16px; line-height: 21px; color: #828282; font-weight: normal; } .cardItemCab > .in { padding-left: 160px; position: relative; height: 140px; display: table; width: 100%; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .cardItemCab > .in:hover { opacity: 0.7; } .basketItemPage > .in { padding-left: 160px; position: relative; display: table; height: 200px; width: 100%; } .basketItemPage > .in > .item { display: table-cell; vertical-align: middle; } .basketItemPage > .in > .item:first-child { width: 360px; } .basketItemPage > .in > .item > .in { display: table; width: 100%; } .basketItemPage > .in > .item > .in > * { display: table-cell; vertical-align: middle; } .basketItemPage > .in > .item > .in > *:first-child { width: 334px; } .basketItemPage > .in > .item > .in > *:nth-child(2) { width: 310px; } .basketItemPage .cardItemCab > .in { position: static; padding-left: 0; } .basketItemPage + .basketItemPage { border-top: 1px solid #ecece6; } .basketItemPage:last-child { border-bottom: 2px solid #ecece6; } .basketItemPage .sizeItem .selectingBlockSize { padding-left: 40px; } .basketItemPage .sizeItem .selectOneSize { display: table; font-size: 16px; line-height: 20px; color: #828282; font-weight: normal; padding: 10px 15px; border: 1px solid #ecece6; } .basketItemPage .sizeItem .selectBlock { width: 76px; float: left; } .basketItemPage .sizeItem .selectBlock .selectric .label { font-size: 15px; line-height: 40px; height: 40px; margin-right: 34px; } .basketItemPage .sizeItem .selectBlock .selectric .button { height: 40px; line-height: 40px; width: 24px; right: 10px; } .basketItemPage .sizeItem .selectBlock .selectric .button:after { font-size: 24px; line-height: 40px; } .basketItemPage .sizeItem .addSize { float: left; padding: 1px 0 1px 20px; position: relative; } .basketItemPage .sizeItem .addSize .addBtn { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .basketItemPage .sizeItem .addSize .addBtn:hover, .basketItemPage .sizeItem .addSize .addBtn.active { color: #282828; } .basketItemPage .sizeItem .addSize .sizesForAdd { display: none; position: absolute; z-index: 2; padding: 15px 7px; top: 100%; margin-top: 12px; width: 224px; left: 50%; margin-left: -112.5px; background-color: #fff; -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); border: 1px solid #ecece6; } .basketItemPage .sizeItem .addSize .sizesForAdd:before { content: ""; display: block; position: absolute; width: 14px; height: 14px; left: 50%; margin-bottom: -6px; margin-left: -6px; bottom: 100%; background-color: #fff; -webkit-box-shadow: 2px -2px 6px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px -2px 6px -3px rgba(0, 0, 0, 0.2); box-shadow: 2px -2px 6px -3px rgba(0, 0, 0, 0.2); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-top: 1px solid #ecece6; border-right: 1px solid #ecece6; } .basketItemPage .sizeItem .addSize .sizesForAdd .size { float: left; padding: 6px 3px 0; width: calc(100% / 6); } .basketItemPage .sizeItem .addSize .sizesForAdd .size input { display: none; } .basketItemPage .sizeItem .addSize .sizesForAdd .size input + label { display: block; margin: 0 auto; font-size: 15px; line-height: 27px; color: #787878; font-weight: normal; border: 1px solid transparent; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: border-color 0.3s, color 0.3s; -moz-transition: border-color 0.3s, color 0.3s; -o-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; width: 29px; text-align: center; } .basketItemPage .sizeItem .addSize .sizesForAdd .size input + label:hover { color: #282828; } .basketItemPage .sizeItem .addSize .sizesForAdd .size input:disabled + label { color: #ecece6; } .basketItemPage .sizeItem .addSize .sizesForAdd .size input:checked + label { border-color: #ecece6; } .basketItemPage .sizeItem .noSizeTxt { display: none; font-size: 16px; line-height: 21px; color: #828282; font-weight: normal; padding-left: 40px; } .basketItemPage.noSize .sizeItem .selectBlock, .basketItemPage.noSize .sizeItem .addSize { display: none; } .basketItemPage.noSize .sizeItem .noSizeTxt { display: block; } .basketItemPage .addNumbers .numItems { height: 42px; line-height: 42px; text-align: center; width: 48px; font-size: 15px; margin: 0 5px; display: inline-block; vertical-align: middle; } .basketItemPage .addNumbers [class*="NumItem"] { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; cursor: pointer; font-size: 36px; line-height: 36px; color: #8c8c8c; font-weight: normal; display: inline-block; vertical-align: middle; } .basketItemPage .addNumbers [class*="NumItem"]:hover { color: #282828; } .basketItemPage .delItem { text-align: right; } .basketItemPage .delItem [class*="icon-"] { cursor: pointer; font-size: 36px; line-height: 36px; color: #8c8c8c; font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .basketItemPage .delItem [class*="icon-"]:hover { color: #282828; } .toOrder { padding: 30px 0 0; } .toOrder .in { width: 380px; float: right; } .toOrder .btnForm { margin-top: 30px; width: 100%; } .letsBuyCab { padding-bottom: 100px; } .cabinet { padding: 30px 0 100px; } .orderPage .headOrders { padding: 25px 0; border-bottom: 1px solid #ecece6; } .orderPage .orderGoods .itemGood { border-bottom: 1px solid #ecece6; } .orderPage .orderGoods .itemGood .cardItemCab { padding-left: 0; position: static; height: 100%; width: 100%; display: table; } .orderPage .orderGoods .itemGood .cardItemCab > .in { display: table-cell; vertical-align: middle; } .orderPage .orderGoods .itemGood .cardItemCab .imageItem { width: 120px; height: 120px; margin-top: -60px; } .orderPage .orderGoods .itemGood .cardItemCab .info { display: block; position: relative; } .orderPage .orderGoods .itemGood .statusGoodOrder { position: absolute; right: 0; top: 0; } .orderPage .orderGoods .itemGood .statusGoodOrder .amount { font-size: 16px; line-height: 21px; color: #828282; font-weight: normal; } .orderPage .orderStep { background-color: rgba(236, 236, 230, 0.55); padding: 0 30px; } .orderPage .orderStep .step { padding: 25px 0 40px; } .orderPage .orderStep .step .detailedSlide { display: table; margin-top: 15px; } .orderPage .orderStep .step + .step { border-top: 1px solid #ecece6; } .orderPage .orderStep .step .content { margin-top: 25px; } .orderPage .orderStep .step .content .cfix { margin: -20px -10px 0; } .orderPage .orderStep .step .content .cfix > .item { padding: 20px 10px 0; } .orderPage .orderStep .step .content .editButtons { margin: 10px 0 0; } .orderPage .orderStep .step .stepTitBlock [class*="toAll"] { float: right; } .orderPage .orderStep .step .cfix + .ways { margin-top: 25px; } .orderPage .orderStep .step .wayVariant.cfix { margin: 0; } .orderPage .orderStep .step .wayVariant.cfix > .item { padding: 0; } .orderPage .orderStep .step .way .sum { float: right; font-size: 16px; line-height: 24px; color: rgba(170, 159, 144, 0.5); font-weight: 500; } .orderPage .orderStep .step .way .detailedWay { font-size: 16px; line-height: 22px; color: #787878; font-weight: normal; margin-top: 5px; } .orderPage .orderStep .step .way .detailedWay .txt { padding-left: 23px; } .orderPage .orderStep .step .way .addr { margin-top: 25px; } .orderPage .orderStep .step .way + .way { margin-top: 20px; } .congrats .cardVariant .txtBl { min-height: 48px; } .resultOrder { float: right; } .resultOrder .sum { font-size: 18px; line-height: 24px; color: #828282; font-weight: normal; } .resultOrder .sum.resultSum { font-weight: bold; color: #282828; } .resultOrder .tCell { padding: 0; } .resultOrder .tCell:first-child { text-align: right; padding-right: 10px; } .authModal { padding: 0; } .authModal .content { /*padding: 60px 40px;*/ padding: 30px 40px; } .authModal .withoutLogin { background-color: rgba(236, 236, 230, 0.55); padding: 25px 40px 40px; } .authModal .withoutLogin .txt { display: block; font-size: 16px; line-height: 20px; color: #828282; font-weight: normal; text-align: center; } .authModal .withoutLogin .btnBlack { margin-top: 25px; } .authModal .standartTabs .ui-tabs-nav li { padding: 0 !important; display: block; float: left; width: 50%; text-align: center; } .authModal .standartTabs .ui-tabs-nav li .ui-tabs-anchor { float: none; padding: 20px 20px; display: block; height: 100%; } .authModal .standartTabs .ui-tabs-nav { border-bottom: none; -webkit-box-shadow: inset 0 -2px 0 0 rgba(140, 140, 140, 0.2); -moz-box-shadow: inset 0 -2px 0 0 rgba(140, 140, 140, 0.2); box-shadow: inset 0 -2px 0 0 rgba(140, 140, 140, 0.2); } .authModal .standartTabs .ui-tabs-panel { padding: 0; } .checkBlockHor .checkAgree { float: left; } .checkBlockHor .checkAgree + .checkAgree { margin-left: 40px; } .readAgree { margin-top: 30px; font-size: 14px; line-height: 18px; color: #828282; font-weight: normal; } .readAgree a { font-size: 14px; line-height: 18px; color: #828282; font-weight: normal; border-bottom: 1px solid rgba(140, 140, 140, 0.7); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .readAgree a:hover { opacity: 0.7; } .agreeError input, .agreeSubscribe input { visibility: hidden; } .agreeError input ~ .labelWrap label, .agreeError input ~ label:not(.error), .agreeSubscribe input ~ .labelWrap label, .agreeSubscribe input ~ label:not(.error) { font-size: 16px; line-height: 24px; color: #505050; font-weight: normal; cursor: pointer; position: relative; padding-left: 30px; display: table; } .agreeError input ~ .labelWrap label br, .agreeError input ~ label:not(.error) br, .agreeSubscribe input ~ .labelWrap label br, .agreeSubscribe input ~ label:not(.error) br { display: none; } .agreeError input ~ .labelWrap label a, .agreeError input ~ label:not(.error) a, .agreeSubscribe input ~ .labelWrap label a, .agreeSubscribe input ~ label:not(.error) a { font-size: 16px; line-height: 24px; color: #505050; font-weight: normal; text-decoration: underline; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .agreeError input ~ .labelWrap label a:hover, .agreeError input ~ label:not(.error) a:hover, .agreeSubscribe input ~ .labelWrap label a:hover, .agreeSubscribe input ~ label:not(.error) a:hover { color: #282828; } .agreeError input ~ .labelWrap label:before, .agreeError input ~ label:not(.error):before, .agreeSubscribe input ~ .labelWrap label:before, .agreeSubscribe input ~ label:not(.error):before { content: "\e97c"; font-family: "icomoon"; display: block; position: absolute; font-size: 18px; line-height: 18px; color: #505050; font-weight: normal; width: 18px; height: 18px; left: 0; top: 3px; } .agreeError input:checked ~ .labelWrap label:before, .agreeError input:checked ~ label:not(.error):before, .agreeSubscribe input:checked ~ .labelWrap label:before, .agreeSubscribe input:checked ~ label:not(.error):before { content: "\e97d"; } .agreeError input.error ~ .labelWrap label, .agreeError input.error ~ .labelWrap label a, .agreeSubscribe input.error ~ .labelWrap label, .agreeSubscribe input.error ~ .labelWrap label a { color: #ff5656; } .cabModal .choiceCard + .choiceCard { margin-top: 20px; } .letter .area { height: 202px; } .modals .titCabPage + * { margin-top: 30px; } .enterPromoCode { position: relative; display: table; float: left; } .enterPromoCode .addBtn { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .enterPromoCode .addBtn:hover, .enterPromoCode .addBtn.active { color: #282828; } .enterPromoCode .formPromoCode { display: none; position: absolute; padding: 20px; top: 0; width: 215px; right: 100%; margin-right: 20px; background-color: #fff; -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); border: 1px solid #ecece6; } .enterPromoCode .formPromoCode:before { content: ""; display: block; position: absolute; width: 14px; height: 14px; left: 100%; margin-left: -6px; top: 16px; background-color: #fff; -webkit-box-shadow: 2px -2px 6px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px -2px 6px -3px rgba(0, 0, 0, 0.2); box-shadow: 2px -2px 6px -3px rgba(0, 0, 0, 0.2); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #ecece6; border-right: 1px solid #ecece6; } .enterPromoCode .formPromoCode .mainInp { height: 42px; font-size: 15px; line-height: 42px; } .enterPromoCode .formPromoCode .btnBlack { font-size: 15px; line-height: 42px; margin-top: 15px; } .cabForm.notFull { width: 664px; } .cabForm > .grid { margin: -30px -20px 0px; } .cabForm > .grid > .item { padding: 30px 20px 0; } /* ╨╜╨╛╨▓╤Л╨╡ ╤Б╤В╨╕╨╗╨╕ css*/ .postPage.alphabetBlock { padding: 0px 0px 65px 0; } .alphabet .item { padding: 22px 10px 22px 10px; padding-left: 60px; position: relative; } .alphabet .item:last-child { border: none; } .alphabet .caption { position: absolute; left: 0; top: 30px; } .alphabet .caption span { font-family: "Roboto Slab"; font-size: 24px; line-height: 36px; color: #817564; font-weight: bold; } .alphabet .list a { padding: 15px 10px; padding-left: 63px; float: left; width: 25%; text-align: left; text-decoration: underline transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 16px; line-height: 22px; color: #817564; font-weight: normal; font-family: "Roboto"; } .alphabet .list a + a { padding-left: 72px; } .alphabet .list a:nth-child(4n + 1) { padding-left: 63px; } .alphabet .list a:hover { text-decoration: underline #282828; color: #282828; } .revBlock.mini .withoutPhoto { padding: 0; } .withoutPhoto { padding: 0; } .withoutPhoto .nameBlock { padding: 0; position: relative; } .withoutPhoto .nameBlock .name { padding: 0; } .withoutPhoto.withRating { position: relative; } .withoutPhoto .date { width: 208px; height: 23px; font-size: 16px; line-height: 23px; color: #505050; font-weight: 300; font-family: "Roboto"; color: #909090; } .star-rating { position: absolute; top: 0; right: 0; } .star-rating__wrap { display: inline-block; } .star-rating__wrap:after { content: ""; display: table; clear: both; } .star-rating__ico { float: right; padding-left: 6px; cursor: pointer; font-size: 22px; color: #E5E4DC; line-height: 11px; } .star-rating__ico:last-child { padding-left: 0; } .star-rating__input { display: none; } .star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before { color: #ffb300; } .newService, .partnerPrograms { padding: 20px 0px; padding-top: 30px; } .newService .showService, .partnerPrograms .showService { position: relative; padding-left: 124px; padding-top: 9px; } .newService .showService + .showService .textBlock, .partnerPrograms .showService + .showService .textBlock { padding-top: 25px; } .newService .showService + .showService:last-child .textBlock, .partnerPrograms .showService + .showService:last-child .textBlock { border: none; } .newService .showService + .showService [class*="icon-"], .partnerPrograms .showService + .showService [class*="icon-"] { margin-top: 34px; } .newService .showService [class*="icon-"], .partnerPrograms .showService [class*="icon-"] { position: absolute; top: 0; left: -104px; margin-top: 9px; background-color: #f7f7f5; font-size: 120px; height: 164px; width: 164px; display: block; text-align: center; line-height: 164px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .newService .showService .textBlock, .partnerPrograms .showService .textBlock { padding-bottom: 36px; } .newService .showService .caption, .partnerPrograms .showService .caption { font-size: 24px; line-height: 28px; color: #505050; font-weight: bold; font-family: "Roboto Slab"; color: #817564; display: block; padding-bottom: 17px; } .newService .showService .logoPartners, .partnerPrograms .showService .logoPartners { position: absolute; display: block; height: 164px; width: 164px; left: -104px; background-size: 100% auto; background-position: center top; background-repeat: no-repeat; } .newService .showService p, .partnerPrograms .showService p { font-size: 16px; line-height: 22px; color: #505050; font-weight: 300; font-family: "Roboto"; } .newService .showService p + p, .partnerPrograms .showService p + p { padding-top: 22px; } .showReviews { padding-right: 110px; padding-bottom: 40px; } .showReviews .revBlock + .revBlock { padding-top: 29px; } .showReviews .revBlock:nth-last-child(2) .in:before { display: none; } .showReviews .btnMore { margin-top: 0px; } .showReviews .whereReviews { margin-top: 10px; } .showReviews .whereReviews a { font-size: 16px; line-height: 22px; color: #505050; font-weight: 300; font-family: "Roboto"; text-decoration: underline; color: #817564; padding-top: 10px; } .showReviews .revBlock.mini > .item:first-child, .showReviews .revBlock.mini > .item:last-child { margin-right: 0; } .storeInfo { padding-right: 125px; margin-bottom: 60px; font-size: 16px; line-height: 23px; color: #505050; font-weight: 300; } .storeInfo .mapStore { height: 400px; background-color: #817564; margin-bottom: 29px; } .storeInfo .mapStore .ymaps-2-1-72-image { background-size: cover !important; background-position: center !important; } .storeInfo .mapStore .ymaps-2-1-72-balloon, .storeInfo .mapStore .ymaps-2-1-72-balloon__layout { border-radius: 10px !important; } .storeInfo .information { padding-top: 22px; padding-bottom: 31px; } .storeInfo .information .item + .item { padding-top: 23px; } .storeInfo .information .item span { text-align: left; display: block; } .storeInfo .information .item .caption { font-weight: 500; display: block; } .storeInfo .storeSlider .item .image { height: 394px; background-size: cover; } .reviews.upgrade-reviews .revBlock { padding-right: 95px; } @media (min-width: 768px) { .reviews.upgrade-reviews { padding-left: 0; padding-right: 0px; } .reviews.upgrade-reviews .revBlock:not(.mini) .headRev { padding-left: 71px; position: relative; } .reviews.upgrade-reviews .revBlock:not(.mini) .in { padding-left: 0; } .reviews.upgrade-reviews .revBlock:not(.mini) .in:before { width: 100%; } .reviews.upgrade-reviews .revBlock:not(.mini) .photo { width: 56px; height: 56px; margin-top: -28px; } .reviews.upgrade-reviews > div { float: left; } } .myReviws { width: 536px; } .myReviws .nameGoods { display: block; font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; margin-top: 3px; } .myReviws .inputs .area { height: 168px; } .myReviws .howStar { font-size: 16px; line-height: 48px; color: #505050; font-weight: normal; margin-top: 10px; } .myReviws .howStar .name { display: inline-block; margin-right: 20px; color: #787878; } .myReviws .howStar .choice { display: inline-block; } .myReviws .howStar + .sendBl { margin-top: 12px; } .myReviws .howStar + .sendBl .btnForm { width: 168px; float: right; } .stars { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px; } .stars + label { line-height: 16px; position: relative; padding: 0 0 0 35px; padding-left: 23px; color: #787878; margin-right: 17px; cursor: pointer; } .stars + label:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #505050; left: 0; top: 2px; background-color: #fff; } .stars + label:after { content: ""; display: block; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; position: absolute; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #aa9f90; left: 0; top: 0; margin-top: 6px; margin-left: 4px; } .stars:checked + label:after { opacity: 1; } .thsReviews form { padding-left: 0; padding-right: 0; padding-bottom: 0; } .thsReviews .captionBlock { padding: 0 40px; padding-bottom: 37px; } .thsReviews .captionBlock .success { margin-top: 0px; } .thsReviews .revBlock .whereReviews { text-decoration: underline; margin-top: 17px; } .thsReviews .revBlock.mini { padding: 0 40px; background-color: #fff; padding-top: 25px; padding-bottom: 36px; padding-right: 30px; } .fallBack { padding: 15px 0px; padding-left: 35px; position: relative; cursor: pointer; } .fallBack span { font-size: 16px; line-height: 20px; color: #787878; font-weight: 500; font-family: "Roboto"; } .fallBack [class*="icon"] { position: absolute; left: 0; top: auto; font-size: 25px; line-height: 25px; color: #787878; } .myReviws.validate input.error { color: red; font-size: 16px; font-weight: normal; } .myReviws.validate label.error { display: none !important; } .fallBackBlock + .allAbout { display: none; } .detailedSlide { cursor: pointer; } .fullFromShort { display: none; } @media (min-width: 768px) { .magazineContent .shortArticleHor .tCell.middle { vertical-align: top; } } .topMagazine .bannerMagazine { display: flex; } .topMagazine .bannerMagazine:first-child { float: none; } .topMagazine .bannerMagazine .imageLink { height: 100%; } .topMagazine .bannerMagazine .newsOneLine { padding: 25px 30px 25px; height: auto; } .alphabet .item .list { display: flex; flex-wrap: wrap; } .contactsPage .mapWrap { height: 400px; margin-top: 4px; } .contactsPage .contactsMap { height: 100%; width: 100%; background-color: #817564; } .contactsPage .contactsInfoBlock { /* padding: 30px 0 80px; */ padding: 30px 0 0; /* width: 704px; */ width: 100%; margin: 0 auto; } .contactsPage .contactsInfoBlock .unifiedContacts .in { min-height: 69px; } .contactsPage .contactsInfoBlock .caption { display: table; font-weight: 500; } .contactsPage .contactsInfoBlock a:not(.linkContact) { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .contactsPage .contactsInfoBlock a:not(.linkContact):hover { opacity: 0.6; } .contactsPage .contactsInfoBlock .linkContact { color: #625645; text-decoration: underline; -webkit-transition: text-decoration-color 0.3s; -moz-transition: text-decoration-color 0.3s; -o-transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s; } .contactsPage .contactsInfoBlock .linkContact:hover { text-decoration-color: transparent; } .contactsPage .contactsInfoBlock .txtInfo { margin-top: 30px; } .contactsPage .contactsInfoBlock .singleShopContacts { margin-top: 30px; } .contactsPage .contactsInfoBlock .singleShopContacts .shopTitle .title { display: table; padding-bottom: 5px; font-size: 20px; line-height: 24px; font-weight: 500; } .contactsPage .contactsInfoBlock .singleShopContacts .shopTitle .title ~ * { display: table; } .contactsPage .contactsInfoBlock .singleShopContacts .shopInfoBlock { margin-top: 25px; } .contactsPage .contactsInfoBlock .singleShopContacts .shopTitle { min-height: 213px; } @media screen and (max-width: 991px) { .contactsPage .contactsInfoBlock .singleShopContacts .shopTitle { min-height: 90px; } } .resultsPage { padding-bottom: 30px; padding-top: 10px; } .resultsPage .titMain { margin-top: 20px; } .preloadModal { background-color: #aa9f90; height: 100%; position: absolute; width: 100%; z-index: 2; display: none; } .preloadModal .lds-spinner { color: official; display: inline-block; position: absolute; width: 64px; height: 64px; top: calc(50% - 32px); left: calc(50% - 32px); } .preloadModal .lds-spinner div { transform-origin: 32px 32px; animation: lds-spinner 1.2s linear infinite; } .preloadModal .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; background: #fff; } .preloadModal .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .preloadModal .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .preloadModal .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .preloadModal .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .preloadModal .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .preloadModal .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .preloadModal .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .preloadModal .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .preloadModal .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .preloadModal .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .preloadModal .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .preloadModal .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .discountInfoBlock .discountCard > img { display: block; max-width: 100%; max-height: 183px; float: right; } .itemCard .previewItem .bigImageSlider .item { position: relative; } .bigImageSlider-icon-box { position: absolute; display: flex; right: 10px; top: 5px; width: 189px; height: 50px; justify-content: flex-end; align-items: center; z-index: 55 } .bigImageSlider-icon { position: relative; border-radius: 50%; background: #f0f0ec; width: 60px; height: 60px; right: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; cursor: pointer; margin-right: 12px; } .bigImageSlider-icon.bigImageSlider-icon-section { width: 36px; height: 36px; top: -5px; background: none; } .bigImageSlider-icon:last-child { margin-right: 0; } .bigImageSlider-icon:hover .bigImageSlider-text { opacity: 1; visibility: visible; } .bigImageSlider-text { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; z-index: 55; text-align: center; padding: 5px 18px 8px; font-size: 11px; line-height: 13px; border: 1px solid #f0f0ec; border-radius: 5px; background: #f0f0ec; top: 56px; box-shadow: 3px 4px 7px 2px #dfdfdf; width: 112px; transition: .3s all; } .bigImageSlider-text a { font-size: 11px; line-height: 13px; color: #8f8370; font-weight: 700; border-bottom: 1px solid #8f8370; } .bigImageSlider-text a:hover { color: #111; border-color: #111; } .bigImageSlider-text:before { border: solid; border-color: #f0f0ec transparent; border-width: 0px 12px 12px 12px; top: -12px; content: ""; right: 4px; position: absolute; z-index: 99; transition: .3s all; } body .navSlider .owl-nav .owl-next, body .navSlider .owl-nav .owl-prev { height: auto; top: 50% } footer { position: relative; margin-top: 20px; } footer:before { content: ''; display: block; position: absolute; height: 100%; width: 100vw; left: 50%; margin-left: -50vw; z-index: -1; background-color: #f0f0ec; } footer .logo { display: table; margin-top: 7px; } footer .logo img { width: 180px; height: auto; } footer .tit { font-size: 14px; /* font-size: 12px; */ line-height: 19px; font-weight: bold; /* opacity: 0.6; */ opacity: 1; } footer .social { margin-top: 31px; margin-left: -8px; } footer .social li { float: left; } footer .social li + li { margin-left: 11px; } footer .social [class*='icon'] { display: block; font-size: 48px; line-height: 48px; color: #bbb2a6; font-weight: normal; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } footer .social [class*='icon']:hover { color: #8f8370; } footer .topFooter a, footer .topFooter .simpleTxt, footer .middleFooter a, footer .middleFooter .simpleTxt { font-size: 14px; line-height: 19px; color: #3c3c3c; font-weight: normal; /* opacity: 0.6; */ opacity: 1; } footer .middleFooter .simpleTxt { font-size: 14px; } footer .topFooter { padding: 40px 0 0 0; } footer .topFooter .menuFooter { margin-top: 8px; } footer .topFooter .menuFooter li { display: table; } footer .topFooter .menuFooter li + li { margin-top: 8px; } footer .topFooter .menuFooter li a { -webkit-transition: opacity 0.3s, text-decoration-color 0.3s; -moz-transition: opacity 0.3s, text-decoration-color 0.3s; -o-transition: opacity 0.3s, text-decoration-color 0.3s; transition: opacity 0.3s, text-decoration-color 0.3s; display: inline; line-height: 18px; border-bottom: 1px solid transparent; } footer .topFooter .menuFooter li a:hover { opacity: 0.8; border-color: #3c3c3c; } footer .places { margin-left: -66px; float: left; } footer .places .itemCont:before { content: '\e909'; } footer .middleFooter { padding: 40px 0 16px; /* border-top: 1px solid rgba(170, 159, 144, 0.2); */ } .sec-grid { border-bottom: 1px solid rgba(170, 159, 144, 0.2); padding-bottom: 30px; margin-bottom: 30px; } footer .middleFooter .place { position: relative; padding-left: 54px; cursor: pointer; } footer .middleFooter .place:before { content: '\e909'; display: block; width: 47px; font-size: 48px; line-height: 48px; color: #979797; font-weight: normal; margin-top: 0; /* opacity: 0.7; */ opacity: 1; top: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } footer .middleFooter .place .tit, footer .middleFooter .place .simpleTxt { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } footer .middleFooter .place:hover .tit, footer .middleFooter .place:hover .simpleTxt { /* opacity: 0.8; */ opacity: 1; } footer .middleFooter .place:hover:before { opacity: 1; } footer .middleFooter .subBl { width: 100%; margin-top: 10px; } footer .middleFooter .subBl .btnForm { width: 84px; padding: 10px 20px; } footer .middleFooter .subBl .mainInp { height: 42px; font-size: 14px; line-height: 42px; } footer .bottomFooter { padding: 15px 0 15px; background-color: #eaeae5; } footer .bottomFooter .item:first-child { width: 190px; } footer .bottomFooter .item:last-child { width: 207px; } footer .bottomFooter .item:nth-child(2) { width: 596px; } footer .bottomFooter .copyright, footer .bottomFooter a, footer .bottomFooter .devBy, footer .bottomFooter .desBy { font-size: 13px; line-height: 19px; color: rgba(140, 140, 140, 0.7); font-weight: normal; } footer .bottomFooter .devBy, footer .bottomFooter .desBy { line-height: 17px; } footer .bottomFooter a { text-decoration: underline; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } footer .bottomFooter a:hover { color: #505050; } footer .bottomFooter .copyrightBl ul li { float: left; padding-right: 23px; } footer .bottomFooter .copyrightBl ul li a { display: block; } footer .bottomFooter .payments li { padding: 4px 0; float: left; } footer .bottomFooter .payments li + li { margin-left: 15px; } footer .bottomFooter .payments img { height: 24px; width: auto; } @media (max-width: 1599px) { header .headInfo .toBasket .inBasket { left: auto; margin-left: 0; right: 0; margin-right: -15px; } header .headInfo .toBasket .inBasket:before { left: auto; margin-left: 0; right: 20px; } } @media (max-width: 1530px) { header .headInfo .contacts .itemCont { margin-right: 30px; } } @media (max-width: 1279px) { .ourServ [class*="icon"] svg { max-width: 93px; max-height: 93px; } .container { width: 950px; } header .headInfo .logo img { width: 198px; height: 55px; } header .headInfo .toBasket > [class*='icon'] { font-size: 48px; line-height: 55px; color: #505050; font-weight: normal; } header .headInfo .toBasket .inBasket { top: 85px; } header .headInfo .contacts { margin-left: 75px; padding: 9px 0 10px; } header .headInfo .contacts .places { width: 332px; } header .headInfo .contacts [class*='icon-geotag'] { top: 20%; } .headInfo.cfix:after { display: none; } header .headInfo .contacts .places .itemCont { float: none; width: auto; } .header-icons { margin-right: 16px; } header .headInfo .contacts .places .itemCont .in { padding-left: 0; line-height: 18px; } header .headInfo .contacts .places .itemCont .in [class*='icon'] + * > * { display: inline-block; } header .headInfo .contacts .itemCont .in { padding-left: 0; } header .headInfo .contacts .itemCont.phone { width: 240px; } header .headInfo .contacts .itemCont.phone .in { padding-left: 47px; } header .headBottom { padding: 25px 0; } header .menuButton .linkMain { padding-right: 25px; } header .linkMain { font-size: 15px; line-height: 36px; color: #3c3c3c; font-weight: 500; text-transform: uppercase; display: block; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .catalogMenu > .item:first-child { margin-left: 25px; } header .catalogMenu > .item:first-child ~ .item { margin-left: 30px; } header .search { float: right; } header .search > .searchClick { display: block; font-size: 32px; line-height: 36px; color: #3c3c3c; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .search > .searchClick:hover { color: #817564; } header .subMenuNoMajor .leftMenu, header .subMenuMain .leftMenu { padding: 0 30px 0 40px; } header .subMenuNoMajor .leftMenu > .row, header .subMenuMain .leftMenu > .row { margin-left: -15px; margin-right: -15px; } header .subMenuNoMajor .leftMenu .item, header .subMenuMain .leftMenu .item { width: 190px; padding: 0 15px; } header .subMenuNoMajor .rightMenu, header .subMenuMain .rightMenu { width: 200px; padding: 0 20px; } header .subMenu.main { padding: 30px 0 35px; } header .subMenu.main .tit { font-size: 13px; line-height: 18px; color: #817564; font-weight: bold; } header .subMenu.main .listMenu a, header .subMenu.main .listMenu li span { font-size: 13px; line-height: 18px; font-weight: normal; } header .subMenu:before { width: 200px; } footer .logo img { width: 160px; } footer .social { margin-top: 32px; } footer .tit { font-size: 13px; line-height: 19px; font-weight: bold; } footer .topFooter a, footer .topFooter .simpleTxt, footer .middleFooter a, footer .middleFooter .simpleTxt { font-size: 13px; line-height: 19px; color: #3c3c3c; font-weight: normal; } footer .topFooter { padding: 35px 0; } footer .middleFooter { padding: 35px 0 40px; } footer .middleFooter .place { padding-left: 47px; } footer .middleFooter .place:before { font-size: 42px; line-height: 42px; color: #8f8370; font-weight: normal; } footer .middleFooter .subBl { width: 100%; margin-top: 10px; } footer .middleFooter .subBl .btnForm { width: 65px; padding: 7px 20px; margin-left: 5px; } footer .middleFooter .subBl .mainInp { height: 36px; font-size: 13px; line-height: 36px; } footer .bottomFooter .item:first-child { width: 190px; } footer .bottomFooter .item:last-child { width: 160px; } footer .bottomFooter .item:nth-child(2) { width: 570px; } .banner .bigTile { padding-right: 0; width: 100%; } .banner .lilTiles { display: flex; width: calc(100% + 11px); margin: 4px -6px 0; } .banner .alphaPlace .imageLink { height: 460px; padding: 70px 272px 70px 50px; } .banner .alphaPlace .imageLink .titBan { font-size: 42px; line-height: 48px; } .banner .betaPlace { float: left; padding: 0 2px; } .banner .betaPlace + .betaPlace { margin-top: 0; } .banner .betaPlace .imageLink { height: 270px; padding: 40px 100px 40px 50px; } .banner .betaPlace .imageLink .titBan { font-size: 32px; line-height: 38px; font-weight: bold; } .st_main_page div.item.lilTiles.cfix { margin: 0 !important; } .faq .content .sBlock { padding-right: 0; } .prevCollection .imageLink { height: 628px; } .prevCollection .imageLink .titleImg { font-size: 36px; line-height: 42px; font-weight: bold; } .prevCollection .imageLink .titleImg.big { font-size: 42px; } .prevCollection .imageLink.noTxt { padding: 70px 40px; } .prevCollection .grid > .item:nth-child(4) ~ .item { display: none; } .imageLink { background-position: center top; } .pageHead:not(.withImage) { padding: 15px 20px 25px; } .pageHead .txt { padding: 0; } .pageHead.withImage .headImage { height: 216px; } .pageHead.withImage .pageHeadCont { padding: 15px 35px 80px 0; height: 216px; } .pageHead.withImage .chaptTheme { bottom: 25px; } .pageHead.withImage .txt span { display: none; } .pageHead .cabTxt { padding: 0 80px; } .cardItem { height: 427px; } .cardItem .picItemBlock { height: 200px; } .advantages .content { padding: 40px 0; } .advantages .content .item { padding: 0; } .advantages .content .row.bigPadd { margin-right: 0; margin-left: 0; } .advantages .txt { line-height: 22px; color: #787878; font-weight: normal; padding: 0 15px; } .ourServ { padding: 40px 0 50px; } .ourServ .txt { font-size: 16px; line-height: 20px; color: #8f8370; font-weight: normal; } .ourServ [class*='icon'] { font-size: 93px; line-height: 93px; color: #787878; font-weight: normal; } .shortArticleHor .image { height: 186px; width: 100%; display: block; } .shortArticleHor .shortInfo { padding: 10px 0 0; display: block; } .shortArticleHor .nameArticle { font-size: 18px; line-height: 22px; font-weight: 500; } .shortArticleVert .image { height: 293px; } .subForm { padding: 28px 127px 30px; } .subForm .agreeConf { padding: 0 98px; } .titForm { font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; } .aboutShop .txt p { font-size: 16px; line-height: 22px; } .aboutShop .txt p + p { margin-top: 10px; height: 22px; overflow: hidden; } .aboutShop .image { height: 240px; } .standartTabs .ui-tabs-nav li { padding: 0 10px 10px; } .standartTabs .ui-tabs-nav li a { font-size: 15px; line-height: 19px; color: #8c8c8c; font-weight: 500; } .standartTabs .ui-tabs-nav li a .num { font-size: 10px; line-height: 19px; color: #8c8c8c; font-weight: bold; margin-top: -7px; } .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 0 10px 10px; } .pageHead .breadcrumbs + * { margin-top: 0; } .pageHead.noChapt { padding-bottom: 40px; } .requestBlock { margin-top: 30px; padding: 20px 60px 30px 30px; } .itemCard .supplies { padding: 25px 20px 30px; } .itemCard .previewItem .bigImageSlider .item { height: 500px; } .itemCard .previewItem.modalItem .bigImage { width: 650px; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider { width: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider:not(.owl-carousel), .itemCard .previewItem.modalItem .bigImage .bigImageSlider.hideSl { opacity: 0; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider .item { height: 650px; width: 100%; } .itemCard #previewItem .in { width: auto; } .itemCard .dataGoods .actGoods .item + .item { margin-top: 10px; } .itemCard .dataGoods .howGetGoods { padding: 35px 0; } .itemCard .dataGoods .howGetGoods .inStock br { display: none; } .itemCard .dataGoods .howGetGoods .item + .item { margin-top: 35px; } .itemCard .dataGoods .howGetGoods .pickUp a { display: inline-block; } .itemCard .requestBlock { margin-top: 11px; } .topMagazine .bannerMagazine .imageLink { width: 100%; height: 460px; padding: 50px; margin-right: 0; } .topMagazine .bannerMagazine .imageLink .txt { margin-top: 5px; } .topMagazine .shortNews .image { height: 152px; } .topMagazine .shortNews .shortInfo { padding: 15px 20px 25px; } .magazineContent .shortArticleHor .nameArticle { font-size: 20px; line-height: 24px; } .letsBuy.interestingForU .item:nth-child(4) + .item { display: none; } .postHead { padding: 30px 40px 45px; } .postPage { padding: 30px 91px 50px; } .postPage.textPage { padding: 30px 108px 80px; } .textPost { width: 100%; } .textPost .galleryBlock + * { margin-top: 25px; } .textPost > p ~ p { margin-top: 25px; } .textPost .titArticle { margin-top: 30px; } .textPost .postReview { margin-top: 30px; padding: 30px 30px 35px 0; } .textPost.magazinePost { width: 100%; } .reviews { padding: 40px 0 5px; } .mobItemSlider .item:nth-child(4) ~ .item { display: none; } .afterGallery .twoColumnsInfo .item:last-child { width: 100%; } .afterGallery .revBlock { padding-left: 0; } .afterGallery .revBlock .in { padding-left: 0; } .afterGallery .revBlock .headRev { padding-left: 71px; position: relative; } .afterGallery .revBlock > .item { display: block; } .afterGallery .revBlock > .item:first-child { width: auto; float: left; margin-right: 15px; padding: 6px 0 5px; } .afterGallery .revBlock > .item:last-child { padding-left: 0; width: auto; } .afterGallery .revBlock .photo { width: 56px; height: 56px; margin-top: -28px; } .oneClickForm { width: 536px; padding: 30px 40px 40px; margin: 0 auto; } .oneClickForm .titForm { font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; letter-spacing: 0; } .oneClickForm .sendBl { margin-top: 25px; } .oneClickForm .sendBl .weCallYou { font-size: 16px; line-height: 21px; color: #8c8c8c; font-weight: normal; letter-spacing: 0; float: left; width: 258px; padding: 3px 0; } .oneClickForm .sendBl .btnForm { float: right; } .oneClickForm .inpBl { width: 100%; } .oneClickForm .inpBl + .inpBl { margin-top: 15px; } .oneClickForm .inpBl input { width: 100%; } .oneClickForm .nameGoods { font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; letter-spacing: 0; display: block; margin-top: 2px; } .oneClickForm .inputs { margin-top: 30px; } .modals .inpBl + .inpBl { margin-top: 15px; } .itemPopup { min-height: 950px; } .itemPopup .infoBlock { padding: 30px 40px 35px; } .itemPopup .infoBlock .image { width: 208px; height: 208px; background-size: cover; background-position: center; } .itemPopup .infoBlock .tCell { padding: 0; } .itemPopup .infoBlock .infoGoods { padding-left: 40px; } .itemPopup .infoBlock .infoGoods .name { display: block; font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; letter-spacing: 0; } .itemPopup .infoBlock .infoGoods .availableDate { font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; letter-spacing: 0; display: block; } .itemPopup .infoBlock .infoGoods .txt { font-size: 16px; line-height: 21px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; margin-top: 10px; } .itemPopup .infoBlock .infoGoods .toAllSizes { display: table; margin-top: 10px; } .itemPopup .inShop { background-color: #fff; padding: 35px 40px; } .itemPopup .inShop + .inShop { border-top: 2px solid rgba(140, 140, 140, 0.2); } .itemPopup .inShop .table .tCell { padding: 0; } .itemPopup .inShop .table .tCell:first-child { width: 268px; } .itemPopup .inShop .table .tCell:nth-child(2) { width: 268px; } .itemPopup .inShop .table .tHead .tCell { padding: 15px 0; } .itemPopup .inShop .table .tHead span { font-size: 16px; line-height: 16px; color: #505050; font-weight: 500; letter-spacing: 0; } .itemPopup .inShop .table .tBody .tCell { padding: 9px 0; } .itemPopup .inShop .table .tBody .tCell:first-child { padding-left: 20px; } .itemPopup .inShop .table .tBody .tCell:last-child { padding-right: 20px; } .itemPopup .inShop .table .tBody .tRow:nth-child(2n+1) { background-color: rgba(236, 236, 230, 0.55); } .itemPopup .inShop .table .tBody span { font-size: 16px; line-height: 24px; color: #787878; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav { padding: 0; width: 100%; margin: 0; } .itemPopup .availableItem .contShops { background-color: #fff; height: 100%; } .itemPopup .availableItem .shopBl { display: table; } .itemPopup .availableItem .shopBl .item { display: table-cell; vertical-align: middle; } .itemPopup .availableItem .shopBl .item:first-child { width: 268px; } .itemPopup .availableItem .place { font-size: 16px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; display: block; position: relative; padding-left: 42px; } .itemPopup .availableItem .place:before { content: '\e909'; display: block; position: absolute; width: 42px; font-family: "icomoon"; text-align: center; font-size: 42px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; left: 0; top: 50%; margin-top: -21px; } .itemPopup .availableItem .pre { font-size: 16px; line-height: 21px; color: #817564; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav li { width: 50%; float: left; text-align: center; padding: 10px 0; } .itemPopup .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 10px 0; } .itemPopup .standartTabs .ui-tabs-nav li a { width: 100%; text-align: center; } .itemPopup .standartTabs .containerTabs { width: auto; margin: 0; padding: 0; } .modals.table { /* padding: 0 40px; */ padding: 0; } .cookies { padding: 15px 0; } .cookies .in { padding-right: 170px; position: relative; width: 870px; margin: 0 auto; } .cookies .txt { font-size: 14px; line-height: 16px; color: #fff; font-weight: 300; } .cookies .btnForm { font-size: 14px; line-height: 36px; color: #fff; font-weight: 500; margin-top: -18px; } .orderHistory .standartTable .tCell:first-child { width: auto; } .orderHistory .standartTable .tCell:nth-child(2) { width: auto; } .orderHistory .standartTable .tCell:nth-child(3) { width: auto; } .orderPage .orderGoods .itemGood { height: 170px; } .orderPage .orderGoods .itemGood .statusGoodOrder { position: static; } .congrats .cardVariant .txtBl { min-height: 72px; } .basketItemPage > .in > .item:first-child { width: 274px; } .basketItemPage > .in > .item > .in > *:first-child { width: 250px; } .basketItemPage > .in > .item > .in > *:nth-child(2) { width: 200px; } .cabForm.notFull { width: 100%; } .authModal .standartTabs .ui-tabs-nav li { padding: 0; display: block; float: left; width: 50%; text-align: center; } .authModal .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 0; } .authModal .standartTabs .ui-tabs-nav li .ui-tabs-anchor { float: none; padding: 20px 20px; display: block; height: 100%; } .authModal .standartTabs .ui-tabs-panel { padding: 0; } /* ╨╜╨╛╨▓╤Л╨╡ ╤Б╤В╨╕╨╗╨╕ css*/ .alphabet .list a { width: 33.33%; } .alphabet .list a + a { padding-left: 63px; } .newService .showService, .partnerPrograms .showService { padding-left: 0; } .newService .showService .caption, .partnerPrograms .showService .caption { padding: 46px 0; padding-left: 100px; padding-top: 24px; } .newService .caption [class*="icon-"], .partnerPrograms .caption [class*="icon-"] { font-size: 60px; height: 80px; width: 80px; line-height: 80px; left: 0; margin-top: 10px; } .newService .caption .logoPartners, .partnerPrograms .caption .logoPartners { height: 70px; left: 0; position: static; width: 100%; background-position: left center; background-size: auto 100%; margin-bottom: 5px; } .partnerPrograms .showService .caption { padding: 0 0 15px; } .showReviews { padding-right: 0; } .storeInfo { padding-right: 0; } .storeInfo .mapStore { height: 386px; } .reviews.upgrade-reviews .revBlock { padding-right: 0; } .contactsPage .contactsInfoBlock { width: 680px; } } @media (max-width: 991px) { .container { width: 670px; } .titMain .titLink { font-size: 22px; line-height: 26px; color: #505050; font-weight: bold; letter-spacing: 0.5px; } .titMain + .content { margin-top: 30px; } header .topMenu li + li { margin-left: 26px; } header .headInfo .contacts { margin-left: 75px; padding: 12px 0; } header .headInfo .contacts .places { width: auto; } header .headBottom { padding: 25px 0; } header .catalogMenu { float: left; } header .catalogMenu .item { float: left; } header .catalogMenu .item .linkMain { font-size: 16px; line-height: 36px; color: #3c3c3c; font-weight: 500; text-transform: uppercase; display: block; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .catalogMenu .item:first-child { border-right: none; width: 158px; } header .catalogMenu .item:first-child .linkMain { padding-left: 50.8px; position: relative; } header .catalogMenu .item:first-child .linkMain .deskBurger { position: absolute; left: 0; top: 50%; font-size: 36px; line-height: 36px; color: #3c3c3c; font-weight: normal; margin-top: -18px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .catalogMenu .item:nth-child(2) { margin-left: 30px; } header .catalogMenu .item:nth-child(2) ~ .item { margin-left: 42px; } header .catalogMenu .item .linkMain:hover { color: #817564; } header .catalogMenu .item .linkMain:hover .deskBurger { color: #817564; } header .search { float: right; } header .search > .searchClick { display: block; font-size: 32px; line-height: 36px; color: #3c3c3c; font-weight: normal; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } header .search > .searchClick:hover { color: #817564; } header .menuButton .linkMain { border-right: none; } header .subMenuNoMajor .leftMenu, header .subMenuNoMajor .rightMenu, header .subMenuMain .leftMenu, header .subMenuMain .rightMenu { float: none; } header .subMenuNoMajor .leftMenu, header .subMenuMain .leftMenu { padding: 0; } header .subMenuNoMajor .leftMenu > .row, header .subMenuMain .leftMenu > .row { margin-left: -15px; margin-right: -15px; } header .subMenuNoMajor .leftMenu .item, header .subMenuMain .leftMenu .item { width: 190px; padding: 0 15px; } header .subMenuNoMajor .rightMenu, header .subMenuMain .rightMenu { width: 200px; padding: 0; } header .subMenu { margin-left: -20px; margin-right: -20px; } header .subMenu.main { width: calc(100% + 40px); padding: 0; } header .subMenu.main:before { display: none; } header .subMenu.main .menu + .menu { padding-top: 0; margin-top: 0; border-top: none; } header .subMenu.main .subMenuMain { background-color: rgba(187, 178, 166, 0.15); float: left; width: calc(100% - 220px); padding: 0 40px 0 30px; } header .subMenu.main .subMenuMain .row { margin: 0; } header .subMenu.main .subMenuMain .row:after { display: none; } header .subMenu.main .subMenuMain .row .item { float: none; width: auto; } header .subMenu.main .subMenuMain .row .item .tit { float: left; width: 50%; padding: 15px; height: 78px; position: relative; } header .subMenu.main .subMenuMain .row .item .tit > * { display: table-cell; vertical-align: middle; } header .subMenu.main .subMenuMain .row .item .tit + .tit:before { content: ''; display: block; position: absolute; width: calc(100% - 30px); left: 15px; top: 0; height: 1px; background-color: rgba(140, 140, 140, 0.2); } header .subMenu.main .subMenuMain .row .item .menu + .menu .tit:before { content: ''; display: block; position: absolute; width: calc(100% - 30px); left: 15px; top: 0; height: 1px; background-color: rgba(140, 140, 140, 0.2); } header .subMenu.main .subMenuMain .row .item:first-child ~ .item .tit:before { content: ''; display: block; position: absolute; width: calc(100% - 30px); left: 15px; top: 0; height: 1px; background-color: rgba(140, 140, 140, 0.2); } header .subMenu.main .subMenuMain .row .item:first-child .menu:nth-child(2) .tit:before { display: none; } header .subMenu.main .catalogMenuTablet { display: block; float: left; width: 220px; padding: 30px 40px; } header .subMenu.main .catalogMenuTablet .item + .item { margin-top: 30px; } header .subMenu.main .catalogMenuTablet .linkMain { font-size: 13px; line-height: 18px; color: #3c3c3c; font-weight: bold; padding-right: 0; padding-left: 0; } header .subMenu.main .tit { font-size: 13px; line-height: 18px; color: #817564; font-weight: bold; text-transform: uppercase; display: table; } header .subMenu.main .listMenu { display: none; } header .subMenu.main .menuGrey { float: right; } header .subMenu .menuBanner { margin-top: 20px; } header .subMenu .menuBanner .imageLink { padding: 15px 30px 15px; } header .subMenu .menuBanner .imageLink .in > * { font-size: 24px; line-height: 28px; color: #636363; font-weight: bold; } header .subMenu .menuBanner .imageLink .tit { color: #3c3c3c; } footer .social { margin-top: 29px; } footer .topFooter .footMenu { margin-top: 0; } footer .topFooter .footMenu .grid { margin-top: -36px; } footer .topFooter .footMenu .grid > .item { padding-top: 36px; } footer .topFooter .footMenu .grid > .item:nth-child(2n+1) { clear: both; } footer .topFooter a, footer .topFooter .simpleTxt, footer .middleFooter a, footer .middleFooter .simpleTxt { font-size: 13px; line-height: 17px; color: #3c3c3c; font-weight: normal; } footer .middleFooter .subBl { width: 100%; margin-top: 10px; } footer .middleFooter .subBl input { height: 36px; font-size: 13px; line-height: 36px; color: #3c3c3c; font-weight: normal; padding: 0 15px; } footer .middleFooter .subBl .btnForm { line-height: 36px; padding: 0 20px; font-size: 14px; } footer .bottomFooter { padding: 20px 0; } footer .bottomFooter .item + .item { margin-top: 20px; } footer .bottomFooter .item:first-child, footer .bottomFooter .item:last-child, footer .bottomFooter .item:nth-child(2) { width: 100%; } .btnMore { font-size: 15px; line-height: 42px; } .mainBl { padding: 40px 0 50px; } .banner .alphaPlace .imageLink { height: 320px; padding: 40px 272px 40px 30px; } .banner .alphaPlace .imageLink .titBan { font-size: 32px; line-height: 36px; } .banner .betaPlace .imageLink { height: 186px; padding: 20px 100px 20px 30px; } .banner .betaPlace .imageLink .titBan { font-size: 22px; line-height: 26px; font-weight: bold; } .banner .bannerHighlight .txt { padding: 15px 0; font-size: 17px; line-height: 28px; color: #8f8370; font-weight: normal; } .prevCollection .grid { margin: -15px -15px 0; } .prevCollection .grid > .item:nth-child(4) ~ .item { display: block; } .prevCollection .imageLink .txt { font-size: 16px; line-height: 20px; font-weight: normal; } .prevCollection .imageLink .titleImg { font-size: 36px; line-height: 42px; font-weight: bold; } .prevCollection .imageLink .titleImg.big { font-size: 42px; } .cardItem { height: 321px; padding: 15px; margin-top: 0; margin-bottom: 0; } .cardItem .picItemBlock { height: 192px; } .cardItem .picItemBlock > .picItem { background-size: contain; } .cardItem .visibleBlock { padding: 15px 0; } .cardItem .info .name { padding: 0; } .cardItem .info .sizes { display: none; } .cardItem > .in { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .cardItem > .in:hover { z-index: 1; opacity: 0.7; } .cardItem > .in:hover .sizes { display: none; } .cardItem > .in:hover .picItem:not(.hoverImage) { opacity: 1; } .cardItem > .in:hover .picItem.hoverImage { opacity: 0; } .cardItem > .in:hover:before { display: none; } .advantages .itemAbout:nth-child(3) + .itemAbout { display: none; } .advantages .content { padding: 30px 0 40px; } .advantages .txt { line-height: 22px; color: #787878; font-weight: normal; } .advantages [class*='icon'] { font-size: 74px; line-height: 74px; color: #8f8370; font-weight: normal; } .ourServ { padding: 30px 0 50px; } .ourServ .in { width: 180px; height: 180px; padding: 0 14px; } .ourServ .row { margin-left: 0; margin-right: 0; text-align: center; margin-top: -10px; } .ourServ .row .item { padding: 10px 17px 0; width: 32.3333%; float: none; display: inline-block; vertical-align: top; } .nameArticle { font-size: 18px; line-height: 22px; font-weight: 500; } .shortArticleHor .image { height: 128px; } .shortArticleHor .nameArticle { font-size: 15px; line-height: 18px; font-weight: 500; } .chapterArticle { font-size: 13px; line-height: 24px; color: #aa9f90; font-weight: normal; } .shortArticleVert .image { height: 202px; } .shortArticleVert .txtArticle { font-size: 15px; line-height: 20px; } .shortArticleVert .shortInfo { height: 187px; } .subForm { padding: 20px 56px 30px; } .subForm .agreeConf { padding: 0 40px; } .subForm .subBl { margin: 20px auto 0; } .subForm > [class*='icon'] { font-size: 56px; line-height: 56px; color: #aa9f90; font-weight: normal; } .titForm { font-size: 20px; line-height: 26px; color: #505050; font-weight: bold; } .mainInp { height: 42px; font-size: 14px; line-height: 42px; color: #716553; font-weight: normal; } .mainInp.area { font-size: 14px; line-height: 18px; color: #716553; font-weight: normal; padding: 12px 15px; } .selectric-mainSelect .selectric .label { font-size: 14px; line-height: 40px; margin: 0 44px 0 15px; height: 40px; } .selectric-mainSelect .selectric .button { height: 42px; line-height: 42px; } .selectric-mainSelect .selectric .button:after { line-height: 42px; } .btnForm { font-size: 16px; line-height: 16px; color: #fff; font-weight: 500; letter-spacing: 0; } .aboutShop { margin-top: 40px; } .sliderItems.owl-carousel { padding: 0 0px; } .navSlider.sliderItems .owl-nav .owl-prev, .navSlider.sliderItems .owl-nav .owl-next { background-color: transparent; } .sliderItems.owl-carousel { padding: 0; margin-top: 0; } .sliderItems.owl-carousel .owl-stage-outer { padding: 0; } .sliderItems .cardItem { padding-top: 0; } .categoryPage { padding-top: 0; } /* .categoryPage .paginationBl { */ /* display: none; */ /* } */ .standartTabs .ui-tabs-nav li { padding: 0 20px 10px; } .standartTabs .ui-tabs-nav li a { font-size: 15px; line-height: 19px; color: #8c8c8c; font-weight: 500; display: block; } .standartTabs .ui-tabs-nav li a .num { font-size: 10px; line-height: 19px; color: #8c8c8c; font-weight: bold; margin-top: -7px; } .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 0 20px 10px; } .itemCard .descriptionBlock .previewItem .miniPreview { width: 111px; padding-right: 57px; } .itemCard .descriptionBlock .previewItem .miniPreview .miniImage { width: 54px; } .itemCard .descriptionBlock .previewItem .miniPreview + .bigImage { width: 416px; } .itemCard .descriptionBlock .previewItem .miniPreview.onePhoto + .bigImage { width: 416px; margin: 0 auto; float: none; } .itemCard .descriptionBlock .previewItem .bigImageSlider .item { height: 416px; } .itemCard .descriptionBlock .detailedItem { margin-top: 30px; padding: 0; border-radius: 0; } .itemCard .descriptionBlock .diseaseRecommend { border: 2px solid rgba(170, 159, 144, 0.2); padding: 20px 25px 25px; text-align: center; margin-top: 25px; } .itemCard .descriptionBlock .diseaseRecommend .titDisease { display: block; font-size: 18px; line-height: 24px; color: #8f8370; font-weight: bold; } .itemCard .descriptionBlock .diseaseRecommend .diseasesItem { margin-top: 10px; text-align: center; } .itemCard .descriptionBlock .diseaseRecommend .diseasesItem li { padding: 0 10px; position: relative; display: inline-block; } .itemCard .descriptionBlock .diseaseRecommend .diseasesItem li + li:before { content: ''; display: block; position: absolute; height: 14px; width: 1px; background-color: rgba(140, 140, 140, 0.7); left: -2px; top: 50%; margin-top: -7px; } .itemCard .descriptionBlock .diseaseRecommend .diseasesItem li a { font-size: 14px; line-height: 32px; color: #817564; font-weight: normal; } .itemCard .dataItem { padding-left: 40px; } .itemCard .dataItem .pre { font-size: 16px; line-height: 20px; color: #787878; font-weight: normal; } .itemCard .dataItem .supplies { padding: 25px 30px 30px; } .itemCard .dataItem .supplies .typeGood { display: block; font-size: 18px; line-height: 22px; color: #787878; font-weight: normal; } .itemCard .dataItem .supplies .brandName { font-size: 24px; line-height: 30px; color: #505050; font-weight: bold; display: block; margin-top: 2px; } .itemCard .dataItem .supplies .costs .oldCost { font-size: 28px; line-height: 28px; color: #636363; font-weight: normal; text-decoration: line-through; display: inline-block; vertical-align: middle; } .itemCard .dataItem .supplies .costs .actualCost { font-size: 28px; line-height: 28px; color: #ff5656; font-weight: bold; display: inline-block; vertical-align: middle; } .itemCard .dataItem .supplies .costs .discount { display: inline-block; vertical-align: middle; position: relative; width: 55px; text-align: center; margin-left: 15px; padding-right: 5px; font-size: 14px; line-height: 18px; color: #ff5656; font-weight: normal; } .itemCard .dataItem .supplies .costs .discount:before { content: '\e920'; font-family: "icomoon"; font-size: 24px; line-height: 24px; color: #ff5656; font-weight: normal; position: absolute; display: block; left: 0; top: 50%; margin-top: -12px; } .itemCard .dataItem .sizesBlock { margin-top: 30px; } .itemCard .dataItem .sizesBlock > span { display: inline-block; vertical-align: middle; } .itemCard .dataItem .sizesBlock .toAll { font-size: 16px; line-height: 20px; color: #817564; font-weight: normal; text-decoration: underline; display: inline-block; vertical-align: middle; margin-left: 20px; } .itemCard .dataItem .sizesBlock .fltrsSize { margin-top: 20px; } .itemCard .dataItem .colorBlock { margin-top: 30px; } .itemCard .dataItem .colorBlock .colorsGood { margin-top: 12px; } .itemCard .dataItem .actGoods, .itemCard .dataItem .howGetGoods { margin: 30px -5px 0; } .itemCard .dataItem .actGoods .item, .itemCard .dataItem .howGetGoods .item { padding: 0 5px; } .itemCard .dataItem .howGetGoods .inStock, .itemCard .dataItem .howGetGoods .pickUp { position: relative; font-size: 14px; line-height: 18px; color: #787878; font-weight: normal; padding-left: 40px; } .itemCard .dataItem .howGetGoods .inStock:before, .itemCard .dataItem .howGetGoods .pickUp:before { display: block; position: absolute; left: 0; top: 50%; font-size: 40px; line-height: 40px; color: #787878; font-weight: normal; font-family: "icomoon"; margin-top: -21px; } .itemCard .dataItem .howGetGoods .inStock:before { content: '\e90c'; } .itemCard .dataItem .howGetGoods .pickUp:before { content: '\e90d'; } .itemCard .dataItem .otherGoods { padding: 25px 30px 30px; margin-top: 40px; } .itemCard .dataItem .otherGoods li { float: left; padding-right: 20px; } .itemCard .dataItem .otherGoods a { font-size: 14px; line-height: 24px; color: #787878; font-weight: normal; text-decoration: underline; } .letsBuy .container { width: 100%; padding: 0; } .letsBuy .mobItemSlider { border: none; -webkit-box-shadow: 0 17px 0 -15px rgba(140, 140, 140, 0.2); -moz-box-shadow: 0 17px 0 -15px rgba(140, 140, 140, 0.2); box-shadow: 0 17px 0 -15px rgba(140, 140, 140, 0.2); } .pageHead .titPage { font-size: 26px; line-height: 24px; color: #505050; font-weight: bold; } .pageHead .titPage .numItems { font-size: 13px; line-height: 24px; color: #8f8370; font-weight: bold; } .pageHead .infoAccHead { font-size: 20px; line-height: 24px; } .pageHead .cabTxt { font-size: 17px; line-height: 22px; color: #636363; font-weight: 300; padding: 0; } .itemCard .supplies { padding: 25px 20px 30px; } .itemCard .supplies .thisGood { float: left; width: calc(100% - 243px); } .itemCard .supplies .costs { float: right; width: 243px; padding-left: 35px; margin-top: 0; } .itemCard .supplies .costs > * { float: none; } .itemCard .supplies .costs .caption { width: auto; padding-bottom: 9px; } .itemCard .supplies .costs .cost { width: auto; } .itemCard .previewItem { margin-top: 16px; position: relative; } .itemCard .previewItem .miniPreview { position: absolute; top: 0; left: 0; width: auto; padding-right: 0; float: none; } .itemCard .previewItem .miniPreview .miniImage { width: 56px; height: 56px; } .itemCard .previewItem .miniPreview + .bigImage { width: 416px; margin: 0 auto; } .itemCard .previewItem .miniPreview.onePhoto { display: none; } .itemCard .previewItem .miniPreview.onePhoto + .bigImage { width: 416px; height: 416px; } .itemCard .previewItem .bigImage { float: none; } .itemCard .previewItem .bigImageSlider .item { height: 416px; } .itemCard .previewItem.modalItem { padding-left: 60px; } .itemCard .previewItem.modalItem .bigImage { width: 400px; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider .item { height: 400px; } .itemCard .dataGoods .dataAboutItem { margin: 0 -16px; } .itemCard .dataGoods .dataAboutItem .sizesBlock, .itemCard .dataGoods .dataAboutItem .colorBlock { float: left; width: 50%; padding: 0 16px; } .itemCard .dataGoods .actGoods, .itemCard .dataGoods .howGetGoods { margin: 0 -16px; } .itemCard .dataGoods .actGoods .item, .itemCard .dataGoods .howGetGoods .item { float: left; width: 50%; padding: 0 16px; } .itemCard .dataGoods .actGoods .item + .item, .itemCard .dataGoods .howGetGoods .item + .item { margin-top: 0px; } .itemCard .dataGoods .actGoods { margin-top: 35px; } .itemCard .dataGoods .howGetGoods { padding: 35px 0; } .itemCard .dataGoods .howGetGoods .inStock a, .itemCard .dataGoods .howGetGoods .pickUp a { display: inline; } .itemCard .dataGoods .choicingSize:hover .toolHover { opacity: 1; margin-right: 0; margin-left: 0; -webkit-transition: opacity 0.3s, margin-left 0s; -moz-transition: opacity 0.3s, margin-left 0s; -o-transition: opacity 0.3s, margin-left 0s; transition: opacity 0.3s, margin-left 0s; } .itemCard .detailedItem { margin-top: 10px; } .itemCard .diseaseRecommend { padding: 20px 65px 25px; } .itemCard .requestBlock { padding: 25px 50px 30px; margin-top: 25px; } .itemCard .requestBlock li { padding: 5px 15px 5px 0; } .topMagazine .bannerMagazine .imageLink { width: 100%; height: 320px; padding: 30px; } .topMagazine .bannerMagazine .imageLink .txt { margin-top: 0; font-size: 26px; line-height: 32px; font-weight: bold; } .topMagazine .shortNews .image { height: 159px; } .topMagazine .shortNews > .item:nth-child(2) + .item { display: none; } .magazineContent { padding: 30px 0 60px; } .magazineContent .shortArticleHor { padding: 0; } .magazineContent .shortArticleHor .nameArticle { font-size: 18px; line-height: 22px; } .magazineContent .shortArticleHor .image { width: 192px; height: 144px; margin-right: 25px; } .magazineContent .shortArticleHor .shortTxt { margin-top: 5px; line-height: 19px; font-size: 15px; } .magazineContent .shortArticleHor + .shortArticleHor { margin-top: 30px; } .magazineContent .shortArticleHor + .shortArticleHor .shortInfo:before { display: none; } .magazineMenu { display: none; padding: 10px 0; } .magazineMenu li a { font-size: 16px; line-height: 22px; color: #817564; font-weight: normal; } .letsBuy.interstingForU .item:nth-child(3) + .item { display: none; } .postHead { padding: 30px 30px 40px; } .postHead .nameArticle { font-size: 26px; line-height: 32px; color: #505050; font-weight: bold; } .postHead .txt { font-size: 16px; line-height: 20px; color: #636363; font-weight: 300; } .postPage { padding: 30px 0 50px; } .textPost .galleryBlock { margin-top: 32px; } .textPost > p { font-size: 16px; line-height: 22px; color: #282828; font-weight: 300; } .textPost > p ~ p { margin-top: 25px; } .textPost .bigImage { height: 360px; } .textPost .imageCaption { font-size: 15px; line-height: 20px; color: #787878; font-weight: 300; } .textPost .titArticle + * { margin-top: 25px; } .textPost .postReview { padding: 25px 30px 30px; } .textPost .postReview .headRev { padding-left: 71px; } .textPost .postReview .revBlock { padding-left: 0; } .textPost .postReview .revBlock > .item:first-child { width: auto; padding: 17px 0 16px; } .textPost .postReview .revBlock > .item:last-child { padding-left: 0; width: auto; } .textPost .postReview .revBlock.articleInfo { padding-left: 0px; } .textPost .postReview .revBlock.articleInfo > .item:last-child { width: 100%; padding-top: 20px; } .textPost .postReview .photo { width: 56px; height: 56px; } .textPost .postReview .articleInfo .photo { width: 200px; height: 200px; margin: 0 auto; } .textPost .articleBy > * { font-size: 15px; line-height: 20px; color: #aa9f90; font-weight: 300; } .revBlock.articleInfo .photo { width: 200px; height: 200px; margin: 0 auto; } .revBlock.articleInfo > .item { display: block; } .revBlock.articleInfo > .item:first-child { float: none; } .revBlock:not(.mini) { padding-left: 0; } .revBlock:not(.mini) .in { padding-left: 0; } .revBlock:not(.mini) .in:before { width: 100%; } .revBlock:not(.mini) > .item { display: block; } .revBlock:not(.mini) > .item:first-child { width: auto; float: left; margin-right: 15px; padding: 6px 0 5px; } .revBlock:not(.mini) > .item:last-child { padding-left: 0; width: auto; } .revBlock:not(.mini) .headRev { padding-left: 71px; position: relative; } .revBlock:not(.mini) .photo { width: 56px; height: 56px; margin-top: -28px; } .mobItemSlider .item:nth-child(3) ~ .item { display: none; } .pageHead.withImage .txt { font-size: 15px; line-height: 21px; color: #505050; } .pageHead.withImage .detailed { font-size: 14px; line-height: 20px; color: #625645; font-weight: 500; } .pageHead.withImage .pageHeadCont { padding: 15px 40px 25px 40px; text-align: center; height: auto; } .pageHead.withImage .chaptTheme { text-align: center; position: relative; bottom: auto; } .pageHead.withImage .breadcrumbs { text-align: center; } .slideFilter { cursor: pointer; padding: 15px 24px 15px 34px; position: relative; } .slideFilter [class*='icon-'] { display: block; position: absolute; left: 0; top: 50%; margin-top: -12px; font-size: 24px; line-height: 24px; color: #505050; font-weight: normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .slideFilter .titClc { font-size: 15px; line-height: 24px; color: #505050; font-weight: bold; text-transform: uppercase; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .slideFilter:after { content: '\e912'; display: block; position: absolute; font-family: "icomoon"; font-size: 24px; line-height: 24px; color: #505050; font-weight: normal; right: 0; top: 50%; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .slideFilter:hover .titClc, .slideFilter:hover [class*='icon-'], .slideFilter:hover:after { color: #817564; } .slideFilter.active:after { content: '\e905'; } .slideFilter .choicedParam { font-size: 14px; line-height: 24px; color: #fff; font-weight: 500; background-color: #aa9f90; display: inline-block; padding: 0 7px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; margin-left: 6px; min-width: 24px; } .slideFilter .resetParam { font-size: 14px; line-height: 24px; color: #8f8370; font-weight: normal; display: inline-block; margin-left: 6px; cursor: pointer; } .sideFilter { display: none; padding: 0 0 25px; border-top: none; } .sideFilter .item:first-child ~ .item .categoryFilter { border-top: none; } .sideFilter .item:first-child .categoryFilter + .categoryFilter { border-top: none; } .sideFilter .categoryFilter { border-bottom: 2px solid rgba(170, 159, 144, 0.5); padding: 15px 0 27px; } .sideFilter .listFilter { max-height: inherit; } .sideFilter .movesFilter { padding: 0; border-top: none; margin-top: 25px; float: right; } .sideFilter .movesFilter [class*='btn'] { float: left; } .sideFilter .movesFilter [class*='btn'] + [class*='btn'] { margin-left: 10px; float: left; } .sideFilter .itemFilter label { padding-right: 0; } .toolItem { left: 100%; margin-left: 0; right: auto; margin-right: 0; } .toolItem.toolHover { margin-right: 0; margin-left: -220px; -webkit-transition: opacity 0.3s, margin-left 1.2s; -moz-transition: opacity 0.3s, margin-left 1.2s; -o-transition: opacity 0.3s, margin-left 1.2s; transition: opacity 0.3s, margin-left 1.2s; } .toolItem:before { content: ''; display: block; position: absolute; border: 12px solid transparent; border-left: 12px solid transparent; border-right: 12px solid #636363; left: auto; right: 100%; } .cookies .in { padding-right: 150px; width: 700px; } .cookies .txt { font-size: 13px; line-height: 16px; color: #fff; font-weight: 300; } .cookies .btnForm { font-size: 13px; line-height: 36px; color: #fff; font-weight: 500; } .resetBlock { display: none !important; } .cabForm > .grid { margin: -20px -10px 0; } .cabForm > .grid > .item { padding: 20px 10px 0; } .cabForm .inputs .inpBl + .inpBl { margin-top: 20px; } .cabForm .checkBlockHor { padding: 9px 0; } .inpBl { position: relative; } .inpBl.phoneBlockForm .selectCountryBlock .selectric .label { line-height: 42px; height: 42px; } .inpBl.phoneBlockForm .selectCountryBlock .selectric .label:before { height: 30px; margin-top: -15px; } .checkLabel { font-size: 15px; line-height: 22px; } .choiceCard .editBl .simpleBtnStyle + .simpleBtnStyle { margin-left: 25px; } .choiceCard .txtBl { font-size: 15px; line-height: 22px; } .choiceCard [class*="Variant"] { padding: 20px 20px 30px; } .simpleBtnStyle { font-size: 15px; line-height: 22px; color: #817564; } .standartTable .tHead .tCell { font-size: 15px; } .standartTable .tBody .tRow .tCell { padding: 19px 20px 19px 0; font-size: 15px; line-height: 20px; } .standartTable .tBody .tRow .tCell a { font-size: 15px; line-height: 26px; } .orderHistory .standartTable .tBody .tRow:nth-child(3) ~ .tRow { display: none; } .orderHistory .standartTable .tBody .tRow .tCell:first-child { width: 120px; } .orderHistory .standartTable .tBody .tRow .tCell:nth-child(2) { width: 204px; } .orderHistory .standartTable .tBody .tRow .tCell:nth-child(3) { white-space: nowrap; } .orderPage .orderStep .step .way .sum { font-size: 15px; line-height: 22px; } .orderPage .orderStep .step .way .detailedWay { font-size: 15px; line-height: 19px; } .resultOrder .sum { font-size: 17px; line-height: 22px; } .toOrder .in { width: 360px; } .congrats .cardVariant .txtBl { min-height: 48px; } .sliderItemsCab { width: 100vw; position: relative; margin-left: -50vw; } .sliderItemsCab .cardItemCab { margin: 0 auto; width: 350px; } .sliderItemsCab .owl-stage-outer { padding: 0; } .basketItemPage { padding-left: 160px; position: relative; display: table; height: 200px; width: 100%; } .basketItemPage .cardItemCab > .in { height: auto; } .basketItemPage .simpleBtnStyle { line-height: 21px; } .basketItemPage .sizeItem .selectingBlockSize { padding-left: 0px; } .basketItemPage .sizeItem .noSizeTxt { padding-left: 0; } .basketItemPage > .in { padding-left: 0; position: static; display: table-cell; vertical-align: middle; height: auto; width: auto; } .basketItemPage > .in > .item { display: block; } .basketItemPage > .in > .item:first-child { width: 100%; } .basketItemPage > .in > .item + .item { margin-top: 20px; } .basketItemPage > .in > .item > .in > *:first-child { width: 239px; } .basketItemPage > .in > .item > .in > *:nth-child(2) { width: auto; } .itemPopup { width: 100%; } .cabinet .blockCabinet + .blockCabinet { padding-top: 60px; } /* ╨╜╨╛╨▓╤Л╨╡ ╤Б╤В╨╕╨╗╨╕ css*/ .postPage.alphabetBlock { padding: 0px 0px 1px 0; } .postPage.textPage { padding: 30px 0 50px; } .alphabet .list a { float: left; width: 50%; } .alphabet .list a + a { padding-left: 63px; } .alphabet .list a:nth-child(4n + 1) { padding-left: 63px; } .contactsPage .mapWrap { height: 364px; } .contactsPage .contactsInfoBlock { width: 100%; } .resultsPage .titMain { margin-top: 20px; } .allShoes { display: none; } } @media (max-width: 767px) { .ourServ [class*="icon"] svg { max-width: 82px; max-height: 82px; } .container { width: 100%; } .mobWidthContainer { width: 450px; margin: 0 auto; } .navSlider .owl-nav { display: none; } .dotsSlider .owl-dots { bottom: 13px; line-height: 10px; } .dotsSlider .owl-dots .owl-dot { margin: 0 4px; width: 10px; height: 10px; } @keyframes logoMob { 0% { opacity: 1; width: 152px; } 50% { opacity: 0; width: 152px; } 51% { opacity: 0; width: 32px; } 100% { opacity: 1; width: 32px; } } @-webkit-keyframes logoMob { 0% { opacity: 1; width: 152px; } 50% { opacity: 0; width: 152px; } 51% { opacity: 0; width: 32px; } 100% { opacity: 1; width: 32px; } } @keyframes logoMobPic { 0% { height: 42px; } 50% { height: 42px; } 51% { height: 32px; } 100% { height: 32px; } } @-webkit-keyframes logoMobPic { 0% { height: 42px; } 50% { height: 42px; } 51% { height: 32px; } 100% { height: 32px; } } header { padding-bottom: 0; } header .headInfo { padding: 15px 0; width: 100%; } header .headInfo .logo { width: 152px; overflow: hidden; margin: 0 auto; float: none; } header .headInfo .logo img { width: auto; height: 42px; } header .headInfo .toBasket { float: none; position: absolute; right: 8px; top: 50%; margin-top: -16px; } header .headInfo .toBasket > [class*="icon"] { font-size: 32px; line-height: 32px; color: #505050; font-weight: normal; } header .headInfo .toBasket .wrapNums { width: 26px; top: 0; right: -13px; line-height: 13px; } header .headInfo .toBasket .numGoods { font-size: 10px; line-height: 13px; color: #fff; font-weight: 500; top: -1px; padding: 0 5px; } header .headInfo .toBasket .inBasket { display: block; height: 100vh; position: fixed; z-index: 5; right: -165px; top: 0px; width: 165px; margin-right: 0; padding: 0 15px 10px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; } header .headInfo .toBasket .inBasket:before { display: none; } header .headInfo .toBasket .inBasket .in { max-height: inherit; height: calc(100% - 100px); padding-bottom: 15px; margin-top: -15px; } header .headInfo .toBasket .inBasket .basketItem { padding: 15px 0; } header .headInfo .toBasket .inBasket .basketItem .item { float: none; width: 100%; } header .headInfo .toBasket .inBasket .imageItem { height: 135px; position: relative; left: 0; top: auto; margin-top: 0; } header .headInfo .toBasket .inBasket .info { text-align: center; } header .headInfo .toBasket .inBasket .info .simpleTxt { font-size: 14px; line-height: 20px; color: #3c3c3c; font-weight: normal; } header .headInfo .toBasket .inBasket .info .itemSort { font-size: 12px; line-height: 16px; color: #3c3c3c; font-weight: 500; } header .headInfo .toBasket .inBasket .info .old { font-size: 12px; line-height: 16px; color: #3c3c3c; font-weight: normal; } header .headInfo .toBasket .inBasket .info .new { font-size: 12px; line-height: 16px; color: #ff5656; font-weight: bold; display: inline-block; } header .headInfo .toBasket .inBasket .info .cost { font-size: 12px; line-height: 16px; color: #3c3c3c; font-weight: bold; } header .headInfo .toBasket .inBasket .info .itemName, header .headInfo .toBasket .inBasket .info .sizes { font-size: 12px; line-height: 16px; color: #828282; font-weight: normal; } header .headInfo .toBasket .inBasket .info .sizes { margin-top: 5px; } header .headInfo .toBasket .inBasket .downBasket { padding: 15px 0; text-align: right; } header .headInfo .toBasket .inBasket .downBasket .btnForm { padding: 0; font-size: 15px; line-height: 42px; color: #fff; font-weight: 500; } header .headInfo .toBasket .inBasket .downBasket .btnForm.oneClick { font-size: 13px; color: #817564; } header .headInfo .toBasket .inBasket .mCSB_scrollTools { right: -15px; } header .headInfo .contacts { position: absolute; float: none; padding: 13px 0; width: 100%; top: 100%; left: 0; margin-left: 0; z-index: 1; display: none; } header .headInfo .contacts .places { padding-left: 8px; float: right; width: 50%; } header .headInfo .contacts .places .itemCont .in { padding-left: 32px; } header .headInfo .contacts .itemCont .in [class*="icon"] + * { font-size: 12px; line-height: 20px; color: #505050; font-weight: normal; } header .headInfo .contacts .itemCont .in [class*="icon"] + * > * { font-size: 12px; line-height: 20px; color: #505050; font-weight: normal; } header .headInfo .contacts .itemCont.phone { padding-right: 8px; float: left; width: 50%; } header .headInfo .contacts .itemCont.phone .in { padding-left: 32px; } header .headInfo .contacts .itemCont.phone [class*="icon"] + * > * { font-size: 12px; line-height: 20px; } header .headInfo .contacts .itemCont.phone [class*="icon"] + * > *.mark { font-size: 12px; line-height: 20px; } header .headInfo .contacts [class*="icon"] { font-size: 32px; line-height: 32px; color: #505050; font-weight: normal; margin-top: -16px; } header .contacts.clone { padding: 13px 0; width: 450px; margin: 0 auto; } header .contacts.clone .places { padding-left: 8px; float: right; width: 50%; } header .contacts.clone .places .itemCont { float: none; } header .contacts.clone .places .itemCont .in { padding-left: 32px; } header .contacts.clone .itemCont { text-align: center; } header .contacts.clone .itemCont .in { display: inline-block; } header .contacts.clone .itemCont .in [class*="icon"] + * { font-size: 12px; line-height: 20px; color: #505050; font-weight: 500; opacity: 0.85; } header .contacts.clone .itemCont .in [class*="icon"] + * > * { font-size: 12px; line-height: 20px; color: #505050; font-weight: 500; } header .contacts.clone .itemCont.phone { padding-right: 8px; float: left; width: 50%; } header .contacts.clone .itemCont.phone .in { padding-left: 32px; } header .contacts.clone .itemCont.phone [class*="icon"] + * > * { font-size: 12px; line-height: 20px; } header .contacts.clone .itemCont.phone [class*="icon"] + * > *.mark { font-size: 12px; line-height: 20px; font-weight: 500 !important; } header .contacts.clone [class*="icon"] { font-size: 32px; line-height: 32px; color: #8f8370; font-weight: normal; opacity: 0.7; margin-top: -16px; display: block; position: absolute; left: 0; top: 50%; } header .backDarker { position: fixed; top: 0; width: 100%; z-index: 3; left: 0; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } header .search { display: none; } header .headBottom { padding: 0; } header .headBottom .menuButton .linkMain.linkSubMenu { display: none; } header .headBottom .subMenu { display: block !important; } header .headBottom .subMenu.main { background-color: #fff; width: 200px; position: fixed; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; top: 0; left: -200px; padding: 0 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header .headBottom .subMenu.main .subMenuMain { float: none; } header .headBottom .subMenu.main .subMenuMain .row { margin: 0; } header .headBottom .subMenu.main .subMenuMain .row .item { padding-left: 0; padding-right: 0; } header .headBottom .subMenu.main .subMenuMain .row .item .tit { float: none; width: 100%; padding: 20px 0px; } header .headBottom .subMenu.main .subMenuMain .row .item .tit ~ .tit:before { width: 100%; left: 0; top: 0; } header .headBottom .subMenu.main .subMenuMain .row .item:first-child ~ .item .tit:before { width: 100%; left: 0; top: 0; } header .headBottom .subMenu.main .subMenuMain .row .item .menu + .menu .tit:before { width: 100%; left: 0; } header .headBottom .subMenu.main .catalogMenuTablet { float: none; width: 100%; padding: 20px 0 25px; } header .headBottom .subMenu.main .catalogMenuTablet .item + .item { margin-top: 15px; } header .headBottom .subMenu.main .catalogMenuTablet .linkMain { font-size: 13px; line-height: 18px; color: #3c3c3c; font-weight: bold; padding: 5px 0; } header .headBottom .subMenu.main .tit { font-size: 13px; line-height: 18px; color: #817564; font-weight: bold; } header .headBottom .subMenu .searchMob, header .headBottom .subMenu .topMenuMobile { display: block; } header .headBottom .subMenu .topMenuMobile, header .headBottom .subMenu .subMenuMain { background-color: rgba(187, 178, 166, 0.15); width: 200px; margin-left: -20px; padding: 0 20px; } header .headBottom .subMenu .topMenuMobile .menu { padding: 15px 0; border-top: 1px solid rgba(140, 140, 140, 0.2); border-bottom: 1px solid rgba(140, 140, 140, 0.2); } header .headBottom .subMenu .topMenuMobile li { padding: 8px 0; } header .headBottom .subMenu .topMenuMobile .toCab { padding: 10px 0 9px 25px; } header .headBottom .subMenu .searchMob .searchLine { position: relative; } header .headBottom .subMenu .searchMob .searchLine input { border-bottom: 2px solid rgba(140, 140, 140, 0.2); width: 100%; font-size: 13px; line-height: 24px; color: rgba(140, 140, 140, 0.7); font-weight: normal; padding: 14px 25px 14px 0; } header .headBottom .subMenu .searchMob .searchLine .searchClick { display: block; position: absolute; right: 0; top: 50%; font-size: 24px; line-height: 24px; color: #3c3c3c; font-weight: normal; margin-top: -12px; } header.scrollHeader { background-color: #fff; padding-bottom: 0; } /*header.scrollHeader .headInfo { padding: 10px 0; }*/ header.scrollHeader .headInfo .contacts { display: none; } header.scrollHeader .headInfo .logo { /*-webkit-animation-name: logoMob; -moz-animation-name: logoMob; -o-animation-name: logoMob; animation-name: logoMob; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; */ } header.scrollHeader .headInfo .logo img { -webkit-animation-name: logoMobPic; -moz-animation-name: logoMobPic; -o-animation-name: logoMobPic; animation-name: logoMobPic; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } header.scrollHeader .headBottom { padding: 0; } header.scrollHeader .contacts.clone { opacity: 0; } header .subMenu { margin-left: 0px; margin-right: 0px; } header .subMenu.main:before { display: none; } header .subMenu.main .subMenuMain .row .item:first-child .menu:nth-child(2) .tit:before { display: block; } header .subMenu .menuBanner { display: none; } .wrapper { left: 0px; right: 0px; position: relative; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; overflow-x: hidden; } .wrapper.openLeftMenu { left: 200px; } .wrapper.openLeftMenu header .headInfo .mobBurger:before { content: "\e906"; } .wrapper.openLeftMenu header .subMenu.main { left: 0px; -webkit-box-shadow: inset -4px 0px 4px -4px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -4px 0px 4px -4px rgba(0, 0, 0, 0.25); box-shadow: inset -4px 0px 4px -4px rgba(0, 0, 0, 0.25); } .wrapper.openLeftMenu header .backDarker { left: 200px; } .wrapper.openRightMenu { left: -222px; } .wrapper.openRightMenu .catalogFilter .sideFilter { -webkit-box-shadow: inset 4px 0px 4px -4px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 4px 0px 4px -4px rgba(0, 0, 0, 0.25); box-shadow: inset 4px 0px 4px -4px rgba(0, 0, 0, 0.25); right: 0px; } .wrapper.openRightMenu .catalogFilter.scrollHeader { right: 222px; } .wrapper.openRightMenu header .backDarker { left: -222px; } .wrapper[class*="open"] { overflow: hidden; } .wrapper[class*="open"] .subMenu.main { overflow: auto; height: 100vh; } .wrapper[class*="open"] .overlay { display: block; } .wrapper.openFastBasket { left: -165px; } .wrapper.openFastBasket header .headInfo .toBasket .inBasket { -webkit-box-shadow: inset 4px 0px 4px -4px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 4px 0px 4px -4px rgba(0, 0, 0, 0.25); box-shadow: inset 4px 0px 4px -4px rgba(0, 0, 0, 0.25); right: 0px; } .wrapper.openFastBasket header.scrollHeader { right: 222px; } .wrapper.openFastBasket header .backDarker { left: -165px; } body { padding-top: 70px; -webkit-transition: padding-top 0.3s; -moz-transition: padding-top 0.3s; -o-transition: padding-top 0.3s; transition: padding-top 0.3s; } body.overHidden { overflow: hidden; } footer .social { margin-top: 20px; } footer .tit { font-size: 12px; line-height: 27px; font-weight: bold; } footer .topFooter a, footer .topFooter .simpleTxt, footer .middleFooter a, footer .middleFooter .simpleTxt { font-size: 12px; line-height: 17px; color: #3c3c3c; font-weight: normal; } footer .topFooter { padding: 25px 0 35px; } footer .topFooter .menuFooter { margin-top: 5px; } footer .topFooter .footMenu { margin-top: 6px; } footer .topFooter .footMenu .grid { margin-top: -30px; } footer .topFooter .footMenu .grid > .item { padding-top: 30px; } footer .topFooter .footMenu .grid > .item:nth-child(2n + 1) { clear: both; } footer .middleFooter .subBl .tCell { display: block; } footer .middleFooter .subBl .btnForm { width: 100%; margin-left: 0; } footer .bottomFooter .copyrightBl ul { margin-top: 10px; } footer .bottomFooter .desBy { margin-top: 10px; } .titMain .titLink { font-size: 16px; line-height: 20px; color: #505050; font-weight: bold; letter-spacing: 0.4px; border-bottom: 2px solid #505050; } .titMain + .content { margin-top: 28px; } .banner .alphaPlace .imageLink { height: 182px; padding: 20px 50px 20px 15px; } .banner .alphaPlace .imageLink .titBan { font-size: 22px; line-height: 26px; } .banner .betaPlace .imageLink { height: 109px; padding: 10px 15px; } .banner .betaPlace .imageLink .titBan { font-size: 16px; line-height: 18px; font-weight: bold; } .banner .bannerHighlight .txt { padding: 10px 0; font-size: 13px; line-height: 18px; color: #8f8370; font-weight: normal; } .dotsSlider .owl-dots { bottom: 13px; line-height: 10px; } .dotsSlider .owl-dots .owl-dot { margin: 0 4px; width: 10px; height: 10px; } .prevCollection .grid { margin-top: -10px; } .prevCollection .imageLink .titleImg { font-size: 36px; line-height: 42px; font-weight: bold; } .prevCollection .imageLink .titleImg.big { font-size: 42px; } .prevCollection .imageLink .txt { font-size: 24px; line-height: 30px; font-weight: normal; margin-top: 10px; } .mainBl { padding: 30px 0 30px; } a { font-size: 12px; line-height: 20px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; } .cardItem { height: 232px; padding: 10px; } .owl-item .cardItem { height: auto; } .cardItem .picItemBlock { height: 135px; } .cardItem .visibleBlock { padding: 10px 0; } .cardItem .info .name { font-size: 12px; line-height: 16px; font-weight: 500; } .cardItem .info .brandName { font-size: 12px; line-height: 16px; color: #828282; font-weight: normal; } .cardItem .info .costBl { font-size: 12px; line-height: 16px; color: #282828; font-weight: normal; } .advantages .content { padding: 20px 0; } .advantages .in { position: relative; padding: 26px 0 26px 81px; text-align: left; } .advantages .txt { font-size: 13px; line-height: 16px; color: #787878; font-weight: normal; padding: 0; } .advantages [class*="icon"] { font-size: 64px; line-height: 64px; color: #8f8370; font-weight: normal; position: absolute; display: block; left: 0; top: 50%; margin-top: -32px; } .itemAbout .txt { margin-top: 6px; } .ourServ { padding: 30px 0 15px; } .ourServ .in { width: auto; height: auto; padding: 0; } .ourServ .container { width: 100%; padding: 0; } .ourServ .content { width: 100%; margin-left: 0; position: relative; white-space: nowrap; overflow-x: auto; } .ourServ .txt { font-size: 14px; line-height: 18px; color: #8f8370; font-weight: normal; } .ourServ [class*="icon"] { font-size: 82px; line-height: 82px; color: #787878; font-weight: normal; } .ourServ .row { margin-right: auto; margin-left: 0; margin-top: 0; width: auto; padding-bottom: 15px; /*padding-left: calc((100vw -174px) / 2); padding-right: calc((100vw -174px) / 2);*/ display: table; } .ourServ .row .item { padding: 0px 7px; display: inline-block; white-space: normal; width: 174px; } .ourServ .row .item + .item { /*margin-left: calc((100vw -348px) / 2);*/ } .nameArticle { font-size: 17px; line-height: 21px; font-weight: 500; } .shortArticleHor .image { height: 67px; width: 100px; } .shortArticleHor .nameArticle { font-size: 15px; line-height: 18px; font-weight: 500; } .shortArticleHor .shortInfo { padding: 0 0 0 25px; display: table-cell; vertical-align: middle; } .chapterArticle { font-size: 13px; line-height: 24px; color: #aa9f90; font-weight: normal; } .shortArticleVert .image { height: 193px; } .shortArticleVert .txtArticle { font-size: 14px; line-height: 19px; } .shortArticleVert .shortInfo { height: 144px; } .subForm { padding: 20px 15px 30px; } .subForm .agreeConf { padding: 0; } .subForm > [class*="icon"] { font-size: 56px; line-height: 56px; color: #aa9f90; font-weight: normal; } .titForm { font-size: 18px; line-height: 24px; color: #505050; font-weight: bold; } .mainInp { height: 36px; font-size: 14px; line-height: 36px; color: #716553; font-weight: normal; } .mainInp.area { padding: 9px 15px; } .selectric-mainSelect .selectric .label { line-height: 34px; height: 34px; } .selectric-mainSelect .selectric .button { height: 36px; line-height: 36px; } .selectric-mainSelect .selectric .button:after { line-height: 36px; } .btnForm { font-size: 16px; line-height: 36px; color: #fff; font-weight: 500; letter-spacing: 0; padding: 0; width: 100%; } .subBl { display: table; width: 100%; } .subBl > div { display: block; } .subBl .btnForm { margin-left: 0px; margin-top: 10px; } .subBl input { width: 100%; } .aboutShop .txt p { font-size: 14px; line-height: 19px; } .detailed { font-size: 14px; line-height: 19px; } .pageHead { width: 100vw; margin-left: -15px; padding: 20px 25px; } .pageHead .titPage { font-size: 20px; line-height: 26px; color: #505050; font-weight: bold; } .pageHead .titPage .numItems { font-size: 15px; line-height: 26px; color: #8f8370; font-weight: bold; } .pageHead:not(.withImage) { padding: 20px 25px; } .slideFilter:after { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .requestBlock { width: 100vw; margin-left: -15px; margin-top: 20px; padding: 20px 30px 30px 30px; } .requestBlock .titRequest { font-size: 17px; line-height: 21px; color: #8f8370; font-weight: bold; } .requestBlock .request { font-size: 12px; line-height: 18px; color: #636363; font-weight: normal; } .categoryPage { padding-top: 0; } .categoryPage .paginationBl { display: block; } .categoryPage .paginationBl .pagAmount { display: none; } .categoryPage .paginationBl .pagPages { float: none; display: table; margin: 0 auto; } .paginationBl { display: block; } .paginationBl .pagAmount { display: none; } .paginationBl .pagPages { float: none; display: table; margin: 0 auto; padding: 0; } .standartTabs .containerTabs { width: 100vw; margin-left: -15px; position: relative; white-space: nowrap; overflow-x: auto; padding-bottom: 2px; } .standartTabs .ui-tabs-nav { border: none; } .standartTabs .ui-tabs-nav li { white-space: normal; padding: 10px 20px 10px; } .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 10px 20px 10px; } .standartTabs .ui-tabs-nav li a { font-size: 14px; line-height: 18px; } .standartTabs .ui-tabs-panel { padding: 20px 0 0; } .standartTabs .ui-tabs-panel p { line-height: 19px; } .readAgree { margin-top: 30px; font-size: 14px; line-height: 18px; color: #828282; font-weight: normal; } .interestingForU { padding-bottom: 0; } .navSlider.modalSlider .owl-nav { width: 100%; top: 100%; margin-top: 0; position: relative; } .navSlider.modalSlider .owl-nav .owl-prev, .navSlider.modalSlider .owl-nav .owl-next { position: absolute; height: auto; width: auto; } .navSlider.modalSlider .owl-nav .owl-prev:before, .navSlider.modalSlider .owl-nav .owl-next:before { margin-top: 0; top: 0; position: relative; } .itemCard .supplies { position: relative; background-color: transparent; padding: 20px 0 25px; } .itemCard .supplies:before { content: ""; display: block; position: absolute; width: 100vw; height: 100%; left: -15px; top: 0; background-color: rgba(187, 178, 166, 0.15); z-index: -1; } .itemCard .supplies .brandName { font-size: 14px; line-height: 18px; display: inline; } .itemCard .supplies .typeGood { font-size: 18px; line-height: 22px; margin-top: 2px; } .itemCard .supplies .code { margin-top: 2px; font-size: 12px; line-height: 20px; } .itemCard .supplies .thisGood { float: none; width: auto; } .itemCard .supplies .costs { float: none; width: 100%; padding-left: 0; margin-top: 15px; font-size: 14px; line-height: 24px; } .itemCard .supplies .costs > * { float: left; } .itemCard .supplies .costs .caption { width: 47px; padding-bottom: 0; } .itemCard .supplies .costs .cost { width: calc(100% - 47px); } .itemCard .supplies .costs [class*="Cost"] { font-size: 22px; line-height: 24px; } .itemCard .supplies .costs .oldCost { width: 100%; } .itemCard .previewItem { margin-top: 0; padding-bottom: 26px; } .itemCard .previewItem.blockMod { width: auto; } .itemCard .previewItem .miniPreview { display: none; } .itemCard .previewItem .miniPreview + .bigImage { width: 450px; margin: 0 auto; } .itemCard .previewItem .miniPreview.onePhoto + .bigImage { width: 450px; height: 450px; } .itemCard .previewItem .bigImageSlider .item { height: auto; background-image: none !important; } .itemCard .previewItem .bigImageSlider .item img { display: block; width: 100%; } .itemCard .previewItem .bigImageSlider:not(.modalSlider) .owl-dots { text-align: center; line-height: 6px; padding: 4px 0; } .itemCard .previewItem .bigImageSlider:not(.modalSlider) .owl-dots .owl-dot { padding: 6px 4px; display: inline-block; vertical-align: top; } .itemCard .previewItem .bigImageSlider:not(.modalSlider) .owl-dots .owl-dot span { display: block; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: rgba(170, 159, 144, 0.5); } .itemCard .previewItem .bigImageSlider:not(.modalSlider) .owl-dots .owl-dot.active span { background-color: #8f8370; } .itemCard .previewItem.modalItem { padding-left: 0; padding-top: 0; } .itemCard .previewItem.modalItem .bigImage { width: 360px; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider .item { height: auto; } .itemCard .previewItem.modalItem .navSlider .owl-nav { display: block; } .itemCard .previewItem.modalItem .navSlider .owl-nav .navSlider .owl-nav .owl-prev::before, .itemCard .previewItem.modalItem .navSlider .owl-nav .navSlider .owl-nav .owl-next::before { margin-top: -32px; } .itemCard .dataGoods .dataAboutItem { margin: 0; } .itemCard .dataGoods .dataAboutItem .sizesBlock, .itemCard .dataGoods .dataAboutItem .colorBlock { float: none; width: 100%; padding: 0; } .itemCard .dataGoods .dataAboutItem .sizesBlock { padding: 15px 0 25px; } .itemCard .dataGoods .actGoods, .itemCard .dataGoods .howGetGoods { margin: 0; } .itemCard .dataGoods .actGoods .item, .itemCard .dataGoods .howGetGoods .item { float: none; width: 100%; padding: 0; } .itemCard .dataGoods .actGoods .item + .item, .itemCard .dataGoods .howGetGoods .item + .item { margin-top: 10px; } .itemCard .dataGoods .actGoods { margin-top: 30px; } .itemCard .dataGoods .howGetGoods { padding: 25px 0; } .itemCard .dataGoods .howGetGoods .item + .item { margin-top: 30px; } .itemCard .diseaseRecommend { padding: 20px 15px; } .itemCard .diseaseRecommend .diseasesItem li a { font-size: 12px; line-height: 18px; } .itemCard .diseaseRecommend .diseasesItem li + li:before { height: 10px; margin-top: -4px; } .itemCard .requestBlock { padding: 19px 20px 17px; } .itemCard .requestBlock ul { text-align: center; } .itemCard .requestBlock li { float: none; display: inline-block; padding: 5px 7px; } .btnBlack .bask { font-size: 16px; line-height: 48px; } .topMagazine .bannerMagazine .imageLink { height: 320px; padding: 20px 15px; } .topMagazine .bannerMagazine .imageLink .txt { margin-top: 6px; font-size: 20px; line-height: 26px; font-weight: bold; } .topMagazine .shortNews { margin-top: 2px; } .topMagazine .shortNews .item + .item { margin-top: 2px; } .topMagazine .shortNews .image { height: 240px; } .topMagazine .shortNews .shortInfo { padding: 15px 15px 20px; } .btnMore:before { line-height: 42px; } .agreeSubscribe input + label br { display: block; } .magazineContent { padding: 30px 0 40px; } .magazineContent .shortArticleHor .nameArticle { font-size: 15px; line-height: 18px; } .magazineContent .shortArticleHor .image { width: 100px; height: 67px; margin-right: 15px; } .magazineContent .shortArticleHor .shortTxt { display: none; } .magazineContent .shortArticleHor + .shortArticleHor { margin-top: 20px; } .magazineMenu li { padding-right: 20px; } .magazineMenu li a { font-size: 15px; line-height: 19px; color: #817564; font-weight: normal; } .postHead { background-color: transparent; position: relative; padding: 15px 15px 25px; } .postHead .nameArticle { font-size: 20px; line-height: 26px; color: #505050; font-weight: bold; } .postHead .txt { font-size: 14px; line-height: 18px; color: #636363; font-weight: 300; } .postHead:before { content: ""; display: block; position: absolute; height: 100%; width: 100vw; left: -15px; top: 0; background-color: rgba(187, 178, 166, 0.15); } .postPage { padding: 25px 0 40px; } .mobItemSlider { border: none; position: relative; width: 100vw; } .mobItemSlider.needToLeft { margin-left: -15px !important; } .mobItemSlider .item { float: none; width: auto; } .mobItemSlider .item:nth-child(3) ~ .item { display: block; } .mobItemSlider.topBorder:before { content: ""; display: block; position: absolute; top: 0; width: calc(100% - 30px); left: 15px; height: 2px; background-color: rgba(140, 140, 140, 0.2); } .mobItemSlider.topBorder:after { content: ""; display: block; position: absolute; bottom: 0; width: calc(100% - 30px); left: 15px; height: 2px; background-color: rgba(140, 140, 140, 0.2); } .breadcrumbs { display: none; } .revBlock:not(.mini) { padding-top: 25px; } .revBlock:not(.mini) > .item:first-child { padding: 0; } .revBlock:not(.mini) .nameBlock { display: table; } .revBlock:not(.mini) .nameBlock > .item { width: 46px; display: table-cell; vertical-align: middle; } .revBlock:not(.mini) .name { display: table-cell; vertical-align: middle; padding: 8px 0; font-size: 16px; line-height: 20px; color: #505050; font-weight: 500; } .revBlock:not(.mini) .photo { position: static; width: 36px; height: 36px; margin: 0; } .revBlock:not(.mini) .who { margin-top: 10px; font-size: 14px; line-height: 19px; color: #817564; font-weight: normal; } .revBlock:not(.mini) .revTxt .txt { font-size: 14px; line-height: 19px; color: #3c3c3c; } .revBlock:not(.mini) .headRev { padding-left: 0; } .revBlock.mini .photo { width: 36px; height: 36px; margin: 0; position: static; } .revBlock.mini .nameBlock { position: relative; display: table; width: 100%; } .revBlock.mini .nameBlock > * { display: table-cell; vertical-align: middle; } .revBlock.mini .nameBlock > *:first-child { width: 46px; text-align: left; } .revBlock.mini .nameBlock > *.name { font-size: 16px; line-height: 20px; width: calc(100% - 46px); } .revBlock.mini .headRev { padding-left: 0; } .revBlock.mini .who { font-size: 14px; line-height: 19px; color: #817564; font-weight: normal; margin-top: 10px; } .textPost .galleryBlock { margin-top: 25px; } .textPost .galleryBlock .galleryArticle { padding: 20px 0 30px; } .textPost > p { font-size: 14px; line-height: 19px; color: #282828; font-weight: 300; } .textPost > p ~ p { margin-top: 10px; } .textPost .bigImage { height: 180px; position: relative; width: 100vw; margin-left: -15px; } .textPost .imageCaption { font-size: 13px; line-height: 17px; color: #787878; font-weight: 300; margin-top: 10px; } .textPost .titArticle { font-size: 17px; line-height: 21px; color: #505050; font-weight: bold; margin-top: 25px; } .textPost .titArticle + * { margin-top: 10px; } .textPost .lilTitArticle { font-size: 16px; line-height: 20px; color: #505050; font-weight: 500; } .textPost .lilTitArticle + * { margin-top: 7px; } .textPost .postReview { position: relative; background-color: transparent; padding: 20px 0 25px; } .textPost .postReview:before { content: ""; display: block; position: absolute; height: 100%; width: 100vw; left: -15px; top: 0; background-color: rgba(187, 178, 166, 0.15); } .textPost .postReview .headRev { padding-left: 0; } .textPost .postReview .nameBlock { position: relative; padding-left: 46px; } .textPost .postReview .name { padding: 8px 0; display: block; } .textPost .postReview .who { margin-top: 10px; } .textPost .postReview .photo { width: 36px; height: 36px; } .textPost .postReview .revBlock > .item:first-child { padding: 0; } .textPost .articleBy { margin-top: 25px; } .textPost .articleBy > * { font-size: 13px; line-height: 17px; color: #a0a0a0; font-weight: 300; } .pageHead.mobWithoutChapt .chaptTheme { display: none; } .pageHead .txt { font-size: 14px; line-height: 20px; } .pageHead .pageHeadResultTxt { font-size: 14px; line-height: 20px; } .pageHead .pageHeadResultTxt a { font-size: 14px; line-height: 20px; } .pageHead .infoAccHead { font-size: 15px; line-height: 19px; } .pageHead .cabTxt { font-size: 15px; line-height: 19px; color: #636363; font-weight: 300; margin-top: 15px; } .pageHead.noChapt { padding-bottom: 25px; } .titBlock { font-size: 16px; line-height: 20px; } .faq { border-bottom: none; padding: 30px 0 35px; -webkit-box-shadow: 0 17px 0 -15px rgba(140, 140, 140, 0.2); -moz-box-shadow: 0 17px 0 -15px rgba(140, 140, 140, 0.2); box-shadow: 0 17px 0 -15px rgba(140, 140, 140, 0.2); } .faq .content { padding-bottom: 35px; } .faq .content p { font-size: 14px; line-height: 19px; } .faq .content .sBlock { padding-right: 0; } .afterGallery { padding: 25px 0 35px; } .afterGallery .twoColumnsInfo .infoBlock .tit { font-size: 17px; line-height: 21px; color: #505050; font-weight: bold; } .afterGallery .twoColumnsInfo .infoBlock .miniTit { font-size: 16px; line-height: 20px; color: #505050; font-weight: bold; margin-top: 20px; } .afterGallery .twoColumnsInfo .infoBlock .txt { padding: 5px 0; font-size: 14px; line-height: 19px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; } .afterGallery .revBlock { padding-top: 25px; } .afterGallery .revBlock .headRev { padding-left: 0; } .afterGallery .revBlock .nameBlock { position: relative; } .afterGallery .revBlock .name { display: block; padding: 8px 0; font-size: 16px; line-height: 20px; color: #505050; font-weight: 500; } .afterGallery .revBlock .photo { width: 36px; height: 36px; margin: 0; } .afterGallery .revBlock .who { margin-top: 10px; font-size: 14px; line-height: 19px; color: #817564; font-weight: normal; } .afterGallery .revBlock .revTxt .txt { font-size: 14px; line-height: 19px; color: #3c3c3c; } .afterGallery .revBlock > .item:first-child { padding: 0; } .afterGallery .revBlock:not(.mini) { padding-top: 0; padding-bottom: 25px; } .afterGallery .revBlock:not(.mini) + .revBlock { padding-top: 25px; } .afterGallery .revBlock:not(.mini):last-child { padding-bottom: 0; } .afterGallery .revBlock:not(.mini):first-child { margin-top: 0; } .afterGallery .revBlock .in:before { bottom: -25px; } .subItem { display: none; } .subItem + .item { clear: none; } .sideFilter { display: block; padding: 0 0 74px; width: 222px; height: 100vh; position: fixed; z-index: 5; right: -222px; top: 0; background-color: #fff; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; } .sideFilter .contentFilters { overflow: hidden; height: calc(100vh - 74px); overflow-y: auto; padding: 0 15px; position: relative; } .sideFilter .categoryFilter { border-bottom: none; padding: 15px 0 20px; } .sideFilter .categoryFilter.singleFilter { padding: 15px 0 20px; } .sideFilter .listFilter { max-height: inherit; } .sideFilter .movesFilter { width: 100%; padding: 15px; margin-top: 0; float: none; position: relative; bottom: 0; } .sideFilter .movesFilter:before { content: ""; display: block; position: absolute; width: calc(100% - 30px); height: 2px; background-color: rgba(170, 159, 144, 0.5); left: 15px; top: 0; } .sideFilter .movesFilter [class*="btn"] { float: left; } .sideFilter .movesFilter [class*="btn"] + [class*="btn"] { margin-left: 0; float: right; } .sideFilter .item:first-child ~ .item .categoryFilter { border-top: 2px solid rgba(170, 159, 144, 0.5); } .sideFilter .item .categoryFilter + .categoryFilter { border-top: 2px solid rgba(170, 159, 144, 0.5); } .itemPopup { min-height: 950px; width: 100%; } .itemPopup .infoBlock { padding: 20px; } .itemPopup .infoBlock .image { width: 208px; height: 208px; margin: 0 auto; } .itemPopup .infoBlock .tCell { padding: 0; display: block !important; } .itemPopup .infoBlock .infoGoods { padding-left: 0; margin-top: 20px; text-align: center; } .itemPopup .infoBlock .infoGoods .name { display: block; font-size: 16px; line-height: 24px; color: #505050; font-weight: bold; letter-spacing: 0; } .itemPopup .infoBlock .infoGoods .availableDate { font-size: 14px; line-height: 18px; color: #787878; font-weight: normal; letter-spacing: 0; display: block; } .itemPopup .infoBlock .infoGoods .txt { font-size: 14px; line-height: 18px; color: #3c3c3c; font-weight: 300; letter-spacing: 0; margin-top: 10px; } .itemPopup .infoBlock .infoGoods .toAllSizes { display: table; font-size: 14px; margin: 10px auto; } .itemPopup .inShop { background-color: #fff; padding: 20px; } .itemPopup .inShop + .inShop { border-top: 2px solid rgba(140, 140, 140, 0.2); } .itemPopup .standartTabs .ui-tabs-nav { padding: 0; width: 100%; margin: 0; } .itemPopup .standartTabs .ui-tabs-panel { padding: 0; } .itemPopup .availableItem .contShops { background-color: #fff; height: 100%; } .itemPopup .availableItem .shopBl { display: table; } .itemPopup .availableItem .shopBl .item { display: block; padding: 15px 0; } .itemPopup .availableItem .shopBl .item:first-child { width: 100%; } .itemPopup .availableItem .place { font-size: 16px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; display: block; position: relative; padding-left: 42px; } .itemPopup .availableItem .place:before { content: "\e909"; display: block; position: absolute; width: 42px; font-family: "icomoon"; text-align: center; font-size: 42px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; left: 0; top: 50%; margin-top: -21px; } .itemPopup .availableItem .pre { font-size: 16px; line-height: 21px; color: #817564; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav li { width: 100%; text-align: center; padding: 10px 0; } .itemPopup .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 10px 0; border-bottom: 0; } .itemPopup .standartTabs .ui-tabs-nav li a { width: 100%; text-align: center; } .itemPopup .standartTabs .containerTabs { width: auto; margin: 0; padding: 0; } .oneClickForm { width: 100%; padding: 15px 20px 20px; } .oneClickForm .titForm { font-size: 16px; line-height: 24px; color: #505050; font-weight: bold; letter-spacing: 0; } .oneClickForm .sendBl { margin-top: 15px; } .oneClickForm .sendBl .weCallYou { font-size: 14px; line-height: 18px; color: #8c8c8c; font-weight: normal; letter-spacing: 0; width: 100%; } .oneClickForm .sendBl .btnForm { float: right; margin-top: 10px; font-size: 14px; } .oneClickForm .nameGoods { font-size: 14px; line-height: 18px; color: #787878; font-weight: normal; letter-spacing: 0; } .oneClickForm .success { font-size: 14px; line-height: 18px; } .oneClickForm .inputs { margin-top: 20px; } .toolItem { display: none !important; } .cookies { display: none !important; } .btnNoStyle { padding: 0 16px; font-size: 15px; line-height: 42px; } .btnGrey { padding: 0 16px; font-size: 15px; line-height: 42px; color: #fff; font-weight: 500; letter-spacing: 0; } .onTop { position: fixed; bottom: 15px; left: 15px; font-size: 14px; line-height: 36px; color: #fff; font-weight: normal; letter-spacing: 0; } .onTop:before { font-size: 15px; line-height: 36px; } .filterSize input + label:hover { -webkit-box-shadow: inset 0 0 0 1px #8c8c8c; -moz-box-shadow: inset 0 0 0 1px #8c8c8c; box-shadow: inset 0 0 0 1px #8c8c8c; font-size: 16px; line-height: 36px; color: #8c8c8c; font-weight: normal; } .filterSize input[disabled] + label:hover { line-height: 36px; color: rgba(170, 159, 144, 0.2); font-weight: normal; -webkit-box-shadow: inset 0 0 0 1px rgba(170, 159, 144, 0.2); -moz-box-shadow: inset 0 0 0 1px rgba(170, 159, 144, 0.2); box-shadow: inset 0 0 0 1px rgba(170, 159, 144, 0.2); } .filterSize input:checked + label { color: #817564; font-weight: bold; -webkit-box-shadow: inset 0 0 0 2px #828282; -moz-box-shadow: inset 0 0 0 2px #828282; box-shadow: inset 0 0 0 2px #828282; } .filterSize input:checked + label:hover { line-height: 36px; color: #817564; font-weight: bold; } .checkBlockHor .checkAgree + .checkAgree { margin-left: 25px; } .cabinet { padding: 25px 0 100px; } .cabinet .mainInp { height: 42px; font-size: 15px; line-height: 42px; } .cabinet .btnForm { font-size: 15px; line-height: 42px; } .cabinet .blockCabinet + .blockCabinet { padding-top: 50px; } .cabinet .selectric-mainSelect .selectric .label { line-height: 42px; height: 42px; } .cabinet .selectric-mainSelect .selectric .button { height: 42px; line-height: 42px; } .cabinet .selectric-mainSelect .selectric .button:after { line-height: 42px; } .cabinet .phoneBlockForm .selectCountryBlock .selectric .label { line-height: 42px; height: 42px; } .cabinet .phoneBlockForm .selectCountryBlock .selectric .button { height: 42px; line-height: 42px; } .cabinet .phoneBlockForm .selectCountryBlock .selectric .button:after { line-height: 42px; } .titCabPage { font-size: 17px; line-height: 21px; } .titCabPage + .cabForm, .titCabPage + .cabContent { margin-top: 25px; } .cabForm > .grid { margin: -15px -10px 0; } .cabForm > .grid > .item { padding: 15px 10px 0; } .cabForm .inputs .inpBl + .inpBl { margin-top: 15px; } .cabForm .inputs + .inputs { margin-top: 15px; } .blockMod .inpBl { position: relative; } .blockMod .inpBl.phoneBlockForm .selectCountryBlock .selectric .label { line-height: 36px; height: 36px; } .blockMod .inpBl.phoneBlockForm .selectCountryBlock .selectric .label:before { height: 26px; margin-top: -13px; } .deliveryAddr > .grid { margin: -20px -10px 0; } .deliveryAddr > .grid > .item { padding: 20px 10px 0; } .standartTable .tHead { display: none; } .standartTable .tBody .tRow { display: block !important; padding: 20px 15px; } .standartTable .tBody .tRow .tCell { display: block !important; padding: 0; font-size: 15px; line-height: 19px; color: #505050; font-weight: normal; } .standartTable .tBody .tRow .tCell a { font-size: 15px; line-height: 19px; color: #282828; font-weight: 500; } .standartTable .tBody .tRow .tCell:first-child { padding-left: 0; } .orderHistory .standartTable .tBody .tRow { position: relative; } .orderHistory .standartTable .tBody .tRow .tCell:first-child { width: auto; } .orderHistory .standartTable .tBody .tRow .tCell:nth-child(2) { width: auto; margin-top: 15px; max-width: 50%; } .orderHistory .standartTable .tBody .tRow .tCell:nth-child(3) { position: absolute; top: 20px; right: 15px; } .orderHistory .standartTable .tBody .tRow .tCell:last-child { position: absolute; top: 54px; right: 15px; width: calc(50% - 30px); text-align: right; } .cardItemCab > .in { padding-left: 115px; height: 100px; } .cardItemCab .imageItem { width: 100px; height: 100px; margin-top: -50px; } .cardItemCab .info .itemSort { font-size: 14px; line-height: 18px; color: #3c3c3c; font-weight: 500; } .cardItemCab .info .costBl { font-size: 14px; line-height: 18px; color: #282828; font-weight: normal; } .cardItemCab .info .cost { font-size: 14px; line-height: 18px; color: #3c3c3c; font-weight: bold; } .cardItemCab .info .old { font-size: 14px; line-height: 18px; color: #3c3c3c; font-weight: normal; } .cardItemCab .info .new { font-size: 14px; line-height: 18px; color: #ff5656; font-weight: bold; } .cardItemCab .info .itemName, .cardItemCab .info .sizes { font-size: 14px; line-height: 18px; color: #828282; font-weight: normal; } .basketItemPage { height: auto; padding: 25px 0; } .basketItemPage .simpleBtnStyle { line-height: 18px; font-size: 14px; } .basketItemPage .cardItemCab { position: relative; padding-left: 115px; } .basketItemPage .cardItemCab > .in { height: 100px; } .basketItemPage .addNumbers [class*="NumItem"] { display: none; } .basketItemPage .addNumbers .numItems { height: 36px; line-height: 36px; width: 63px; font-size: 13px; margin: 0; } .basketItemPage > .in > .item:first-child { width: auto; } .basketItemPage > .in > .item > .in > *:first-child { width: 176px; } .basketItemPage > .in > .item > .in > *:nth-child(2) { text-align: center; width: 63px; } .basketItemPage .sizeItem .addSize { padding: 1px 0 1px 10px; } .basketItemPage .sizeItem .selectBlock .selectric .label { font-size: 13px; line-height: 36px; height: 36px; } .basketItemPage .sizeItem .selectBlock .selectric .button { height: 36px; line-height: 36px; width: 24px; } .basketItemPage .sizeItem .selectBlock .selectric .button:after { line-height: 36px; } .toOrder .in { width: 290px; } .sliderItemsCab .cardItemCab { width: auto; padding: 0; } .sliderItemsCab .cardItemCab > .in { display: block; padding-left: 0; height: auto; } .sliderItemsCab .cardItemCab .info { display: block; margin-top: 10px; text-align: center; } .sliderItemsCab .cardItemCab .info > * { display: block; text-align: center; } .sliderItemsCab .cardItemCab .info .itemSort { font-size: 12px; line-height: 16px; color: #3c3c3c; font-weight: 500; } .sliderItemsCab .cardItemCab .info .costBl { font-size: 12px; line-height: 16px; color: #282828; font-weight: normal; margin-top: 0; } .sliderItemsCab .cardItemCab .info .cost { font-size: 12px; line-height: 16px; color: #3c3c3c; font-weight: bold; } .sliderItemsCab .cardItemCab .info .old { font-size: 12px; line-height: 16px; color: #3c3c3c; font-weight: normal; } .sliderItemsCab .cardItemCab .info .new { font-size: 12px; line-height: 16px; color: #ff5656; font-weight: bold; } .sliderItemsCab .cardItemCab .info .itemName, .sliderItemsCab .cardItemCab .info .sizes { font-size: 12px; line-height: 16px; color: #828282; font-weight: normal; } .sliderItemsCab .cardItemCab .imageItem { width: 135px; height: 135px; position: static; left: 0; top: 0; margin: 0 auto; } .letsBuyCab { padding-bottom: 60px; } .modals.table { /* padding: 0 60px; */ padding: 0; } .modals.table .in { display: table; margin: 0 auto; } .cabModal { width: 100%; padding: 25px 15px 40px; } .modals .titCabPage + * { margin-top: 25px; } .modals > .tCell { padding: 50px 0; } .orderModal { padding: 0; } .orderModal .orderTit { font-size: 17px; line-height: 21px; color: #817564; font-weight: bold; } .orderModal .aboutOrder { padding: 25px 15px 25px; } .orderModal .aboutOrder .infoOrder .infoTxt { font-size: 14px; line-height: 18px; color: #505050; font-weight: normal; } .orderModal .orderGoods { padding: 0 15px; } .orderModal .orderGoods .itemGood { padding: 25px 0 20px 121px; } .orderModal .orderGoods .itemGood .imageItem { margin-top: -50px; } .orderModal .orderGoods .itemGood .info { max-width: inherit; float: none; } .orderModal .orderGoods .itemGood .statusGoodOrder { float: none; width: 100%; } .orderModal .orderGoods .itemGood .statusGoodOrder .amount { float: left; } .orderModal .orderGoods .itemGood .statusGoodOrder .status { float: right; } .orderModal .costReceipt { padding: 20px 15px 25px; } .orderModal .costReceipt .sum > *, .orderModal .costReceipt .discountSum > * { font-size: 14px; line-height: 20px; color: #828282; font-weight: normal; } .orderModal .costReceipt .resultSum > * { font-size: 14px; line-height: 20px; color: #282828; font-weight: 500; } .orderModal .costReceipt .preNum { display: inline-block; width: 100px; padding-right: 6px; text-align: right; } .authModal { padding: 0; } .authModal .content { padding: 40px 15px; } .authModal .withoutLogin { padding: 15px 15px 40px; } .authModal .withoutLogin .txt { font-size: 15px; line-height: 19px; color: #828282; font-weight: normal; } .authModal .withoutLogin .btnBlack { margin-top: 20px; } .authModal .standartTabs .containerTabs { width: 100%; margin-left: 0; } .authModal .standartTabs .ui-tabs-nav li { padding: 0; } .authModal .standartTabs .ui-tabs-nav li .ui-tabs-anchor { padding: 15px 10px; } .modals [class*="btn"] { font-size: 15px; line-height: 36px; } .detailedInput { font-size: 12px; line-height: 15px; } .cabModal .sendBl { margin-top: 15px; } .enterPromoCode .formPromoCode { bottom: 100%; top: auto; right: auto; margin-bottom: 12px; left: -60px; margin-right: 20px; background-color: #fff; } .enterPromoCode .formPromoCode:before { left: 50%; margin-top: -6px; top: 100%; margin-left: -6px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .enterPromoCode .formPromoCode .mainInp { height: 42px; font-size: 15px; line-height: 42px; } .enterPromoCode .formPromoCode .btnBlack { font-size: 15px; line-height: 42px; margin-top: 15px; } .sliderItemsCab .cardItemCab .addToBasket { font-size: 12px; line-height: 16px; margin: 0 auto; } .textPost.magazinePost { width: auto; } .postPage.alphabetBlock { padding: 0px 0px 0px 0; } .alphabet .item { padding: 22px 10px 22px 10px; padding-left: 0px; padding-right: 0; position: relative; } .alphabet .item:last-child { border: none; } .alphabet .caption { position: relative; left: auto; top: auto; display: block; padding: 10px 0px; } .alphabet .caption span { font-family: "Roboto Slab"; font-size: 16px; line-height: 20px; color: #817564; font-weight: bold; } .alphabet .list a { padding: 15px 10px; padding-left: 0px; float: left; width: 50%; text-align: left; min-height: 68px; text-decoration: underline transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 14px; line-height: 19px; color: #817564; font-weight: normal; font-family: "Roboto"; } .alphabet .list a + a { padding-left: 10px; padding-right: 0; } .alphabet .list a:nth-child(4n + 1) { padding-left: initial; } .alphabet .list a:nth-child(2n + 1) { padding-left: 0px; } .star-rating { position: relative; padding: 1px 0px; padding-top: 9px; } .star-rating .star-rating__ico { font-size: 20px; } .withoutPhoto .date { font-size: 14px; } .newService .grid.bigPadd > .item, .partnerPrograms .grid.bigPadd > .item { padding-top: 0px; } .newService .showService, .partnerPrograms .showService { padding-top: 0; padding-left: 0; } .newService .showService .caption, .partnerPrograms .showService .caption { font-size: 16px; line-height: 20px; padding: 30px 0; padding-left: 72px; position: relative; } .newService .showService p, .partnerPrograms .showService p { font-size: 14px; line-height: 19px; } .newService .showService + .showService .textBlock, .partnerPrograms .showService + .showService .textBlock { padding-top: 0; } .newService .showService + .showService [class*="icon-"], .partnerPrograms .showService + .showService [class*="icon-"] { margin-top: -28px; } .newService .caption [class*="icon-"], .partnerPrograms .caption [class*="icon-"] { font-size: 40px; height: 56px; width: 56px; line-height: 56px; margin-top: -28px; top: 50%; } .newService .caption .logoPartners, .partnerPrograms .caption .logoPartners { height: 56px; } .partnerPrograms .showService .caption { padding: 15px 0; } .showReviews { padding-bottom: 17px; padding-top: 17px; } .showReviews .revBlock .txt { font-size: 14px; line-height: 19px; } .showReviews .btnMore { margin-top: -10px; margin-bottom: 0px; } .storeInfo { margin-bottom: 15px; margin: 0 -15px; font-size: 14px; line-height: 19px; color: #505050; font-weight: 300; } .storeInfo .mapStore { height: 180px; margin-bottom: 22px; margin-top: 2px; } .storeInfo p { padding: 0 15px; } .storeInfo .information { padding-left: 15px; padding-right: 15px; } .storeInfo .storeSlider .item .image { height: 180px; } .myReviws .howStar { margin-top: 24px; line-height: 20px; } .myReviws .howStar .name { margin-right: 0px; font-size: 15px; } .myReviws .howStar + .sendBl { margin-top: 10px; } .myReviws .howStar + .sendBl .btnForm { width: 100%; font-size: 15px; line-height: 42px; } .stars + label { margin-right: 3px; } .myReviws.oneClickForm .titCabPage + .nameGoods { margin-top: 0px; font-size: 15px; } .myReviws.oneClickForm .inputs { margin-top: 25px; } .myReviws.oneClickForm .inpBl input { height: 42px; } .thsReviews form { padding-top: 25px; } .thsReviews .captionBlock { padding: 0 15px; padding-bottom: 33px; } .thsReviews .captionBlock .success { margin-top: 0px; } .thsReviews .revBlock .whereReviews { margin-top: 11px; } .thsReviews .revBlock .revTxt .txt { font-size: 14px; line-height: 19px; color: #505050; font-weight: 300; } .thsReviews .revBlock.mini { padding-right: 15px; padding-left: 15px; } .contactsPage .mapWrap { height: 180px; width: 480px; margin-top: 2px; margin-left: -15px; } .contactsPage .contactsInfoBlock { padding: 25px 0 35px; font-size: 14px; line-height: 19px; } .contactsPage .contactsInfoBlock .unifiedContacts .in { min-height: auto; } .contactsPage .contactsInfoBlock a { font-size: 14px; line-height: 19px; } .contactsPage .contactsInfoBlock .txtInfo { margin-top: 25px; } .contactsPage .contactsInfoBlock .singleShopContacts { margin-top: 25px; } .contactsPage .contactsInfoBlock .singleShopContacts .shopTitle .title { font-size: 16px; line-height: 20px; } .contactsPage .contactsInfoBlock .singleShopContacts .shopInfoBlock { margin-top: 20px; } .inBasket .downBasket .cost, .inBasket .downBasket .congratBasket { display: none !important; } .discountInfoBlock .discountCard > img { float: none; } } @media (max-width: 479px) { .mobWidthContainer { width: 100%; } .filterSize input + label { line-height: 32px; min-width: 54px; height: 32px; } .fltrsSize .filterSize { padding: 4px 0 0; } .itemCard .previewItem .miniPreview + .bigImage { width: 100vw; margin-left: -15px; } .itemCard .previewItem .miniPreview.onePhoto + .bigImage { width: 100vw; height: 320px; } .itemCard .previewItem.modalItem .bigImage { width: 280px; } .itemCard .previewItem.modalItem .bigImage .bigImageSlider .item { height: 280px; } .itemCard .dataGoods .dataAboutItem { margin: 0; } .itemCard .dataGoods .dataAboutItem .sizesBlock, .itemCard .dataGoods .dataAboutItem .colorBlock { float: none; width: 100%; padding: 0; } .itemCard .dataGoods .dataAboutItem .sizesBlock { padding: 15px 0 25px; } .itemCard .dataGoods .dataAboutItem .sizesBlock .fltrsSize .item { width: auto; } .itemCard .dataGoods .actGoods, .itemCard .dataGoods .howGetGoods { margin: 0; } .itemCard .dataGoods .actGoods .item, .itemCard .dataGoods .howGetGoods .item { float: none; width: 100%; padding: 0; } .itemCard .dataGoods .actGoods .item + .item, .itemCard .dataGoods .howGetGoods .item + .item { margin-top: 10px; } .itemCard .dataGoods .actGoods { margin-top: 30px; } .itemCard .dataGoods .howGetGoods { padding: 25px 0; } .itemCard .dataGoods .howGetGoods .item + .item { margin-top: 30px; } .banner .tiles { margin: 0 -15px; } header .contacts.clone { width: 100%; } header .contacts.clone .places { padding-left: 8px; float: right; width: 50%; } header .contacts.clone .places .itemCont { float: none; } header .contacts.clone .places .itemCont .in { padding-left: 32px; } header .contacts.clone .itemCont { text-align: center; } header .contacts.clone .itemCont .in { display: inline-block; } header .contacts.clone .itemCont .in [class*='icon'] + * { font-size: 12px; line-height: 20px; color: #505050; font-weight: 500; opacity: 0.85; } header .contacts.clone .itemCont .in [class*='icon'] + * > * { font-size: 12px; line-height: 20px; color: #505050; font-weight: 500; } header .contacts.clone .itemCont.phone { padding-right: 8px; float: left; width: 50%; } header .contacts.clone .itemCont.phone .in { padding-left: 32px; } header .contacts.clone .itemCont.phone [class*='icon'] + * > * { font-size: 12px; line-height: 20px; } header .contacts.clone .itemCont.phone [class*='icon'] + * > *.mark { font-size: 12px; line-height: 20px; } header .contacts.clone [class*='icon'] { font-size: 32px; line-height: 32px; color: #8f8370; font-weight: normal; opacity: 0.7; margin-top: -16px; display: block; position: absolute; left: 0; top: 50%; } header .backDarker { position: fixed; top: 0; width: 100%; z-index: 3; left: 0; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } header .search { display: none; } header .headBottom { padding: 0; } header .headBottom .menuButton .linkMain.linkSubMenu { display: none; } header .headBottom .subMenu { display: block; } header .headBottom .subMenu.main { background-color: #fff; width: 200px; position: fixed; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; top: 0; left: -200px; padding: 0 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header .headBottom .subMenu.main .subMenuMain { float: none; } header .headBottom .subMenu.main .subMenuMain .row { margin: 0; } header .headBottom .subMenu.main .subMenuMain .row .item { padding-left: 0; padding-right: 0; } header .headBottom .subMenu.main .subMenuMain .row .item .tit { float: none; width: 100%; padding: 20px 0px; } header .headBottom .subMenu.main .subMenuMain .row .item .tit ~ .tit:before { width: 100%; left: 0; top: 0; } header .headBottom .subMenu.main .subMenuMain .row .item:first-child ~ .item .tit:before { width: 100%; left: 0; top: 0; } header .headBottom .subMenu.main .subMenuMain .row .item .menu + .menu .tit:before { width: 100%; left: 0; } header .headBottom .subMenu.main .catalogMenuTablet { float: none; width: 100%; padding: 20px 0 25px; } header .headBottom .subMenu.main .catalogMenuTablet .item + .item { margin-top: 15px; } header .headBottom .subMenu.main .catalogMenuTablet .linkMain { font-size: 13px; line-height: 18px; color: #3c3c3c; font-weight: bold; padding: 5px 0; } header .headBottom .subMenu.main .tit { font-size: 13px; line-height: 18px; color: #817564; font-weight: bold; } header .headBottom .subMenu .searchMob, header .headBottom .subMenu .topMenuMobile { display: block; } header .headBottom .subMenu .topMenuMobile, header .headBottom .subMenu .subMenuMain { background-color: rgba(187, 178, 166, 0.15); width: 200px; margin-left: -20px; padding: 0 20px; } header .headBottom .subMenu .topMenuMobile .menu { padding: 15px 0; border-top: 1px solid rgba(140, 140, 140, 0.2); border-bottom: 1px solid rgba(140, 140, 140, 0.2); } header .headBottom .subMenu .topMenuMobile li { padding: 8px 0; } header .headBottom .subMenu .topMenuMobile .toCab { padding: 10px 0 9px 25px; } header .headBottom .subMenu .searchMob .searchLine { position: relative; } header .headBottom .subMenu .searchMob .searchLine input { border-bottom: 2px solid rgba(140, 140, 140, 0.2); width: 100%; font-size: 13px; line-height: 24px; color: rgba(140, 140, 140, 0.7); font-weight: normal; padding: 14px 25px 14px 0; } header .headBottom .subMenu .searchMob .searchLine .searchClick { display: block; position: absolute; right: 0; top: 50%; font-size: 24px; line-height: 24px; color: #3c3c3c; font-weight: normal; margin-top: -12px; } header.scrollHeader { background-color: #fff; padding-bottom: 0; } /*header.scrollHeader .headInfo { padding: 10px 0; }*/ header.scrollHeader .headInfo .contacts { display: none; } header.scrollHeader .headInfo .logo { /*-webkit-animation-name: logoMob; -moz-animation-name: logoMob; -o-animation-name: logoMob; animation-name: logoMob; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards;*/ } header.scrollHeader .headInfo .logo img { -webkit-animation-name: logoMobPic; -moz-animation-name: logoMobPic; -o-animation-name: logoMobPic; animation-name: logoMobPic; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } header.scrollHeader .headBottom { padding: 0; } header.scrollHeader .contacts.clone { opacity: 0; } header .subMenu { margin-left: 0px; margin-right: 0px; } header .subMenu.main:before { display: none; } header .subMenu.main .subMenuMain .row .item:first-child .menu:nth-child(2) .tit:before { display: block; } header .subMenu .menuBanner { display: none; } .topMagazine .bannerMagazine .imageLink { height: 240px; } .topMagazine .shortNews .image { height: 160px; } .magazineContent .chapterArticle { display: none; } .magazineMenu li { padding-right: 15px; } .magazineMenu li a { font-size: 13px; line-height: 17px; color: #817564; font-weight: normal; } .itemPopup .infoBlock .image { width: 170px; height: 170px; } .itemPopup .inShop { padding: 10px; } .itemPopup .inShop + .inShop { border-top: 2px solid rgba(140, 140, 140, 0.2); } .itemPopup .inShop .table .tCell { padding: 0; } .itemPopup .inShop .table .tCell:first-child { width: 268px; } .itemPopup .inShop .table .tCell:nth-child(2) { width: 268px; } .itemPopup .inShop .table .tHead .tCell { padding: 10px 0; } .itemPopup .inShop .table .tHead span { font-size: 14px; line-height: 16px; color: #505050; font-weight: 500; letter-spacing: 0; } .itemPopup .inShop .table .tBody .tCell { padding: 9px 0; } .itemPopup .inShop .table .tBody .tCell:first-child { padding-left: 20px; } .itemPopup .inShop .table .tBody .tCell:last-child { padding-right: 20px; } .itemPopup .inShop .table .tBody .tRow:nth-child(2n+1) { background-color: rgba(236, 236, 230, 0.55); } .itemPopup .inShop .table .tBody span { font-size: 14px; line-height: 19px; color: #787878; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav { padding: 0; width: 100%; margin: 0; } .itemPopup .standartTabs .ui-tabs-panel { padding: 0; } .itemPopup .availableItem .contShops { background-color: #fff; height: 100%; } .itemPopup .availableItem .shopBl { display: table; } .itemPopup .availableItem .shopBl .item { display: block; padding: 15px 0; } .itemPopup .availableItem .shopBl .item:first-child { width: 100%; padding: 0; } .itemPopup .availableItem .place { font-size: 14px; line-height: 36px; color: #817564; font-weight: normal; letter-spacing: 0; display: block; position: relative; padding-left: 42px; } .itemPopup .availableItem .place:before { content: '\e909'; display: block; position: absolute; width: 42px; font-family: "icomoon"; text-align: center; font-size: 42px; line-height: 42px; color: #817564; font-weight: normal; letter-spacing: 0; left: 0; top: 50%; margin-top: -21px; } .itemPopup .availableItem .pre { font-size: 14px; line-height: 18px; color: #817564; font-weight: normal; letter-spacing: 0; } .itemPopup .standartTabs .ui-tabs-nav li { width: 100%; float: left; text-align: center; padding: 10px 0; } .itemPopup .standartTabs .ui-tabs-nav li.ui-tabs-active { padding: 10px 0; } .itemPopup .standartTabs .ui-tabs-nav li a { width: 100%; text-align: center; } .itemPopup .standartTabs .containerTabs { width: auto; margin: 0; padding: 0; } .modals [class*='icon-close'] { left: auto; right: 0; top: auto; bottom: 100%; margin-bottom: 5px; } .modals.table { padding: 0; } #previewModal .modals.table > .tCell { padding: 50px 0; } .btnMore { margin: 30px auto 0; } .checkBlockHor .checkAgree { float: none; display: inline-block; } .checkBlockHor .checkAgree + .checkAgree { margin-left: 36px; } .orderHistory .btnMore { margin-top: 20px; width: 100%; } .orderPage .orderStep { background-color: #f5f4f2; padding: 0; position: relative; } .orderPage .orderStep:before { content: ''; display: block; position: absolute; width: 100vw; height: 100%; top: 0; left: -15px; background-color: rgba(236, 236, 230, 0.55); z-index: -1; } .orderPage .stepTit { font-size: 17px; line-height: 21px; } .simpleBtnStyle { font-size: 15px; line-height: 20px; } .orderPage .orderStep .step .stepTitBlock [class*='toAll'] { display: block; margin-top: 15px; float: none; } .orderPage .orderStep .step .way [class*='Variant'] > .item { float: none; } .orderPage .orderStep .step .way .sum { float: none; padding-left: 23px; margin-top: 5px; display: block; } .orderPage .orderStep .step .content { margin-top: 25px; } .orderPage .orderStep .step .content > .cfix { margin: -15px -10px 0; } .orderPage .orderStep .step .content > .cfix > .item { padding: 15px 10px 0; } .orderPage .orderStep .step:nth-child(2) .content { margin-top: 20px; } .toOrder { padding: 25px 0 0; text-align: right; } .toOrder .btnForm { margin-top: 25px; } .toOrder .resultOrder { float: none; display: inline-block; margin-top: 25px; } .toOrder .resultOrder .tCell:last-child { text-align: left; } .toOrder .enterPromoCode { float: right; } .toOrder .addBtn { float: none; } .toOrder .addBtn br { display: none; } .contactsPage .mapWrap { width: 100%; margin: 0 auto; margin-top: 2px; } } /*drop inform*/ .toolItem.active { display: block !important; } /*# sourceMappingURL=style.css.map */ /*logo*/ .footer-logo-block { width: 50px; height: 50px; opacity: 0.6; } .footer-instagram { background: url(/local/templates/swosnew/css/../img/social_inst.svg) center center no-repeat; -webkit-background-size: 100%; background-size: 100%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .footer-instagram:hover { background: url(/local/templates/swosnew/css/../img/social_inst-hover.svg) center center no-repeat; } .footer-instagram-hover { width: 100%; height: 100%; opacity: 0; background: url(/local/templates/swosnew/css/../img/social_inst-hover.svg) center center no-repeat; -webkit-background-size: 100%; background-size: 100%; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .footer-instagram:hover .footer-instagram-hover { opacity: 1; } .footer-yt { background: url(/local/templates/swosnew/css/../img/social_yt.svg) center center no-repeat; -webkit-background-size: 100%; background-size: 100%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .footer-yt:hover { background: url(/local/templates/swosnew/css/../img/social_yt-hover.svg) center center no-repeat; } .footer-yt-hover { width: 100%; height: 100%; opacity: 0; background: url(/local/templates/swosnew/css/../img/social_yt-hover.svg) center center no-repeat; -webkit-background-size: 100%; background-size: 100%; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .footer-yt:hover .footer-yt-hover { opacity: 1; } /*fancybox*/ .fancybox-kyBoot .fancybox-toolbar { right: calc(50% - 380px) !important; top: 70px !important; } @media screen and (max-width: 768px) { .fancybox-kyBoot .fancybox-toolbar { right: 0 !important; top: 0 !important; } } /*oneClick-item*/ .oneClick-item-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; margin-bottom: 35px; align-items: center; } .oneClick-item-info-left { width: 120px; height: 120px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-right: 20px; } .oneClick-item-info-left img { display: block; min-height: 100%; min-width: 100%; } .oneClick-item-info-title { font-size: 16px; line-height: 21px; font-weight: 600; color: #3c3c3c; } .oneClick-item-info-undertitle { font-size: 16px; line-height: 21px; font-weight: normal; color: #828282; margin-bottom: 10px; } .oneClick-item-info-size { font-size: 16px; line-height: 21px; color: #828282; font-weight: normal; } .oneClick-item-info-price { font-size: 16px; line-height: 21px; color: #3c3c3c; font-weight: normal; } .oneClick-item-info-price span { font-weight: 600; } .modals [class*="icon-close"] { margin-left: 100px; } @media screen and (max-width: 800px) { .modals [class*="icon-close"] { margin-left: 0px; } } @media screen and (max-width: 450px) { /*.oneClick-item-info{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; }*/ .oneClick-item-info-left { margin-bottom: 15px; } } /*news-items*/ .news-item-card .middle { margin: 0 auto; } .news-item-card { margin-bottom: 80px; } .news-item-card .cardItem { margin-bottom: 0; } /*size-drop*/ .filterSize label { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: -o-flex !important; display: flex !important; -ms-align-items: center; align-items: center; justify-content: center; } .filterSize-drop { font-size: 18px; margin-left: 2px; margin-right: -2px; } .size-drob { margin-left: 2px; margin-right: -2px; font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; } .filterSize label:hover .size-drob { font-weight: 700; } .filterSize input:checked + label .size-drob { font-weight: 700; } .size-drob-middle { -webkit-transform: scale(); -ms-transform: scale(); -o-transform: scale(); transform: scale(); } /*tag-slider*/ .requestBlock-slider { position: relative; padding-bottom: 24px; } .requestBlock-slider-items { overflow: hidden; padding: 0 30px 0 30px; } .requestBlock-slider-items ul { min-width: 100%; } .requestBlock .titRequest { display: block; padding: 0 120px 0 30px; } .requestBlock-slider .content { max-height: 64px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .requestBlock-slider-right { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; -ms-align-items: center; align-items: center; padding-right: 4px; position: absolute; right: 0; top: 0; cursor: pointer; width: 150px; height: 100%; background-image: linear-gradient(to left, #f0f0ec, rgba(245, 245, 242, 0)); } .requestBlock-slider-left { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; -ms-align-items: center; align-items: center; padding-left: 4px; position: absolute; left: 0; top: 0; cursor: pointer; width: 150px; height: 100%; background-image: linear-gradient(to right, #f0f0ec, rgba(245, 245, 242, 0)); } .requestBlock-slider-left-arrow:before { font-family: "icomoon"; content: '\e900'; color: #a0a0a0; font-size: 30px; } .requestBlock-slider-right-arrow:before { font-family: "icomoon"; content: '\e901'; color: #a0a0a0; font-size: 30px; } @media screen and (max-width: 500px) { .requestBlock-slider-right, .requestBlock-slider-left { width: 50px; } } /*modal-320-addTo*/ .modal-320-addTo { display: none; position: fixed; width: 100%; padding: 20px 15px; bottom: 0; background: #f5f5f2; border-top: 1px solid #e6e6e6; z-index: 10; } .modal-320-addTo .titForm { font-size: 14px; line-height: 18px; color: #8f8370; } .modal-320-addTo .oneClick-item-info { padding-bottom: 15px; border-bottom: 2px solid #e5e4dc; margin: 0; } .modal-320-addTo-top { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; margin-bottom: 20px; } .modal-320-addTo-top .close { color: #8c8c8c; } .modal-320-addTo-price { color: #282828; font-weight: 500; text-align: center; padding: 15px 0; } .oneClick-item-info-button { display: block; font-size: 15px; font-weight: 500; background: #aa9f90; color: #fff; text-transform: uppercase; line-height: 42px; width: 100%; text-align: center; } /*preload slider*/ .load-wrapp-container { position: relative; } .load-wrapp { position: absolute; top: 0; left: 0; z-index: 5; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 100%; margin: 0 10px 10px 0; padding: 20px 20px 20px; border-radius: 5px; text-align: center; background-color: #fff; } .load-wrapp p { padding: 0 0 20px; } .load-wrapp:last-child { margin-right: 0; } .line { display: inline-block; width: 20px; height: 20px; border-radius: 15px; background-color: #ecece6; } .ring-1 { width: 10px; height: 10px; margin: 0 auto; padding: 10px; border: 7px dashed #4b9cdb; border-radius: 100%; } .ring-2 { position: relative; width: 45px; height: 45px; margin: 0 auto; border: 4px solid #4b9cdb; border-radius: 100%; } .ball-holder { position: absolute; width: 12px; height: 45px; left: 17px; top: 0px; } .ball { position: absolute; top: -11px; left: 0; width: 16px; height: 16px; border-radius: 100%; background: #4282B3; } .letter-holder { padding: 16px; } .letter { float: left; font-size: 14px; color: #777; } .square { width: 12px; height: 12px; border-radius: 4px; background-color: #4b9cdb; } .spinner { position: relative; width: 45px; height: 45px; margin: 0 auto; } .bubble-1, .bubble-2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: #4b9cdb; } .bubble-2 { top: auto; bottom: 0; } .bar { float: left; width: 15px; height: 6px; border-radius: 2px; background-color: #4b9cdb; } .load-1 .line:nth-last-child(1) { animation: loadingA 1.5s 1s infinite; } .load-1 .line:nth-last-child(2) { animation: loadingA 1.5s .5s infinite; } .load-1 .line:nth-last-child(3) { animation: loadingA 1.5s 0s infinite; } .load-2 .line:nth-last-child(1) { animation: loadingB 1.5s 1s infinite; } .load-2 .line:nth-last-child(2) { animation: loadingB 1.5s .5s infinite; } .load-2 .line:nth-last-child(3) { animation: loadingB 1.5s 0s infinite; } .load-3 .line:nth-last-child(1) { animation: loadingC .6s .1s linear infinite; } .load-3 .line:nth-last-child(2) { animation: loadingC .6s .2s linear infinite; } .load-3 .line:nth-last-child(3) { animation: loadingC .6s .3s linear infinite; } .load-4 .ring-1 { animation: loadingD 1.5s .3s cubic-bezier(.17, .37, .43, .67) infinite; } .load-5 .ball-holder { animation: loadingE 1.3s linear infinite; } .load-6 .letter { animation-name: loadingF; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: linear; } .l-1 { animation-delay: .48s; } .l-2 { animation-delay: .6s; } .l-3 { animation-delay: .72s; } .l-4 { animation-delay: .84s; } .l-5 { animation-delay: .96s; } .l-6 { animation-delay: 1.08s; } .l-7 { animation-delay: 1.2s; } .l-8 { animation-delay: 1.32s; } .l-9 { animation-delay: 1.44s; } .l-10 { animation-delay: 1.56s; } .load-7 .square { animation: loadingG 1.5s cubic-bezier(.17, .37, .43, .67) infinite; } .load-8 .line { animation: loadingH 1.5s cubic-bezier(.17, .37, .43, .67) infinite; } .load-9 .spinner { animation: loadingI 2s linear infinite; } .load-9 .bubble-1, .load-9 .bubble-2 { animation: bounce 2s ease-in-out infinite; } .load-9 .bubble-2 { animation-delay: -1.0s; } .load-10 .bar { animation: loadingJ 2s cubic-bezier(.17, .37, .43, .67) infinite; } @keyframes loadingA { 0% { height: 15px; } 50% { height: 35px; } 100% { height: 15px; } } @keyframes loadingB { 0% { width: 15px; } 50% { width: 35px; } 100% { width: 15px; } } @keyframes loadingC { 0% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); transform: translate(0, 15px); } 100% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes loadingD { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @keyframes loadingE { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loadingF { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes loadingG { 0% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(70px, 0) rotate(360deg); } 100% { transform: translate(0, 0) rotate(0deg); } } @keyframes loadingH { 0% { width: 15px; } 50% { width: 35px; padding: 4px; } 100% { width: 15px; } } @keyframes loadingI { 100% { transform: rotate(360deg); } } @keyframes bounce { 0%, 100% { transform: scale(0.0); } 50% { transform: scale(1.0); } } @keyframes loadingJ { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(80px, 0); background-color: #f5634a; width: 25px; } } /*sizes*/ @media screen and (max-width: 768px) { .toolTipSize.active:before { display: none; } .toolTipSize.active { margin-top: -139px; margin-left: calc(50% - 110px) !important; right: 0 !important; left: 0 !important; } } /*4 tabs*/ .detailedItem .containerTabs ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; } .detailedItem .containerTabs ul:after { display: none; } .modal-320-addTo .close { font-size: 36px; line-height: 36px; } @media screen and (max-width: 500px) { .detailedItem .containerTabs ul { display: table; width: 100%; } } /*-----STYLE FRACTION-----*/ .half:before { font-family: 'IBM Plex Sans', sans-serif; content: "½"; font-size: 16px; font-weight: 400; margin-left: 2px; margin-right: -2px; } .one-third:before { content: "⅓"; font-family: 'IBM Plex Sans', sans-serif; font-size: 16px; font-weight: 400; margin-left: 2px; margin-right: -2px; } .two-third:before { font-family: 'IBM Plex Sans', sans-serif; content: "⅔"; font-size: 16px; font-weight: 400; margin-left: 2px; margin-right: -2px; } .filterSize input:checked + label { -webkit-box-shadow: none; box-shadow: none; background: #aa9f90; color: #fff; } .filterSize input:checked + label:hover { color: #fff; } .filterSize input[disabled] + label { opacity: 1 !important; -webkit-box-shadow: inset 0 0 0 1px #dcdcdc !important; -moz-box-shadow: inset 0 0 0 1px #dcdcdc !important; box-shadow: inset 0 0 0 1px #dcdcdc !important; color: #dcdcdc !important; } .filterSize input[disabled] + label::before { background-color: #dcdcdc !important; } .sizes .half:before, .sizes .one-third:before, .sizes .two-third:before { font-size: 14px; margin-right: 0; } /*-----btnForm buy-----*/ .btnForm-buy { padding-left: 30px; padding-right: 30px; } .modal-320-addTo .oneClick-item-info-undertitle { margin-bottom: 0; } .modal-320-addTo .oneClick-item-info-price { margin-bottom: 10px; } /*-----NUMBER-----*/ .phone .mark:nth-child(1) { margin-bottom: 4px; } .phone { opacity: 1 !important; } .phone .link-container { display: block; margin-left: 0; } .phone a { display: block; opacity: 0.85; } .phone a:hover { opacity: 1; } @media screen and (max-width: 768px) { .phone .mark:nth-child(1) { margin-bottom: -4px; color: #505050; } .phone a { display: block; opacity: 1; } .phone .link-container { margin-left: 4px; } } /*-----sizes-table-----*/ .sizes-table { background: #fff; padding: 35px 40px; } .sizes-table table { width: 100%; } .sizes-table th, .sizes-table td { font-family: "Roboto"; font-weight: 600; font-size: 16px; text-align: left; width: 25%; } #sizes-bionic .sizes-table th, #sizes-bionic .sizes-table td { width: 50%; } .sizes-table th { color: #505050; padding-bottom: 15px; } .sizes-table td { color: #787878; padding: 7px 0 7px 20px; } .sizes-table tr:nth-child(even) { background: rgb(245, 245, 242);; } @media screen and (max-width: 768px) { #sizes-genumedi tr th:nth-child(1), #sizes-genumedi tr td:nth-child(1) { display: none; } #sizes-genumedi tr td, #sizes-genumedi tr th { font-size: 14px; width: 33.33%; } } div.left.col4.s8col4.hideSM div.in.tCell.bottom a.btnMain.black { display: none !important; } div.left.col4.s8col4.hideSM div.in.tCell.bottom span.titleImg.big.slabFont { display: none !important; } .st_chose_color_box { display: flex; padding: 25px 40px 0 40px; margin-bottom: 30px; } .st_modal_text { padding: 20px 40px 15px 40px; } div.st_modal_text#salon1, div.st_modal_text#salon2, div.st_modal_text#salon3 { padding-bottom: 30px; display: none; } .st_modal_text p, .st_aviable_sizes p { font-size: 16px; line-height: 21px; color: #817564; font-weight: normal; letter-spacing: 0; } .st_modal_text p a { border-bottom: 1px #817564 dashed; } .st_color { margin: 25px 0 0; } .st_color em { font-style: normal; } .st_color_circle { display: block; margin: 0 8px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; width: 36px; height: 36px; overflow: hidden; -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #8c8c8c; -moz-box-shadow: 0 0 0 0 #fff, 0 0 0 0 #8c8c8c; box-shadow: 0 0 0 0 #fff, 0 0 0 0 #8c8c8c; -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; -o-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; } .st_doubleColor span:first-child { left: -8px; top: -8px; } .st_doubleColor span:last-child { right: -14px; bottom: -14px; } .st_doubleColor span { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .st_color_circle span { display: block; position: absolute; width: 100%; height: 100%; } .checked_color { -webkit-box-shadow: 0 0 0 4px #fff, 0 0 0 6px #8c8c8c; -moz-box-shadow: 0 0 0 4px #fff, 0 0 0 6px #8c8c8c; box-shadow: 0 0 0 4px #fff, 0 0 0 6px #8c8c8c; } /* .st_aviable_sizes {padding: 0 40px;} */ .st_aviable_sizes { padding: 0px 40px 25px 40px; } .st_aviable_sizes p { margin-bottom: 15px; } /* .st_aviable_sizes_list {margin-bottom: 35px;} */ .st_aviable_sizes_list > div { display: none; flex-wrap: wrap; } .st_aviable_sizes_list > div:first-child { display: flex; } .st_aviable_sizes_list > div > div { display: flex; border: solid 1px #aaaaaa; min-width: 95px; text-align: center; height: 36px; align-items: center; justify-content: center; color: #8c8c8c; margin: 3px; } .st_aviable_sizes_list > div > div:hover { -webkit-box-shadow: inset 0 0 0 2px #828282; -moz-box-shadow: inset 0 0 0 2px #828282; box-shadow: inset 0 0 0 2px #828282; color: #828282; font-weight: bold; } @media only screen and (max-width: 480px) { .bigImageSlider-icon-box { right: 30px } .st_modal_text p, .st_aviable_sizes p { font-size: 14px; } .st_aviable_sizes_list > div > div { min-width: 60px; max-width: 65px; } } .st_top_foot_size_block { background: #f5f5f5; padding: 40px; } .st_foot_size { display: flex; flex-wrap: wrap; } .st_foot_size > div { display: flex; border: solid 1px #aaaaaa; min-width: 95px; text-align: center; height: 36px; align-items: center; justify-content: center; color: #8c8c8c; margin: 3px; cursor: pointer; } .st_foot_size > div:hover { -webkit-box-shadow: inset 0 0 0 2px #828282; -moz-box-shadow: inset 0 0 0 2px #828282; box-shadow: inset 0 0 0 2px #828282; color: #828282; font-weight: bold; } .st_active_foot_size { background: #aa9f90; color: #fff !important; font-weight: bold; } .st_bottom_foot_size_block { padding: 40px; background: #fff; } .st_bottom_foot_size_block > span { display: block; color: #505050; font-weight: 500; font-size: 16px; margin-bottom: 15px; } .st_table_foot_size { display: flex; background: #fff; justify-content: space-between; flex-wrap: wrap; } .st_table_foot_size > div { display: flex; width: 49%; background: #f5f5f2; padding: 6px 20px; justify-content: space-between; } .st_table_foot_size > div:nth-child(3), .st_table_foot_size > div:nth-child(4), .st_table_foot_size > div:nth-child(7), .st_table_foot_size > div:nth-child(8), .st_table_foot_size > div:nth-child(11), .st_table_foot_size > div:nth-child(12) { background: #fff; } .st_top_foot_size_block span.name.slabFont { font-size: 24px; font-weight: bold; display: block; margin: 0 0 10px 0; } .st_top_foot_size_block p.txt { font-size: 16px; font-weight: 300; display: block; margin-bottom: 15px; } .st_bottom_foot_size_block .st_table_foot_size > div > div:nth-child(1) { font-family: Roboto; font-size: 16px; font-weight: normal; color: #787878; } @media only screen and (max-width: 600px) { .st_table_foot_size { flex-direction: column; } .st_table_foot_size > div { display: flex; width: 100%; } .st_table_foot_size > div:nth-child(odd) { background: #f5f5f2 !important; } .st_table_foot_size > div:nth-child(even) { background: #fff !important; } .st_top_foot_size_block, .st_bottom_foot_size_block { padding: 15px; } .st_foot_size > div { margin: 3px !important; min-width: auto; width: 60px !important; } } .st_modal_item_name { font-size: 24px; font-family: 'Roboto'; color: #787878; display: block; margin-top: 8px; } .st_modal_brand { font-size: 21px; } div#salon1.st_modal_text { padding-top: 0px !important; } #previewItem > .in > div.previewItem.modalItem.cfix { max-height: none !important; } .st_aviable_sizes_list .half, .st_aviable_sizes_list .one-third, .st_aviable_sizes_list .two-third, .item .filterSize .half, .item .filterSize .one-third, .item .filterSize .two-third { margin-right: 5px; } .st_article_imgs { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 25px; } .st_article_imgs .st_img_vertical_type { max-width: 100%; margin-bottom: 25px; vertical-align: bottom; } .st_article_imgs .st_img_horizontal_type { max-width: 48%; margin-bottom: 25px; vertical-align: bottom; } .postPage div.item.magazinePost.textPost { max-width: 100%; } @media (min-width: 641px) and (max-width: 991px) { .st_main_page .container { width: 100%; max-width: 920px; } .st_main_page .banner .alphaPlace .imageLink { height: 460px !important; } .st_main_page .banner .betaPlace .imageLink { height: 275px !important; padding-top: 30px; padding-left: 40px; } .st_main_page div.banner.mobWidthContainer { max-width: 100%; } .st_main_page .banner .betaPlace .imageLink .titBan { font-size: 32px; display: block; width: 240px; line-height: 36px; } } @media (min-width: 991px) { .st_main_page .banner .betaPlace .imageLink .titBan { font-size: 30px; } .st_main_page .banner .alphaPlace .imageLink { height: 420px; } .st_main_page .banner .betaPlace .imageLink { height: 208px; } } @media (min-width: 321px) and (max-width: 640px) { .st_main_page .banner .betaPlace .imageLink .titBan { font-size: 22px; display: block; width: 150px; line-height: 24px; } .st_main_page .banner .betaPlace .imageLink { padding: 18px; } .st_main_page .banner .alphaPlace .imageLink { padding-left: 30px; padding-top: 25px; } } @media (max-width: 320px) { .st_main_page .banner .betaPlace .imageLink .titBan { display: block; width: 100px; } } .st_item_jast_preorder { color: #787878; font-weight: normal; font-size: 14px; font-family: "Roboto"; } .st_available_preorder { position: relative; font-size: 14px; line-height: 18px; color: #787878; font-weight: normal; padding-left: 45px; } .st_available_preorder:before { display: block; content: ""; background: url("/local/templates/swosnew/img/st_star.png") no-repeat; position: absolute; left: 0; top: 0; font-size: 42px; line-height: 42px; color: #787878; font-weight: normal; font-family: "icomoon"; margin-top: auto; width: 32px; height: 31px; } .st_pickUp:before { margin-top: auto !important; top: 0 !important; } .user-comment { margin-top: 10px } .btnForm-active { background-color: #3c3c3c; } /* .faq-heading .titLink{ */ /* font-size: 26px; */ /* color: #7d8288; */ /* text-transform: uppercase; */ /* } */ .faq-heading .titLink { font-size: 25px; /* color: #505050; */ color: #716f6f; font-weight: bold; } .faq-question { font-size: 18px; font-weight: 500; /* color: #85827d; */ color: #8f8370; } .faq-question::before { content: '•'; display: inline-block; margin-right: -4px; width: 17px; height: 24px; /* background-image: url(/local/templates/swosnew/img/checkmark.svg); */ background-size: cover; background-position: center center; background-repeat: no-repeat; float: left; } .faq-elem { margin-top: 20px; } .faq-answer { margin-top: 5px; color: #919095; font-weight: 400; } /* @media screen and (max-width: 991px) { */ /* .faq-block { */ /* padding: 0 20px; */ /* } */ /* } */ .enterPromoCode .formPromoCode { padding-top: 25px; } .formPromoCode .code-close:before { content: "\e907"; } .formPromoCode .code-close { position: absolute; left: 4px; top: 6px; font-size: 15px; line-height: 16px; color: #787878; font-weight: normal; cursor: pointer; font-family: 'icomoon' !important; speak: none; font-style: normal; } .preloader { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: #fff; z-index: 9999; } .preloader img { position: fixed; left: 0; right: 0; margin: auto; max-width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .logoBlock { width: 225px; } .logoImg { float: left; padding-right: 10px; } .logoImg img { width: auto !important; height: 64px !important; } .logoName { font-weight: bold; line-height: 21px; } @media (max-width: 767px) { .logoBlock { width: 167px; } .logoImg { float: left; padding-right: 7px; } .logoName { font-size: 11px; line-height: 14px; } .logoImg img { width: auto !important; height: 42px !important; } } .filterModalLoad { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 55; background: #000000; opacity: 0.4; align-items: center; } .filterModalLoad img { width: 200px; margin: auto; } @media (max-width: 767px) { .filterModalLoad img { width: 100px; } } .filterModalLoad.show { display: flex; } @media (max-width: 767px) { #rezsub { padding-top: 20px; } } header .headInfo .logo { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; align-items: center; position: relative; text-decoration: none; } header .headInfo .logo .logo__link { text-decoration: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } header .headInfo .logo__img { display: block; margin-right: 7px; min-width: 58px; width: 58px; } header .headInfo .logo__img svg { max-width: 100%; width: 100%; height: auto; display: block; } header .headInfo .logo__text { display: block; max-width: 166px; font-size: 17px; font-weight: 500; line-height: 1.31; text-transform: uppercase; } header .headInfo .logo__ex { color: #8F8370; } header .headInfo .contacts .itemCont .mark { color: #636363; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500 !important; line-height: 20px; } @media (max-width: 767px) { body { padding-top: 76px; } header .headInfo { text-align: center; padding: 8px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; } header .headInfo .logo { width: auto; text-align: left; overflow: visible; } } @media (max-width: 600px) { body { padding-top: 58px; } header .headInfo .logo__img { min-width: 40px; width: 40px; } header .headInfo .logo__text { font-size: 12px; max-width: 111px; } } .banner .bigTile .owl-carousel { display: block; } .mainSlider .owl-item { display: block !important; width: 100% } .mainSlider.owl-loading .owl-item.cloned { display: none !important; } .mainSlider .owl-item .st_image_slider_wrap { display: block; } .mainSlider.owl-carousel.owl-loading { opacity: 1 } .magazineContent .shortArticleHor .tCell.middle { vertical-align: middle !important; } .st_image_slider_wrap img { width: 100%; max-width: 100%; } .new-salon::after { content: 'new'; font-size: 10px; text-align: center; text-transform: uppercase; font-family: Roboto !important; color: #fff; background: #ff5656; padding: 3px; width: 27px; line-height: 10px; height: 15px; margin-left: 7px; } .new-salon.new-salon_mob::after { display: inline; } .in__contact-block { margin-bottom: 40px; } .in__contact-block.in__contact-block_befored::before { content: '\e909'; display: inline-block; width: 47px; font-size: 48px; line-height: 48px; color: #979797; font-weight: normal; margin-top: 0; opacity: 0.7; top: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; font-family: "icomoon"; position: relative; text-align: center; left: 0; float: left; margin-right: 15px; } .footer__reviews { display: block; margin-top: 22px; } .star-rating.footer__star-rating { position: relative; margin-bottom: -18px; margin-top: 10px; } .star-rating.footer__star-rating .star-rating__ico:before { color: #ffb300; } @media screen and (min-width: 1280px) { .footer__reviews-right { margin-left: 36px; } .footer__reviews-left { width: 55%; } } @media screen and (max-width: 1280px) { .mob-hidden { display: none; } } @media screen and (max-width: 991px) { .mid-hidden { display: none; } .mid-show { display: block; } .star-rating.footer__star-rating { margin-top: -6px; } } @media screen and (min-width: 992px) { .new-salon.new-salon_mob::after { display: none; } .mid-show { display: none; } } .mid-show-reviews { padding-left: 56px !important; } .mCSB_container { overflow-y: scroll; } @media screen and (min-width: 992px) { .gridFooter .col2 { width: 25%; } } @media screen and (min-width: 1280px) { .footer__phone_padding-left { padding-left: 64px; } } @media screen and (max-width: 1280px) { .footer__phone_padding-left { padding-left: 58px; } } @media screen and (max-width: 768px) { .footer__phone_padding-left { padding-left: 54px; } } /*Стили для регистрации по телефундеру*/ .inpSMSCode { width: 48%; display: inline-flex; } .inpSMSCheck { width: 46%; display: inline-flex; margin-left: 20px; color: #fff; } .btnFormCheck { color: #fff !important; padding: 13px 30px; } .inpSMSCode, .inpSMSCheck { display: none; } .checkPhone { position: absolute; top: 12px; right: 21px; color: #000; text-decoration: underline; } .complete { border: 1px solid green !important; } .prop_error { margin: 10px 15px; color: red; /* display:none; */ } #phonelogin { color: #fff; } /*Стили для модальных окон на детальной странице*/ @media screen and (min-width: 844px) { #sizeOrder, #preOrder { width: 600px; } #oneClickModal { width: 700px; } } @media screen and (min-width: 1243px) { #booking { max-width: 1000px; } } .filterSize input[disabled] + label { cursor: pointer !important; } .sizeorder { background: #fff; padding: 30px 40px; } .sizeorder__title { text-transform: uppercase; color: #817564; font-size: 18px; } .sizeorder__photo-about { display: flex; } .sizeorder__subtitle { margin: 20px 0; font-size: 16px; line-height: 22px; color: #3c3c3c; /* color: #000; */ font-weight: 400; } .sizeorder__subtitle_dop { margin: 5px 0 5px 0; } .sizeorder__subtitle_dopz { margin: 15px 0 5px 0; } .sizeorder__photo { /* margin-right: 15px; */ width: 35%; /* background-size: cover; */ background-size: contain; max-height: 236px; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 724px) { .sizeorder__photo { background-size: contain; width: 50%; } } .sizeorder__about { width: 60%; background: #f0f0ec; padding: 25px 30px 27px; } .sizeorder__brand { display: block; font-size: 18px; line-height: 24px; color: #505050; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sizeorder__name { font-size: 24px; line-height: 30px; color: #787878; font-weight: normal; display: block; margin: 0; margin-top: 7px; /* word-break: break-all; */ } .sizeorder__article, .sizeorder__color { display: block; margin-top: 5px; font-size: 14px; line-height: 22px; color: #8c8c8c; font-weight: normal; } .sizeorder__price { margin-top: 20px; font-size: 18px; line-height: 24px; color: #8c8c8c; font-weight: normal; display: block; float: left; } .sizeorder__price-caption { width: 58px; } .sizeorder__price-value { font-size: 26px; line-height: 24px; font-weight: bold; color: #636363; } .sizeorder__price-value_old { color: #787878; font-weight: normal; text-decoration: line-through; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; /* font-size: 26px; */ font-size: 21px; } .sizeorder__form p { color: #636363; margin: 20px 0 3px 0; font-size: 16px; line-height: 24px; font-weight: 400; } @media (max-width: 768px) { .sizeorder__form p { font-size: 14px; line-height: 20px; } } .sizeorder__sizes { display: flex; flex-wrap: wrap; margin-left: -3px; } .sizeorder__size { display: flex; border: solid 1px #aaaaaa; min-width: 95px; text-align: center; height: 36px; align-items: center; justify-content: center; color: #8c8c8c; margin: 3px; cursor: pointer; } .sizeorder__inputs { margin: 0; } #booking .sizeorder__inputs { position: relative; } .sizeorder__input { background-color: #fff; height: 50px; padding: 0 7px; font-size: 16px; line-height: 48px; color: #787878; font-weight: normal; width: 100%; border: 1px solid #BBB2A6; margin-bottom: 12px; } @media (max-width: 576px) { .sizeorder__input { padding: 0 8px; font-size: 14px; } } .sizeorder__size.sizeorder__size_checked { line-height: 36px; color: #fff !important; font-weight: bold; background: #828282; } .sizeorder__size:hover { box-shadow: inset 0 0 0 2px #828282; color: #828282; font-weight: bold; } .sizeorder__footer-text { color: #787878; font-size: 14.5px; } .sizeorder__button { margin: 20px auto; padding: 13px 83px; } .sizeorder__button-check { position: absolute; right: 56px; margin-top: -45px; font-weight: 400; text-decoration: underline; cursor: pointer; z-index: 99999; background-color: #ffffff; } #booking .sizeorder__button-check { right: 10px; margin-top: -48px; color: #787878; } @media (max-width: 860px) { #booking .sizeorder__button-check { right: 10px; margin-top: -44px; font-size: 12px; } } .sizeorder__button-check.sizeorder__button-check_order { right: 38px; margin-top: -36px; cursor: pointer; z-index: 99999; } .sizeorder__code { width: 49%; display: inline-flex; } .sizeorder__code.sizeorder__code_order { width: 50%; margin-top: 30px; } .sizeorder__button-enter { display: inline-flex; text-align: center; } .sizeorder__button-enter, .sizeorder__button-enter_order { width: 47%; margin-left: 13px; } .mmail, .mphone { margin-bottom: 20px; text-align: center; width: 100%; font-weight: 400; } .mmphone, .mmmail { display: block; text-align: center; font-weight: 400; text-decoration: underline; } .auth_delimiter { width: 57%; margin: 20px auto; padding-bottom: 23px; } .title_delimiter { width: 87%; margin: 0 auto; } #mphone { display: none; } .authForm { padding-bottom: 5px; } .btnForm-disabled { pointer-events: none; opacity: 0.4; } /*oneclick*/ .sizeorder__button-check_oneclick { right: 10px; margin-top: -35px; } .sizeorder__code_oneclick { margin-left: 0 !important; margin-top: 15px; width: 50% !important; } .sizeorder__button-enter_oneclick { width: 46% !important; } @media screen and (max-width: 584px) { .sizeorder__code_oneclick { width: 100% !important; margin-left: 0 !important; } .sizeorder__button-enter_oneclick { text-align: center; width: 100% !important; margin-left: 0; display: block; } } .formlogin__btn-small { text-transform: none; text-align: center; display: block; margin-bottom: 15px; text-decoration: underline; cursor: pointer; } .eyezone { position: relative; } #eyezone__show { top: 7px; margin-right: -484px; z-index: 9999999999; width: 256px; } #eyezone__show:before { left: -24px; transform: rotate(180deg); } #show_width { top: 93px; margin-right: -405px; z-index: 9999999999; width: 256px; } #show_width:before { left: -24px; transform: rotate(180deg); } @media screen and (max-width: 1250px) { #show_width { top: 72px; margin-right: -321px; z-index: 9999999999; width: 180px; } } @media screen and (max-width: 1044px) { #show_width { top: 57px; margin-right: -274px; z-index: 9999999999; width: 131px; word-break: break-word; } } @media screen and (max-width: 991px) { #show_width { top: 79px; margin-left: 12px; right: 0; z-index: 9999999999; width: 220px; word-break: break-word; } #show_width:before { left: -24px; transform: rotate(0deg); } } @media screen and (max-width: 767px) { #show_width { margin-top: -28px; top: 79px; margin-left: 141px !important; right: 0; z-index: 9999999999; width: 197px; word-break: break-word; } } .eyezone__down { margin-top: 22px; font-size: 15px; line-height: 22px; color: #3c3c3c; font-weight: 300; } .eyezone__button { border-bottom: 1px solid #787878; transition: color 0.3s, border-color 0.3s; font-weight: normal; font-size: 16px; line-height: 18px; color: #817564; vertical-align: bottom; cursor: pointer; } .eyezone__image { float: left; margin-right: 15px; } .getgoods__text, .getgoods__img { text-align: center; } .getgoods__img { margin-bottom: 15px; } .getgoods__text { color: #817564; line-height: 19px; font-size: 15px; font-weight: normal; } .col25 { width: 25% !important; float: left !important; margin-top: 0 !important; } .eyezone.eyezone_mob { display: none; margin-left: 16px; margin-top: 45px; margin-bottom: 25px; } @media screen and (max-width: 992px) { .eyezone.eyezone_mob { display: block; } .eyezone.eyezone_desctop { display: none; } } .booking { padding: 15px 50px; background-color: #fff; margin: 0 auto; } .booking__title { text-transform: uppercase; color: #817564; font-size: 18px; padding-top: 40px } .booking__subtitle { margin: 20px 0; font-size: 16px; line-height: 22px; color: #3c3c3c; font-weight: 400; } .booking__row { width: 100%; display: flex; border-bottom: 1px solid #e5e4dc; /* padding-top: 10px; */ } .booking__row:last-child { border-bottom: none; } .booking__col { width: 25%; /* color: #000; */ margin: 20px 0 3px 0; font-weight: 400; } .booking__col-10 { width: 10%; } .booking__col-15 { width: 15%; } .booking__col-16 { width: 16%; } .booking__col-20 { width: 20%; } .booking__col-30 { width: 30%; } .booking__col-40 { width: 40%; } .booking__col-43 { width: 43%; } .booking__col-45 { width: 45%; } .booking__col-50 { width: 50%; } .booking__col-55 { width: 55%; } .booking__col-60 { width: 60%; } .padding-left-35 { padding-left: 35px; } .padding-left-40 { padding-left: 40px; } .padding-left-80 { padding-left: 80px; } .text-left { text-align: left; } .booking__size { display: flex; flex-wrap: wrap; margin-left: -3px; } .booking__size { display: inline-flex; border: solid 1px #aaaaaa; min-width: 95px; text-align: center; height: 35px; align-items: center; justify-content: center; color: #8c8c8c; margin: 3px; cursor: pointer; } @media screen and (max-width: 1015px) { .booking__size { min-width: 50px; } } @media screen and (max-width: 1024px) { .booking__button { font-size: 14px; padding: 12px 17px; } } @media screen and (max-width: 768px) { .booking__button { font-size: 13px; padding: 12px 5px; } } .booking__size.booking__size_checked { line-height: 27px; color: #fff !important; font-weight: bold; background: #828282; } .booking__size:hover { box-shadow: inset 0 0 0 2px #828282; color: #828282; font-weight: bold; } .booking__title-block { width: 35%; float: left; } .booking__photo-about { width: 60%; float: right; } .booking__photo-about { display: flex; } .booking__photo { margin-right: 15px; width: 30%; background-size: contain; max-height: 198px; background-repeat: no-repeat; background-position: center; } .booking__about { width: 70%; background: #f0f0ec; padding: 25px 30px 27px; } .booking__brand { display: block; font-size: 18px; line-height: 24px; color: #505050; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .booking__name { font-size: 24px; line-height: 30px; color: #787878; font-weight: normal; display: block; margin: 0; margin-top: 7px; /* word-break: break-all; */ } .booking__article { display: block; margin-top: 5px; font-size: 14px; line-height: 22px; color: #8c8c8c; font-weight: normal; } .booking__price { margin-top: 20px; font-size: 18px; line-height: 24px; color: #8c8c8c; font-weight: normal; display: block; float: left; } .booking__price-caption { width: 58px; } .booking__price-value { font-size: 26px; line-height: 24px; font-weight: bold; color: #636363; } .booking__price-value_old { color: #787878; font-weight: normal; text-decoration: line-through; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; font-size: 26px; } .booking__button { width: 100%; } .sizeorder__booking-article { margin: 30px 0 12px 0 !important; } .disabled { pointer-events: none; opacity: 0.4; } .hidden { display: none; } .booking__color { /* margin-bottom: 18px; */ margin-bottom: 5px; } .sizeorder__colorz { text-align: center; display: flex; margin: 20px auto; padding-left: 32%; } .sizeorder__onelclick .sizeorder__colorz { padding-left: 55%; } .sizeorder__colorz-color { margin-right: 4px; } @media screen and (max-width: 974px) { .modals [class*='icon-close'] { left: 86%; } } @media screen and (max-width: 769px) { .modals [class*='icon-close'] { left: 92%; z-index: 999999999; top: -43px; } .booking__price-value { display: block; padding-left: 0; } } /* @media screen and (max-width: 962px){ */ /* .sizeorder__price-value_old, .booking__price-value_old{ */ /* display:block; */ /* padding-left:0; */ /* } */ /* .sizeorder__price, .booking__price{ */ /* float:left; */ /* } */ /* } */ @media screen and (max-width: 661px) { #sizeOrder .sizeorder__price-value_old, .booking__price-value_old, .booking__price-value, .sizeorder__price-value { display: block; padding-left: 0; } #sizeOrder .sizeorder__price, .booking__price { float: left; } } @media screen and (max-width: 583px) { .booking__row:first-child { display: none; } .booking__row { display: grid; } .booking__col { width: 100%; padding-left: 0; } .booking__title-block, .booking__photo-about { width: 100%; float: none; margin-left: 0; } .booking__size { min-width: 76px; } .sizeorder__colorz { padding-left: 0; } } @media screen and (max-width: 559px) { #oneClickModal .sizeorder__article { float: none !important; width: 100% !important; margin-top: 20px !important; margin-bottom: 20px !important; } .sizeorder__article, .sizeorder__color { width: 100% } } @media screen and (max-width: 535px) { .sizeorder__code, .sizeorder__button-enter, .sizeorder__code.sizeorder__code_order, .sizeorder__button-enter_order { width: 100% !important; margin-left: 0 !important; padding-left: 20px !important; } .sizeorder__button-enter.ready { display: block !important; margin-bottom: 15px; text-align: center !important; } .sizeorder__button { padding: 3px 25px; } } @media screen and (min-width: 1280px) { .booking-btn { margin-top: 10px; } } @media screen and (max-width: 991px) { .booking-btn-z { margin-top: 10px !important; } } @media (max-width: 767px) { header .headInfo .toBasket .inBasket .downBasket { z-index: 999999; position: relative; background: #fff; } header .headInfo .toBasket .inBasket .in { /* height: calc(100% - 100px)!important; */ /* height: 100%; */ height: 100% !important; margin-bottom: -150px; } #chat-24-widget-container { /* bottom: 47px!important; */ bottom: -3px !important; left: 28px !important; right: 100% !important; } .onTop { right: 0; left: 70%; z-index: 1; width: 30%; } } @media (max-width: 630px) { .onTop { width: 40%; left: 60%; } } @media (max-width: 475px) { .onTop { width: 53%; left: 47%; } } @media (max-width: 400px) { .onTop { width: 56%; left: 44%; } } @media (max-width: 362px) { .onTop { width: 57%; left: 43%; } } @media (min-width: 767px) { #chat-24-widget-container #chat-24-inner-container #chat-24-roll #chat-24-roll-icon { width: 90px !important; height: 90px !important; } } #booking, #sizeOrder, #preOrder { transition: none; z-index: 99999; } .error { border: 1px solid red; } .section_link_holder { text-align: center; } .section_link_holder .section_link { color: #8F8370; font-weight: 600; text-decoration: underline; } .itemFilter.disabled { display: none; } .bx-soa-price-free .bx-price-old { text-decoration: line-through; } .itemPopup div.infoBlock.table { width: 100%; } div.pageHead.withImage div.row.bigPadd div.item.col4.s8col3.hideSM { padding-left: 15px !important; } ymaps a:hover { text-decoration: underline; } .headRev .nameBlock:not(.mini) .photo { width: 56px; height: 56px; margin-top: -28px; } @media (max-width: 767px) { .headRev .nameBlock .item{ /*position: relative;*/ } .headRev .nameBlock:not(.mini) .photo{ width: 42px; height: 42px; margin-top: -24px; } } .nameBlock:not(.mini) .photo { position: absolute; left: 0; top: 50%; } .nameBlock .photo { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-position: center; background-size: cover; margin: 0 auto; margin-top: 0px; } .headRev { padding-left: 71px; position: relative; } .nameBlock .name { display: block; font-size: 18px; line-height: 23px; color: #505050; font-weight: 500; } .categoryPage .load-more-items { margin: 0 auto; } .faqbot { margin-top: 80px; } .load-more-items { text-align: center; cursor: pointer; position: relative; } .load-more-items hr { width: 100%; position: absolute; top: -32px; } .load-more-items img { width: 37px; position: absolute; top: -42px; left: 50%; transform: translateX(-50%); } .load-more-items .load-more-text { position: absolute; left: 50%; transform: translateX(-50%); font-weight: 500; color: #828282; font-family: 'Roboto'; } @media (max-width: 767px) { .categoryPage .paginationBl .pagPages { order: 2; } .categoryPage .load-more-items { height: 90px; margin-top: 20px; padding-top: 30px; width: 100%; order: 1; position: static; } .categoryPage .load-more-items hr { width: 100%; position: absolute; top: 10px; } .categoryPage .load-more-items img { width: 37px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-left: 0; } .categoryPage .load-more-items .load-more-text { font-weight: 500; color: #828282; font-family: 'Roboto'; position: static; text-align: center; margin-left: 0; transform: translateX(0); } .categoryPage .paginationBl { /*padding-top: 55px;*/ display: flex; flex-direction: column; margin-top: 30px; margin-bottom: 20px; } body .afterGallery { padding: 25px 0 35px !important; } .item .requestBlock { margin-top: 20px; clear: both; } .faqbot { margin-top: 150px; } .backLighter { margin-top: 150px; } } @media (max-width: 491px) { /*.item .requestBlock { margin-top: 210px; clear: both; } .faqbot{ margin-top: 210px; } .backLighter{ margin-top: 210px; }*/ } .aboutBrandDetailed .containerTabs { margin-top: 55px; } .grid .shortArticleVert .image { height: 100%; padding-top: 68%; } .mt-0 { margin-top: 0; } .mt-20 { margin-top: 20px; } .imageBl-mobile { display: none; width: 100%; } @media (max-width: 767px) { .md-mt-30 { margin-top: 30px; } .sliderItemsCab.navSlider .owl-nav { display: block; } } @media (max-width: 500px) { .imageLink-mobile.table.invisLink.white.noTxt { height: auto; padding: 0; } .imageLink-mobile .imageBl { position: static; } .imageBl-mobile { display: block; } .prevCollection .imageLink { padding: 0; height: auto; } .prevCollection .imageLink .imageBl { position: inherit; background-image: none !important; } } @media (max-width: 1279px) { .catalog-item_banner-wrap { height: 100%; overflow: hidden; } .itemCont.item.hideSM { padding-left: 47px; } .header-icons { margin-right: 16px !important; } } @media (max-width: 767px) { .catalog-item_banner-img { transform: translateY(-25%); width: 100%; } } @media (max-width: 430px) { .catalog-item_banner-img { transform: translateY(0); } } .catalog-item_banner a { display: block; } .catalog-item_banner a img { width: 100%; } .social.cfix { display: none; } .icon-basket:before { display: block; content: ""; background-image: url(/local/templates/swosnew/css/../img/icon-cart-3.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 32px; height: 30px; } .header-icons { display: flex; align-items: center; /* margin-right: 16px; */ } .header-icons__user { margin-right: 25px; } @media (max-width: 767px) { .header-icons__user { display: none; } } .header-icons__user a { display: flex; align-items: center; } .icon-geotag:before { display: block; content: ""; background-image: url(/local/templates/swosnew/css/../img/icon-geo-2.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 32px; height: 30px; } .icon-clock:before { display: block; content: ""; background-image: url(/local/templates/swosnew/css/../img/icon-clock-2.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 32px; height: 30px; } .icon-mail:before { display: block; content: ""; background-image: url(/local/templates/swosnew/css/../img/icon-mail-2.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 32px; height: 30px; } .icon-phone::before { display: block; content: ""; background-image: url(/local/templates/swosnew/css/../img/icon-phone-2.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px; } .headInfo.cfix:after { display: none; } /* new booking */ .ap-booking { display: flex; flex-direction: column; padding: 40px; width: 100%; background-color: #fff; } .ap-booking._step-1 { padding-bottom: 24px; } .ap-booking__title { display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-bottom: 32px; color: #817564; } .ap-booking._step-1 .ap-booking__title { margin-bottom: 24px; } .ap-booking__title-inner { display: flex; align-items: center; } .ap-booking__title svg { transition: 0.3s opacity ease; cursor: pointer; } .ap-booking__title svg:hover { opacity: 0.6; } .ap-booking__title h3 { font-size: 26px; line-height: 30px; font-weight: 500; } .ap-booking__back { display: flex; align-self: flex-start; margin-right: 8px; transform: translateY(3px); } .ap-booking__close { display: flex; align-self: flex-start; transform: translateY(4px); } .ap-booking__product { display: flex; justify-content: space-between; } .ap-booking .ap-order { display: flex; margin-bottom: 32px; } .ap-booking .ap-finish-order { align-items: flex-start; } .ap-booking .ap-order__content { flex: 0 0 50%; margin-right: 32px; } .ap-order__top { padding-bottom: 20px; margin: 0 0 32px 0; border-bottom: 2px solid #F0F0EC; } .ap-order__subtitle { margin-bottom: 10px; color: #787878; font-size: 16px; font-weight: 400; line-height: 24px; } .ap-booking .ap-order__name { margin-bottom: 32px; color: #3C3C3C; font-size: 24px; line-height: 28px; } .ap-booking .ap-order-finish__name { margin-bottom: 16px; color: #3c3c3c; font-size: 24px; line-height: 28px; font-weight: 400; } .ap-booking .ap-order__link { color: #787878; font-weight: 400; text-decoration: underline; } .ap-booking .ap-order__info { margin-bottom: 32px; padding-bottom: 30px; border-bottom: 2px solid #F0F0EC; } .ap-booking .ap-finish-order__info p { color: #787878; font-size: 16px; line-height: 24px; font-weight: 400; } .ap-booking .ap-finish-order__info p:not(:last-child) { margin-bottom: 10px; } .ap-booking .ap-order__info p { color: #787878; font-size: 16px; line-height: 24px; font-weight: 400; } .ap-booking .ap-order__info p:not(:last-child) { margin-bottom: 10px; } .ap-booking .ap-order__product { flex: 0 0 46.5811965812%; padding: 16px 14px; border: 1px solid #F0F0EC; } .ap-booking .ap-order__body { display: flex; flex-direction: column; } .ap-booking .ap-order__img { flex: 0 0 150px; align-self: center; margin-bottom: 32px; min-width: 150px; min-height: 150px; background-size: contain; background-repeat: no-repeat; } .ap-booking .ap-order__brand { margin-bottom: 16px; color: #787878; font-size: 16px; font-weight: 600; line-height: 21px; } .ap-booking .ap-order__name { margin-bottom: 32px; color: #3c3c3c; font-size: 24px; line-height: 28px; font-weight: 400; } .ap-booking .ap-order__product-name { margin-bottom: 12px; color: #817564; font-size: 30px; line-height: 35px; font-weight: 400; } .ap-booking .ap-order__vendor-code { margin-bottom: 11px; color: #787878; font-size: 12px; font-weight: 400; } .ap-booking .ap-finish-order__vendor-code { margin-bottom: 12px; color: #787878; font-size: 14px; font-weight: 400; } .ap-booking .ap-finish-order__vendor-code span { margin-right: 16px; } .ap-booking .ap-order__price-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; } .ap-booking .ap-finish-order__price-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .ap-booking .ap-order__price-text { margin-right: 2px; color: #787878; font-size: 14px; line-height: 16px; font-weight: 400; } .ap-finish-order__price-text { margin-right: 33px; color: #787878; font-size: 14px; line-height: 16px; font-weight: 400; } .ap-booking .ap-order__price { color: #3C3C3C; font-size: 20px; font-weight: 600; } .ap-booking .ap-finish-order__price { color: #3C3C3C; font-size: 16px; font-weight: 600; } .ap-booking .ap-order__price-old { margin-right: 15px; color: #3C3C3C; font-size: 16px; font-weight: 600; text-decoration-line: line-through; } .ap-booking .ap-finish-order__price-old { margin-right: 15px; color: #3C3C3C; font-size: 14px; font-weight: 600; text-decoration-line: line-through; } .ap-booking .ap-order__sale { color: #FF5656; font-size: 14px; line-height: 16px; } .ap-booking .ap-order .ap-order__price-old~.ap-order__price { padding-right: 33px; color: #FF5656; } .ap-booking .ap-order__sizes-title { display: inline-block; margin-bottom: 16px; color: #787878; font-size: 14px; line-height: 16px; font-weight: 600; } .ap-booking .ap-finish-order__sizes .ap-order__sizes-title { margin-right: 28px; margin-bottom: 0; font-weight: 400; } .ap-booking .ap-order__sizes { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; } .ap-booking .ap-finish-order__sizes { display: flex; align-items: center; margin-bottom: 14px; color: #787878; font-size: 14px; font-weight: 400; } .ap-booking .ap-finish-order__sizes .ap-order__sizes { margin-bottom: 0; gap: 30px; } .ap-booking .ap-finish-order__sizes .ap-order__size { flex: 0 0 auto; height: auto; border: none; } .ap-booking .ap-finish-order__sizes span { margin-right: 20px; } .ap-booking .ap-order__size { display: flex; justify-content: center; align-items: center; flex: 0 0 56px; height: 48px; color: #787878; font-weight: 400; font-size: 14px; line-height: 1; border: 1px solid #AA9F90; transition: all 0.3s ease; } .ap-booking .ap-order__text { color: #787878; font-size: 16px; font-weight: 300; line-height: 24px; } .ap-booking .ap-order__button { display: flex; justify-content: center; align-items: center; align-self: center; /* padding: 16px 24px; */ width: 342px; height: 48px; color: #fff; background-color: #AA9F90; font-size: 14px; line-height: normal; font-weight: 600; text-transform: uppercase; } .ap-booking .ap-order__button._dark { background-color: #3c3c3c; } .ap-booking .ap-product { margin-bottom: 23px; padding: 16px; border: 1px solid #F0F0EC; } .ap-booking .ap-product__body { flex: 1 1 auto; margin-right: 40px; } .ap-booking .ap-product__img { flex: 0 0 150px; min-height: 150px; background-size: contain; background-repeat: no-repeat; } .ap-booking .ap-product__message { margin-bottom: 8px; padding-bottom: 23px; color: #3C3C3C; font-size: 16px; font-weight: 400; line-height: 24px; border-bottom: 1px solid #F0F0EC; } .ap-booking .ap-product__brand { margin-bottom: 16px; color: #787878; font-size: 16px; font-weight: 600; line-height: 21px; } .ap-booking .ap-product__name { margin-bottom: 11px; color: #817564; font-size: 30px; line-height: 35px; font-weight: 400; } .ap-booking .ap-product__vendor-code { margin-bottom: 11px; color: #787878; font-size: 12px; } .ap-booking .ap-product__price-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .ap-booking .ap-product__price-text { margin-right: 2px; color: #787878; font-size: 14px; } .ap-booking .ap-product__price { color: #3C3C3C; font-size: 20px; font-weight: 600; } .ap-booking .ap-product__price-old { margin-right: 15px; color: #3C3C3C; font-size: 16px; font-weight: 600; text-decoration-line: line-through; } .ap-booking .ap-product__sale { color: #FF5656; font-size: 14px; } .ap-booking .ap-product__price-old~.ap-product__price { padding-right: 33px; color: #FF5656; } .ap-booking .ap-places__item { display: flex; justify-content: space-between; align-items: flex-start; padding: 15px 0 16px; color: #787878; font-size: 16px; line-height: 24px; } .ap-booking .ap-places__item:not(:last-child) { border-bottom: 1px solid #F0F0EC; } .ap-booking .ap-places__item>div:not(:last-child) { text-align: left; margin-right: 32px; } .ap-booking .ap-places__item>div:not(.ap-places__sizes) { flex: 0 0 20%; } .ap-booking .ap-places__item._header { padding-bottom: 16px; border-bottom: 1px solid #F0F0EC; } .ap-booking .ap-places__name { max-width: 160px; font-weight: 400; } .ap-booking .ap-places__address { max-width: 160px; font-weight: 400; } .ap-booking .ap-places__sizes { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 8px; font-weight: 400; } .ap-booking .ap-places__size { display: flex; justify-content: center; align-items: center; flex: 0 0 56px; height: 48px; font-size: 14px; line-height: 1; border: 1px solid #AA9F90; transition: all 0.3s ease; cursor: pointer; } .ap-booking .ap-places__size:hover { color: #fff; background-color: #AA9F90; } .ap-booking .ap-places__size.booking__size_checked { color: #fff; background-color: #AA9F90; } .ap-booking .ap-places__button { width: 180px; height: 48px; color: #fff; background-color: #AA9F90; font-size: 14px; line-height: nomal; font-weight: 600; text-transform: uppercase; text-align: center; cursor: pointer; } .ap-booking .ap-places__button.disabled { opacity: 0.4; pointer-events: none; } .sizeorder__form { display: none; } .ap-booking__back { display: none; } #resclick .sizeorder__form { display: block; } @media (min-width: 768px) { .ap-order__top._mob { display: none; } .ap-booking .ap-finish-order__sizes._mob { display: none; } .ap-booking .ap-places__address { margin-bottom: 16px; max-width: 100%; } .sizeorder__form._desktop { display: block; } .ap-booking__back._desktop { display: block; } } @media (min-width: 1130px) { #booking .in { width: 1016px; } } @media (max-width: 768px) { .ap-booking { padding: 24px 16px; border-radius: 16px; } .ap-booking__success .ap-booking__title { margin-bottom: 24px; } .ap-booking .ap-order { flex-direction: column; } .ap-booking .ap-finish-order { flex-direction: column-reverse; margin-bottom: 24px; } .ap-booking .ap-order__content { flex: 1 1 100%; margin-right: 0; border-top: 2px solid #F0F0EC; } .ap-order__top:not(._mob) { display: none; } .ap-order__top._mob { margin-bottom: 16px; padding: 16px 0 6px; border-top: 2px solid #F0F0EC; } .ap-order__subtitle { font-size: 14px; line-height: 18px; } .ap-booking .ap-order-finish__name { padding-top: 16px; font-size: 18px; line-height: 21px; } .ap-booking .ap-order__link { display: block; font-size: 14px; line-height: 18px; } .ap-booking .ap-order__info { margin-bottom: 24px; padding-bottom: 24px; } .ap-finish-order__info { padding-bottom: 24px; border-bottom: 2px solid #F0F0EC; } .ap-booking .ap-finish-order__info p { font-size: 14px; line-height: 18px; } .ap-booking .ap-finish-order__info p:not(:last-child) { margin-bottom: 4px; } .ap-booking .ap-order__info p { font-size: 14px; line-height: 18px; } .ap-booking .ap-order__product { flex: 1 1 100%; padding: 0; border: none; width: 100%; } .ap-booking .ap-order__body { flex-direction: row-reverse; justify-content: space-between; margin-bottom: 14px; border-bottom: 2px solid #F0F0EC; } .ap-booking .ap-finish-order .ap-order__body { align-items: flex-start; gap: 24px; margin-bottom: 12px; border-bottom: none; } .ap-booking .ap-order__img { margin-bottom: 0; } .ap-booking .ap-finish-order .ap-order__product-name { margin-bottom: 39px; } .ap-booking .ap-order__vendor-code { margin-bottom: 6px; } .ap-booking .ap-finish-order__vendor-code { margin-bottom: 16px; font-size: 14px; line-height: 16px; } .ap-booking .ap-finish-order__vendor-code span { margin-right: 4px; font-size: 14px; line-height: 16px; } .ap-finish-order__price-text { margin-right: 19px; font-size: 14px; line-height: 16px; } .ap-booking .ap-order__sale { display: none; } .ap-booking .ap-order__sizes-title { color: #3C3C3C; } .ap-booking .ap-order__sizes { margin-bottom: 16px; max-width: 100%; } .ap-booking .ap-finish-order__sizes:not(._mob) { display: none; } .ap-booking .ap-finish-order__sizes { margin-bottom: 0; } .ap-booking .ap-finish-order__sizes._mob { margin-bottom: 16px; } /* .ap-booking .ap-finish-order__sizes .ap-order__sizes { gap: 30px; } */ .ap-booking .ap-finish-order__sizes .ap-order__sizes-title { margin-right: 15px; color: #787878; font-size: 14px; line-height: 16px; } .ap-booking .ap-finish-order__sizes .ap-order__size { font-size: 14px; line-height: 16px; } .ap-booking .ap-finish-order__sizes span { margin-right: 5px; } .ap-booking .ap-order__size { flex: 0 0 50px; height: 50px; font-size: 12px; border-color: #B99470; } .ap-booking .ap-order__text { font-size: 14px; line-height: 20px; } .ap-booking .ap-product { padding: 16px 0; border-top-width: 2px; border-left: none; border-right: none; } .ap-booking .ap-product__brand { margin-bottom: 6px; font-size: 12px; line-height: 16px; } .ap-booking .ap-product__name { margin-bottom: 6px; font-size: 16px; line-height: 19px; } .ap-booking .ap-product__vendor-code { margin-bottom: 6px; font-size: 12px; } .ap-booking .ap-product__price-text { font-size: 12px; line-height: 14px; } .ap-booking .ap-product__sale { display: none; } .ap-booking .ap-places__item { flex-direction: column; align-items: stretch; } .ap-booking .ap-places__item>div:not(.ap-places__sizes) { flex: 1 1 100%; } .ap-booking .ap-places__item._header { display: none; } .ap-booking .ap-places__name { margin-bottom: 16px; max-width: 100%; font-weight: 700; } .ap-booking .ap-places__address { margin-bottom: 16px; max-width: 100%; } .ap-booking .ap-places__sizes { margin-bottom: 16px; max-width: 100%; } .ap-booking .ap-places__button { width: 100%; } .sizeorder__form._mobile { display: block; } .ap-booking__back._mobile { display: block; margin-right: 0; padding: 16px 0; } } @media (max-width: 576px) { .ap-booking .ap-order__brand { margin-bottom: 6px; } .ap-booking .ap-order__name { margin-bottom: 16px; font-size: 16px; line-height: 19px; } .ap-booking .ap-order__product-name { font-size: 18px; line-height: 21px; } .ap-booking .ap-order__price-text { font-size: 12px; line-height: 14px; } .ap-booking .ap-order__button { width: 100%; } .ap-booking .ap-product__message { font-size: 14px; line-height: 20px; } .ap-booking .ap-product__body { flex: 0 1 auto; margin-right: 10px; } } /* end new booking */ /* new-header */ .ap-header-info { display: flex; align-items: center; justify-content: center; margin: 0 26px; } .ap-header-info__item:not(:last-child) { margin-right: 32px; } .ap-header-info__link { display: flex; align-items: center; color: #636363; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } .ap-header-info__link svg { margin-right: 8px; } @media (max-width: 1200px) { .ap-header-info__link { flex-direction: column; font-size: 12px; line-height: 14px; } .ap-header-info__link svg { max-width: 20px; } } @media (max-width: 860px) { .ap-header-info { flex-wrap: wrap; } .ap-header-info__item:not(:last-child) { margin-right: 10px; } .ap-header-info__item:not(:last-child) { margin-right: 10px; } } @media (max-width: 991px) { .cardItem .icon-section-image { width: 27px !important;; height: 27px !important; } .cardItem .bigImageSlider-icon-box { align-items: flex-end; height: 100%; display: none; } .cardItem .bigImageSlider-icon.bigImageSlider-icon-section { top: -25px; width: 27px; height: 27px; } } /* end new-header */ /* End */ /* Start:/local/templates/swosnew/css/jquery.fancybox.min.css?173233325812795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/swosnew/css/error.css?17323332582610*/ @font-face { font-family: 'icomoon'; src: url('/local/templates/swosnew/css/../font/icomoon.eot'); src: url('/local/templates/swosnew/css/../font/icomoon.woff') format('woff'), url('/local/templates/swosnew/css/../font/icomoon.ttf') format('truetype'), url('/local/templates/swosnew/css/../font/icomoon.svg#icomoon') format('svg'), url('/local/templates/swosnew/css/../font/icomoon.eot#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; font-display: swap; } /* @font-face { font-family: 'icomoon'; src: url('/local/templates/swosnew/css/../font/icomoon.eot?qgmpdi'); src: url('/local/templates/swosnew/css/../font/icomoon.eot?qgmpdi#iefix') format('embedded-opentype'), url('/local/templates/swosnew/css/../font/icomoon.ttf?qgmpdi') format('truetype'), url('/local/templates/swosnew/css/../font/icomoon.woff?qgmpdi') format('woff'), url('/local/templates/swosnew/css/../font/icomoon.svg?qgmpdi#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */ .st_wrapper { background-color: rgba(236, 236, 230, 0.55); max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 60px 5px 80px; } .st_wrapper_no_bg {background-color:#fff!important;} .st_wrapper > span { display: block; font-family: RobotoSlab; font-size: 30px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #505050; margin-bottom: 50px; } .st_wrapper p { font-family: Roboto; font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: #3c3c3c; margin-bottom: 30px; } .error_page_icon_user {margin-bottom: 15px;text-align: center;} .st_wrapper form {max-width: 700px;margin: 0 auto 20px;} .st_wrapper form div {position: relative;background: #fff;border: 1px #ccc solid;} .st_wrapper form input {display: block;width: 100%;height: 48px;box-sizing: border-box;padding: 0 53px 0 15px;} .st_wrapper form button {display: block;background: none;border: none;cursor: pointer;position: absolute;right: 5px;top: 50%;margin-top: -14px;} .st_wrapper form button span {text-indent: -9999px;display: block} .st_wrapper form button:before { content: "\e916"; font-family: 'icomoon'; font-size: 28px; color: #aa9f90; } .error_page_link_to_main,.error_page_link_to_catalog,.error_page_reset_filter { width: 269px; height: 48px; display: block; margin: 0 auto; background-color: #aa9f90; font-family: Roboto; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 3.2; letter-spacing: 0.89px; text-align: center; color: #ffffff; text-transform: uppercase; text-decoration: none; } } /* End */ /* Start:/local/templates/swosnew/css/additional.css?17500667335836*/ .cardItem > .in:hover span.name { max-height: none; } .cardItem span.name { max-height: 60px; overflow: hidden; } header .headInfo .logo img { width: 60px; } .sliderItems.owl-carousel { /*padding: 0;*/ } .fancybox-content { background: #f9f9f9 !important; } .pageHead .txt { margin-top: 0; } @media (max-width: 767px) { .owl-carousel .owl-item:first-child { /*padding: 0 10px;*/ } .catalog-item_banner-img {width: auto !important;height: auto;max-width: 100%;max-height: 100%;transform: translateY(0);} .banner-content .in.invisLink {width: 100%;height: 100%;} .catalog-item_banner {width: 100%;height: 100%;} .catalog-item_banner a {display: block;height: 100%;width: 100%;text-align: center;} } @media (max-width: 479px) { .itemCard .previewItem .miniPreview + .bigImage { margin: 0; } } .textPost .bigImage { height: auto !important; padding: 0 15px; } .textPost .bigImage img { max-width: 100%; } .owl-carousel.owl-loaded { /*margin-left: -5px;*/ } .p0 { padding: 0 !important; } @media (min-width: 1025px) { .cardItem { margin-bottom: -65px; } } .hide { display: none; } .orderPage .sizes { /*display: none;*/ } .cardItemCab .info .itemSort { max-width: 87%; } .foot-w { display: inline-block; vertical-align: top; margin-left: 50px; position: relative; } .foot-w p:not(.txt) { font-size: 16px; line-height: 20px; color: #787878; font-weight: normal; margin-bottom: 16px; margin-top: 31px; } .foot-w .foot-w__btn { /* display: inline-flex; */ min-width: 128px; height: 36px; /* background-color: #aa9f90c7; */ align-items: center; align-items: center; justify-content: center; padding: 0 10px; font-size: 16px; line-height: 1.25; color: #ffffff; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #817564; margin-top: -42px; margin-left: 28px; display: block; } @media (max-width: 991px) { .foot-w { margin-left: 0; } /*.item-content.banner-content { display:none }*/ } .itemCard .dataGoods .colorBlock { padding-top: 30px; display: inline-block; vertical-align: top; } @media (max-width: 1280px) { .st_main_page div.item.lilTiles.cfix { width: 100% !important; } } .imageLink .imageBl { background-position: center !important; background-size: cover !important; } .prevCollection .imageLink .imageBl { background-position: center !important; background-size: contain !important; } .helpForm { padding: 30px 0; } .helpForm__title { color: #505050; font-weight: 500; font-size: 26px; line-height: 30.47px; margin-bottom: 34px; } .helpForm__subtitle { color: #505050; font-weight: 400; font-size: 16px; line-height: 18.75px; margin-bottom: 26px; } .helpForm__input { border: 1px solid #BBB2A6; padding: 13px 10px; width: 100%; } .helpForm__form { display: flex; flex-wrap: wrap; width: 100%; } .helpForm__line { width: 100%; border-bottom: 2px solid #E7E6E1; margin: 30px 0 20px 0; } .helpForm__inputblock { display: inline-flex; } .helpForm__inputblock:nth-child(2), .helpForm__inputblock:nth-child(3) { width: 37%; margin-right: 40px; } .helpForm__inputblock:nth-child(4) { width: 19%; } .helpForm__button { background: #AA9F90; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 18px; line-height: 44px; color: #FFFFFF; width: 100%; } .helpForm__footer { color: #505050; font-weight: 500; font-size: 20px; line-height: 18px; display: block; } @media screen and (max-width: 1280px) { .helpForm__inputblock:nth-child(2), .helpForm__inputblock:nth-child(3) { width: 51%; margin: 14px auto; } .helpForm__inputblock:nth-child(4) { width: 51%; margin: 20px auto 0 auto; } } @media screen and (max-width: 900px) { .helpForm__inputblock:nth-child(2), .helpForm__inputblock:nth-child(3) { width: 80%; margin: 14px auto; } .helpForm__inputblock:nth-child(4) { width: 80%; margin: 20px auto 0 auto; } } .helpForm__inputblock.helpForm__inputblock_error { border: 1px solid red; } .text-center { text-align: center; } .main_message { text-align: center; font-family: "Roboto Slab"; font-size: 24px; /*font-weight: bold;*/ line-height: 1.67; color: #8f8370; margin: 30px 0; } .mw-100 { max-width: 100%; } .storeInfo .mainSlider { max-width: 700px; } .cardItemCab .info .new { margin-left: 0.5em; } .wellnext-block { background-color: #0299AA; width: 100%; min-height: 38px; line-height: 38px; text-align: center; } .wellnext-block svg { position: relative; top: 4px; margin-right: 9px } .wellnext-block a { color:#ffffff; font-size: 12px; } .wellnext-block .texth{ color:#fff; display:inline; font-size:12px; } .wellnext-block .my-info-line-btn-close { border-radius: 0; border: 0; top: 5px; } .wellnext-block.mobile { line-height: 19px; } .wellnext-block.mobile .texth { font-size: 11px; } .wellnext-block.mobile .my-info-line-btn-close { top: 7px; right: 0; } body .ap-booking .ap-order__info p:not(:last-child) { margin-bottom: 1px; } body .ap-booking.sizeorder__onelclick .ap-product__img { min-height: 170px; } #authModal .authForm.reg #registr{ height: auto !important; min-height: 744px; } body .sizeorder__input { background-color: #fff; height: 37px; padding: 0 7px; font-size: 16px; line-height: 37px; } body .sizeorder__form { display: block; } /* End */ /* Start:/local/templates/swosnew/css/product.css?173233326222114*/ .header-float__wrap .headInfo .toBasket { margin-right: 20px; } /* header .topMenu li + li { margin-left: 48px; } */ .pp-breadcrumbs { display: flex; padding-bottom: 30px; } .pp-breadcrumbs__item a { color: #787878; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; display: block; } .pp-breadcrumbs__item span { color: #787878; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; } .pp-breadcrumbs__item:after { content: "/"; padding: 0 3px; } .pp-breadcrumbs__item:last-child:after { content: none } .pp-breadcrumbs__item { display: flex; align-items: center; } .product-page__row { display: flex; margin-left: -15px; margin-right: -15px; padding-bottom: 50px; } .product-page__main { padding: 0 15px; width: 66.6666666%; } .product-page__aside { padding: 0 15px; width: 33.3333%; } .product-page__slider { padding-top: 50px; } .pp__gallery-item { width: 50%; padding: 0 5px 10px; } .pp__gallery-image img { object-fit: contain; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pp__gallery-image { height: 610px; width: 100%; position: relative; border: 1px solid #F0F0EC; } .pp__gallery { position: relative; margin-right: -5px; margin-left: -5px; display: flex; flex-wrap: wrap; } .dolymi_label { border: 0.5px solid #C7C9CC; display: block; padding: 10px; margin: 16px 0; } .dolymi__label-block { display: flex; align-items: center; justify-content: space-between; } .dolymi__label-cnt { color: #000; font-size: 13px; font-style: normal; font-weight: 400; display: flex; align-items: center; } .dolymi__label-cnt>img { margin-right: 16px; } .pp-brand { color: #787878; font-family: Roboto Slab; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; padding-bottom: 16px; } .pp-title { color: #817564; font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 16px; } .pp-code { color: #787878; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 16px; } .pp-price { color: #787878; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 16px; } .pp-price__value { color: #3C3C3C; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding-left: 5px; } .pp-price__value-old { color: #3C3C3C; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-decoration: line-through; padding-right: 15px; text-decoration-line: strikethrough; padding-left: 5px; } .pp-price__value-new { color: #FF5656; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; } .pp-price__sale { color: #FF5656; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding-left: 30px; } .pp-property { padding: 16px 0; } .pp-property__label { color: #787878; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; padding-bottom: 16px; } .pp-property__list { display: flex; flex-wrap: wrap; position: relative; z-index: 1; } .pp-property__item { margin-right: 8px; margin-bottom: 8px; } .pp-property__color { width: 72px; height: 90px; border: 1px solid #F0F0EC; display: flex; align-items: center; cursor: pointer; overflow: hidden; } .pp-property__color img { width: 100%; } .colorList input:checked + label { border: 1px solid #AA9F90; } .pp-property__item input { display: none; } .pp-size__btn { color: #787878; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: none; display: inline-block; position: relative; } .pp-size__label { padding-top: 4px; padding-bottom: 24px; } .pp-size__btn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #787878; } .filterSize.pp-size__item input + label { display: flex; min-width: 56px; height: 48px; border: 1px solid #AA9F90; align-items: center; justify-content: center; margin-right: 8px; margin-bottom: 10px; color: #787878; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; box-shadow: none; } .filterSize input:checked + label:hover { line-height: normal; font-weight: 400; } .filterSize input[disabled] + label:hover { line-height: normal; font-weight: 400; } .pp-size__item input[disabled] + label { cursor: default; border-color: #dcdcdc; color: rgba(120, 120, 120, .5); position: relative; overflow: hidden; } .pp-size__item input[disabled] + label:before { content: ''; position: absolute; top: -12px; left: 50%; height: 71px; width: 1px; background: #dcdcdc; transform: rotate(50deg); transform-origin: center; } .pp-size__item input { display: none; } .pp-size__item input:checked + label { border: 1px solid #AA9F90; background: #AA9F90; color: #fff; } .item.actGoods__cart button { color: #FFF; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; height: 48px; } .item.actGoods__cart .btnBlack { color: #FFF; font-size: 14px; font-style: normal; font-weight: 600; height: 48px; } .actGoods__row .item.booking-btn button { color: #FFF; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; height: 48px; } .actGoods__row { display: flex; align-items: center; justify-content: space-between; } .actGoods__row .booking-btn { width: calc(50% - 4px); } .pp-actGoods { padding-top: 8px; padding-bottom: 16px; } .pp-feature { padding: 16px 0; display: flex; justify-content: space-between; } .pp-feature__text { color: #787878; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .pp-feature__icon { text-align: center; } .pp-articles { margin: 16px 0; padding-top: 32px; border-top: 1px solid #F0F0EC; } .pp-articles__title { color: #787878; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } .pp-articles__item { position: relative; display: flex; align-items: center; padding: 16px 0; border-bottom: 1px solid #F0F0EC; } .pp-articles__item:last-child { border-bottom: none; } .pp-articles__img { width: 100px; height: 75px; position: relative; min-width: 100px; } .pp-articles__img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .pp-articles__name { color: #787878; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-left: 30px; } .pp-articles__item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 10; } .pp__tabs iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; } @media (min-width: 1530px) { .container.container-lg { width: 1530px; } .inBasket { margin-left: -465px; } .inBasket:before { left: 90%; } } /* tabs */ .pp__tabs { padding-top: 40px; } .pp__tabs .standartTabs .ui-tabs-nav { box-shadow: inset 0 -2px 0 0 #F0F0EC; } .pp__tabs .standartTabs .ui-tabs-nav li.ui-tabs-active { box-shadow: none; } .pp__tabs .standartTabs .ui-tabs-nav li.ui-tabs-active a { color: #787878; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; border-bottom: 2px solid #AA9F90; margin-bottom: 0; } .pp__tabs .standartTabs .ui-tabs-nav li a { color: #787878; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-transform: none; padding-bottom: 3px; } .pp__tabs .standartTabs .ui-tabs-nav li.ui-tabs-active, .pp__tabs .standartTabs .ui-tabs-nav li { padding: 0 48px 0 0; } .pp__tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding-bottom: 5px; } .pp__tabs .standartTabs .ui-tabs-panel { color: #787878; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .pp__tabs .standartTabs .ui-tabs-panel p { padding-bottom: 32px; } /* tabs end */ .pp-section { padding-top: 48px; padding-bottom: 50px; } .pp-column { width: 50%; padding: 0 15px; } .pp-border__block { border: 1px solid #AA9F90; padding: 24px 24px 0 24px; height: 100%; } .pp-border__block-title { color: #787878; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 32px; } .pp-list li { position: relative; display: inline-block; padding-bottom: 24px; } .pp-list li a { color: #787878; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .pp-list li:after { content: '|'; color: #787878; font-size: 16px; padding: 0 20px; } .pp-list li:last-child:after { content: none; } .pp-list__underline li { display: inline-block; padding-right: 24px; padding-bottom: 24px; } .pp-list__underline a { color: #AA9F90; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-decoration-line: underline; } /* Slider */ .pp__title { color: #787878; font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 25px; } .pp__slider { padding-top: 50px; /*padding-bottom: 50px;*/ } .productSlider__img { height: 462px; width: 100%; position: relative; border: 1px solid #F0F0EC; display: block; } .productSlider__img img { object-fit: contain; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .productSlider__info { padding-top: 16px; } .productSlider__brand { color: #787878; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; padding-bottom: 6px; line-height: normal; display: block; } .productSlider__name { color: #3C3C3C; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 6px; } .pp__slider .pp-price__value { font-size: 16px; } .pp__slider .pp-price { font-size: 12px; } .pp__slider .pp-price__value-old { font-size: 14px; padding-right: 10px; } .pp__slider .pp-price__value-new { font-size: 16px; } .productSlider .owl-item { padding: 10px; } .productSlider .owl-controls .owl-nav>div { width: 48px; height: 48px; border-radius: 100%; filter: drop-shadow(0px 4px 4px rgba(190, 190, 190, 0.25)); position: absolute; top: 45%; cursor: pointer; background: #fff; } .productSlider .owl-prev { transform: translateY(-100%) translateX(-50%); left: 0; } .productSlider .owl-prev:after { content: ''; background-image: url("/local/templates/swosnew/img/slider_arrow.svg"); display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; transform: scaleX(-1); } .productSlider .owl-next { transform: translateY(-100%) translateX(50%); right: 0; } .productSlider .owl-next:after { content: ''; background-image: url("/local/templates/swosnew/img/slider_arrow.svg"); display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } .productSlider.owl-carousel.owl-theme { margin-left: 0; } .productSlider-short .owl-controls { display: none; } .product-sticky__wrap { position: relative; height: 100%; } .scrollHeader .product-sticky { position: -webkit-sticky; position: sticky; top: 77px; } .productMobileSlider__item { padding-top: 100%; width: 100%; position: relative; border: 1px solid #F0F0EC; display: block; } .productMobileSlider__item img { object-fit: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pp-mobile__slider { display: none; padding-bottom: 20px; } .productMobileSlider { position: relative; } .productMobileSlider .owl-dot { height: 5px; width: 100%; padding: 0 5px; } .productMobileSlider .owl-dots { display: flex; width: 100%; justify-content: space-between; } .productMobileSlider .owl-dot span { height: 100%; display: block; background: #f5f5f5; border-radius: 5px; } .productMobileSlider .owl-dot.active span { background: #eae8e8; } .productMobileSlider.owl-carousel.owl-theme.owl-loaded { margin-left: 0; } .productMobileSlider__item.productMobileSlider__item--video iframe { position: absolute; top: 0; left: 0; } .productMobileSlider .owl-prev { left: 0; width: 50px; height: 60px; background: #d1c2ad; position: absolute; top: calc(50% - 30px); z-index: 500; } .productMobileSlider .owl-prev:before { content: '\e900'; font-family: "icomoon"; font-size: 36px; position: absolute; top: 11px; line-height: 1; left: 3px; color: #fff; } .productMobileSlider .owl-next { right: 0; width: 50px; height: 60px; background: #d1c2ad; position: absolute; top: calc(50% - 30px); z-index: 500; } .productMobileSlider .owl-prev:hover, .productMobileSlider .owl-next:hover { background: #bdad96; } .productMobileSlider .owl-next:before { content: '\e901'; font-family: "icomoon"; font-size: 36px; position: absolute; top: 11px; line-height: 1; right: 3px; color: #fff; } .product-page { padding-bottom: 20px; } .productSlider__item { padding: 10px; } .productSlider__item a img { transition-property: visibility, opacity; transition-duration: 0.3s; transition-timing-function: ease; } .productSlider__item a img:nth-child(2) { opacity: 0; } .productSlider__item:hover a img:first-child { opacity: 0; } .productSlider__item:hover a img:nth-child(2) { opacity: 1; } .productSlider__item:hover .ap-sizes { opacity: 1; visibility: visible; } .productSlider__item:hover > .in:before { /* content: ""; */ display: block; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; z-index: 999999999; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: transparent; } .ap-sizes { font-size: 14px; line-height: 18px; color: #828282; font-weight: normal; padding: 16px 0 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; visibility: hidden; } .ap-sizes__item { display: inline-flex; margin: 0 10px 3px 0; } .ap-sizes__title { display: inline-block; margin-bottom: 6px; } .ap-sizes .half:before, .ap-sizes .one-third:before, .ap-sizes .two-third:before { margin-right: 1px; } .productMobileSlider .owl-controls { margin-top: 10px; } .product-page__main .pp__gallery-item .bigImageSlider-icon-box { width: 100px; } @media (max-width: 1530px) { .pp__gallery-image { height: 450px; } .productSlider__img { height: 350px; } } @media (max-width: 1279px) { .productSlider__img { height: 250px; } .pp__gallery-image { height: 370px; } .pp-feature__item br { display: none; } .product-page .item.actGoods__cart { padding-bottom: 10px; } .product-page .actGoods__row { display: block; } .product-page .actGoods__row .booking-btn { width: 100%; padding-bottom: 10px; } .pp-feature { display: block; padding: 8px 0; } .pp-feature__item { display: flex; align-items: center; padding-bottom: 10px; } .pp-feature__icon { display: flex; align-items: center; padding-right: 5px; } .product-page .actGoods.pp-actGoods { padding-bottom: 8px; } header .headBottom { display: flex; } header .menuButton { float: none; } header .catalogMenu { float: none; width: 100%; display: flex; justify-content: space-between; } header .catalogMenu > .item:first-child ~ .item { margin-left: 0; } } @media (max-width: 991px) { .product-page__row { flex-wrap: wrap; } .product-page__main { width: 100%; order: 2; } .product-page__aside { width: 100%; } .pp-articles { display: none; } .pp__gallery { display: none; } .pp__tabs { padding-top: 10px; } .pp-feature { display: flex; flex-wrap: wrap; } .pp-feature__item { width: 50%; } .pp-feature__text { text-align: left; } .pp__tabs .standartTabs .ui-tabs-nav li a { font-size: 16px; } .pp__tabs .standartTabs .ui-tabs-nav li.ui-tabs-active a { font-size: 16px; } .pp__tabs .standartTabs .ui-tabs-nav li.ui-tabs-active, .pp__tabs .standartTabs .ui-tabs-nav li { padding: 0 24px 0 0; } .pp__tabs .standartTabs .ui-tabs-panel { padding: 20px 0 0; } .pp-section { padding-top: 24px; padding-bottom: 25px; } .pp__slider { padding-top: 25px; padding-bottom: 50px; } .product-page__row { padding-bottom: 15px; } .pp-column { width: 100%; margin-bottom: 15px; } .pp-border__block { margin-bottom: 15px; padding: 24px 24px 12px 24px; } .pp-border__block-title { padding-bottom: 16px; } .pp-list li { padding-bottom: 12px; } .pp-list__underline li { padding-bottom: 12px; padding-right: 12px; } .product-page .item.actGoods__cart { padding-bottom: 0; } .product-sticky__wrap { height: auto; } .pp-mobile__slider { display: block; } .ap-sizes { display: none; } } @media (max-width: 767px) { .pp__tabs .standartTabs .containerTabs { margin-left: 0; } .productSlider__item { padding: 0; } } @media (max-width: 500px) { .pp__title { font-size: 24px; } .pp__slider { padding-top: 10px; } .product-page__row { padding-bottom: 0; } .pp-list li a { font-size: 14px; } .pp-list li { padding-bottom: 6px; } .pp-list li:after { font-size: 14px; padding: 0 10px; } .pp-list__underline a { font-size: 14px; } .pp-list__underline li { padding-bottom: 6px; padding-right: 6px; } .pp__tabs .standartTabs .ui-tabs-panel p { padding-bottom: 16px; } .pp__tabs .standartTabs .ui-tabs-panel { font-size: 15px; } .pp-feature__item { width: 100%; } .pp-breadcrumbs { padding-bottom: 15px; width: 100%; } .pp-breadcrumbs__item:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .pp__slider .pp-price { margin-top: 5px; } .pp__slider .pp-price__value-old { font-size: 12px; } .pp__slider .pp-price__value, .pp__slider .pp-price__value-new { font-size: 12px; } } @media (min-width: 1024px) { .productSlider__item:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) } .productSlider__item:hover a img:first-child { opacity: 0; } .productSlider__item:hover a img:nth-child(2) { opacity: 1; } .productSlider__item:hover .ap-sizes { opacity: 1; visibility: visible; } .productSlider__item:hover > .in:before { /* content: ""; */ display: block; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; z-index: 999999999; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background-color: transparent; } } /* End */ /* Start:/local/components/swos/iblock.element.add.click/templates/all/style.css?1732333262414*/ .sizeorder__button-wrap { position: relative; } #basketFormOneClick .sizeorder__photo { width: 40% !important; } #basketFormOneClick .sizeorder__about { width: 60% !important; } #formclickAll .complete { margin-bottom: 15px; } #formclickAll .sizeorder__button-check_oneclick { margin-top: -28px; } #formclickAll .complete ~ .sizeorder__button-check_oneclick { margin-top: -43px !important; } /* End */ /* Start:/local/components/swos/iblock.element.add.click/templates/.default/style.css?173233326249*/ .resclick .sizeorder__form { display: block; } /* End */ /* Start:/local/components/swos/five.percent.discount/templates/.default/style.css?17323332621583*/ /* */ .five_percent_discount_btn { position: fixed; right: 79px; top: 50%; width: 36px; z-index: 222; } .five_percent_discount_btn .vivisble_box { display: block; position:absolute; width: 192px; height: 36px; background: #FF5656; transform: rotate(-90deg); font-style: normal; font-weight: 400; font-size: 14px; cursor: pointer; text-align: center; text-transform: uppercase; line-height: 36px; color: #FFFFFF; } .five_percent_discount{ background: white; padding: 20px; border: 1px solid #BBB2A6; text-align: center; width: 100%; max-width: 300px } .five_percent_discount_img{ margin-bottom: 10px; } .five_percent_discount_text{ font-weight: 400; margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #3C3C3C; } .five_percent_discount_input{ background-color: #fff; height: 42px; padding: 0 15px; font-size: 16px; line-height: 48px; color: #787878; font-weight: normal; width: 100%; border: 1px solid #BBB2A6; margin-bottom: 20px; } .five_percent_discount_send{ width: 100%; background: #AA9F90; height: 42px; color: #FFFFFF; text-transform: uppercase; } .five_percent_discount_aggrem{ margin-top: 10px; font-size: 10px; line-height: 16px; color: #BBB2A6; } .five_percent_discount_aggrem a{ font-size: 10px; color: #BBB2A6; text-decoration: underline; } .five_percent_discount_error span { font-size: 14px; line-height: 16px; padding: 3px 0; color: red; } .five_percent_discount_error span.succes { color: #3C3C3C; } /* End */ /* Start:/local/components/swos/five.percent.discount/templates/button/style.css?1732333262461*/ .five_percent_discount_btn .five_percent_discount_btn_min { display:none; } @media (max-width: 450px) { .five_percent_discount_btn[data-view="6"] .five_percent_discount_btn_max { display:none; } .five_percent_discount_btn[data-view="6"] .five_percent_discount_btn_min { display:inline-block; } .five_percent_discount_btn[data-view="6"] { right:0; } .five_percent_discount_btn[data-view="6"] a { width: 44px; height: 33px; } } /* End */ /* Start:/local/templates/swosnew/styles.css?1732333257847*/ /*from footer*/ div.infoBlock.textPost a { color: #ff5656; } @media screen and (min-width: 1279px) { div.aboutBrand.afterGallery div.row.bigPadd.twoColumnsInfo { display: flex; } div#aboutDisease div.aboutDisease.twoColumnsInfo div.row.bigPadd { display: flex; } header .subMenuNoMajor .leftMenu .item, header .subMenuMain .leftMenu .item { width: 240px; } #aboutBrand div.aboutBrand.twoColumnsInfo div.row.bigPadd { display: flex; } div.subMenu.main div.subMenuMain.cfix { } } .st_image_slider_wrap img { visibility: hidden; } @media (max-width: 1279px) { .banner .betaPlace { float: left; padding: 0; } } @media (max-width: 768px) { .betaPlace:first-child { margin-right: 4px; } } /* End */ /* Start:/local/templates/swosnew/template_styles.css?174525024322418*/ body { font-family: "Roboto"; } /*Корзина*/ ._basket_hidden_overlay{ position: absolute; width: 90%; height: 100%; background: rgba(255, 255, 255, 0.6); display: block; z-index: 2; right: 10%; } .basketItemPage{ position: relative; } /* /Корзина*/ .icon-st_shipping {height: 120px;display: block; max-width: 123px; margin: 0 auto;} .icon-st_shipping_2 {height: 74px;display: block; max-width: 76px; margin: 0 auto;} .lazyload { opacity: 0; } .lazyloading { opacity: 1; transition: opacity 300ms; background: #f7f7f7 url(/local/templates/swosnew/loader.gif) no-repeat center; } .st_switch_btn input { display: none !important; } .subscribe_management_item_left span { color: #787878; font-size: 20px } .subscribe_management_item_left p { color: #bebebe; font-size: 14px; } .subscribe_management_item { display: flex; width: 100%; margin-bottom: 5px; justify-content: space-between; align-items: center; background-color: rgba(236, 236, 230, 0.55); padding: 20px 30px; } .st_switch_on { position: relative; display: none; cursor: pointer; width: 64px; text-indent: -9999px; height: 32px; border-radius: 16px; background-color: #bbb2a6; border: solid 1px #dcdcdc; } .st_switch_on:after { display: block; content: ''; width: 30px; height: 30px; position: absolute; right: 1px; top: 0px; background: #fff; border-radius: 50%; } .st_switch_off { position: relative; display: none; width: 64px; cursor: pointer; text-indent: -9999px; border: solid 1px #dcdcdc; height: 32px; border-radius: 16px; background-color: rgba(187, 178, 166, 0.6); } .st_switch_off:after { display: block; content: ''; width: 30px; border: solid 1px #dcdcdc; height: 30px; position: absolute; left: 1px; top: 0px; background: #fff; border-radius: 50%; } .st_switch_btn .active { display: block !important; } .icon-st_shipping { height: 120px; display: block; max-width: 123px; margin: 0 auto; } .icon-st_shipping_2 { height: 74px; display: block; max-width: 76px; margin: 0 auto; } @media (min-width: 374px) and (max-width: 376px) { .st_main_page .banner .alphaPlace .imageLink { height: 187px !important; } } @media (min-width: 1280px) { .st_image_slider_wrap { display: none; } } @media (min-width: 320px) and (max-width: 1280px) { .banner .alphaPlace .imageLink, .st_main_page .banner .alphaPlace .imageLink { padding: 0 !important; height: auto !important; } .banner .alphaPlace .imageLink .imageBl { position: relative !important; } } .itemAbout:hover .st0 { fill: #3e3e3e !important; } .itemAbout:hover .st1 { fill: #3e3e3e !important; } .st0, .st1 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (max-width: 1280px) { .icon-st_shipping { height: 93px; display: block; max-width: 95px; margin: 0 auto; } } @media (max-width: 768px) { .icon-st_shipping { height: 82px; display: block; max-width: 84px; margin: 0 auto; } } @media (max-width: 768px) { .icon-st_shipping_2 { height: 64px; max-width: 65px; width: 100%; } } .st_main_page div.item.lilTiles.cfix div.imageLink.table.invisLink a img { display: none; width: 100% } @media (max-width: 1280px) { .st_main_page div.item.lilTiles.cfix { width: auto; float: none; display: flex; justify-content: space-between; margin: 0; padding-top: 4px; } .st_main_page div.item.lilTiles.cfix div.imageLink.table.invisLink { height: 100% !important; padding: 0px; display: flex !important; } .st_main_page div.item.lilTiles.cfix div.imageLink.table.invisLink a img { display: block; max-width: 100%; height: auto !important; max-height: 100%; object-fit: cover; object-position: bottom; } .st_main_page div.item.lilTiles.cfix div.imageLink.table.invisLink a { position: relative !important; padding: 0 !important; height: 100% !important; } .st_main_page div.item.lilTiles.cfix div.imageLink.table.invisLink div.imageBl { display: none !important; } .st_main_page div.item.lilTiles.cfix div.imageLink.table.invisLink div.in.tCell.top { display: none !important; } /*.st_main_page div.item.lilTiles.cfix div.betaPlace.s8col4:nth-child(2) div.imageLink.table.invisLink a { display: flex; justify-content: flex-end; }*/ div.betaPlace.s8col4 { float: none !important; height: auto !important; } } @media (max-width: 740px) { .st_main_page div.item.lilTiles.cfix { max-height: 190px; overflow: hidden; } .item-video__block:before{ content: ""; display: block; width: 100%; padding-top: 90%; } .item-video__block iframe{ position: absolute; top: 0; left: 0; } /* .item-video__block iframe{ height: 350px !important; } .itemCard .previewItem .bigImageSlider .item.item-video__block{ height: 350px !important; } */ } @media (max-width: 415px) { .st_main_page div.item.lilTiles.cfix { max-height: 120px; overflow: hidden; } } @media (max-width: 400px) { .st_main_page div.item.lilTiles.cfix { max-height: 118px; overflow: hidden; } } @media (max-width: 375px) { .st_main_page div.item.lilTiles.cfix { /*max-height: 110px;*/ /*overflow: hidden;*/ } } @media (max-width: 320px) { .st_main_page div.item.lilTiles.cfix { max-height: 100px; } } .my-info-line{ position: fixed; height: 50px; width: 100%; z-index: 60; top:0px; } .my-info-line p { text-align: center; line-height: 50px; } ._clear_margin{ margin-top: 50px; } .my-info-line-btn-close{ text-align: center; position: absolute; color: #fff; right: 20px; font-weight: bold; cursor: pointer; width: 30px; height: 30px; border: solid 1px #eee; line-height: 30px; top: 10px; border-radius: 30px; } @media (max-width: 767px) { .my-info-line{ display: none; } ._clear_margin{ margin-top: inherit; } } .newsArticles img{ width:100% !important; height: auto !important; } .newsArticles .load-more-items{ display:none !important; } .newService .showService p, .partnerPrograms .showService p.who { display: block; font-size: 16px; line-height: 22px; color: #817564; font-weight: normal; font-family: "Roboto"; } /* dolymi page */ .dolymi__banner { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 32px; padding-bottom: 32px; padding-left: 32px; padding-right: 70px; } .dolymi__banner-img { margin-right: 32px; } .dolymi__banner-title { color: #282828; font-size: 26px; font-style: normal; font-weight: 700; line-height: 120%; padding-bottom: 15px; } .dolymi__banner-text { color: #282828; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; padding-bottom: 70px; } .dolymi__banner-logo { text-align: right; } .dolymi__text { padding-top: 64px; color: #282828; font-size: 16px; font-style: normal; font-weight: 300; line-height: 23px; padding-bottom: 20px; max-width: 700px; } .faq .dolymi__text p, .dolymi__text p { padding-bottom: 20px; margin-top: 0; } .dolymi__faq-title { padding: 32px 0; color: #505050; font-size: 32px; line-height: 42px; font-weight: 700; } .dolymi__faq-qs { padding: 26px 0 10px 0; } .dolymi__faq-qstext { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #505050; font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; cursor: pointer; padding-bottom: 16px; } .dolymi__faq-qsanswer { color: #282828; font-size: 16px; font-style: normal; font-weight: 300; line-height: 23px; display: none; padding-bottom: 16px; max-width: 624px; } .dolymi__faq { max-width: 680px; } .dolymi__faq-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); pointer-events: none; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; -o-transition: transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; -ms-flex-negative: 0; } .dolymi__faq-qs.open .dolymi__faq-arrow { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .dolymi__faq-qsanswer a { color: #1771E6; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .faq .dolymi__faq-qsanswer p { margin-top: 0; padding-bottom: 20px; } .faq .dolymi__faq-qsanswer p:last-child { padding-bottom: 0; } @media (max-width: 1279px) { .dolymi__banner { display: block; padding: 0; } .dolymi__banner-img { padding-bottom: 32px; } } @media (max-width: 991px) { .content.item.col7.textDolymi { width: 100%; } .dolymi__banner-img { text-align: center; } .dolymi__banner-body { text-align: center; } .dolymi__banner-logo { display: none; } .dolymi__banner-text { padding-bottom: 16px; } .dolymi__text { padding-top: 16px; } .faq .dolymi__faq-qsanswer p { font-size: 16px; line-height: 23px; } .faq .dolymi__text p, .dolymi__text p { font-size: 16px; line-height: 23px; } } @media (max-width: 768px) { .dolymi__faq-qsanswer { padding-right: 56px; } .dolymi__faq-arrow { margin-left: 32px; } } @media (max-width: 450px) { .dolymi__banner-img img { width: 100%; } .dolymi__faq-title { padding: 16px 0; font-size: 22px; } } /* dolymi page END */ /* subscribe Form Big START */ .subForm__big { margin-bottom: 80px; } .subForm__big-footer { margin: 30px 125px 0; border-top: 2px solid #AA9F90; } .subForm__big-row { display: flex; padding-top: 40px; padding-bottom: 60px; } .subForm__big-col { width: 50%; text-align: center; } .subForm__big-title { color: #505050; text-align: center; font-family: Roboto; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 15px; display: inline-block; position: relative; } .subForm__big-link { color: #282828; text-align: center; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 23px; text-decoration: underline; margin-top: 15px; display: inline-flex; } .subForm__big-text { color: #282828; text-align: center; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 300; line-height: 23px; } .popup-md { max-width: 700px; background: #fff; position: relative; padding: 80px 40px; } .popup-md__close { cursor: pointer; position: absolute; top: 24px; right: 24px; } .popup-md__title { color: #817564; text-align: center; font-family: Roboto; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; padding-bottom: 40px; } .popup-md__input { border: 1px solid #BBB2A6; background: #FFF; display: block; width: 100%; height: 48px; margin-bottom: 16px; padding: 14px 18px; } .popup-md__input::-webkit-input-placeholder { color: #787878; font-size: 16px; } .popup-md__input::-moz-placeholder { color: #787878; font-size: 16px; } .popup-md__input:-ms-input-placeholder { color: #787878; font-size: 16px; } .popup-md__input:-moz-placeholder { color: #787878; font-size: 16px; } .popup-md__btn { color: #FFF; text-align: center; font-family: Roboto; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; background: #3C3C3C; display: flex; padding: 13px 60px; justify-content: center; align-items: center; margin: auto; margin-top: 40px; } .popup-md__agree { color: #787878; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 300; line-height: 23px; padding-top: 24px; } .popup-md__text { color: #3C3C3C; text-align: center; font-family: Roboto; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; padding-bottom: 24px; } .popup-md__input.popup-md__textarea { height: 150px; } @media (max-width: 991px) { .subForm__big-row { display: block; } .subForm__big-col { width: 100%; padding-bottom: 30px; } .subForm__big-col:last-child { padding-bottom: 0; } .subForm__big-footer { margin-top: 10px; } } @media (max-width: 767px) { .subForm__big-footer { margin: 20px 15px 30px; } } @media (max-width: 479px) { .subForm__big-row { padding-top: 20px; padding-bottom: 30px; } .subForm__big-col { padding-bottom: 20px; } .subForm__big-title { font-size: 20px; margin-bottom: 5px; } .subForm__big-link { margin-top: 5px; } .subForm__big-text br { display: none; } .subForm__big-text { font-size: 15px; } } @media (max-width: 420px) { .popup-md { padding: 60px 20px 40px; } .popup-md__title { font-size: 22px; padding-bottom: 20px; } .popup-md__agree { padding-top: 10px; font-size: 14px; line-height: 1.4; } .popup-md__btn { margin-top: 20px; } } /* subscribe Form Big END */ .sale_order_full_table { width: 100%; } .sale_order_full_table #yandexpay{ max-width: 300px; margin: 0 auto; } .parent-payments { width: 600px !important; } .parent-payments .payments img{ width: 600px !important; height: auto !important; } .mobile-hide { display: block; } .mobile-show { display: none; } @media (max-width: 740px) { .parent-payments { width: 302px !important; } .parent-payments .payments img{ width: 346px !important; } .mobile-hide { display: none; } .mobile-show { display: block; } } .payment-parent { width: 100%; background-color: rgba(236,236,230,.55); } .payment-page { text-align: center; margin: auto; max-width: 300px; padding-bottom: 20px; } .big-header { font-weight: 600; font-size: 30px; color: #3c3c3c; line-height: 30px; text-transform: uppercase; } .small-header { color: #AA9F90; font-weight: 600; font-size: 20px; padding-bottom: 10px; } .modal-certificate .ap-product__message { border-bottom: initial; margin-bottom: 0; padding-bottom: 50px; font-variant: small-caps; } .modal-certificate li{ list-style: inside; text-transform: uppercase; } .divide-button { display: inline-flex; outline: 1px solid #AA9F90; padding: 19px 24px; border-radius: 10px; font-size: 24px; color: #AA9F90; margin-right: 15px; font-weight: 400; } .divide-button:hover, .divide-button.clicked { outline: 2px solid #AA9F90; font-weight: 500; color: #AA9F90; } #certificate .ap-booking, #divide .ap-booking { border-radius: 20px; } #certificate .ap-booking__close, #divide .ap-booking__close { right: 25px; top: 20px; position: absolute; } /*#certificate .big-header, #divide .big-header{ font-size: 22px; }*/ .pp-size__btn { margin-right: 30px; } #certificate .ap-booking li { margin-bottom: 18px; margin-left: 30px; list-style-position: outside; line-height: initial; } #certificate .ap-booking li:last-child { margin-bottom: 0; } #divide .ap-booking li { padding-left: 3px; } #divide .ap-booking li:before { content: ""; } /*.ap-booking li::marker { content: ""; } .ap-booking li:before { content: "·"; font-size: 40px; vertical-align: middle; line-height: 20px; padding-right: 6px; }*/ .ap-booking { padding: 50px 50px; } #certificate .ap-booking { padding: 100px 50px; } .ap-upper { text-transform: uppercase; } .modal-certificate .big-header { font-size: 30px; } .modal-certificate .small-header { font-size: 30px; line-height: 30px; padding-bottom: 15px; font-variant: all-small-caps; font-weight: 600; } #divide .modal-certificate .ap-product__message{ font-size: 20px; font-variant: small-caps; padding-bottom: 50px; } #certificate .modal-certificate .ap-product__message{ padding-bottom: 30px; } .modal-certificate { letter-spacing: 0.9px; } #divide .ap-booking ol.no-marker { padding-left: 25px; margin: 0; } #divide .ap-booking .no-marker li{ padding: 0; padding-bottom: 17px; list-style-type: auto; list-style-position: outside; } #divide .ap-booking .no-marker li:last-child{ padding-top: 6px; padding-bottom: 0; } #divide .ap-booking .no-marker li::marker { /*content: "";*/ } #divide .ap-booking .ul-not-spaces { padding-left: 0; margin-left: -3px; text-indent: 3px; } #divide .ap-booking .ul-not-spaces li{ padding: 0; margin: 0; } #divide .ap-booking .ul-not-spaces li:last-child{ padding-top: 0; } #divide .ap-booking .no-marker .ul-not-spaces li { list-style-type: disc; margin-left: 5px; /*margin-left: -3px;*/ } #divide .ap-booking .no-marker .ul-not-spaces li::marker { /*content: '· ';*/ } .modal-certificate .header { padding-bottom: 20px; } .dolyame-button { padding: 19px 17px; } #certificate .small-header { padding-bottom: 30px; } .oferta-link { text-align: center; padding-top: 36px; } .ap-upper { text-transform: initial; font-variant: all-small-caps; } @media (max-width: 767px) { .modal-certificate .header { padding-bottom: 30px; } #certificate .in, #divide .in { max-width: 90%; } #certificate .ap-booking__close, #divide .ap-booking__close { top: 5px; } .mobile-align { text-align: center; } .divide-button { font-size: 12px; } .pp-size__btn { margin-right: 0; display: block; margin-bottom: 10px; } .modal-certificate { font-size: 12px; } .modal-certificate li{ text-transform: initial; font-size: 16px; } .ap-booking { padding: 50px 15px; } #certificate .ap-booking { padding: 50px 15px; } .ap-upper { text-transform: initial; font-variant: small-caps; } .modal-certificate .big-header { font-size: 24px; } .modal-certificate .small-header { font-size: 24px; } .modal-certificate .ap-product__message{ font-size: 16px; line-height: 16px; } /*#certificate .ap-booking { padding: 50px 15px; }*/ #certificate .ap-booking li { margin-left: 25px; } #divide .ap-booking .ul-not-spaces li { padding: 0; margin: 0; } #divide .ap-booking .no-marker li{ padding-bottom: 3px; } .oferta-link { padding-top: 14px; } #divide .modal-certificate .ap-product__message { padding-bottom: 30px; font-size: 16px; } #certificate .modal-certificate .ap-product__message { padding-bottom: 40px; } #certificate .small-header { padding-bottom: 40px; } .modal-certificate .small-header { padding-bottom: 30px; } .divide-button { padding: 13px 21px; } .dolyame-button { padding: 13px 13px; } } #certificate, #divide { font-family: "Roboto"; top: 20px; position: relative; } #certificate .ap-booking__title, #divide .ap-booking__title { margin-bottom: 0px; text-align: center; } .oferta-link a { text-decoration: underline; color: #0a7ddd; } #divide .modal-certificate .ap-product__message.divide-button-parent { text-align: center; padding-bottom: 36px; } .modal-tab { } .modal-tab-parent { display: none; } .modal-tab-parent.clicked { display: block; } .widgets .widdget{ display: none; } .widgets .clicked{ display: block; width: 108%; margin-left: -4%; } /*#divide .in, #certificate .in { position: relative; top: 0; margin: 0 auto; }*/ .modal-certificate .close-icon-pop { color: #AA9F90FF; z-index: 15; left: 100%; font-size: 36px; line-height: 36px; font-weight: 500; letter-spacing: 0; cursor: pointer; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .modal-certificate .close-icon-pop:hover{ color: #817564; } .close-icon-pop:before { content: ""; font-family: 'icomoon'; } /*.modal-certificate .ap-booking__title { position: relative; }*/ #certificate .header { padding-bottom: 20px; } @media screen and (min-width: 325px) { .Widget { padding: 0; } } .cert-ul { font-variant: all-small-caps; } .cert-ul li{ margin: 0; padding: 0; } .dolyame { text-align: center; width: 100% !important; margin-left: 0 !important; } @media (max-width: 767px) { .cert-ul { padding-bottom: 9px; font-variant: small-caps; } #divide .divide-button-parent { padding-bottom: 16px; } #divide .modal-certificate .ap-product__message.divide-button-parent { padding-bottom: 16px; } } .bigImageSlider-text { opacity: 0; } .bigImageSlider-icon-box { display: flex !important; } /* End */ /* Start:/local/templates/swosnew/custom.css?17323332626341*/ .ap-booking.sizeorder__onelclick .ap-product { padding: 16px 0; margin-bottom: 16px; border: none; border-bottom: 1px solid #F0F0EC; } .ap-booking.sizeorder__onelclick .ap-product__img { flex: 0 0 260px; min-height: 260px; } .ap-booking.ap-booking.sizeorder__onelclick .ap-places__item { border-bottom: none; } .ap-booking.sizeorder__onelclick .ap-places__item._header { display: flex; align-items: center; padding: 0; border: none; } .ap-booking.sizeorder__onelclick .ap-places__sizes { font-size: 14px; line-height: 16px; font-weight: 600; } .ap-booking.sizeorder__onelclick .sizeorder__inputs { margin-bottom: 24px; } .ap-booking.ap-booking-one .ap-order-one { margin-bottom: 32px; padding-bottom: 22px; border-bottom: 2px solid #F0F0EC; } .ap-booking.ap-booking-one .ap-order__top { margin-bottom: 16px; } .ap-booking.ap-booking-one .ap-order__product { margin-bottom: 32px; padding: 0; border: none; border-bottom: 2px solid #F0F0EC; } .ap-booking.ap-booking-one .ap-order__body { flex-direction: row-reverse; justify-content: space-between; } .ap-booking.ap-booking-one .ap-order__img { flex: 0 0 260px; margin-bottom: 32px; min-width: 260px; min-height: 260px; } .ap-booking.ap-booking.ap-booking-one .ap-finish-order__price-wrapper { margin-bottom: 16px; } .ap-booking .ap-product__brand a { color: #787878; } .ap-places__color { color: #787878; font-size: 14px; line-height: 16px; font-weight: 600; } .ap-places__color-val { color: #3c3c3c; font-size: 14px; line-height: 16px; font-weight: 400; } .ap-booking.sizeorder__onelclick .ap-places__size { font-weight: 400; } .ap-booking .ap-product__vendor-code { font-weight: 400; } .ap-booking .ap-product__price-text { font-weight: 400; } @media (max-width: 768px) { .ap-booking:not(.sizeorder__onelclick) .ap-places__item { flex-direction: column; align-items: stretch; } .ap-booking:not(.sizeorder__onelclick) .ap-places__item>div:not(.ap-places__sizes) { flex: 1 1 100%; } .ap-booking:not(.sizeorder__onelclick) .ap-places__item._header { display: none; } .ap-booking.sizeorder__onelclick .ap-product__img { flex: 0 0 150px; min-height: 150px; } .ap-booking.ap-booking-one .ap-order-one { margin-bottom: 24px; padding: 24px 0 14px; border-top: 2px solid #F0F0EC; } .ap-booking.sizeorder__onelclick .ap-places__item { flex-direction: row; } .ap-booking.sizeorder__onelclick .ap-places__item>div:not(.ap-places__sizes) { flex: 0 0 15%; } .ap-booking.sizeorder__onelclick .ap-places__sizes { margin-bottom: 0; font-size: 14px; line-height: 16px; } .ap-booking.sizeorder__onelclick .ap-product__brand { margin-bottom: 6px; font-size: 16px; line-height: 21px; } .ap-booking.sizeorder__onelclick .ap-product__name { margin-bottom: 6px; font-size: 18px; line-height: 21px; } .ap-booking.sizeorder__onelclick .ap-product__vendor-code { margin-bottom: 6px; font-size: 14px; line-height: 16px; } .ap-booking.sizeorder__onelclick .ap-product { border-top: 2px solid #f0f0ec; } .ap-booking.sizeorder__onelclick .ap-booking__title { margin-bottom: 24px; } .ap-booking.ap-booking-one .ap-order__body { border-bottom: none; gap: 20px; } .ap-booking.ap-booking.ap-booking-one .ap-finish-order__price-wrapper { margin-bottom: 0; } .ap-booking.ap-booking-one .ap-order__img { flex: 0 0 150px; margin-bottom: 0; min-width: 150px; min-height: 150px; } .ap-booking.ap-booking-one .ap-order__product-name { margin-bottom: 39px; } .ap-booking.ap-booking-one .ap-order-one { margin-bottom: 24px; padding: 24px 0 14px; border-top: 2px solid #F0F0EC; } } .sizeorder__button-check { right: 44px; margin-top: -55px; padding: 5px; color: #787878; background-color: #fff; } @media (max-width: 767px) { .sizeorder__button-check { right: 25px; margin-top: -52px; } .sizeorder__code { width: 100%; } .sizeorder__button-enter { justify-content: center; margin-left: 0; margin-bottom: 10px; width: 100%; text-align: center; } } .sizeorder__booking-article { margin: 8px 0 12px 0 !important; } .sizeorder__input::placeholder { opacity: 0.5; } .sizeorder__button { min-width: 342px; margin-bottom: 0; } .btnForm-active { background-color: #AA9F90; } @media (max-width: 576px) { .sizeorder__button { width: 100%; min-width: unset; } } .sizeorder__form p { color: #3c3c3c; } @media screen and (min-width: 844px) { #oneClickModal { width: 797px; } } @media (max-width: 767px) { .modals.table { padding: 0; } } .sizeorder__code { margin-right: 10px; width: calc(50% - 7px); } .sizeorder__button-enter_oneclick { margin-left: 0; width: calc(50% - 7px)!important; } @media screen and (max-width: 535px) { .sizeorder__button-enter.ready { display: block !important; margin-bottom: 15px; text-align: center !important; width: 100%!important;; } } #subform{ margin-top:0; } .subForm__big{ .backLighter{ display:flex; flex-direction:column-reverse; } .subForm__big-footer { margin: 30px 125px 0; border-bottom: 2px solid #AA9F90; border-top: none; } @media (max-width: 991px) { .backLighter{ flex-direction:column; } .subForm__big-footer { border-top: 2px solid #AA9F90; border-bottom: none; margin: 20px 56px 30px; } } @media (max-width: 767px) { .subForm__big-footer { margin: 20px 15px 30px; } } } /* End */ /* /local/templates/swosnew/fonts/stylesheet.css?17323332573962 */ /* /local/templates/swosnew/fonts/icomoon/style.css?173233325713288 */ /* /local/templates/swosnew/css/ion.rangeSlider.css?17323332583501 */ /* /local/templates/swosnew/css/ion.rangeSlider.skinSimple.css?17323332582106 */ /* /local/templates/swosnew/css/owl.carousel.css?17323332583982 */ /* /local/templates/swosnew/css/selectric.css?17323332584543 */ /* /local/templates/swosnew/css/jquery.mCustomScrollbar.css?173233325854850 */ /* /local/templates/swosnew/css/jquery-ui.css?173233325835667 */ /* /local/templates/swosnew/css/style.css?1750949202399196 */ /* /local/templates/swosnew/css/jquery.fancybox.min.css?173233325812795 */ /* /local/templates/swosnew/css/error.css?17323332582610 */ /* /local/templates/swosnew/css/additional.css?17500667335836 */ /* /local/templates/swosnew/css/product.css?173233326222114 */ /* /local/components/swos/iblock.element.add.click/templates/all/style.css?1732333262414 */ /* /local/components/swos/iblock.element.add.click/templates/.default/style.css?173233326249 */ /* /local/components/swos/five.percent.discount/templates/.default/style.css?17323332621583 */ /* /local/components/swos/five.percent.discount/templates/button/style.css?1732333262461 */ /* /local/templates/swosnew/styles.css?1732333257847 */ /* /local/templates/swosnew/template_styles.css?174525024322418 */ /* /local/templates/swosnew/custom.css?17323332626341 */