/* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* 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: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff& bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { /* font-family: Verdana,Arial,sans-serif; font-size: 1.1em; */ } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 0px solid #BBBBBB; color: #868686; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 0px solid #BBBBBB; /* background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; */ } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ /* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {/*background: url('/_Images/tab_gradient_60x15.jpg') center center repeat-x;*/ font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /* border: 0px solid #999999; background: #dadada url() repeat-x; font-weight: normal; color: #ffffff; */ } .ui-state-hover a, .ui-state-hover a:hover { /* color: #212121; text-decoration: none; */ } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0px solid #aaaaaa; font-weight: normal; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee; color: #ffffff; } .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: #fef1ec; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /* background-image: url(images/ui-icons_454545_256x240.png); */ } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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 { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .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;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: default; position: relative; margin-top: 1px; zoom: 1; padding: 7px 0; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 12px; padding: 0; } .ui-accordion-icons .ui-accordion-header a:link { padding-left: 0; } .ui-accordion-icons .ui-accordion-header a:hover { color: #363d75; text-decoration: underline; } .ui-accordion .ui-accordion-header .ui-icon { display: none; } .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; height:auto!important; } h3.ui-state-active { border-top: 1px solid #cccccc; margin-top: 7px; display: block; } h3.ui-state-active a { font-weight: bold; color: #686868 !important; cursor: default !important; } h3.ui-state-active a:hover { text-decoration: none !important; } .ui-accordion .ui-accordion-content-active { display: block; border-bottom: 3px solid #cccccc; padding: 10px 0 10px 40px; margin-bottom: 7px; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: left; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .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: 1.4; } .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; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin: 12px 40px 12px 40px !important; float:right; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; min-width: 150px !important; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; 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: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .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; }/* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 25px 0 20px 0; font-weight: bold; font-size: 15px; width: 100%; border-bottom: 1px solid #cccccc; overflow: hidden; height: 25px; } .ui-tabs .ui-tabs-nav li { overflow: hidden; display: inline-block; list-style: none; height: 25px; padding: 3px 0; } .ui-tabs .ui-tabs-nav li a { height: 16px; font-size: 14px; color: #686868; font-weight: bold; padding: 5px 10px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: #363d75 !important; color: #ffffff !important; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; padding: 0; background: none; border: 0px solid #EEEEEE; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .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-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .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 { border-left-width:0; } .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:0em; } /* 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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .radio .ui-state-active {/*background: url('/_Images/tab_gradient_60x15.jpg') center center repeat-x !important;*/ font-weight: normal; color: #555555; } @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic-ext"); /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev:before { content: "\2190"; } .slick-next { right: -25px; } .slick-next:before { content: "\2192"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } [dir="rtl"] .slick-next {right: auto;left: -25px;} [dir="rtl"] .slick-next:before {content: "\2190";} [dir="rtl"] .slick-prev {right: -25px;left: auto;} [dir="rtl"] .slick-prev:before {content: "\2192";} [dir="rtl"] .slick-slide {float: right;} div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } * { margin: 0; padding: 0; } *:focus { outline: none; } .hidden { display: none; } .show { display: block!important; } .no-margin { margin: 0!important; } .no-padding { padding: 0!important; } .no-bg { background: none!important; } .no-border, img { border: none!important; } .clear { clear: both; } .container { overflow: hidden; } html { font: 11px/1.2 'Toboto', Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #4f4f4f; } body { background: url('images/site-background.jpg.png') no-repeat top center #ffffff; } a { color: #aaaaaa; text-decoration: none; } a:visited { } a:hover { text-decoration: underline; color: #aaaaaa; } a:active { } #container a:link, #container a:visited, #container a:active { /*color: #686868;*/ /* text-decoration: underline; */ } #container a:hover { color: #363D75; } #tabs a, .clipper a, .pages a { text-decoration: none !important; } p { font-size: 13px; # line-height: 18px; margin: 0 0 10px 0; } @font-face { font-family: 'GillBold'; src: url('fonts/gillsacb-webfont.eot'); src: url('fonts/gillsacb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gillsacb-webfont.woff') format('woff'), url('fonts/gillsacb-webfont.ttf') format('truetype'), url('fonts/gillsacb-webfont.svg#gillsanscbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillRegular'; src: url('fonts/gillsanc-webfont.eot'); src: url('fonts/gillsanc-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gillsanc-webfont.woff') format('woff'), url('fonts/gillsanc-webfont.ttf') format('truetype'), url('fonts/gillsanc-webfont.svg#gillsanscregular') format('svg'); font-weight: normal; font-style: normal; } #site { position: relative; left: 50%; top: 0; margin-left: -490px !important; width: 979px; margin: 0 auto; overflow: hidden; z-index: 1; border-left: 3px solid #f4f4f4; border-right: 3px solid #f4f4f4; } #bx_incl_area_6_1{ display: inline-block; } #header { overflow: hidden; background: #ffffff; padding: 0; z-index: 2; height: 67px; } #header #logo { float: left; height: 67px; } #header #logo a { display: block; height: 27px; padding: 20px; } #header #top-menu { float: right; text-align: right; margin: 20px 0; } #header #top-menu table #languages { padding: 0 0 0 20px; } #header #top-menu table td#subscription { padding: 0 20px; } #header #top-menu #subscription a:link, #header #top-menu #subscription a:active, #header #top-menu #subscription a:visited, #header #top-menu #subscription a:hover, #header #top-menu #languages a:link, #header #top-menu #languages a:active, #header #top-menu #languages a:visited, #header #top-menu #languages a:hover { margin-left: 10px; color: #aaaaaa; } #header #top-menu #subscription a.selected:hover, #header #top-menu #languages a.selected:hover, #header #top-menu #subscription a:hover, #header #top-menu #languages a:hover { color: #363d75 !important; } #header #top-menu #subscription a.selected, #header #top-menu #languages a.selected { color: #686868 !important; } #header #top-menu input.text { border: 1px solid #cccccc; border-right: 0px solid #cccccc; background: url('images/textsearch-bg-ru.png') no-repeat 10px center; width: 135px; height: 20px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; font-size: 10px; padding-left: 10px; color: #686868; } #header #top-menu input.btn { border: 1px solid #cccccc; border-left: 0px solid #cccccc; background: url('images/textsearch-bg-ru.png') no-repeat -125px center; width: 20px; height: 22px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; } #header #top-menu a:link, #header #top-menu a:visited, #header #top-menu a:active, #header #top-menu a:hover { font-weight: bold; color: #686868; } #header #top-menu a.selected:link, #header #top-menu a.selected:visited, #header #top-menu a.selected:active, #header #top-menu a.selected:hover { font-weight: bold; color: #aaaaaa; } /* #header #top-menu table { margin-left: 20px; } */ .search-form { padding-right: 20px; } #footer { overflow: hidden; background: #ffffff; } #footer #bottom-menu { overflow: hidden; background: #363d75; background: #262C60; color: #ffffff; height: 145px; } #footer #bottom-menu #clipper { overflow: hidden; position: absolute; left: 50%; margin-left: -490px; height: 145px; width: 985px; } #footer #bottom-menu table { margin: 19px 0; color: #ffffff; width: 1030px; } #footer #bottom-menu table td { vertical-align: top; width: 178px; padding: 0 0 0 20px; } #footer #bottom-menu strong { font-size: 13px; display: block; margin-bottom: 4px; } #footer #bottom-menu a:link, #footer #bottom-menu a:visited, #footer #bottom-menu a:active, #footer #bottom-menu a:hover { color: #acacac !important; display: block; margin: 0 0 2px 0; } #footer #bottom-menu a:hover { color: #ffffff !important; } #footer #bottom-copyright { width: 955px; margin: 20px auto; font-weight: bold; color: #686868; } #footer #bottom-copyright a:link, #footer #bottom-copyright a:visited, #footer #bottom-copyright a:active, #footer #bottom-copyright a:hover { color: #686868; padding: 0 3px; } #footer #bottom-copyright a:hover { color: #363d75; } #footer #lowest-menu { text-align: right; } #main { overflow: hidden; background:#ffffff; padding: 0; } #main #menu { /* position: absolute;*/ overflow: hidden; padding: 17px 20px 0px 10px; z-index: 30; width: 950px; } #main #search-menu { float: right; display: inline-block; background: url('images/search-icon.png') no-repeat top left; width: 55px; height: 30px; padding: 2px 0 0 25px; margin: -2px 10px 0 0; z-index: 5; } #main #search-menu:hover { float: right; display: inline-block; background: url('images/search-icon-on.png') no-repeat top left; width: 55px; height: 30px; padding: 2px 0 0 25px; margin: -2px 10px 0 0; z-index: 5; } #main #search-menu a:link, #main #search-menu a:visited, #main #search-menu a:active, #main #search-menu a:hover { color: #aaaaaa !important; margin-left: 10px; } #main #search-menu:hover a { color: #363d75 !important; text-decoration: none !important; } #main #main-menu { /* margin: 0 0 20px 0; float: left; */ width: 600px; display: inline-block; } .dropdown-menu { display: none; } .dropdown-menu hr { border: 0px solid; border-bottom: 1px solid #acacac; margin: 20px 10px 0 10px; /*width: 150px;*/ } .products-dropdown { /* height: 220px; */ margin-left: 0 !important; padding-top: 20px !important; width: 898px; } .products-dropdown table { padding-left: 10px !important; } .products-dropdown .th { width: 200px; text-align: left; vertical-align: bottom; padding-bottom: 10px; border-bottom: 1px solid #acacac; } .products-dropdown .th img { margin-right: 10px; } .product-search { margin-top: -10px; margin-bottom: -15px; } .product-search a { display: inline-block; margin-left: 10px; } .product-search img { margin-top: 8px; } .product-search hr { width: 620px; float: left; margin-left: 0px; } .products-dropdown td { padding-top: 10px; vertical-align: top; padding-right: 15px; } .products-dropdown td.spacer { width: 20px; padding: 0; margin: 0; } .products-dropdown td li a { padding: 1px !important; } ul#main-menu ul { width: 600px; } ul#main-menu li { display: inline-block; style-type: none; } ul#main-menu li:first-child{ } ul#main-menu li div.dropdown-menu { display: block; } ul#main-menu li:hover div.dropdown-menu { display: block; } ul#main-menu li:hover div.dropdown-menu-header { margin: -8px 10px 10px 10px; border-bottom: 1px solid #ACACAC; padding-bottom: 10px; font-weight: bold; } ul#main-menu li:hover div.dropdown-menu-header img { margin: 0 10px 0 0; } ul#main-menu li div.dropdown-menu ul { width: 200px; } ul#main-menu li div.dropdown-menu li { display: block; } ul#main-menu li div.dropdown-menu { display: none; position: absolute; z-index: 200000; background: url('images/dropdown-background.png') repeat-x top left; color: #ffffff; font-size: 12px; font-weight: normal; padding: 30px 20px; margin-top: -3px; } ul#main-menu li div.dropdown-menu ul li span { display: inline-block; width: 32px; /* float: right; border: 1px solid #838582; */ background: #363D75; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 1px 2px !important; font-size: 11px !important; text-align: center; } ul#main-menu li a.lvl1 { height: 35px; padding: 0 !important; margin: 0 7px 0 0; } ul#main-menu li.lvl1:hover { background: #ff0099; } #main-menu a:link, #main-menu a:visited, #main-menu a:active, #main-menu a:hover, #search-menu a:link, #search-menu a:visited, #search-menu a:active, #search-menu a:hover { font-size: 16px; font-weight: bold; color: #686868; /* display: inline-block; padding: 3px 10px; */ margin-right: 0px; text-decoration: none; } .dropdown-menu li { color: #acacac; padding: 3px 10px; } .dropdown-menu table li { color: #acacac; padding: 3px 10px 3px 0; } .dropdown-menu li strong { color: #ffffff; text-transform: uppercase; font-size: 11px; } #main-menu a:hover, #search-menu a:hover { text-decoration: underline; } #main-menu a span { font-size: 15px; font-weight: 100; display: inline-block; margin-right: 0px; text-decoration: none; padding: 3px 10px; color: #fff; } #main-menu .main-menu-item:hover span, #main-menu a.selected span { font-size: 16px; font-weight: bold; display: inline-block; margin-right: 0px; text-decoration: none; padding: 3px 10px; color: #ffffff; /* background: #363d75; */ } #main-menu .dropdown-menu a:link, #main-menu .dropdown-menu a:visited, #main-menu .dropdown-menu a:active, #main-menu .dropdown-menu a:hover { color: #acacac !important; font-size: 12px !important; font-weight: normal !important; } #main-menu .dropdown-menu a:hover { color: #ffffff !important; } a.ui:hover { text-decoration: none !important; color: #363d75 !important; } #bnr-big { height: 357px; left: 50%; margin-left: -469px; position: absolute; top: 119px; top: 131px; width: 958px; z-index: 1; } #bnr-big a { display: block; height: 335px; width: 938px; overflow: hidden; margin: 8px 13px 13px 10px; } #bnr-big img { /*margin: 8px 13px 13px 13px;*/ } #bnr-inner { height: 275px; margin-left: 10px; margin-bottom: -10px; margin-top: -25px; } #bnr-inner a { background: url("images/inner-banner-background.png") no-repeat scroll left top transparent; display: inline-block; height: 275px; overflow: hidden; width: 960px; text-align: center; } #bnr-inner span { background: url("images/inner-banner-background.png") no-repeat scroll left top transparent; display: inline-block; height: 275px; overflow: hidden; width: 960px; text-align: center; } #bnr-inner img { margin: 7px 0 0 0; /* margin: 5px 0 0 10px; */ } #content { /* background: url("images/central-background-long.png") no-repeat left top; padding: 47px 0 0 0;*/ padding: 25px 0 0 0; width: 100%; /* overflow:hidden;*/ /*min-height: 500px;*/ } #content-wrapper { /*margin-top: 270px; background: url("images/content-left-background.jpg") repeat-x scroll center top #FFFFFF;*/ } #main div#content table#content-home td { padding-top: 345px; vertical-align: top; } #main div#content table#content-home td.banners-list { width: 670px; padding-left: 20px; padding-bottom: 3px; } .banner-item { float: left; margin: 0 16px 17px 0; } #main div#content table#content-home td.news-list { background: #f4f4f4; width: 240px; padding-right: 25px; padding-left: 25px; padding-bottom: 25px; } #news-menu { font-weight: bold; text-align: right; } #news-menu a:link, #news-menu a:hover, #news-menu a:visited, #news-menu a:active { color: #686868; } #news-header { background: url('images/rss-icon.png') no-repeat top left; font-size: 16px; font-weight: bold; color: #686868; padding: 7px 0 0px 30px; margin: 10px 0 0 0; } .news-item { margin: 12px 0 0 0; color: #686868; } .news-item a:link, .news-item a:hover, .news-item a:visited, .news-item a:active { color: #686868; display: block; } .news-item strong { display: block; } #news-all { margin: 19px 0 0 0; color: #686868; font-weight: bold; border-top: 1px solid #cccccc; display: inline-block; padding-top: 2px; } #news-all a:link, #news-all a:hover, #news-all a:visited, #news-all a:active { color: #686868; font-weight: bold; } #sections-main-container { overflow: hidden; margin: 0px 20px 0 20px; } #title { overflow: hidden; border-bottom: 1px solid #cccccc; padding: 0 0 5px 0; } #title h1 { font-size: 26px; color: #2b2b2b; float: left; font-weight: normal; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; } #title #print { background: url('images/ico-printer.png') no-repeat center left; /* width: 68px;*/ display: inline-block; float: right; padding: 2px 5px 0 25px; margin: 8px 0 0 0; height: 18px; } #title #print:hover { background: url('images/ico-printer-on.png') no-repeat center left; /* width: 68px;*/ float: right; padding: 2px 5px 0 25px; margin: 8px 0 0 0; height: 18px; } #title #print a { text-decoration: none !important; } #title #print:hover a { color: #363d75; } #locator { overflow: hidden; margin: 8px 0 15px 0; ~font-weight: bold; } #locator a { color: #aaaaaa; text-decoration: none !important; } #locator a.selected:link, #locator a.selected:hover, #locator a.selected:visited, #locator a.selected:active { color: #aaaaaa; text-decoration: none !important; } #locator a.selected:hover { text-decoration: underline !important; } .product-section { overflow: hidden; width: 212px; float: left; margin: 0 8px 0 20px; padding: 0 0 100px 0; background: url("images/central-background.jpg") repeat-x scroll center top #FFFFFF; } .product-section strong { color: #2B2B2B; font-size: 18px; display: inline-block; margin: 27px 0 12px 17px; } .product-section strong:hover { color: #363d75; } .product-section a:link, .product-section a:hover, .product-section a:visited, .product-section a:active { font-size: 14px; color: #686868; } .product-section li { display: block; margin: 7px 0 0 17px; font-size: 14px; color: #686868; } .catalog-section-list strong { color: #686868; text-transform: uppercase; font-size: 12px; margin: 0; display: inline; } .product-section a.image:link, .product-section a.image:hover, .product-section a.image:visited, .product-section a.image:active { margin: 0 !important; border: 5px solid #e6e6e6; } .product-section span.image { /* display: inline-block; */ margin: 0 !important; /*border: 5px solid #e6e6e6;*/ } #menu-left { width: 200px; min-height: 600px; background: #fff url(images/main_bg.jpg) top center repeat-x; float: left; overflow: hidden; padding: 12px 0 0 10px; margin-left:15px; } #menu-left strong { font-size: 18px; color: #686868; font-weight: bold; display: block; margin: 5px 0 15px 0; } #menu-left ul { margin: 0 0 25px 0; } #menu-left ul li { margin: 8px 0; list-style: none; overflow:hidden; display: block; } #menu-left ul ul li { margin: 9px 0; } #menu-left ul li span { float: right; background: #363D75; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 2px 5px; } #menu-left ul li strong { color: #363D75; text-transform: uppercase; padding: 2px 5px 2px 0; display: inline !important; font-size: 12px !important; } #menu-left ul ul { margin: 15px 0 15px 15px; } #menu-left ul li a:link, #menu-left ul li a:hover, #menu-left ul li a:visited, #menu-left ul li a:active { font-size: 14px; font-weight: normal; color: #686868; } #menu-left ul ul li a:link, #menu-left ul ul li a:hover, #menu-left ul ul li a:visited, #menu-left ul ul li a:active { font-size: 12px; font-weight: normal; /* display: inline-block;*/ } #menu-left ul li a.selected:link, #menu-left ul li a.selected:hover, #menu-left ul li a.selected:visited, #menu-left ul li a.selected:active { color: #363d75; font-weight: bold !important; } #menu-search-link { border-top: 1px solid #cccccc; width: 160px; overflow: hidden; padding: 5px 0 0 0; margin: 0 0 20px 0; } #menu-search-link a:link, #menu-search-link a:hover, #menu-search-link a:visited, #menu-search-link a:active { font-weight: bold; color: #686868; padding: 0 3px 0 0; } #content-left { overflow: hidden; float: right; /*width: 690px;*/ /*padding: 12px 0 0 50px;*/ padding: 12px 0 0; } .main.club #content-left { overflow: hidden; float: right; /* width: 694px; */ width: 740px; padding: 12px 0 0 0px; } .main.club #content-left #container { margin: 0 15px 0 0; width: auto; } .main.club .galleryP { margin-left: 31px; } .main.club.notmain .aside { width: 360px; } .main.club.notmain .aside.right h3.title { margin-left: 10px; } .main.club.notmain .aside.right .text { padding: 0 0 10px 10px; } #content-left.center { width: 910px !important; float: none !important; padding: 12px 20px 0 20px ; } #content-left #section-header { margin: 8px 0 25px 0; text-align: center; } #content-left #container { height: auto !important; /*margin: 0 44px 0 0;*/ margin: 0; overflow: hidden; /*width: 656px;*/ width: 735px; padding-bottom: 30px; } #content-left.center #container { width: 910px !important; } #content-left #container .clipper { width: 710px; } #content-left.center #container .clipper { width: 980px !important; } #menu-context { margin: 25px 0 20px 0; font-weight: bold; font-size: 15px; border-top: 3px solid #cccccc; padding-top: 20px; } #menu-context ul { width: 100%; border-bottom: 1px solid #cccccc; overflow: hidden; height: 25px; } #menu-context ul li { overflow: hidden; display: inline-block; list-style: none; height: 25px; padding: 3px 0; } #menu-context a:link, #menu-context a:hover, #menu-context a:visited, #menu-context a:active { height: 15px; font-size: 14px; color: #686868; font-weight: bold; padding: 5px 10px; } #menu-context a.selected:link, #menu-context a.selected:hover, #menu-context a.selected:visited, #menu-context a.selected:active { background: #363d75; color: #ffffff; } .product-item { overflow: hidden; display: inline-block; float: left; margin: 0 20px 30px 0; min-width: 100px; } td .product-item { min-width: 132px; } td .product-item span a.image { display: table-cell; vertical-align: middle; text-align: center; width: 132px; height: 132px; padding: 0 0 10px 0; } #content-left.center .product-item { margin: 0 61px 30px 0 !important; } .product-item a.image:link { margin: 0 0 5px 0; } .product-item div.image-holder { position: relative; } .product-item span.new-marker { position: absolute; bottom: 0; right: 0; background: none repeat scroll 0 0 #363D75; color: #FFFFFF; float: right; font-weight: bold; padding: 2px 5px; text-transform: uppercase; display: inline-block; } .product-item a:link, .product-item a:hover, .product-item a:visited, .product-item a:active { display: block; font-weight: bold; color: #4f4f4f; } .product-item a.fb { margin-bottom: 10px; } .product-item .size { overflow: hidden; background: url('images/ico-size.png') no-repeat left center; padding: 0 0 0 28px; height: 22px; display: table-cell; vertical-align: bottom; } .subtype-name{ margin:20px 0 0 0; } .product-subsection { overflow: hidden; display: inline-block; /*float: left;*/ width: 200px; /*margin: 15px 25px 0 0;*/ margin: 15px 34px 0 0; height: 350px; position: relative; } .el-quick-view{ display: none; border:1px solid yellowgreen; background-color: yellowgreen; padding: 3px 5px; } .product-subsection:hover .el-quick-view{ display: block; } .product-subsection .price{ position: absolute; right: 0; bottom:0; text-align: right; } .product-subsection a.image { margin: 0 0 5px 0; border: 4px solid #ededed; background: #ffffff; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .product-subsection a.image:hover { border: 4px solid #323f76!important; } .product-subsection a:link, .product-subsection a:hover, .product-subsection a:visited, .product-subsection a:active { display: block; font-weight: bold; color: #686868; } .product-subsection a em { display: block; font-weight: normal; } .product-subsection .size { overflow: hidden; background: url('images/ico-size.png') no-repeat left center; padding: 0px 0 0 28px; height: 25px; width: 110px; margin-top: 5px; } .product-subsection .nosize { overflow: hidden; padding: 0px 0 0 28px; height: 25px; width: 110px; margin-top: 5px; } table#element-info { width: 100%; border-top: 1px solid #cccccc; border-bottom: 3px solid #cccccc; } table#element-info td { width: 50%; padding: 15px 0 70px 0; } table#element-info td p { margin: 0 0 20px 0; line-height: 18px; } table#element-info td strong { color: #000000; } table#element-info td span { color: #686868; } .product-item-more { overflow: hidden; display: inline-block; /* float: left; */ margin: 0 35px 35px 0; } .product-item-more a.image:link, .product-item-more span.image { margin: 0 0 10px 0; display: inline-block; } .product-item-more a.image img { background: #000000; } .product-item-more a:link, .product-item-more a:hover, .product-item-more a:visited, .product-item-more a:active { display: block; font-size: 12px; color: #686868; margin: 1px 0; } .product-item-more strong { color: #000000; } p.vrezka { /*color: #363d75;*/ font-weight: bold; margin: 10px 0 10px 40px; line-height: 16px; text-align: justify; } h2 { text-transform: uppercase; margin: 15px 0 15px 0; font-size: 20px; font-weight: normal; font-family: 'GillRegular',Arial,Verdana,Tahoma,Helvetica,sans-serif; } h3 { margin: 15px 0 5px 0; font-size: 14px; } h4 { font-size: 14px; } .text p { margin: 0 0 15px 0; } .text ol { margin: 10px 0 0 19px; } .text li { font-weight: normal; margin: 10px 0; } .text li a:link, .text li a:visited, .text li a:active { color: #686868; } .text li a:hover { color: #363d75; } .text table { width: 100%; border-bottom: 1px solid #cccccc; margin: 5px 0 10px 0; } .text table th { border-bottom: 1px solid #cccccc; text-align: left; padding: 5px 5px 5px 0; vertical-align: top; } .text table td { text-align: left; padding: 5px 5px 5px 0; vertical-align: top; } p.comment { font-style: italic; text-align: right; padding: 0 0 40px 40px; font-size: 11px; line-height: 14px; } hr { border: 2px solid #cccccc; margin: 5px 0; display: block; } .text table.docs { border-bottom: 0px; } .text table td.ico { padding-right: 20px; } .text table.docs td { font-size: 13px; color: #696969; } .text table.docs td a:link, .text table.docs td a:hover, .text table.docs td a:visited, .text table.docs td a:active { font-weight: bold; display: block; font-size: 13px; margin: 0 0 3px 0; color: #696969; } .text table.docs td a:hover { color: #363d75; } .text table.docs td p.note { font-size: 11px; font-style: italic; } .more { text-align: right; font-weight: bold; } .more a:link, .more a:hover, .more a:visited, .more a:active, .top a:link, .top a:hover, .top a:visited, .top a:active { font-weight: bold; color: #696969; } .top a:hover, .more a:hover { color: #363d75; } div.top { /* clear: both; */ /* display: block; */ /* float: right; */ /* margin: -45px 0 20px; */ /* width: 798px; */ } div.top span { background: url('images/single-arrow-top.png') no-repeat center left; padding: 2px 5px 2px 12px; border-top: 1px solid #CCCCCC; font-weight: bold; } #banners-left { margin-left: -14px; margin-top: 110px; } #banners-left a { display: block; margin-top: 15px; } #content-left a.news-item:link { font-size: 12px; color: #686868; margin-top: 20px; display: block; text-decoration: none; } #content-left a.news-item:visited, #content-left a.news-item:visited strong { color: #b4b4b4; text-decoration: none; } #content-left a.news-item:hover, #content-left a.news-item:active, #content-left a.news-item:hover strong, #content-left a.news-item:active strong { font-size: 12px; color: #363d75; margin-top: 20px; display: block; text-decoration: none; } #content-left a.news-item:link strong { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #686868; } .news-menu { float: right; font-weight: bold; margin: -33px 0 0; text-align: right; padding: 3px 0 0 0; } .news .news-menu { margin: -63px 0 0; } .news p img { margin: 15px 0; } a.ui-rss:link { background: url('images/rss-icon-sml-off.png') no-repeat top left; padding: 0 0 0 16px; } a.ui-rss:hover { background: url('images/rss-icon-sml-on.png') no-repeat top left; padding: 0 0 0 16px; text-decoration: none !important; color: #363d75 !important; } #news-archive-menu { margin-left: -15px; border-top: 3px solid #cccccc; background: url("images/central-background-v3.jpg") repeat-x scroll center top #ffffff; min-height: 300px; } #news-archive-menu strong { margin-left: 20px; margin-top: 20px; font-size: 15px; } #news-archive-menu ul { margin-left: 20px; } #news-archive-menu li { background: url("images/single-arrow-right.png") no-repeat scroll left center; padding: 2px 0 2px 12px; } #news-archive-menu li a { font-weight: normal !important; } #news-details-header { font-size: 22px; font-weight: normal; margin: 30px 0; } #news-details-header #news-date-location { font-size: 15px; color: #363d75; display: block; font-weight: bold; } .back a:link, .back a:hover, .back a:visited, .back a:active { font-weight: bold; color: #696969; } .back a:hover, .more a:hover { color: #363d75; } div.back { clear: both; display: block; float: right; margin: -1px 0 20px 0; } div.back span { background: url('images/single-arrow-left.png') no-repeat center left; padding: 2px 5px 2px 12px; border-top: 1px solid #CCCCCC; font-weight: bold; } p.more-collections { margin-bottom: 30px; } p.more-collections a strong { color: #000000 !important; } p.more-collections a:link { color: #686868 !important; } .content-left-inline { background: url('images/popup-background.jpg') repeat-x bottom left #ffffff !important; } .content-left-inline td { padding: 15px 0 !important; } .support-section-side { background: url("images/central-background.jpg") repeat-x scroll center top #FFFFFF; float: left; margin: 0 8px 0 20px; overflow: hidden; padding: 0 0 100px; width: 282px; } .support-section-central { background: url("images/central-background.jpg") repeat-x scroll center top #FFFFFF; float: left; margin: 0 8px 0 20px; overflow: hidden; padding: 0 0 100px; width: 326px; } .support-section-side a.image:link, .support-section-side a.image:hover, .support-section-side a.image:visited, .support-section-side a.image:active, .support-section-central a.image:link, .support-section-central a.image:hover, .support-section-central a.image:visited, .support-section-central a.image:active { border: 5px solid #E6E6E6; margin: 0 !important; } .support-section-side a:link, .support-section-side a:active, .support-section-central a:link, .support-section-central a:active { color: #686868; display: inline-block; font-size: 12px; line-height: 18px; margin: 7px 17px 7px 17px; } .support-section-side a:visited, .support-section-central a:visited { color: #d9dada; } .support-section-side a:hover, .support-section-central a:hover { color: #363d75; } .support-section-side p, .support-section-central p { margin: 7px 17px 7px 17px; display: inline-block; } .support-section-side strong, .support-section-central strong { color: #2b2b2b; display: block; font-size: 18px; margin: 27px 0 12px 17px; } .items-all { background: url('images/single-arrow-right.png') no-repeat right center; border-top: 1px solid #CCCCCC; color: #686868; display: inline-block; font-weight: bold; margin: 19px 0 0 17px; padding: 2px 15px 0 2px; } .items-all a:link, .items-all a:hover, .items-all a:visited, .items-all a:active { font-size: 11px !important; margin: 0 !important; padding: 0 0 4px 0 !important; color: #686868 !important; } .items-all a.ui:hover { color: #363d75 !important; } .inner { margin: 10px 0 0 0; /* padding-top: 87px !important;*/ } .alphabet { margin: 7px 17px 17px 17px; font-size: 14px; color: #848484; } .alphabet a, .alphabet span { color: #848484 !important; margin: 0px !important; padding: 0px 5px 10px 5px !important; display: inline-block; font-size: 14px; text-transform: uppercase; } #article-menu strong, .alphabet strong { font-size: 14px !important; color: #686868 !important; display: block !important; margin-bottom: 30px !important; } .alphabet strong { margin-bottom: 15px !important; padding-bottom: 15px !important; /* border-bottom: 1px solid #cccccc; */ } .alphabet a:link strong, .alphabet a:active strong, .alphabet a:visited strong { margin: 0 !important; padding: 0 !important; font-size: 14px !important; color: #686868 !important; display: inline-block !important; text-decoration: none; } .alphabet a:hover strong { color: #363d75 !important; text-decoration: underline; } #alphabet-menu, #article-menu { background: url("images/central-background-v3.jpg") repeat-x scroll 0 center #F4F4F4; border-top: 3px solid #CCCCCC; margin-left: -15px !important; margin-bottom: 0px !important; padding: 15px 14px; width: 187px; } #article-menu p { font-size: 12px; margin-top: -20px !important; } #article-menu a:link, #article-menu a:hover, #article-menu a:visited, #article-menu a:active { color: #686868; } #article-menu strong a:hover { text-decoration: underline !important; color: #363d75 !important; } #article-menu .items-all { float: right; margin-right: 17px; } table#term-list { border-bottom: 0px !important; } table#term-list td { vertical-align: top; padding-bottom: 20px; width: 600px; } table#term-list td.letter { font-size: 16px; font-weight: bold; color: #686868; width: 40px; padding-top: 12px; } div.accordion { width: 600px; overflow: hidden; } table.two-columns { border-bottom: 0px; } table.two-columns td { width: 314px; padding-right: 30px; } table.two-columns td img { margin-bottom: 15px; } table.two-columns td p { margin: 24px 0; } table.two-columns td.info { font-weight: bold; font-size: 12px; } table.two-columns td.info hr { border-top: 2px solid #cccccc; font-weight: bold; margin: 0 0 15px 0; } table.two-columns td.info ol { margin: 10px 0 0 19px; } table.two-columns td.info li { font-weight: normal; margin: 10px 0; } table.two-columns td.info li a:link, table.two-columns td.info li a:visited, table.two-columns td.info li a:active { color: #686868; } table.two-columns td.info li a:hover { color: #363d75; } hr.contacts { border: 0px; width: 160px; border-bottom: 1px solid #cccccc; margin: 30px 0; } #back-top { position: fixed; bottom: 30px; margin-left: -150px; } #back-top a { width: 108px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } #back-top span { width: 108px; height: 108px; display: block; margin-bottom: 7px; background: #ddd url(http://ruseller.com/lessons/les1150/1.png) no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #777; } .b-top {z-index:2600; position:fixed; bottom:7.5%; width:1%; ~margin-left:92%; right:11%; opacity: 0.5; filter:alpha(opacity=50);} .b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;} .b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;padding:32px 12px 4px; color:white;background:#808080 url(images/k-m-top.png) no-repeat 50% 11px;border-radius:7px;} div.navigation { font-size:16px; margin-top:30px; margin-bottom:20px } div.navigation a { color:#363D75 !important; } div.navigation a:hover { color:#000 !important; } div.navigation .navigation-title { font-weight: bold; color: #000000; margin-right: 10px; } div.navigation .arrow, div.navigation .ctrl{ font-size:80%; color: #999999; } div.navigation .disabled { color: #999999; margin-right: 3px; margin-left: 3px; } #navigation_1_previous_page { margin-right: 10px } #navigation_1_next_page { margin-right: 3px; } div.navigation .navigation-pages { margin-top: 10px } div.navigation .navigation-pages a { margin: 3px 6px; } div.navigation .navigation-pages span.nav-current-page { background-color: #DDDDDD; padding: 3px 5px; margin: 0 6px; color:#000 } li.proj_list { list-style: none; margin-bottom: 25px; } li.proj_list h3 { font-size:18px; color:#353f74; } li.proj_list h3 a { color:#353f74; border-bottom: 1px solid #353f74; border-bottom: 1px solid rgba(53,63,116,0.5); } li.proj_list h3 a:hover { text-decoration:none; color:#838383; border-bottom: 1px solid #838383; border-bottom: 1px solid rgba(0,0,0,0.4); } .project_section .big_table { width:100%; margin:15px 0 30px 0; } .project_section .first { width:515px; padding-right:15px; } .project_section .first img { width:100%; border: 4px solid #CFCFCD !important; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .project_section .first a:hover img { border: 4px solid #323f76!important; } .project_section .small_img { border: 2px solid #CFCFCD !important; margin-bottom: 9px; width: 115px; } .cnt_photo { margin-top:-20px; margin-left: 5px; font-size: 12px; color: #9ba2a3; } .accordion a, .ui-accordion-header a { text-decoration: none !important; border-bottom:1px dashed #AAAAAA; } .features-table { width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 0; text-shadow: 0 1px 0 #fff; color: #2a2a2a; background: #fafafa; background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */ background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); margin-top:10px; margin-bottom:10px; } .features-table td { height: 20px; padding: 0 10px; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; text-align: center; vertical-align: middle; display: table-cell; } .features-table tbody td { text-align: center; width: 150px; } .features-table td.grey { background: #efefef; background: rgba(144,144,144,0.15); border-right: 1px solid white; } .features-table td.green { background: #e7f3d4; background: rgba(184,243,85,0.3); } .features-table td:nowrap { white-space: nowrap; } .features-table thead td { font-size: 120%; font-weight: bold; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 1px solid #eaeaea; } .features-table tfoot td { font-size: 120%; font-weight: bold; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #dadada; } #title #prints { background: url('images/74d59ffb21cde01404d763f51920d1a9.png') no-repeat center left; /* width: 68px;*/ display: inline-block; float: right; padding: 2px 5px 0 25px; margin: 8px 0 0 0; height: 18px; } #title #prints:hover { background: url('images/6d8/6d86dfc81defa05c00dd9e32221cc757.png') no-repeat center left; /* width: 68px;*/ float: right; padding: 2px 5px 0 25px; margin: 8px 0 0 0; height: 18px; } #title #prints a { text-decoration: none !important; } #title #prints:hover a { color: #363d75; } @import url(normalize.css); body { /*font: 11px / 1.2 Arial, Verdana, Tahoma, Helvetica, sans-serif;*/ /* background: #fff;*/ } .body { position: relative; /*background: url(images/pattern_left.jpg) left bottom no-repeat, url(images/pattern_right.jpg) right bottom no-repeat;*/ /*background: url(images/bg.jpg) center top no-repeat;*/ max-width: 2060px; margin: 0 auto; z-index: 1; } .body .page { background: #fff; } .zoom img{ transition:all 0.1s; } .image:hover{ position:relative; z-index: 101; } /*.image:hover img{ width: 252px; height:165px; margin-left:-37px; margin-top:-30px; padding: 10px !important; }*/ .header { padding: 13px 0; } .alignment{ margin: 0 20px; } .header .b-set { width: 33%; margin-top: 13px; text-align: right; font-size: 26px; font-weight: 100; /* color: #000; */ } .header .b-set a { color: #676767; } .header .b-set .social, .header .b-set .lang { float: left; } .header .b-set .social { margin-right: 30px; } .header .b-set .social li { margin-left: 10px; } .header .b-set .lang { margin-right: -15px; } .header .b-set .geo{ font-size: 12px; text-transform: uppercase; font-weight: bold; float: right; margin: 15px 30px 0 30px; width: 122px; } .header .b-set .geo a{ color: #636363; text-decoration: none; } .zasoln { display: block; width: 93%; height: 97%; position: absolute; } #dropdown{ display: block; width: 145px; text-align: right; } .header .b-set .lang li { margin-right: 15px; } .nav { position: relative; font: normal 16px Arial; } .nav ul { font-size: 0; display: table; } .nav ul .pme { font-size: 16px; } .nav ul .pme .apme { color: #fff; text-decoration: none; display: block; padding: 10px 20px; border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(36, 41, 79, 0.7); } .nav ul .pme .apme:hover { text-shadow: 0px 0px 2px #fff; background: rgb(0,0,0); background: transparent\9; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); zoom: 1; } .nav ul li a:hover:nth-child(n) { filter: none; } .nav ul li:first-child a.apme { border-left: none; } .nav ul li:last-child a.apme { border-right: none; } .nav .search { position: absolute; top: 50%; right: 0; margin-top: -13px; } .nav .search .search-modal { display: block; color: #abadc4; text-decoration: none; } .nav .search .search-modal .magnifer { background: url(images/magnifer.png) 0 0 no-repeat; display: block; width: 28px; height: 28px; float: left; margin-right: 10px; } .nav .search .search-modal span { margin-top: 4px; display: inline-block; } .nav .search .search-modal:hover { color: #fff; } .nav .search .search-modal:hover .magnifer { background: url(images/magnifer.png) -32px 0 no-repeat; } .main{ background: #fff; /* display: inline-block; */ } .home{ background: none; margin-top: 15px; } .slider { position: relative; width: 695px; } .slider .slider-in a img { width: 100%; /*height:322px;*/ } .slider .anythingControls { position: absolute; width: 100%; bottom: 0px; z-index: 10; } .slider .anythingControls .thumbNav { font: normal 14px Arial; width: 100%; display: table; } /*.slider .anythingControls .thumbNav li { background-color: #fff; -moz-box-shadow: inset 0 0 3px rgba(255,255,255,.48); -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.48); box-shadow: inset 0 0 3px rgba(255,255,255,.48); background-image: -moz-linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); background-image: -o-linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); background-image: -webkit-linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); background-image: linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#505050', endColorstr='#9d9d9d'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#505050', endColorstr='#9d9d9d')"; min-width: 100px; display: table-cell; text-align: center; }*/ .slider .anythingControls .thumbNav li { background-color: #fff; -moz-box-shadow: inset 0 0 3px rgba(255,255,255,.48); -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.48); box-shadow: inset 0 0 3px rgba(255,255,255,.48); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTAuNSUiIHgyPSI1MCUiIHkyPSItMTAuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTA0ZjRmIiBzdG9wLW9wYWNpdHk9IjAuNTYiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM1MDRmNGYiIHN0b3Atb3BhY2l0eT0iMC41NiIvPgo8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwN2Y3ZiIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwN2Y3ZiIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, rgba(80,80,80,.56) -10.5%, rgba(80,80,80,.56) 49.53%, rgba(128,127,127,.56) 51.74%, rgba(128,127,127,.56) 110.5%); background-image: -o-linear-gradient(bottom, rgba(80,80,80,.56) -10.5%, rgba(80,80,80,.56) 49.53%, rgba(128,127,127,.56) 51.74%, rgba(128,127,127,.56) 110.5%); background-image: -webkit-linear-gradient(bottom, rgba(80,80,80,.56) -10.5%, rgba(80,80,80,.56) 49.53%, rgba(128,127,127,.56) 51.74%, rgba(128,127,127,.56) 110.5%); background-image: linear-gradient(bottom, rgba(80,80,80,.56) -10.5%, rgba(80,80,80,.56) 49.53%, rgba(128,127,127,.56) 51.74%, rgba(128,127,127,.56) 110.5%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#505050', endColorstr='#9d9d9d'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#505050', endColorstr='#9d9d9d')"; min-width: 100px; display: table-cell; text-align: center; } .slider .anythingControls .thumbNav li a { text-decoration: none; color: #fefeff; display: block; margin: 4px 0; } .slider .anythingControls .thumbNav li a span { display: block; border-right: 1px solid #fff; } .slider .anythingControls .thumbNav li:last-child a span{ border-right: none; } .slider .anythingControls .thumbNav li.cur, .slider .anythingControls .thumbNav li:hover { opacity: 0.8; text-shadow: 0px 0px 2px #FFF; } slider .anythingControls .thumbNav li:hover { background-color: #fff; -moz-box-shadow: inset 0 0 3px rgba(255,255,255,.48); -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.48); box-shadow: inset 0 0 3px rgba(255,255,255,.48); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTAuNSUiIHgyPSI1MCUiIHkyPSItMTAuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTA0ZjRmIiBzdG9wLW9wYWNpdHk9IjAuNjgiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM1MDRmNGYiIHN0b3Atb3BhY2l0eT0iMC42OCIvPgo8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzhhODk4OSIgc3RvcC1vcGFjaXR5PSIwLjY4Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhODk4OSIgc3RvcC1vcGFjaXR5PSIwLjY4Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, rgba(80,80,80,.68) -10.5%, rgba(80,80,80,.68) 49.53%, rgba(138,137,137,.68) 51.74%, rgba(138,137,137,.68) 110.5%); background-image: -o-linear-gradient(bottom, rgba(80,80,80,.68) -10.5%, rgba(80,80,80,.68) 49.53%, rgba(138,137,137,.68) 51.74%, rgba(138,137,137,.68) 110.5%); background-image: -webkit-linear-gradient(bottom, rgba(80,80,80,.68) -10.5%, rgba(80,80,80,.68) 49.53%, rgba(138,137,137,.68) 51.74%, rgba(138,137,137,.68) 110.5%); background-image: linear-gradient(bottom, rgba(80,80,80,.68) -10.5%, rgba(80,80,80,.68) 49.53%, rgba(138,137,137,.68) 51.74%, rgba(138,137,137,.68) 110.5%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#505050', endColorstr='#8A8989'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#505050', endColorstr='#8A8989')"; text-shadow: 0px 0px 2px #fff;} .thumbNav li{ opacity: 1.5; } .slider .anythingControls .thumbNav li:last-child a span { border-right: none; } .slider .arrow.back, .slider .arrow.forward { position: absolute; border: 0; font: 0 / 0 a; text-shadow: none; color: transparent; background-color: transparent; background: url(images/arrows.png) 0 0 no-repeat; display: block; width: 31px; height: 62px; cursor: pointer; margin-top: -30px; } .slider .arrow.back { left: 0 !important; background-position: -35px 0; } .slider .arrow.forward { right: 0 !important; background-position: 1px 0; } .arrows .left, .arrows .right { display: block; cursor: pointer; } .aside { width: 280px; } .aside .ad { -moz-box-shadow: -1px 0 3px rgba(33,29,30,.38); -webkit-box-shadow: -1px 0 3px rgba(33,29,30,.38); box-shadow: -1px 0 3px rgba(33,29,30,.38); padding: 0px; height: 322px; } .aside .ad .image img { width: 100%; } .aside .ad .single-news { font-size: 12px; } .aside .ad .single-news .title { text-transform: uppercase; margin: 0px 0 5px; } .aside .ad .single-news .title a { color: #343b71; text-decoration: none; } .aside .ad .single-news p { margin: 0; color: #000; line-height: 1; } .tape-heading { width: 870px; margin: 10px auto 0; } .tape-heading h2.title { /* background: url(images/rss.png) 0 0 no-repeat; */ font-size: 20px; height: 30px; line-height: 42px; margin: 0; /* padding-left: 40px; */ float: left; /* font-weight: bold; */ color: #262c60; text-transform: none; font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif; } .tape-heading h2.title a { text-decoration: none; color: #636363; text-transform: none; font-family: Arial; } .tape-heading .rss { font-size: 12px; float: right; margin-top: 15px; } .tape-heading .rss li { float: left; } .tape-heading .rss li a { color: #636363; text-decoration: none; font-weight: bold; margin: 0 3px; } .tape-heading .rss li a:hover { border-bottom: 1px dashed #636363; } .tape-heading .rss li:after { color: #636363; content: '|'; } .tape-heading .rss li:last-child:after { content: none; } .tape-list { position: relative; margin-top: 5px; } .tape-list .tape-heading { /* position: absolute; */ width: 100%; /* left: 0; */ /* right: 0; */ margin: 0 auto; z-index: 1; } .tape-news { position: relative; margin-bottom: 13px; /* border-bottom: 1px solid #aeaeae; */ clear: both; margin: 0 0 13px; } .tape-news .anythingSlider { /*background: url(images/shadow_left.png) -40px top no-repeat, url(images/shadow_right.png) 869px top no-repeat;*/ } .tape-news .tape-news-in { position: relative; width: 225px; height: 280px; margin-top: 30px !important; } .tape-news .tape-news-in li .inner { padding: 10px; padding-top: 0px; /* width: 235px !important; */ margin-left: 0px; } .tape-news .tape-news-in li .inner a { color: #636363; } .tape-news .tape-news-in li .inner .image .zoom { /* height: 150px; */ margin-bottom: 20px; z-index: 101; } .tape-news .tape-news-in li .inner .image .zoom img { border: 5px solid #fff; -webkit-box-shadow: 0 0 4px rgba(90, 90, 90, 0.61); box-shadow: 0 0 4px rgba(90, 90, 90, 0.61); padding: 5px; background: rgba(256, 256, 256, 255); transition: all 0.3s; width: 200px; height: 130px; z-index: 101; } .tape-news .tape-news-in li .inner .image .zoom img:hover{ border: 10px solid #fff; -moz-box-shadow: 3px 4px 10px rgba(0,0,0,.41); -webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.41); box-shadow: 3px 4px 10px rgba(0,0,0,.41); width: 270px; height: 177px; margin-left:-45px; margin-top:-30px; } .tape-news .tape-news-in li .inner .desc { color: #636363; margin-top: 10px; height: 75px; position: relative; width: 205px; } .tape-news .tape-news-in li .inner .desc .date { font-size: 12px; font-weight: bold; color: #343b71; float: left; margin-right: 5px; } .tape-news .tape-news-in li .inner .desc p { margin: 0; } .tape-news .tape-news-in li .inner .desc .title { margin: 0; font-size: 15px; display: inline; color: #262c60; float: left; text-transform: uppercase; } .tape-news .tape-news-in li .inner .desc .title:before { color: #636363; /* content: '|'; */ padding-right: 5px; } .tape-news .tape-news-in li .inner .desc .more { font-size: 11px; font-style: italic; text-decoration: none; color: #636363; position: absolute; right: 0px; /*bottom: 0px;*/ } .tape-news .tape-news-in li .inner .desc .more:after { content: '>>'; padding-left: 5px; font-size: 9px; font-weight: normal; } .tape-news .tape-news-in li .inner .desc .more:hover { font-weight: bold; } .tape-news .arrows .left, .tape-news .arrows .right{display: block;border: 0;font: 0 / 0 a;text-shadow: none;color: transparent;background-color: transparent;width: 47px;/* height: 230px; */cursor: pointer;position: absolute;top: 24px;z-index: 10;} .tape-news .arrows .left { background: url(images/to_left_new.jpg) 50% 37% no-repeat #fff; left: 0; height: 220px; } .tape-news .arrows .right { background: url(images/to_right_new.jpg) 50% 37% no-repeat #fff; right: 0; height: 220px; } .tape-news .anythingSlider { /* width: 924px !important; */ /* height: 265px !important; */ overflow: hidden; padding: 0 42px; } .list-info { width: 880px; margin: 0px auto 0; padding-bottom: 5px; } .list-info li { width: 270px; } /*.list-info li:hover img{ opacity: 0.5; filter: alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom: 1; } */ .list-info li img[src*="_h"]{ display: none; } .list-info li:hover img{ display: none; } .list-info li:hover img[src*="_h"]{ display: block; } .list-info li a { display: block; float: left; margin-right: 3px; } .list-info li .title { margin: 0; margin-top: 10px; line-height: 18px; } .list-info li .title.red { color: #c92328; } .list-info li .title.blue { color: #343b71; } .logo { background: url(images/logo_new.png) 0 30% no-repeat; position: relative; display: block; width: 33%; height: 55px; margin-left: 0; background-size: 70%; text-decoration: none !important; } .logo span { border: 0; text-shadow: none; background-color: transparent; color: #676767; font-size: 14px; font-weight: 500; line-height: 85px; text-transform: uppercase; text-decoration: none; } .logo .mark { float: right; } .wrapper { width: 985px; margin: 0 auto; } ul { list-style: none; padding: 0; margin: 0; } .horizontal li { display: inline-block; *display: inline; *zoom: 1; } .table { width: 100%; } .table td { vertical-align: top; } .footer{ background: #fff; } .footer .footer-colour { background: #262C60; padding: 5px 0 20px; } .footer .footer-colour a { color: #aaa; text-decoration: none; } .footer .footer-colour a:hover { color: #fff; text-decoration: underline; } .footer .footer-colour .table td { vertical-align: top; padding: 0 0 0 20px; width: 180px; } .footer .footer-colour .table td h3 { color: #fff; margin-bottom: 2px; } .footer .footer-colour .table td ul li { margin-bottom: 2px; } .footer .footer-default { padding: 18px 0 13px; color: #aaa; font-weight: bold; } .footer .footer-default .copyright { float: left; margin-left: 20px; } .footer .footer-default .copyright .logo_group { border: 0; font: 0 / 0 a; text-shadow: none; color: transparent; background-color: transparent; background: url(images/logo_group.png) 0 0 no-repeat; display: block; width: 127px; height: 17px; float: left; margin-right: 40px; } .footer .footer-default .copyright .copy { vertical-align: middle; font-weight: bold; } .footer .footer-default .footer-menu { float: right; font-weight: bold; } .footer .footer-default .footer-menu li { float: left; } .footer .footer-default .footer-menu li a { color: #686868; text-decoration: none; padding: 0 3px; } .footer .footer-default .footer-menu li:after { color: #686868; content: '|'; } .footer .footer-default .footer-menu li:last-child:after { content: none; } .union { clear: both; } .union:after { display: block; content: ''; clear: both; } .union .left { float: left; } .union .right { float: right; } .social .vk, .social .fb-link, .social .ok, .social .tw, .social .gp, .social .yt { background: url(images/soc.png); } .social .vk a, .social .fb-link a, .social .ok a, .social .tw a, .social .gp a, .social .yt a { display: block; width: 22px; height: 22px; border: 0; font: 0 / 0 a; text-shadow: none; color: transparent; background-color: transparent; } .social .vk { background-position: 0px -128px; } .social .fb-link { background-position: 0px 0px; } .social .ok { background-position: 0px -64px; } .social .tw { background-position: 0px -96px; } .social .gp { background-position: 0px -32px; } .social .yt { background-position: 0px -160px; } .lang .kz, .lang .ua, .lang .ru, .lang .en { background: url("images/qaz.png"); } .lang .kz a, .lang .ua a, .lang .ru a, .lang .en a { display: block; width: 22px; height: 22px; border: 0; font: 0 / 0 a; text-shadow: none; color: transparent; background-color: transparent; } .lang .kz { background-position: 0px -32px; } .lang .ua { background-position: 0px -64px; } .lang .ru { background-position: 0px -96px; } .lang .en { background-position: 0px 0px; } .list { text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom: 1; } .list li { display: inline-block; vertical-align: top; text-align: left; line-height: normal; font-size: 14px; } .list:after { display: inline-block; width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; } .anythingSlider .anythingWindow .panel { overflow: inherit; /* padding-left: 20px; */ } .slider .arrows{ display: none; } .sidebar{ background: #f4f4f4 url(images/sidebar_bg.jpg) bottom center repeat-x ; min-height: 600px; float: left; width: 220px; } .sidebar .menu_side{ font-size: 14px; font-weight: normal; padding: 12px 15px; } .sidebar .menu_side li{ margin: 8px 0; } .sidebar .menu_side li ul{ font-size: 12px; margin: 15px 0 15px 15px; } .sidebar .menu_side a{ color: #686868; text-decoration: none; } .sidebar .menu_side a:hover{ color: #363d75; } .sidebar .menu_side a.selected{ color: #363d75; font-weight: bold; } .content{ margin-left: 220px; padding-top: 20px; padding-left: 20px; } #container{ margin-left: -15px; } #container .item { margin: 0 0 15px 15px; width: 225px; } #container .item .more{ color: #000; text-decoration: none; font-size: 9px; vertical-align: baseline; } .news-list .item-news .in{ font-size: 12px; border: 1px solid #bcbcbc; padding: 7px; box-shadow: 0 0 3px rgba(90,90,90,.61); -moz-box-shadow: 0 0 3px rgba(90,90,90,.61); -webkit-box-shadow: 0 0 3px rgba(90,90,90,.61); } .news-list .item-news .in .image img{ width: 100%; } .news-list .item-news .in .desc{ color: #636363; margin-top: 5px; } .news-list .item-news .in .desc .meta{ font-size: 12px; font-weight: bold; } .news-list .item-news .in .desc .date{ color: #343b71; } .news-list .item-news .in .desc .city{ margin: 0; color: #636363; } .news-list .item-news .in .desc .title{ font-size: 12px; margin: 0 0 15px; } .news-list .item-news .in .desc .city:before { color: #636363; content: '|'; padding: 0 5px; } .content .heading{ margin: 0 25px 20px; } .content .heading .rss{ float: right; margin-top: 7px; } .content .heading .rss .rss-stream{ background: url(images/rss_mini.jpg) 0 0% no-repeat; padding-left: 15px; } .content .heading .rss li { float: left; } .content .heading .rss li a{ color: #636363; text-decoration: none; font-weight: bold; margin-right: 3px; } .content .heading .rss li:after{ color: #636363; content: '|'; margin-right: 3px; } .content .heading .rss li:last-child:after{ content: none; } .content .heading .title{ font-size: 22px; font-weight: normal; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 25px 0; } .breadcrumbs{ overflow: hidden; *zoom: 1; } .breadcrumbs li{ float: left; } .breadcrumbs li a{ color: #686868; text-decoration: none; margin-right: 6px; } .breadcrumbs li:after{ content: '>'; margin-right: 6px; } .breadcrumbs li:last-child:after{ content: none; } .button_load{ text-align: center; margin-bottom: 25px; } .button_load a{ position: relative; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase; text-decoration: none; color: #555555; border: 1px solid #9e9e9e; padding: 7px 23px; border-radius: 10px; box-shadow: inset 0 0 3px rgba(183,183,183,.75); -moz-box-shadow: inset 0 0 3px rgba(183,183,183,.75); -webkit-box-shadow: inset 0 0 3px rgba(183,183,183,.75); } .button_load a:before, .button_load a:after{ position: absolute; display: inline-block; left: 50%; margin-left: -10px; content: ''; } .button_load a:before { border-left: 10px solid transparent; border-top: 10px solid #eee; border-right: 10px solid transparent; border-top-color: #9e9e9e; bottom: -10px; } .button_load a:after{ border-left: 10px solid transparent; border-top: 10px solid #fff; border-right: 10px solid transparent; bottom: -9px; } /*.isotope .isotope-item { -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -ms-transition-property: -ms-transform,opacity; -o-transition-property: top,left,opacity; transition-property: transform,opacity; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }*/ .region-dropdown{ font: normal 14px 'Arial'; text-transform: none; background: #c5c5c5; position: absolute; top: 74px; left: 50%; margin-left: -273px; padding-bottom: 25px; width: 675px; padding: 30px 46px; z-index: 100; display: none; } .region-dropdown .close{ background: url(images/close_dropdown.png) 0 0 no-repeat; position: absolute; top: 12px; right: 15px; display: block; width: 10px; height: 10px; cursor: pointer; } .region-dropdown .region{ float: left; padding: 0; width: 25%; list-style: none; } .region-dropdown .region li{ margin-bottom: 12px; } .region-dropdown .region a:hover{ cursor: pointer; color: #31386c; border-bottom: 1px solid #888a9c; } .navz { background-color: #1b1464; -webkit-box-shadow: inset 0 0 4px 0 rgba(97, 104, 165, 0.86); box-shadow: inset 0 0 4px 0 rgba(97, 104, 165, 0.86); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDQlIiB4Mj0iNTAlIiB5Mj0iLTQuMDAwMDAwMDAwMDAwMDElIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzg2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzEzODZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMzZTQ2ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTQ2ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -webkit-linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); background-image: -webkit-gradient(linear, bottom left, top left, from(#31386c), color-stop(50.13%, #31386c), color-stop(52.16%, #3e4685), to(#3e4685)); background-image: linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); position: relative; font: normal 16px Arial; } .navz ul { font-size: 0; display: table; } .navz ul .pmez { font-size: 16px; } .navz ul .pmez .apmez { color: #fff; text-decoration: none; display: block; padding: 10px 1px; border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(36, 41, 79, 0.7); } .navz ul .pmez .apmez:hover { text-shadow: 0px 0px 2px #fff; background: rgb(0,0,0); background: transparent\9; background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); zoom: 1; } .navz ul li a:hover:nth-child(n) { filter: none; } .navz ul li:first-child a { border-left: none; } .navz ul li:last-child a { border-right: none; } .navz .search { position: absolute; top: 50%; right: 20px; margin-top: -13px; } .navz .search .search-modal { display: block; color: #abadc4; text-decoration: none; } .navz .search .search-modal .magnifer { background: url(images/magnifer.png) 0 0 no-repeat; display: block; width: 28px; height: 28px; float: left; margin-right: 10px; } .navz .search .search-modal span { margin-top: 4px; display: inline-block; } .nav .search .search-modal:hover { color: #fff; } .navz .search .search-modal:hover .magnifer { background: url(images/magnifer.png) -32px 0 no-repeat; } .slider-in{width:695px;height:285px;list-style:none;overflow-y:auto;overflow-x:hidden}.anythingSlider-default{margin:0 auto}.anythingSlider-default .anythingControls a span{visibility:visible}.anythingSlider-default .arrow{top:50%;position:absolute;display:block}.anythingSlider-default .anythingControls .anythingNavWindow{overflow:hidden;float:left}.as-oldie .anythingSlider-default .arrow{top:30%}.as-oldie .anythingSlider-default .arrow a{margin:0}.as-oldie .anythingSlider-default .anythingControls li{margin-left:3px}.as-oldie .anythingSlider-default .anythingControls a{margin:0}.as-oldie .anythingSlider-default .anythingNavWindow{margin:0 2px}.as-oldie .anythingSlider-default .anythingNavWindow li{padding:3px 0 0 0}.anythingSlider{display:block;/* overflow:visible !important; */position:relative;/* height:322px !important */}.anythingSlider .anythingWindow{/* overflow:hidden; */position:relative;width:100%;height:100%;}.anythingSlider .anythingBase{background:transparent;list-style:none;position:absolute;overflow:visible !important;top:0;left:0;margin:0;padding:0}.anythingSlider .arrow span{display:block;visibility:hidden}.anythingSlider .arrow.disabled{display:none}.anythingSlider .panel{position:relative;background:transparent;display:block;overflow:hidden;float:left;padding:0;margin:0}.anythingSlider .panel a{display:block}.anythingSlider .vertical .panel{float:none}.anythingSlider .fade .panel{float:none;position:absolute;top:0;left:0}.anythingSlider.rtl .anythingWindow{direction:ltr;unicode-bidi:bidi-override}.anythingSlider.rtl .anythingControls ul{float:left}.anythingSlider.rtl .anythingControls ul a{float:right}.anythingSlider,.anythingSlider .anythingWindow,.anythingSlider .anythingControls ul a,.anythingSlider .arrow a,.anythingSlider .start-stop{transition-duration:0s;-o-transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s} #km_filter input[type="submit"], #km_filter select { border: 1px solid #cccccc; height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 12px; color: #686868; background: #ffffff; } #km_filter input.disabled, #km_filter select.disabled { border: 1px solid #dddddd; height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 12px; color: #cccccc; background: #ffffff; } div.filter_input { padding: 0 26px 30px 0; font-size: 12px; font-weight: bold; color: #686868; float: left; width: 180px; height: 40px; } div.filter_input select { width: 180px; margin-top: 5px; } input.filter_btn { background: #363d74 !important; border: 0px solid #cccccc !important; height: 25px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; font-size: 12px; font-weight: bold !important; padding: 3px 40px !important; margin: 0 10px 0 0 !important; color: #ffffff !important; } input.filter_btn.disabled { background: #cccccc !important; border: 0px solid #cccccc !important; height: 25px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; font-size: 12px; font-weight: bold !important; padding: 3px 40px !important; margin: 0 10px 0 0 !important; color: #919191 !important; } #content-left.center #container { width: 930px !important; } fieldset legend { font-size: 13px; text-align: center; padding: 0 10px; } fieldset { margin: 30px 0; background: url("images/search-background.png") repeat-x scroll left bottom #FFFFFF !important; border: 1px solid #cccccc; padding: 15px 0 15px 15px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; } #km_sku_filter input, #km_sku_filter select { border: 1px solid #cccccc; height: 20px; width: 220px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 12px; color: #686868; background: #ffffff; } #km_sku_filter input.disabled, #km_sku_filter select.disabled { border: 1px solid #dddddd; height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 12px; color: #cccccc; background: #ffffff; } #km_sku_filter div.filter_input { padding: 0 0 30px 0; font-size: 12px; font-weight: bold; color: #686868; float: left; width: 220px; height: 40px; } .filter_btn { background: #363d74 !important; border: 0px solid #cccccc !important; height: 25px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; font-size: 11px; font-weight: bold !important; padding: 3px 40px !important; margin: 0 10px 0 0 !important; color: #ffffff !important; width: auto !important; } input.filter_btn.disabled { background: #cccccc !important; border: 0px solid #cccccc !important; height: 25px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; font-size: 12px; font-weight: bold !important; padding: 3px 40px !important; margin: 0 10px 0 0 !important; color: #919191 !important; } /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } .title_page { color: #2b2b2b; float: left; font-family: "GillRegular",Arial,Verdana,Tahoma,Helvetica,sans-serif; font-size: 32px; font-weight: normal; } .title_inner { font-size: 14px; margin: 15px 0 5px; } .paragraph { margin: 0 0 15px; } /* div.body {background:url("images/site-background.jpg.png") no-repeat scroll center top rgba(0, 0, 0, 0)} */ .tape-news .tape-news-in li .inner .desc p { height: 45px; margin: 0; } @media screen and (max-width: 1100px) { .search_block_wrap { min-width: 860px; } .search_block_wrap #km_sku_filter input, #km_sku_filter select { width: 160px; } .search_block_wrap #km_sku_filter { width: 180px !important; height: 231px !important; } .search_block_wrap #km_sku_filter div.filter_input { width: 190px; } .search_block_wrap .sku-data-table { height: 218px !important; } } #section-header img#f-image-section:hover { opacity: 0.8; cursor:pointer; } .menu-container{ background-color: #202b62; /* -webkit-box-shadow: inset 0 0 4px 0 rgba(97, 104, 165, 0.86); */ /* box-shadow: inset 0 0 4px 0 rgba(97, 104, 165, 0.86); */ /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDQlIiB4Mj0iNTAlIiB5Mj0iLTQuMDAwMDAwMDAwMDAwMDElIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzg2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzEzODZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMzZTQ2ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTQ2ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); */ /* background-image: -webkit-linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); */ background-image: -webkit-gradient(linear, bottom left, top left, from(#31386c), color-stop(50.13%, #31386c), color-stop(52.16%, #3e4685), to(#3e4685)); background-image: linear-gradient(bottom, #31386c -4%, #31386c 50.13%, #3e4685 52.16%, #3e4685 104%); } .banner-product{margin: 10px 0;} .menu-container .wrapper { position: relative; } .callback-line { padding: 5px 20px; } .callback-line a{ color:#fff; font-size: 13px; } /* Added 04/02/2017 */ body { font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 } @-webkit-keyframes collections-animation { from { opacity: .4 } to { opacity: .999 } } @-moz-keyframes collections-animation { from { opacity: .4 } to { opacity: .999 } } @-o-keyframes collections-animation { from { opacity: .4 } to { opacity: .999 } } @keyframes collections-animation { from { opacity: .4 } to { opacity: .999 } } .collections { margin: 0 0 0 -4px; width: 994px } .collections-inner { margin: 4px 0; display: inline-block; width: 100%; vertical-align: top } .collections-item { height: 195px; display: table; float: left; font-size: 20px; border: 4px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .collections-item:nth-child(5n-4), .collections-item:nth-child(5n-3), .collections-item:nth-child(5n-2) { width: 33.33% } .collections-item:nth-child(5n-1), .collections-item:nth-child(5n) { width: 50% } .collections-item-bg img { width: 100%; height: 195px; object-fit: cover; } .collections-item__title { display: table-cell; background: rgba(38, 44, 96, 0); color: #fff; height: 100%; } .collections-item__title--left-bottom { vertical-align: bottom; padding-right: 22px } .collections-item__title--right-bottom { vertical-align: bottom; text-align: right; padding-left: 22px } .collections-item__title--left-top { vertical-align: top; padding-right: 22px } .collections-item__title--right-top { vertical-align: top; text-align: right; padding-left: 22px } .collections-item__inner-text { background: rgba(38, 44, 96, 0.83); display: inline-block; line-height: 1.3; padding: 12px 25px; margin: 22px 0 } /*.collections-item:hover .collections-item__title {*/ /*-webkit-animation: collections-animation ease 0.3s;*/ /*-moz-animation: collections-animation ease 0.3s;*/ /*-o-animation: collections-animation ease 0.3s;*/ /*animation: collections-animation ease 0.3s;*/ /*vertical-align: middle;*/ /*display: table-cell;*/ /*text-align: center;*/ /*padding: 0;*/ /*background: rgba(38, 44, 96, 0.83)*/ /*}*/ /*.collections-item:hover a {*/ /*color: #fff;*/ /*text-decoration: none;*/ /*}*/ /*.collections-item:hover .collections-item__inner-text {*/ /*margin: 0;*/ /*font-size: 33.6px;*/ /*background: transparent*/ /*}*/ .simple-nav { border-top: 1px solid #e2e3ea; border-bottom: 1px solid #afb1c4; margin: 21px 0; display: inline-block; width: 985px; vertical-align: top; max-width: 1000px } .simple-nav__ul { list-style: none; padding: 0; margin: 0; font-size: 0; text-align: justify; display: inline-block; vertical-align: top; border-top: 1px solid #afb1c4; border-bottom: 1px solid #e2e3ea; width: 100%; cursor: default } .simple-nav__ul:after { content: ''; display: inline-block; width: 100%; height: 1px } .simple-nav__li { display: inline; font-size: 13.9px } .simple-nav__li:first-child .simple-nav__a { padding-left: 0 } .simple-nav__li:last-child .simple-nav__a { padding-right: 0 } .simple-nav__li.active .simple-nav__a { opacity: 1; text-decoration: underline } .simple-nav__a { color: #262c60; text-decoration: none; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 0 7px 0; -webkit-transition-duration: .15s; -moz-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; opacity: 1 } .simple-nav__a:hover, .simple-nav__a:focus { color: #262c60; text-decoration: none; opacity: .8 } .services { margin: 0 0 28px -4px; border-bottom: 1px solid #afb1c4; font-weight: 300; max-width: 994px } .services-inner { margin: 4px 0 0 0; display: inline-block; padding-bottom: 28px; width: 100%; vertical-align: top; border-bottom: 1px solid #e2e3ea; } .services-item { display: table; float: left; font-size: 20px; border: 4px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33%; height: 300px } .services-item:hover a { text-decoration: none; color: #262c60; } .services-item:nth-child(4n-1) { height: 600px } .services-item:nth-child(4n) { width: 66.66%; margin-top: -300px } .services-item__caption { display: table-cell; color: #262c60; text-align: center; /*padding: 26px;*/ text-decoration: none; height:100%; } .services-item__caption--center { vertical-align: middle } .services-item__caption--center .services-item__title-text { /*height: 83%*/ } .services-item__caption--bottom .services-item__title-text{ align-self: flex-end; } .services-item__caption--statistics { line-height: 1 } .services-item__caption--statistics .services-item__title-text { font-size: 30px; text-transform: uppercase } .services-item__caption--statistics .services-item__subtitle-text { text-transform: none; font-size: 20px } .services-item__caption--statistics .services-item__subtitle-text:before { content: ''; width: 137px; height: 14px; display: block; margin: 0 auto 5px; background: url(./images/statistics-line.png) } .services-item-container{ display: flex; } .services-item__caption--big-text .services-item__title-text { font-size: 49px; text-transform: uppercase; } .services-item__title-text { /*background: rgba(255, 255, 255, 0.83);*/ display: block; margin: 0 auto; line-height: 1.3; max-width: 280px; width: 100%; /*padding: 8px 0 11px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 20px; align-self: center; } .services-item__caption--bottom .services-item__title-text{ margin-bottom: 25px; } .services-item__title-text-inner { /*display: table-cell;*/ /*vertical-align: middle*/ padding: 8px 0 11px; background: rgba(255, 255, 255, 0.83); } .services-item__subtitle-text { font-size: 14px; display: block; margin-top: 8px } .services-item__statistics { font-size: 120px; line-height: 100px; display: block } /*-----------------------------------------------------------------------*/ /* #header #top-menu table { margin-left: 20px; } */ .product-search hr { width: 490px; float: left; margin-left: 0px; } .product-section { overflow: hidden; width: 282px; float: left; margin: 0 8px 0 20px; padding: 0 0 100px 0; background: url("images/central-background.jpg") repeat-x scroll center top #FFFFFF; } .product-section strong { color: #2B2B2B; font-size: 18px; display: inline-block; margin: 27px 0 12px 17px; } .product-section img { width: 100%; } table.two-columns td.info hr { border-top: 2px solid #cccccc; font-weight: bold; margin: 0 0 15px 0; } table.two-columns td.info ol { margin: 10px 0 0 19px; } table.two-columns td.info li { font-weight: normal; margin: 10px 0; } table.two-columns td.info li a:link, table.two-columns td.info li a:visited, table.two-columns td.info li a:active { color: #686868; } table.two-columns td.info li a:hover { color: #363d75; } hr.contacts { border: 0px; width: 160px; border-bottom: 1px solid #cccccc; margin: 30px 0; } #back-top a:hover span { background-color: #777; } #hide-menu{display: none;} div.catalog-section table { width: 100%; } div.catalog-section table td { } .gallery-item { width: 153px; height: 120px; margin: 0 16px 16px 0; } .gallery-item td { text-align: center; vertical-align: middle; } .page-container { overflow: hidden; display: none; height: 0px; position: relative; } ul#pages { height: 30px; } ul#pages li { display: inline-block; float: left; list-style: none; padding: 0 20px 0 0; } ul#pages li.selected { font-weight: bold; } .jcarousel-skin-km .jcarousel-container { } .jcarousel-skin-km .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-km .jcarousel-container-horizontal { /* width: 995px; padding: 35px 10px;*/ width: 645px; height: 365px; } .jcarousel-skin-km .jcarousel-container-vertical { width: 75px; height: 245px; } .jcarousel-skin-km .jcarousel-clip { overflow: hidden; } .jcarousel-skin-km .jcarousel-clip-horizontal { width: 645px; height: 365px; } .jcarousel-skin-km .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-km .jcarousel-item { width: 645px; height: 365px; } .jcarousel-skin-km .jcarousel-item-horizontal { margin: 0; } .jcarousel-skin-km .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 0; } .jcarousel-skin-km .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-km .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-km .jcarousel-next-horizontal { position: absolute; top: 157px; right: 0px; width: 25px; height: 51px; cursor: pointer; background: transparent url(/images/gallery-arrow-right.png) no-repeat 0 0; } .jcarousel-skin-km .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(/images/gallery-arrow-left.png); } .jcarousel-skin-km .jcarousel-next-horizontal:hover, .jcarousel-skin-km .jcarousel-next-horizontal:focus { /* background-position: -32px 0;*/ } .jcarousel-skin-km .jcarousel-next-horizontal:active { /* background-position: -64px 0;*/ } .jcarousel-skin-km .jcarousel-next-disabled-horizontal, .jcarousel-skin-km .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-km .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-km .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-km .jcarousel-prev-horizontal { position: absolute; top: 157px; left: 0px; width: 25px; height: 51px; cursor: pointer; background: transparent url(/images/gallery-arrow-left.png) no-repeat 0 0; } .jcarousel-skin-km .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(/_Images/arrow_darkblue_right.png); } .jcarousel-skin-km .jcarousel-prev-horizontal:hover, .jcarousel-skin-km .jcarousel-prev-horizontal:focus { /* background-position: -32px 0; */ } .jcarousel-skin-km .jcarousel-prev-horizontal:active { /* background-position: -64px 0; */ } .jcarousel-skin-km .jcarousel-prev-disabled-horizontal, .jcarousel-skin-km .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-km .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-km .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-km .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-km .jcarousel-next-vertical:hover, .jcarousel-skin-km .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-km .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-km .jcarousel-next-disabled-vertical, .jcarousel-skin-km .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-km .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-km .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-km .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-km .jcarousel-prev-vertical:hover, .jcarousel-skin-km .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-km .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-km .jcarousel-prev-disabled-vertical, .jcarousel-skin-km .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-km .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-km .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } #elements-list{ position: relative; } .edit-button{margin-top: 25px;} .edit-button a { background: #363d75 !important; color: #ffffff !important; font-size: 14px; font-weight: bold; padding: 5px 10px; } .product-item em { display: block; margin-top: -8px; } table#top-navigation-line, table#bottom-navigation-line { margin: 35px 0; width: 100%; } #top-navigation-line td.mode { font-size: 12px; width: 160px; vertical-align: bottom; text-decoration: none; } #top-navigation-line td.mode a:link { text-decoration: none; } #top-navigation-line td.count, #bottom-navigation-line td.count { padding: 0 0 3px 0; width: 234px; display: block; border-bottom: 1px solid #CCCCCC; font-size: 14px; font-weight: bold; text-align: left; } #bottom-navigation-line td.count { width: 200px !important; } #top-navigation-line td.pages, #bottom-navigation-line td.pages { font-size: 12px; text-align: right; vertical-align: bottom; } #top-navigation-line td.mode a:link, #top-navigation-line td.mode a:visited, #top-navigation-line td.mode a:active, #top-navigation-line td.pages a:link, #top-navigation-line td.pages a:visited, #top-navigation-line td.pages a:active, #bottom-navigation-line td.pages a:link, #bottom-navigation-line td.pages a:visited, #bottom-navigation-line td.pages a:active { color: #717171; } #top-navigation-line td.mode a:hover, #top-navigation-line td.pages a:hover, #bottom-navigation-line td.pages a:hover { text-decoration: underline !important; color: #363d75; } #top-navigation-line td.pages .left, #bottom-navigation-line td.pages .left { /* background: url('/images/single-arrow-left.png') no-repeat center left; */ padding-left: 10px; margin-left: 0px; display: inline-block; color: #717171; } #top-navigation-line td.pages .right, #bottom-navigation-line td.pages .right { /* background: url('/images/single-arrow-right.png') no-repeat center right; */ padding-right: 10px; display: inline-block; color: #717171; } #bottom-navigation-line td.pages a.page:link, #bottom-navigation-line td.pages a.page:hover, #bottom-navigation-line td.pages a.page:visited, #bottom-navigation-line td.pages a.page:active { padding: 1px 3px; margin: 0 -2px; display: inline-block; } #bottom-navigation-line td.pages a.selected:link, #bottom-navigation-line td.pages a.selected:visited, #bottom-navigation-line td.pages a.selected:active { background: #363d75; color: #ffffff; } #bottom-navigation-line td.pages a.selected:hover { background: #363d75; color: #ffffff; text-decoration: none; } .smartfilter{ position: relative; } .fade-filter { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.72); margin-left: -15px; padding: 0 7px 14px; } .filter_input select option.disabled { color: #a9a9a9; } #main-search-form input.txt, #main-search-form select.txt { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; color: #686868; font-size: 12px; height: 20px; width: 400px; } #main-search-form input.btn { background: none repeat scroll 0 0 #363D74 !important; border: 0 solid #CCCCCC !important; border-radius: 2px 2px 2px 2px !important; color: #FFFFFF !important; font-size: 12px; font-weight: bold !important; height: 25px !important; margin: 10px 10px 10px 0 !important; padding: 3px 40px !important; width: auto !important; } #search-results { /*margin: 0 0 0 90px;*/ } #search-results p span.title { font-size: 14px; font-weight: bold; } #search-results p a:link, a:active { color: #676767; } #search-results p a:visited { color: #afafaf; } #search-results p a:hover { color: #363D74; } a.search-page-params { border-bottom: 1px dashed blue; text-decoration: none; } div.search-page-params { margin-top: 6px; } .mode.hide{ display: none; } a.collections-item__title.show-on-hover { display: none; } .item-is { float: left; margin: 0 9px 15px 0; width: 208px; vertical-align: top; } .news-tr { display: none; } .page1 { display: block; } .news-list .item-news .in { border: 1px solid #bcbcbc; box-shadow: 0 0 3px rgba(90, 90, 90, 0.61); font-size: 12px; padding: 7px; } .zasoln { position: inherit; } div.accordion div { display: none; border-bottom: 3px solid #CCCCCC; display: block; margin-bottom: 7px; padding: 10px 0 10px 40px; } div.accordion h3 { font-size: 12px; font-weight: normal; margin: 1px 0 5px 0; padding: 7px 0; } div.accordion h3 a:link, div.accordion h3 a:visited, div.accordion h3 a:active { color: #555555 !important; } div.accordion h3 a:hover { color: #363d75 !important; } div.accordion h3.selected { border-top: 1px solid #CCCCCC; margin-bottom: 0; } div.accordion h3.selected a:link, div.accordion h3.selected a:visited, div.accordion h3.selected a:active { color: #555555 !important; font-weight: bold; text-decoration: none; cursor: default; } div.accordion h3.selected a:hover { color: #555555 !important; font-weight: bold; text-decoration: none; cursor: default; } /* line */ .bx_catalog_line{margin-bottom: 30px;} .bx_catalog_line .bx_catalog_line_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a{ color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul{padding: 0;} .bx_catalog_line .bx_catalog_line_ul li{ margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important} .bx_catalog_line .bx_catalog_line_img{ position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border:1px solid #ccc; border-radius: 2px; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a{ color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;} .bx_catalog_line .bx_catalog_line_title span{font-size: 16px} .bx_catalog_line .bx_catalog_line_description{ color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width:639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img{ margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;} .bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;} } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* text */ .bx_catalog_text{margin-bottom: 30px;} .bx_catalog_text .bx_catalog_text_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a{ color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul{padding: 0;} .bx_catalog_text .bx_catalog_text_ul li{ float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important} .bx_catalog_text .bx_catalog_text_title{ margin: 0; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_text .bx_catalog_text_title a{ color: #4c7da6; white-space: nowrap; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none} .bx_catalog_text .bx_catalog_text_title span{font-size: 12px;} @media (max-width:639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;} } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* tile */ .bx_catalog_tile{margin-bottom: 30px;} .bx_catalog_tile .bx_catalog_tile_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a{ color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul{padding: 0;} .bx_catalog_tile .bx_catalog_tile_ul li{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width:12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;} .bx_catalog_tile .bx_catalog_tile_img{ position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border:1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_tile .bx_catalog_tile_title{ margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a{ color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;} .bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;} /*2*/ @media (max-width:980px){ .bx_catalog_tile .bx_catalog_tile_ul li{width:20%;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;} } /*3*/ @media (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;} } @media (min-width:480px) and (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;} } /*4*/ @media (max-width:479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_img{ width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;} } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* list */ .bx_sitemap{margin-bottom: 30px;} .bx_sitemap .bx_sitemap_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a{ color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li{ padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before {content: '' !important} .bx_sitemap .bx_sitemap_li_title{ display: inline-block; margin: 0; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; margin-bottom: 10px; } .bx_sitemap .bx_sitemap_li_title a{ color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none} .bx_sitemap .bx_sitemap_li_title span{font-size: 11px;} @media (max-width:639px) { .bx-touch .bx_sitemap .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;} } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #projects-carousel { } table#gallery-description { margin-top: 5px; border: 0px !important; height: 55px; } td#gallery-counter { width: 110px; font-size: 16px; } td#gallery-text { font-size: 12px; } #projects-previews { } #projects-previews li { display: inline-block; float: left; border: 6px solid #ffffff; background: #aaaaaa; } #projects-previews li.selected { border: 6px solid #cfcfcd; background: #aaaaaa; } #projects-previews li a { display: inline-block; } div.proj_detail { margin: 0 0 50px 0; } .cart-line{position: absolute;top: 50%;right: 61px;margin-top: -8px;} .cart-line span{ background: url('images/cart.png') no-repeat; padding: 5.5px 17.5px; margin-right: 7px; opacity: 0.5; } .cart-line a{ text-decoration: none; } .cart-line:hover span{ opacity: 1; } .cart-line a{color: #fff;} span.price { float: right; padding-top: 1px; font-size: 14px; color: #363d75; font-weight: 600; height: 16px; margin-top: -3px; } .display-table{ display: table; height: 22px; width: 100%; padding-bottom: 2px !important; } span.price.fullprice { width: 100%; text-align: right; margin-top: 12px; font-size: 14px; } .custom-button{ background: #363d74 !important; border: 0px solid #cccccc !important; height: 25px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; font-size: 12px; font-weight: bold !important; padding: 3px 40px !important; margin: 0 10px 0 0 !important; color: #ffffff !important; width: auto !important; } .in-cart{ background-color: yellow !important; color: #363d74 !important; } .custom-input{ border: 1px solid #cccccc; height: 40px; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; font-size: 12px; color: #686868; background: #ffffff; } .order-btns { margin-top: 20px; } .price-block { font-size: 23px; margin-top: 12px; } .new-price+.price{ text-decoration: overline; } .element-props{ margin: 28px 0 30px; padding: 20px 20px 28px; font-size: 15px; border-radius: 4px; background: #f9f9f9; } .catalog-detail, .catalog-detail>table{ min-width: 900px; } .catalog-detail .left, .catalog-detail .right{ vertical-align: top; } .catalog-detail .right { padding-left: 1%; } .catalog-detail h2{ margin-top: 0; } .catalog-detail .custom-button{ font-size: 15px; padding: 10px 20px !important; } .catalog-detail img { max-width: 100%; } .catalog-detail .gallery-container img { max-width: 545px; } .catalog-detail .bgimage{ margin-left: 8px; width: 400px; height: 400px; background-position: center center; background-repeat: no-repeat; background-size: contain } .catalog-detail .catalog-detail-image__wrap{ margin-left: 8px; width: 400px; height: 400px; } .catalog-detail .catalog-detail-image__wrap img{ max-width: 100%; } .artnumber { font-size: 19px; } .mfeedback { font-size: 14px; width: 900px; } .fancybox-inner .mfeedback{ margin: 30px; width: 800px; } .mfeedback input, .mfeedback textarea{ margin: 10px 0; } .small-price{ font-size: 12px !important; text-align: center; float: none !important; width: 100%; margin-top: 0; } .show-grid{ background: url('images/grid.png') !important; } .collection-types{ max-width: 540px; position: relative; overflow: hidden; } .jcarousel-prev, .jcarousel-next { position: absolute; top: 27px; width: 30px; height: 98px; text-align: center; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; height: 47px; background: url(images/arrow-products.png) no-repeat; cursor: pointer; } .jcarousel-prev.inactive, .jcarousel-next.inactive { opacity: .5; cursor: default; } .jcarousel-prev { left: -34px; background-position: -40px; } .jcarousel-next { right: -33px; background-position: -110px; } .gal-container { margin: 0 35px; /* */ width: 87%; } .classindetail{ height: 132px; overflow: hidden; } .gal-container .jcarousel-clip { overflow: hidden; } .gal-none{ /* display: none; */ } .jcarousel-list{ display: block; } .gal-container li { width: 100px !important; margin: 0 23px 0 0; } .gal-container li .image{ background: #fff; text-align: center; } .popup-container, .popup-container .catalog-detail { /*width: 970px;*/ overflow: hidden; position: relative; } #km_sku_filter { margin: 23px 0 30px; } .sized{ } .popup-container .in-collection { height: 230px; width: 340px; overflow-y: auto; margin-right: 8px; } .gallery-container { text-align: center; } .fancybox-inner fieldset{ margin-top: 7px !important; } .fancybox-inner #km_sku_filter { margin-top: 0px !important; } .in-collection .product-subsection:nth-child(4n+1), .sections-list .product-subsection:nth-child(4n+1){ clear: both; } .minimize .filter_input { padding: 0 26px 10px 0; } .filter-type { /* text-align: right; */ padding-right: 20px; font-size: 9px; vertical-align: middle; font-weight: bold; float: right; width: 222px; height: 18px; margin-top: 18px; margin-left: -12px; } .filter-type input{ margin-right: 5px; vertical-align: middle; } .filter-type label { margin-left: 5px; vertical-align: middle; /* height: 23px; */ display: inline-block; } .filter_input select[disabled]{ opacity: 0.5; } .filter-type input { display: none; } .filter-type .toggle { position: relative; cursor: pointer; width: 42px; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; display: inline-block; height: 17px; margin: 0px 7px -4px; } .filter-type label { color: red; text-transform: uppercase; } .filter-type .toggle:before { position: absolute; content: ""; height: 11px; width: 11px; right: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; top: 3px; } .filter-type input:checked+.toggle{ background-color: #363d74; } .filter-type input:checked+.toggle:before{ left: initial; left: 4px; } .description-block{ clear: both; margin-top: 30px; width: 100%; display: inline-block; } .price, .price i { font-style: normal; color: red !important; } .price i{ margin-left: 4px; color: #4f4f4f !important; position: relative; padding-right: 5px; } .price i small{ font-size: 9px; font-weight: bold; position: absolute; top: 0; right: 0; } .price-block .price i small{ font-size: 11px; } .filter-buttons { text-align: right; float: right; width: 182px; height: 18px; margin-top: 18px; margin-left: -12px; padding-right: 21px; } .filter-buttons a{ padding: 3px 15px !important; } ul.selected-tree { margin: 0 0px 35px 0 !important; clear: both; display: block; position: relative; border-top: 1px solid #cccccc; padding-top: 20px; } ul.selected-tree a{ font-size: 12px !important; } .schedule { width: 33%; display: inline-block; text-align: center; color: #676767; font-size: 25px; font-weight: 100; margin-top: 14px; } .item-action { padding-bottom: 24px; display: inline-block; width: 100%; } .item-action>div { float: left; } .item-action .image { margin-right: 1%; width: 30%; } .item-action .image img{ max-width: 100%; } .item-action .desc { width: 69%; } .item-action .desc p { font-size: 13px; } .item-action .title { font-size: 26px; font-weight: 300; line-height: 1; margin: 0 0 20px; color: #4f4f4f; } .noabsolute .product-item:nth-child(3n+1){ clear: both; } .faded-filter{ /* opacity: 0.2;*/ } .faded-filter a {cursor: wait;} .wait_window_div{ display: none; } .label-collection-new{position: absolute;background: url('/local/templates/kerama/assets/images/new.png') left top no-repeat;width: 64px;height: 65px;top: -6px;left: -9px;} /*form callback*/ .form-callback{ display: none; flex-direction: column; position: absolute; z-index: 1; top: 40px; left: 200px; width: 320px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.25); } .form-callback__head{ height: 60px; display: flex; align-items: center; background: #202b62; border-radius: 3px 3px 0 0; } .form-callback__title{ display: flex; align-items: center; color: #FFFFFF; font: 19px "Open Sans CoMagic",sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); padding: 0 10px; } .form-callback__title::before{ content: ""; width: 36px; height: 36px; margin-right: 8px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 128'%3E%3Cg fill='%23fff'%3E%3Cpath d='M104.2,96.1c-1.4-1.6-2.9-3-4.4-4.4c-0.7-0.7-1.5-1.4-2.2-2.2l-6.4-6.4c-2.7-2.7-5.9-4.2-9.2-4.2c-3.3,0-6.5,1.4-9.2,4.2c-0.7,0.7-1.3,1.3-2,2c-1.5,1.5-3.1,3-4.6,4.7c-2.7-1.3-5.5-3.1-8.7-5.7c-4.2-3.4-7.8-6.8-10.9-10.5c-1.7-2-4.7-2.2-6.7-0.4c-2,1.7-2.2,4.7-0.4,6.7c3.5,4,7.5,7.9,12.1,11.6c0,0,0,0,0.1,0c4.7,3.7,8.6,6.1,12.7,7.8c0.1,0.1,0.2,0.1,0.3,0.1c1,0.3,4,1.3,6.9-1.6l0.2-0.2c1.8-2,3.7-3.9,5.7-5.8c0.7-0.7,1.4-1.3,2-2c0.6-0.6,1.6-1.4,2.6-1.4c0.9,0,1.9,0.8,2.5,1.4l6.4,6.4c0.8,0.8,1.6,1.5,2.3,2.3c1.5,1.4,2.8,2.8,4.2,4.2c0,0.1,0.1,0.1,0.1,0.1c1,1,2.1,2.6-0.1,4.8l-8,8c-1.7,1.7-3.6,2.6-6,2.8c-4.1,0.3-8.4-0.4-14.1-2.5c-9.4-3.5-18.2-8.8-27.7-16.6C30.2,89.6,21.2,78.1,14.8,65c-2.3-4.8-4.9-11.1-5.4-17.8c-0.2-3.7,0.8-6.4,3.2-8.7c1.8-1.5,3.3-3.1,4.8-4.6c0.9-1,1.8-1.9,2.8-2.8l0,0c1.9-1.8,3.4-1.8,5.2-0.1l13,13l0.1,0.1c0.6,0.5,1.2,1.3,1.2,2.2c0,0.9-0.7,1.9-1.3,2.5l-8,8c-1.8,1.8-1.8,4.8,0,6.7c1.8,1.8,4.8,1.8,6.7,0l8-8c2.7-2.7,4.1-5.9,4.1-9.3c0-3.3-1.4-6.4-4.1-8.9L32.1,24.4c-5.4-5.4-12.8-5.4-18.4-0.1c-1.1,1-2.1,2.1-3.1,3.1c-1.4,1.4-2.7,2.8-4.1,4c-0.1,0.1-0.1,0.1-0.2,0.2C1.8,35.7-0.3,41.2,0,47.8c0.6,8.3,3.6,15.7,6.3,21.2v0c7,14.4,16.8,26.9,29.3,37.4c10.3,8.6,20,14.4,30.4,18.2c3.8,1.4,9.4,3.2,15.6,3.2c0.8,0,1.7,0,2.5-0.1h0c4.6-0.4,8.6-2.3,11.9-5.5l8-8l0.1-0.1C109.4,108.8,109.3,101.3,104.2,96.1L104.2,96.1z M104.2,96.1'/%3E%3Cpath d='M102.3,64c-1.6-9.6-6.2-18.3-13.1-25.2c-6.9-6.9-15.6-11.4-25.2-13c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c7.6,1.3,14.6,4.9,20.1,10.4C88.1,51,91.7,57.9,93,65.6c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C101,69,102.8,66.5,102.3,64L102.3,64z M102.3,64'/%3E%3Cpath d='M127.9,62.8c-2.7-15.7-10.1-29.9-21.4-41.3C95.2,10.2,80.9,2.8,65.3,0.1c-2.6-0.4-5,1.3-5.5,3.9c-0.4,2.6,1.3,5,3.9,5.5c13.7,2.3,26.2,8.8,36.2,18.7c9.9,9.9,16.4,22.4,18.7,36.2c0.4,2.3,2.4,3.9,4.7,3.9c0.3,0,0.5,0,0.8-0.1C126.6,67.8,128.4,65.4,127.9,62.8L127.9,62.8z M127.9,62.8'/%3E%3C/g%3E%3C/svg%3E"); } .form-callback__body{ margin: 20px 40px; display: flex; flex-direction: column; justify-content: center; } .km-callback-request{ display: flex; flex-direction: column; position: relative; } .km-callback-request input{ padding: 9px 12px 9px; font-size: 14.5px; color: #424242; border-radius: 2px; border: 0; box-shadow: inset 0 0 2px rgba(0,0,0,0.15), inset 1px 1px 2px rgba(0,0,0,0.15); } .km-callback-request__input{ width: calc(100% - 24px); margin-bottom: 15px; } .km-callback-request__input.error{ border: 1px solid red; } .title__choose-time{ font-size: 12px; text-decoration: underline; display: block; margin-bottom: 10px; } .km-feedback-call-now{ display: flex; align-items: center; margin-bottom: 10px; } .km-feedback-call-now input{ width: 15px; height: 15px; } .km-feedback-call-now label{ margin-left: 5px; cursor: pointer; } .km-feedback-choose-date-time{ display: flex; justify-content: space-between; } .km-feedback-choose-date-time .km-feedback-choose-date ,.km-feedback-choose-date-time .km-feedback-choose-time{ width: 45%; position: relative; } .list-date{ display: none; position: absolute; width: 100%; top: calc(100% + 5px); background: #FFFFFF; border: 1px solid rgba(0,0,0,0.15); border-radius: 3px; } .list-date span{ display: block; padding: 9px 12px 9px; font-size: 14.5px; color: #424242; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.15); } .list-date span:last-child{ border-bottom: none; } .list-date span:hover{ background: rgba(0,0,0,0.05); } .km-feedback-choose-date-time input{ width: calc(100% - 24px); cursor: pointer; } .km-confirm-btn,.km-complete-btn{ margin-top: 20px; color: #fff; background: #202b62; font-size: 17px; padding: 10px 10px; border-radius: 18px; border: none; cursor: pointer; } .km-btn-modal-close{ position: absolute; top: -25px; right: 0; cursor: pointer; width: 22px; height: 22px; border: none; border-radius: 50%; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 224.512 224.512' style='enable-background:new 0 0 224.512 224.512;' xml:space='preserve'%3E%3Cg%3E%3Cpolygon style='fill:%23fff' points='224.507,6.997 217.521,0 112.256,105.258 6.998,0 0.005,6.997 105.263,112.254 0.005,217.512 6.998,224.512 112.256,119.24 217.521,224.512 224.507,217.512 119.249,112.254 '/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); } .km-btn-modal-close:hover{ background-color: rgba(0,0,0,0.15); } .timepicker{ display: none; } .timepicker.day0{ display: block; } .ui-corner-all{ cursor: pointer; } .km-callback-btn{ cursor: pointer; } .form-callback__body>.title,.form-callback__body>.comment{ text-align: center; font-size: 14px; margin-bottom: 10px; }