/* mt-css-bundle-desktop-v2 (24.08.2026) — склеєно з 5 файлів, порядок збережено. ДЖЕРЕЛА: css/jquery-ui.css, css/style.css, fonts/fonts.css, css/userpage.css, css/search.css v2: fonts.css тепер віддає woff2 першим форматом. Якщо правите котрийсь із джерел — перезберіть бандл. */ /* ===== css/jquery-ui.css ===== */ /*! jQuery UI - v1.8.24 - 2012-09-28 * https://github.com/jquery/jquery-ui * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css * Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */ /* 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:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .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%; } /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .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: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .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.24 * * 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; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; 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-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .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 { 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*/ } .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; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; 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;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .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; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .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; } .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; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .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/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; 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/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .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)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* 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: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* ===== css/style.css ===== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'Roboto'; text-decoration: none; } a { color: #191a1c; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; /* background: #ccc; */ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } b.loading_screen { position: fixed; width: 100%; height: 100%; z-index: 999999; background-color: #fff; visibility: hidden; opacity: 0; transition: all .3s ease; } b.loading_screen.active { visibility: visible; opacity: 1; } .btn, button, .button { box-sizing: border-box; background-color: #ffd200; padding: 12px 16px 10px; font-size: 14px; font-weight: bold; line-height: 26px; text-transform: uppercase; border-radius: 3px; display: inline-block; cursor: pointer; position: relative; /* overflow: hidden; */ transition: all .3s ease; filter: brightness(1.0); } .btn:hover, button:hover, .button:hover { background-color: #ffdc36; color: #408de4; } .btn.big, button.big, .button.big { min-width: 100%; } .forms input.button { color: inherit; padding: 12px 16px 10px; } /* .btn:after, button:after, .button:after { */ /* content: ""; */ /* position: absolute; */ /* top: 50%; */ /* transform: translateY(-50%); */ /* left: -100%; */ /* width: 100%; */ /* height: calc(100% + 30px); */ /* background-color: #fff; */ /* border-radius: 30%; */ /* opacity: 0.5; */ /* } */ /* .btn:hover:after, button:hover:after, .button:hover:after { */ /* -webkit-animation: .3s linear 0s 1 normal hover_btn; */ /* -moz-animation: .3s linear 0s 1 normal hover_btn; */ /* -o-animation: .3s linear 0s 1 normal hover_btn; */ /* animation: .3s linear 0s 1 normal hover_btn; */ /* } */ /* @-webkit-keyframes hover_btn { from { left: -100%; opacity: 0.5; } to { left: 100%; opacity: 0; } } */ /* @-moz-keyframes hover_btn { from { left: -100%; opacity: 0.5; } to { left: 100%; opacity: 0; } } */ /* @-o-keyframes hover_btn { from { left: -100%; opacity: 0.5; } to { left: 100%; opacity: 0; } } */ /* @keyframes hover_btn { from { left: -100%; opacity: 0.5; } to { left: 100%; opacity: 0; } } */ input, select, textarea { box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; transition: all .3s ease; } .clearfix::after { content: ""; display: table; clear: both; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aaaaaa; font-family: 'Roboto'; font-size: 14px; } ::-moz-placeholder { /* Firefox 19+ */ color: #aaaaaa; font-family: 'Roboto'; font-size: 14px; } :-ms-input-placeholder { /* IE 10+ */ color: #aaaaaa; font-family: 'Roboto'; font-size: 14px; } :-moz-placeholder { /* Firefox 18- */ color: #aaaaaa; font-family: 'Roboto'; font-size: 14px; } .toolbar { width: 100%; height: 42px; background-color: #3b83d4; display: flex; align-items: center; position: relative; /* z-index: 999; */ } .dispnone { display: none; } .cont-wrap { width: 1140px; margin: 0 auto; } .full_screen { width: 100%; } ul.toolbar-menu { display: flex; align-items: center; } .toolbar-rightmenu { float: right; display: flex; align-items: center; } ul.toolbar-menu select[name="current_currency"] { padding: 0; line-height: 26px; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: 0.3px; background-color: transparent; border: none; font-family: "Roboto"; outline: none; display: block; cursor: pointer; } ul.toolbar-menu select[name="current_currency"] option { color: #000; } ul.toolbar-menu li a, ul.toolbar-menu li span, ul.toolbar-menu li select { line-height: 26px; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: 0.3px; white-space: nowrap; transition: all .3s ease; } ul.toolbar-menu li a:hover, ul.toolbar-menu li select:hover { color: #ffd200; } ul.toolbar-menu li { color: #fff; position: relative; } ul.toolbar-menu > li:not(:last-child) { margin-right: 19px; } .fav-icon { position: relative; } .fav-icon span { margin-left: 4px; } .fav-icon:before {content: "\f004";font-family: "Font Awesome 5 Pro";font-weight: 500;margin-right: 7px;} .fav-icon.active:before {font-weight: 600;} .comp-icon {position: relative;} .comp-icon:before {content: "\f0ec";font-family: "Font Awesome 5 Pro";font-weight: 500;margin-right: 7px;} .listarrow-icon:after {content: "\f0d7";font-family: "Font Awesome 5 Pro";margin-left: 6px;} ul.toolbar-menu > li:not(:last-child):after {content: "";height: 18px;width: 1px;background-color: rgba(255, 255, 255, 0.1);display: block;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);} .callmeHead i { margin-right: 7px; } .drop_menu_wrap { position:relative; } li.drop_menu_wrap:not(.drop_menu_wrap_authorization) > a:after {content: "\f0d7";font-family: "Font Awesome 5 Pro";/* color: #ffffff; */} li.drop_menu_wrap:not(.drop_menu_wrap_authorization) { /* padding-right: 15px; */ } .toolbar ul li a.authorization-button { color: #fff; box-sizing: border-box; font-size: 11px; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; line-height: 16px; background-color: #3576be; padding: 6px 13px 4px; border-radius: 3px; } .drop_menu { position: absolute; top: calc(100% + 0px); left: 0; box-sizing: border-box; background-color: #3b83d4; /* padding: 12px 16px; */ padding: 12px 16px; z-index: 3; box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.2); visibility: hidden; transform: translateY(-20px); opacity: 0; transition: all .3s ease; } .drop_menu.active { visibility: visible; transform: translateY(0px); opacity: 1; } .drop_menu a, .headmenu ul.drop_menu a { line-height: 26px; font-size: 12px; color: #fff; font-weight: 400; letter-spacing: 0.3px; white-space: nowrap; transition: all .3s ease; /* padding: 8px 17px; */ } .drop_menu a:hover { color: #ffd200; } .headblock { width: 100%; height: 118px; border-bottom: solid 1px #eee; } a.logo {max-width: 180px;min-width: 180px;box-sizing: border-box;display: flex;/* padding-right: 30px; */height: 100%;align-items: center;} a.logo.not_logo { font-family: "Raleway"; font-size: 20px; color: #222222; font-weight: bold; text-transform: uppercase; max-width: 240px; min-width: 240px; margin-right: 15px; } a.logo img { display: inline-block; vertical-align: middle; max-width: 100%; } .headblock a.logo img{ width: auto; height: 100%; } a.logo span { display: inline-block; vertical-align: middle; font-family: "Raleway"; font-size: 25px; line-height: 26px; font-weight: bold; text-transform: uppercase; color: #191a1c; margin-left: 3px; } .searchChangeWrap { text-align: center; margin-top: 15px; display: none; } .headsearch { width: 100%; display: inline-block; vertical-align: middle; margin-right: 20px; border-radius: 5px; } .headsearch input { width: calc(100% - 46px); box-sizing: border-box; padding: 15px 10px 14px; border: solid 1px #e4e4e4; border-right: none; outline: none; border-radius: 3px 0 0 3px; } .headsearch button {width: 46px;position: absolute;border: none;padding: 16px 0;border-radius: 0 3px 3px 0;line-height: normal;} .headinfoblock { box-sizing: border-box; padding: 12px 18px 12px 54px; display: inline-block; vertical-align: middle; background: url(../images/cons.png) no-repeat 20px center; border-radius: 3px; white-space: nowrap; } span.timetable { color: #777777; font-size: 12px; display: block; text-align: right; margin-bottom: 4px; } a.phone { display: block; text-align: right; font-weight: 500; color: #333333; font-size: 15px; } .headblock-right { display: flex; align-items: center; vertical-align: middle; width: 100%; } .mainmenu { width: 100%; position: relative; } .mainmenu:before { content: ""; display: block; width: 100%; top: 0; height: 1px; background: #eeeeee; position: absolute; } .header-menu-column { grid-template-columns: 265px calc(100% - 265px); display: grid; } .smartMenu > ul{ display: flex; flex: 1; box-sizing: border-box; padding-left: 20px; } .mainmenucart { display: inline-block; vertical-align: middle; margin-left: 10px; background-color: #f4f4f4; /* width: 100%; */ } .mainmenucategory { position: relative; /* z-index: 999; */ width: 256px; } .mainmenucategory a.mmcopen { display: flex; justify-content: space-between; background-color: #ffd200; color: #222222; box-sizing: border-box; padding: 15px 20px 12px 20px; font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 0.3px; line-height: 26px; } .mainmenucategory .mmcopen:after {content: "\f0c9";font-family: "Font Awesome 5 Pro";/* margin-top: 4px; */float: right;font-size: 16px;line-height: 1em;} .mainmenulink a { font-family: "Raleway"; font-weight: 500; line-height: 26px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; display: block; box-sizing: border-box; padding: 15px 15px 12px; background-color: transparent; transition: all .3s ease; white-space: nowrap; text-align: center; } .mainmenulink a:hover { background-color: #3b83d4; color: #fff; } .mainmenucart a, .headblock ul li .mainmenucart a, .headmenu ul li .mainmenucart a { font-size: 12px; color: #555555; display: flex; align-items: center; box-sizing: border-box; padding: 14px 16px 13px; line-height: 26px; cursor: pointer; transition: all .3s ease; width: 100%; display: flex; justify-content: center; } .mainmenucart a * { white-space: nowrap; } .mainmenucart a .cartPrice { color: #408de4; margin-left: 5px; transition: all .3s ease; } .mainmenucart img { margin-right: 12px; filter: brightness(0); transition: all .3s ease; } .mainmenucart:hover a { background-color: #3b83d4; color: #ffffff; } .mainmenucart:hover a .cartPrice { color: #ffd200; } .mainmenucart:hover img { filter: brightness(1); } .bottomline { box-sizing: border-box; border-bottom: solid 9px #3b83d4; } .advantages-wrap ul li { width: 25%; text-align: center; box-sizing: border-box; padding: 38px 26px 40px; } .advantages-wrap ul li:not(:last-child) { border-right: solid 1px #ececec; } .advantages-wrap { border-top: solid 1px #ececec; background-color: #fefefe; } .styleCss .advantages-wrap ul { display: flex; margin: 0; } .advantages-wrap .h6 { font-size: 13px; font-weight: bold; font-family: "Raleway"; text-transform: uppercase; color: #222222; margin-bottom: 9px; } .advantages-wrap span { font-size: 13px; color: #999999; line-height: 18px; } .advantages-icon { height: 52px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 19px; } .subscribe-wrap { background-color: #3b83d4; height: 100px; display: flex; align-items: center; margin-top: -48px; } .subscribe-wrap .cont-wrap { display: grid; grid-template-columns: auto 1fr auto; align-items: center; } .substonews { font-size: 14px; font-family: "Raleway"; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 17px; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; padding-left: 51px; margin-right: 38px; } .substonews:after { content: "\f1d8"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-size: 30px; font-weight: 600; } .subscribe-wrap form { display: inline-block; vertical-align: middle; /* width: 513px; */ position: relative; } .insocnet ul { display: flex; align-items: center; } .insocnet { /* float: right; */ display: flex; align-items: center; position: relative; } .insocnet span { color: #fff; font-size: 13px; font-weight: bold; font-family: "Raleway"; text-transform: uppercase; line-height: 26px; margin-right: 18px; margin-left: 28px; } .insocnet ul li a { background-color: #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 19px; color: #444444; } .insocnet ul li:not(:last-child) { margin-right: 5px; position: relative; } .substonews input[name="email"] {} .subscribe-wrap input[name="email"] { width: calc(100% - 113px); box-sizing: border-box; border: none; padding: 16px 10px 15px 21px; border-radius: 3px 0 0 3px; outline: none; } .styleCss .subscribe-wrap form a { position: absolute; border-radius: 0 3px 3px 0; text-decoration: none; } .blockWrap { position: relative; box-sizing: border-box; padding-top: 48px; background-position: center; background-size: cover; } .blockWrap.block_parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .upblock .blockWrap { padding-bottom: 48px; } footer { /* margin-top: -48px; */ } a.editBtn { position: absolute; color: #fff; font-size: 14px; box-sizing: border-box; display: block; padding: 6px; background-color: rgba(0, 0, 0, 0.6); right: 0; z-index: 9; top: 0; opacity: 0; visibility: hidden; transition: all .3s ease; } .blockWrap:hover .editBtn, .prodblock:hover .editBtn, .news-articles-column .editBtn { opacity: 1; visibility: visible; } .footTopRow { display: grid; justify-content: space-between; } .footTopRow.footTopRow-3 { grid-template-columns: repeat(3, 1fr); } .footTopRow.footTopRow-4 { grid-template-columns: repeat(4, 1fr); } .footerTopColumn { /* width: 100%; */ box-sizing: border-box; } span.footerDescription { display: block; font-size: 14px; line-height: 22px; color: #2f2f2f; margin-top: 12px; } ul.footerMenuContact li { display: flex; align-items: center; flex-wrap: wrap; } .footerPhone { width: 100%; margin-bottom: 8px; } .footerColumnTitle { color: #151515; text-transform: uppercase; font-family: "Raleway"; font-weight: 600; font-size: 15px; } ul.footerColumnMenu a { color: #777777; font-size: 14px; font-weight: 300; transition: color .3s ease; } ul.footerMenuContact li div:first-child { margin-right: 3px; } ul.footerMenuContact li div:last-child, ul.footerMenuContact li a { font-weight: 300; color: #2f2f2f; font-size: 14px; } ul.footerMenuContact li:not(:last-child) { margin-bottom: 15px; } ul.footerMenuContact { margin-top: 21px; } .footerTopWrap { padding: 45px 0; background-color: #f8f8f8; } ul.footerColumnMenu > li { padding-bottom: 14px; } ul.footerColumnMenu { margin-top: 18px; } .footerTopColumn:not(:first-child) { box-sizing: border-box; } .footerTopColumn.footerCatalog { width: 29%; } .footerTopColumn:last-child { /* width: 19%; */ } .footerTopColumn.footerCatalog ul.footerColumnMenu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; list-style-type: none; padding: 0; } span.copyrightStudia a {color: inherit;} .footerBottomWrap { box-sizing: border-box; padding: 18px 0; border: solid 1px #f0f0f0; } ul.footerMenuContact li.icon i { width: 17px; text-align: center; margin-right: 4px; } ul.footerMenuContact li div.footerPhone a { font-size: 21px; font-weight: 400; } .footerTopColumn:not(:first-child) { padding-left: 30px; } .footBottomRow { display: grid; grid-template-columns: 1fr auto; grid-column-gap: 170px; align-items: center; color: #777777; font-size: 13px; font-weight: 300; } span.copyrightText { line-height: 20px; } span.copyrightStudia a b { color: #191a1c; } li.open_fcmc { text-align: center; font-size: 12px; color: #2f2f2f; border-bottom: solid 1px #dadada; cursor: pointer; display: block!important; } li.open_fcmc.opened { transform: rotate(180deg); } ul.mainMenu { background: #fff; position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all .3s ease; overflow: hidden; max-height: 100%; } ul.moreMenuList { background: #fff; position: absolute; top: 100%; right: 0; z-index: 9; width: 265px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all .3s ease; } ul.mainMenu.openmenu, ul.moreMenuList.openmenu { opacity: 1; visibility: visible; transform: translateY(0px); overflow: visible; max-height: none; } ul.mainMenu a, ul.moreMenuList a, .headmenu ul.mainMenu a, .headmenu ul.moreMenuList a { font-family: "Raleway"; font-weight: 500; line-height: 26px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.3px; display: block; box-sizing: border-box; padding: 15px 15px 12px; text-align: left; } ul.mainMenu a, .headmenu ul.mainMenu a { line-height: 17px; padding: 19px 15px 16px; white-space: initial; } ul.mainMenu a span {color: #408DE4;font-size: 12px;margin-left: 5px;} li.childmenu:hover > a span { color: #ffd200; } .childMainMenu { position: absolute; width: 100%; left: 100%; top: 0; background: #fff; opacity: 0; visibility: hidden; transform: translateX(-30px); transition: all .3s ease; } li.childmenu { position: relative; } li.childmenu:hover > ul.childMainMenu { opacity: 1; visibility: visible; transform: translateX(0px); } li.childmenu:hover > a {background-color: #3b83d4;color: #fff;} body:before { content: ''; display: block; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 999; visibility: hidden; opacity: 0; transition: all .3s ease; } body.active:before { visibility: visible; opacity: 1; } body.active.activeHard:before { z-index: 99; } body.cartActive:before { visibility: visible; opacity: 1; background: rgba(0, 0, 0, 0.5); } .windowmessage { position: fixed; z-index: 999; box-sizing: border-box; background-color: rgb(59, 131, 212); color: #fff; padding: 12px 39px; border-radius: 3px; visibility: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .3s ease; box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.2); } .windowmessage.active { visibility: visible; } .prod-panelimg { position: relative; height: 230px; overflow: hidden; } /* .productSlide .prodblock { */ /* width: 226.8px!important; */ /* } */ .productSlide .prod-panelimg { height: 228px; } .imgBlock { height: 100%; /* overflow-y: hidden; */ } .imgBlock a { height: 100%; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; box-sizing: border-box; /* padding: 8px; */ } .imgBlock.noImg a { justify-content: center; } .brief-item-usermenu { position: absolute; z-index: 9; bottom: 3px; width: 100%; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .3s ease; } .slideProdWrap:hover .brief-item-usermenu { opacity: 1; visibility: visible; transform: translateY(0px); } .brief-item-usermenu ul { display: flex; justify-content: space-between; width: 100%; position: relative; } .brief-item-usermenu ul li a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9); cursor: pointer; color: #222222; transition: all .3s ease; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; border-right: solid 1px #eeeeee; width: 100%; height: 32px; position: relative; font-size: 0; } .product_brief_panel a.buttonaddcart:before, .product_brief_panel a.buttonfavorites:before, .product_brief_panel a.buttoncompare:before, .product_brief_panel a.buttonviewprod:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Font Awesome 5 Pro"; font-weight: 500; font-size: 14px; } .product_brief_panel a.buttonaddcart:before { content: "\f07a"; } .product_brief_panel a.buttonfavorites:before { content: "\f004"; } .product_brief_panel a.buttonfavorites.active:before { content: "\f004"; font-weight: 600; } .product_brief_panel a.buttoncompare:before { content: "\f0ec"; } .product_brief_panel a.buttoncompare.added:before { transform: translate(-50%, -50%) scale(-1, 1); } .product_brief_panel a.buttonviewprod:before { content: "\f06e"; } .block_head > div { font-family: "Raleway"; font-size: 20px; color: #222222; font-weight: bold; text-transform: uppercase; margin-bottom: 23px; } .commentsBlockWrap .block_head > div { width: auto; } .ui-corner-all a { cursor: pointer; } .prodblock { border-bottom: solid 1px #e8e8e8; border-right: solid 1px #e8e8e8; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0); transition: all .3s ease; box-sizing: border-box; background-color: #fff; } .prodblock:hover { box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08); } .productBlockWrap .bx-wrapper, .productBlockWrapCat, .productList { border-top: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; } .nameBlock { height: 40px; overflow: hidden; box-sizing: border-box; padding: 0px 12px; margin-top: 12px; margin-bottom: 7px; display: flex; justify-content: center; text-align: center; } .nameBlock .nameBlockIn { display: flex; flex-direction: column; } .nameBlock a, .nameBlock a span { font-size: 15px; line-height: 20px; color: #444444; } .priceBlock span { font-weight: 600; color: #408de4; font-size: 20px; } .priceBlock { text-align: center; } .priceBlockWrap { margin-bottom: 0; height: 43px; display: flex; flex-direction: column; justify-content: center; } .headerblock { margin-bottom: 23px; } .prodLabels { position: absolute; z-index: 1; top: 13px; left: 11px; width: calc(100% - (11px * 2)); box-sizing: border-box; padding-right: 44px; } .prodLabel.prodLabelBg { background-color: #ea5c5c; padding: 5px 5px; line-height: 12px; } .prodLabel img { max-width: 70px; } #vpo_list .prodLabel img { max-height: 22px; } .prodLabel:not(:last-child) { margin-right: 3px; } .slideProd { position: relative; } .prodLabel { display: inline-block; vertical-align: top; box-sizing: border-box; font-size: 12px; color: #fff; font-weight: 500; text-transform: uppercase; border-radius: 3px; overflow: hidden; line-height: 0; margin-bottom: 4px; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .1); } .news-articles-title { min-height: 40px; display: flex; align-items: center; overflow: hidden; } ul.news-articles-shortstory { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; } ul.news-articles-shortstory li { /* width: 360px; */ /* float: left; */ border: solid 1px #e8e8e8; box-sizing: border-box; position: relative; display: flex; flex-direction: column; } ul.news-articles-shortstory li.news-articles-column { margin-bottom: 31px; } ul.news-articles-shortstory li:nth-child(3n+2) { /* margin: 0 30px; */ } .news-articles-text { box-sizing: border-box; padding: 22px 25px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .news-articles-shortstory-image { width: 100%; height: 215px; background-size: cover; background-position: center; position: relative; flex-shrink: 0; } .news-articles-shortstory-image a { display: block; width: 100%; height: 100%; } .news-articles-title a {font-family: "Raleway";font-weight: 600;line-height: 20px;font-size: 18px;color: #222222;text-transform: uppercase;} .news-articles-discription { font-size: 14px; line-height: 22px; color: #2f2f2f; margin-top: 12px; margin-bottom: 18px; overflow: hidden; } .news-articles-shortstory-more a {font-family: "Raleway";font-weight: 500;line-height: 24px;font-size: 12px;color: #408de4;text-transform: uppercase;} .news-articles-shortstory-more {text-align: right;} span.adddate { display: block; position: absolute; top: 10px; left: 10px; font-size: 14px; line-height: 26px; font-weight: bold; color: #fff; background-color: #408de4; box-sizing: border-box; padding: 7px 11px 4px; border-radius: 3px; } ul.currency_list { position: absolute; top: calc(100% + 8px); z-index: 1; background: #3b83d4; right: calc(0px - 26px); box-sizing: border-box; background-color: #3b83d4; padding: 12px 16px; z-index: 1; box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.2); transition: all .3s ease; } ul.currency_list li { margin: 0; } ul.currency_list li:not(:last-child):after { display: none; } ul.currency_list li span { cursor: pointer; } .cbc-description {font-family: "Merriweather";font-style: italic;font-size: 15px;color: #dddddd;letter-spacing: 0.2px;line-height: 24px;} .cbc-title {font-family: "Raleway";font-size: 25px;text-transform: uppercase;font-weight: bold;letter-spacing: -0.2px;color: #ffffff;} .content-bannercollection { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; } .cbc-more a { display: inline-block; box-sizing: border-box; color: #000000; background-color: #ffffff; font-family: "Raleway"; text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 9px 13px; border-radius: 3px; transition: all .3s ease; } .cbc-more a:hover { background-color: #408de4; color: #fff; } .cbc-more { margin-top: 15px; } .content-bannercollection-2 { left: 90px; } .content-bannercollection-3 { right: 51px; } .content-bannerspecialoffer { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; right: 215px; } .cbso-title {font-family: "Raleway";font-size: 32px;color: #ffffff;font-weight: bold;letter-spacing: -0.2px;margin-bottom: 8px;} .cbso-description {font-family: "Myriad Pro";font-size: 24px;letter-spacing: -0.2px;color: #fff;} .categorymain ul { display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; } .categorymain ul li { width: 100%; border-right: solid 1px #e8e8e8; border-top: solid 1px #e8e8e8; height: 105px; position: relative; } .categorymain ul li a span { display: block; color: #222222; font-size: 12px; text-transform: uppercase; margin-top: 12px; width: 100%; white-space: nowrap; } .categorymain ul li a { text-align: center; display: flex; align-items: center; box-sizing: border-box; justify-content: center; flex-wrap: wrap; padding: 14px 14px; width: 100%; height: 100%; } .categoryicon { height: 38px; width: 32px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .categoryicon img { max-width: 100%; max-height: 100%; } .categorymain ul li:before {content: "";display: block;width: calc(100% + 2px);height: 0px;position: absolute;top: -1px;left: 50%;transform: translateX(-50%);background-color: #408de4;opacity: 0;transition: all .3s ease;z-index: 1;} .categorymain ul li:hover:before { height: 3px; opacity: 1; } span.textspecoffer { color: #171717; font-size: 12px; letter-spacing: 0.2px; display: inline-block; box-sizing: border-box; background-color: #ffb128; border-radius: 3px; padding: 5px 9px; margin-bottom: 3px; } .inner_content.on_leftblock { justify-content: space-between; grid-template-columns: 266px calc(100% - 299px); } .inner_content { display: grid; grid-template-columns: 100%; margin-bottom: 50px; } .header_content { border-bottom: solid 1px #e8e8e8; box-sizing: border-box; margin-bottom: 25px; } h1.headH1, .headH1 {font-family: "Raleway";text-transform: uppercase;position: relative;font-weight: 600;color: #222222;font-size: 15px;margin-bottom: 25px;} .breadcrumbs ul { display: flex; align-items: center; } .breadcrumbs ul li a, .breadcrumbs ul li span {font-family: "Raleway";font-size: 12px;font-weight: 500;line-height: 26px;} .breadcrumbs ul li a { color: #555555; } .breadcrumbs ul li span { color: #2f2f2f; } .breadcrumbs ul li i { font-family: "Raleway"; font-size: 13px; margin: 0px 2px 0 5px; } h1.headH1 a, .headH1 a { position: absolute; right: -22px; display: block; margin-top: -1px; font-size: 14px; } .header_content h1.headH1, .header_content .headH1 { margin-top: 20px; margin-bottom: 15px; } .header_content .breadcrumbs { margin: 12px 0; } .header_content h1.headH1 a, .header_content .headH1 a { right: 0; } ul.leftmenu { box-sizing: border-box; border: solid 1px #e8e8e8; } ul.leftmenu li a { color: #777777; font-size: 14px; padding: 15px 0; display: block; line-height: 17px; width: calc(100% - 22px); transition: all .3s ease; } ul.leftmenu li a:hover, ul.leftmenu li a.active { color: #3b83d4; } ul.leftmenu li a span { color: #999999; transition: all .3s ease; } ul.leftmenu li a:hover span, ul.leftmenu li a.active span { color: #ffd200; } li.childlm { padding: 0 21px; box-sizing: border-box; position: relative; } li.childlm:not(:last-child) { border-bottom: solid 1px #e8e8e8; } span.open_childlmm { margin-top: 11px; box-sizing: border-box; border-radius: 50%; background-color: #f8f8f8; border: solid 1px #eaeaea; height: 22px; width: 22px; cursor: pointer; position: absolute; right: 0; margin-right: 22px; top: 0; } ul.childlmm span.open_childlmm { margin-right: 0; } span.open_childlmm:before, span.open_childlmm:after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #666666;width: 9px;height: 1px;} span.open_childlmm:after { transform: translate(-50%, -50%) rotate(90deg); opacity: 1; transition: all .3s ease; } span.open_childlmm.active:after { transform: translate(-50%, -50%) rotate(0deg); opacity: 0; } ul.childlmm { display: none; } ul.childlmm.childlmmopen { display: block; } ul.childlmm li.childlm { padding-right: 0; } .leftblock .block_head > div { font-weight: 600; color: #222222; font-size: 15px; margin-bottom: 17px; } .filter-item-title span { color: #222222; font-size: 12px; text-transform: uppercase; font-family: "Raleway"; font-weight: bold; } .filter-item { box-sizing: border-box; border-bottom: solid 1px #e5e5e5; } #filterContent { box-sizing: border-box; border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; } .filter-item-title { box-sizing: border-box; padding: 14px 40px 14px 18px; background-color: #f8f8f8; border-bottom: solid 1px #e5e5e5; position: relative; cursor: pointer; } .filter-price { display: flex; justify-content: space-between; align-items: center; } .filter-price input { width: 68px; box-sizing: border-box; padding: 8px 4px; text-align: center; border: solid 1px #e4e4e4; outline: none; border-radius: 3px 0 0 3px; color: #aaaaaa; font-family: 'Roboto'; font-size: 14px; background-color: #f8f8f8; } .ui-slider .ui-slider-handle { width: 15px; height: 15px; top: -4px; background: #0D7EE4; cursor: pointer; margin-left: -7px; border: 0px; border-radius: 50%; z-index: 9999; } .filter-item-options { box-sizing: border-box; padding: 29px 18px; } .filter-price div { color: #777777; font-size: 14px; } body .ui-slider-horizontal { padding:4px; } .ui-slider .ui-slider-handle { width:15px; height:15px; top: -3px; background: #0D7EE4; cursor:pointer; margin-left: -7px; border: 0px; border-radius: 50%; z-index:9999; } .ui-slider-horizontal { height: 2px; background: #e7e7e7; border: 0px; border-radius: 0; width: 85%; margin: 20px auto 10px; } .ui-slider-horizontal .ui-slider-range { background: #E0E0E1; } .filter-item-options label { display: flex; align-items: center; cursor: pointer; } .filter-item-options span.checkicon { display: block; width: 14px; height: 14px; margin-right: 10px; position: relative; border: solid 1px #cccccc; box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .filter-item-options input[type="checkbox"] { display: none; } .filter-item-options span.checkicon:before {content: "\f00c";font-family: "Font Awesome 5 Pro";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(2);color: #408de4;font-size: 10px;opacity: 0;visibility: hidden;transition: all .3s ease;} .filter-item-options input[type="checkbox"]:checked + span.checkicon:before { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .filter-item-options label:not(:last-child) { margin-bottom: 18px; } .filter-item-options span.nameoption { font-size: 14px; color: #777777; line-height: 15px; } .filter-item-options span.nameoption.active { color: #222222; } .filter-item-title:before {content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 10px;position: absolute;top: 50%;transform: translateY(-50%);right: 18px;color: #666666;font-size: 11px;} .optionviewprod { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; } .sortPagerWrap { display: flex; } .sortPagerWrap select { box-sizing: border-box; font-size: 12px; font-family: "Roboto"; text-transform: uppercase; color: #777777; padding: 9px 7px; border-radius: 3px; outline: none; border: solid 1px #e8e8e8; cursor: pointer; } .sortPagerWrap > div:not(:last-child) { margin-right: 11px; } .ovp_prodquan span { font-size: 14px; color: #2f2f2f; text-transform: uppercase; } /* .productBlockWrapCat .slideProdWrap { */ /* float: left; */ /* } */ .productListGrid { display: grid; } #vpo_list .productListGrid { display: block; } .productBlockWrapCat .prod-panelimg img, .productList .prod-panelimg img { /*max-width: 100%; max-height: 100%; height: 100%; width: auto;*/ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: contain; } .productBlockWrap .bx-wrapper img, .product_brief_image img { max-width: none; max-height: none; width: 100%; height: 100%; object-fit: contain; display: block; } .productBlockWrapCat .prod-panelimg { height: 213px; } ul.viewprodoption { display: flex; align-items: center; border: solid 1px #e8e8e8; border-radius: 3px; } ul.viewprodoption a { display: block; box-sizing: border-box; padding: 9px 9px; line-height: 15px; color: #777777; font-size: 16px; } ul.viewprodoption li:not(:last-child) { border-right: solid 1px #e8e8e8; } #vpo_list .slideProdWrap { width: 100%!important; float: none; } #vpo_list .prod-panelimg { height: auto; overflow: visible; display: inline-block; } #vpo_list .imgBlock { display: inline-block; vertical-align: middle; height: 100px; width: 100px; margin-right: 10px; } #vpo_list .brief-item-usermenu { visibility: visible; opacity: 1; transform: translateY(0px); width: auto; position: static; display: inline-block; vertical-align: middle; } #vpo_list .nameBlock { display: inline-block; height: auto; margin: 0; max-width: 280px; padding: 0; } #vpo_list .priceBlockWrap { display: inline-block; margin: 0; height: auto; } #vpo_list .slideProd { display: flex; justify-content: space-between; align-items: center; } #vpo_list .prodblock { padding: 13px 13px; } #vpo_list .prodLabels { top: 0px; right: 0; left: auto; width: auto; padding: 0; } .brief-item-usermenu ul li { width: 100%; } #vpo_list .brief-item-usermenu ul li { width: 52px; } ul.viewprodoption a.active { background-color: #f5f5f5; color: #444444; } #vpo_grid .prodblock { height: 350px; border: none; box-shadow: none; position: relative; z-index: 0; } #vpo_grid .prodblock form.productCartForm { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; border-bottom: solid 1px #e8e8e8; border-right: solid 1px #e8e8e8; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0); transition: all .3s ease; background-color: #fff; } #vpo_grid .prodblock:hover form.productCartForm { box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08); } #vpo_grid .prodblock:hover .nameBlock { height: auto; overflow: auto; min-height: 40px; } #vpo_grid .prodblock:hover { z-index: 1; } .load-products a { box-sizing: border-box; font-size: 14px; line-height: 15px; text-transform: uppercase; color: #555555; padding: 8px 12px; border-radius: 3px; outline: none; cursor: pointer; border: solid 1px #e8e8e8; display: inline-block; } .load-products a.disabled { opacity: .4; cursor: default; } .load-products { width: 100%; margin-top: 23px; } .catalogNavigator > *, .order-navigator > * { box-sizing: border-box; font-size: 14px; line-height: 15px; text-transform: uppercase; color: #555555; padding: 8px 12px; border-radius: 3px; outline: none; cursor: pointer; border: solid 1px #e8e8e8; display: inline-block; transition: all .3s ease; } .catalogNavigator > *:not(b):hover, .order-navigator > *:not(b):hover { background: #22222224; } .catalogNavigator > b, .order-navigator > b { background-color: #222222; cursor: default; color: #fff; border: solid 1px #222222; } .pagerWrap { margin-top: 23px; text-align: center; } .catalogNavigator > *:not(:last-child), .order-navigator > *:not(:last-child) { margin-right: 5px; } .catalogNavigator span.disabled, .order-navigator span.disabled { visibility: hidden; } .prodWrapTop { display: grid; grid-template-columns: 570px calc(100% - 570px); position: relative; } .prodTitleBlock { color: #232323; font-family: "Raleway"; font-weight: 600; font-size: 30px; margin-bottom: 18px; box-sizing: border-box; padding-right: 45px; } .prodPriceBlock .price {font-size: 20px;color: #408de4;font-weight: 600;} .prodShortDescBlock { color: #777777; font-size: 14px; line-height: 24px; margin-bottom: 18px; } .pwt_right {box-sizing: border-box;padding-left: 48px;} .prodPriceBlock { margin-bottom: 14px; } .prodFeatureBlock .optionName { color: #222222; font-family: "Raleway"; text-transform: uppercase; font-weight: bold; font-size: 12px; margin-bottom: 8px; } .prodFeatureBlock select { min-width: 260px; box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; cursor: pointer; transition: all .3s ease; } .prodFeatureBlock select:hover { border: solid 1px #ffd200; } .prodFeatureBlock .optionProduct:not(:last-child) { margin-bottom: 19px; } .detailed-quantity input { box-sizing: border-box; font-family: "Roboto"; font-weight: 500; text-align: center; font-size: 16px; width: 54px; padding: 15px 5px; border: solid 1px #e8e8e8; border-radius: 3px 0 0 3px; outline: none; } .detailed-quantity { display: flex; box-sizing: border-box; min-width: 80px; margin-right: 15px; } .btnQuantity button { position: relative; display: block; width: 20px; height: 20px; border-bottom: solid 1px #e8e8e8; border-right: solid 1px #e8e8e8; border-top: none; border-left: none; background: transparent; box-sizing: border-box; font-family: "Roboto"; color: #999999; cursor: pointer; font-size: 0; outline: none; padding: 0; border-radius: 0; } .btnQuantity button:before { font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10px; color: #999999; } .btnQuantity button.plus:before, .btnQuantity button.plus1:before { content: "\f067"; } .btnQuantity button.minus:before, .btnQuantity button.minus1:before { content: "\f068"; } .btnQuantity { border-top: solid 1px #e8e8e8; box-sizing: border-box; } /* .productList .slideProdWrap { */ /* width: 25%; */ /* float: left; */ /* } */ .prodFeatureBlock { margin-bottom: 40px; } .productDetailedBuy { /* margin-left: 15px; */ } .productDetailedQuick { display: inline-block; vertical-align: middle; margin-right: 14px; } .productDetailedBuy a, .productDetailedQuick a { font-family: "Raleway"; line-height: 15px; position: relative; font-weight: bold; font-size: 12px; color: #ffffff; display: block; background-color: #222222; box-sizing: border-box; padding: 19px 67px 16px 20px; text-transform: uppercase; border-radius: 3px; cursor: pointer; } .productDetailedBuy a:after, .productDetailedQuick a:after {content: "\f07a";font-family: "Font Awesome 5 Pro";position: absolute;top: 50%;transform: translateY(-50%);font-size: 15px;right: 17px;font-weight: normal;line-height: 26px;} .productDetailedBuy a:before, .productDetailedQuick a:before {content: "";display: block;width: 1px;height: 100%;right: 44px;background-color: #424242;position: absolute;top: 0;} .productDetailedQuick a:after, .productDetailedQuick a:before { display: none; } .productDetailedQuick a { padding: 19px 20px 16px; } .counterBuyCart { margin-bottom: 15px; display: flex; align-items: center; } .detailedFavComp { display: inline-block; vertical-align: middle; font-size: 0; } .detailed-favorites, .detailed-compare { display: inline-block; vertical-align: middle; } .detailed-favorites a, .detailed-compare a { font-size: 0; } .detailed-favorites a:before, .detailed-compare a:before { font-family: "Font Awesome 5 Pro"; font-size: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 20px; } .detailed-favorites a:before {content: "\f004"; font-weight: 500;} .detailed-compare a:before {content: "\f0ec";} .detailed-favorites a.active:before {content: "\f004"; font-weight: 600;} .detailed-compare a.active:before {transform: translate(-50%, -50%) scale(-1, 1);} .detailed-favorites a, .detailed-compare a { color: #222222; background-color: transparent; display: block; width: 50px; height: 50px; position: relative; border: solid 1px #e5e5e5; box-sizing: border-box; transition: all .3s ease; } .detailedFavComp > div:last-child:not(:first-child) a { border-left: none; } .detailed-favorites a.active, .detailed-compare a.active, .detailed-favorites a:hover, .detailed-compare a:hover { color: #ffffff; background-color: #222; } .detailed-favorites a.active, .detailed-favorites a:hover { border-left: solid 1px #222; border-top: solid 1px #222; border-bottom: solid 1px #222; } .detailed-compare a.active, .detailed-compare a:hover { border-right: solid 1px #222; border-top: solid 1px #222; border-bottom: solid 1px #222; } .detailed-compare a { border-radius: 0 3px 3px 0; /* border-left: 0; */ } .detailed-favorites a { border-radius: 3px 0 0 3px; } .blockWrap.blockRightWrap { margin-top: 0; padding-top: 0; display: flex; width: auto; } .blockRightWrap .block_head > div {font-family: "Roboto";font-weight: 500;font-size: 15px;text-transform: unset;margin-bottom: 0; width: auto;} .blockRightWrap .block_head { box-sizing: border-box; padding-top: 4px; padding-right: 4px; } .blockRightWrap .block_body { line-height: 24px; color: #777777; font-size: 14px; } .pwt_rightBlock:not(:last-child) { margin-bottom: 58px; position: relative; } .pwt_rightBlock:not(:last-child):before {content: "";display: block;width: 100%;height: 1px;background-color: #eeeeee;position: absolute;bottom: -40px;left: 0;} .blockWrap.blockRightWrap:not(:last-child) { margin-bottom: 3px; } .pwt_left { position: relative; } .pwt_left .prodLabels { left: auto; right: 15px; } #axcrt { position: fixed; z-index: 9; box-sizing: border-box; background-color: rgb(59, 131, 212); color: #fff; padding: 12px 39px; border-radius: 3px; visibility: hidden; box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.2); } ul.prodTabLinkBlock li a {font-family: "Raleway";font-size: 15px;font-weight: bold;text-transform: uppercase;color: #222222;display: block;box-sizing: border-box;line-height: 23px;padding: 15px 23px 13px;border-bottom: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8;border-right: solid 1px transparent;} ul.prodTabLinkBlock { width: 284px; } ul.prodTabLinkBlock li:first-child a { border-top: solid 1px #e8e8e8; } .prodTabBlock { display: flex; justify-content: space-between; } ul.prodTabWindowBlock { width: calc(100% - 284px); } ul.prodTabWindowBlock > li { border: solid 1px #e8e8e8; box-sizing: border-box; padding: 36px 46px; } a.editProduct { position: absolute; color: #fff; font-size: 14px; box-sizing: border-box; display: block; padding: 6px; background-color: rgba(0, 0, 0, 0.6); right: 0; z-index: 9; opacity: 0; visibility: hidden; transition: all .3s ease; } .contentblock:hover .editProduct { opacity: 1; visibility: visible; } .prodTabBlock ul.prodTabWindowBlock > li { display: none; } .prodTabBlock ul.prodTabWindowBlock > li.active { display: block; } .text-content p { font-size: 15px; line-height: 24px; color: #2f2f2f; margin-bottom: 15px; } .text-content.pageFull p { /* text-indent: 12px; */ } .prodWrapBottom { margin-top: 61px; } ul.prodTabLinkBlock li a.active { border-right: solid 1px #ffffff; margin-right: -1px; position: relative; } ul.prodTabLinkBlock li a.active:before {content: "";position: absolute;left: -1px;background-color: #408de4;height: 100%;width: 4px;top: 0;} ul.tabExtra .optionName { font-size: 15px; color: #444444; } ul.tabExtra .optionValue { font-size: 15px; color: #777777; } li.optionProduct.rowTable { /* display: grid; */ /* grid-template-columns: auto calc(100% - 255px); */ /* grid-column-gap: 20px; */ } ul.prodTabWindowBlock > li ul li:not(:last-child) { /* border-bottom: dashed 1px #e0e0e0; */ margin-bottom: 22px; box-sizing: border-box; /* padding-bottom: 15px; */ } ul.prodTabWindowBlock > li ul li { font-size: 15px; color: #444444; } .formCommentsBlockWrap { display: grid; grid-template-columns: 340px 1fr; } .formCommentsBlockWrap { display: grid; grid-template-columns: 302px 1fr; } .formCommentsWrap input[name="nick"] { width: 100%; box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; transition: all .3s ease; margin-bottom: 12px; } .formCommentsWrap textarea[name="body"] { width: 100%; box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; transition: all .3s ease; min-height: 120px; margin-bottom: 9px; } .commentsFormBlockWrap { box-sizing: border-box; padding-left: 45px; position: relative; } .commentsFormBlockWrap:before {content: "";display: block;height: calc(100% - 43px);position: absolute;bottom: 0;width: 1px;left: 21px;background-color: #e8e8e8;} .noComments { font-size: 15px; line-height: 24px; color: #2f2f2f; } .nameComment { color: #222222; font-weight: 500; font-size: 16px; } .dateComment { font-size: 12px; color: #2f2f2f; margin-top: 9px; } .bodyComment { margin-top: 11px; font-size: 15px; line-height: 22px; color: #2f2f2f; } .productComment { font-size: 12px; color: #2f2f2f; margin-top: 9px; } .nameComment:before, .dateComment:before, .bodyComment:before, .productComment:before {font-family: "Font Awesome 5 Pro";margin-right: 9px;font-size: 15px;} .nameComment:before { content: "\f007"; } .dateComment:before { content: "\f073"; font-size: 16px; font-weight: 200; } .bodyComment:before { content: "\f27a"; font-size: 14px; } .productComment:before { content: "\f49d"; font-size: 14px; } .commentPunkt a { display: block; text-align: right; font-size: 12px; color: red; margin-top: 5px; } .commentPunktWrap .commentPunkt:not(:last-child) { margin-bottom: 35px; position: relative; } .commentPunktWrap .commentPunkt:not(:last-child):after { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -13px; left: 0; border-bottom: dashed 1px #e8e8e8; } .commentPunkt .productComment a { display: inline-block; color: #3b83d4; font-size: inherit; text-align: left; margin-top: 0; transition: all .3s ease; border-bottom: solid 1px transparent; } .commentPunkt .productComment a:hover { border-color: rgb(91 151 219 / 56%); } .link_file:before { content: "\f0c6"; font-family: "Font Awesome 5 Pro"; margin-right: 9px; font-size: 16px; color: #8e8e8e; } .headRelated { color: #222222; font-family: "Raleway"; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: -25px; } .product_related_block { margin-top: 68px; } .tabVideoWrap { display: grid; grid-template-columns: 50% 50%; grid-column-gap: 25px; grid-row-gap: 25px; } .productNext, .productPrev { height: 70px; display: inline-block; box-sizing: border-box; transition: all .3s ease; background-color: #fff; z-index: 1; } .productNext a, .productPrev a { display: grid; height: 100%; align-items: center; grid-column-gap: 15px; opacity: .5; transition: all .3s ease; grid-template-rows: 100%; } .productNext a img, .productPrev a img { max-height: 100%; max-width: 100%; } .productPrevNextPic { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .productNext a { grid-template-columns: 60px auto; } .productPrev a { grid-template-columns: auto 60px; } .productNext { position: fixed; top: 50%; right: 0; transform: translate(calc(100% - 90px), -50%); box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.15); padding: 5px 15px 5px 15px; border-radius: 3px 0px 0px 3px; } .productPrev { position: fixed; top: 50%; left: 0; transform: translate(calc(-100% + 90px), -50%); box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.15); padding: 5px 15px 5px 15px; border-radius: 0 3px 3px 0; } .productNext:hover { transform: translate(calc(0%), -50%); } .productPrev:hover { transform: translate(calc(0%), -50%); } .productNext:hover a, .productPrev:hover a { opacity: 1; } .productPrevNextName span { display: block; } .productPrevNextName span.productPrevNextDesc { margin-bottom: 6px; font-size: 14px; color: #3b83d4; } .productPrev .productPrevNextName span { text-align: right; } .productNext .productPrevNextName span { text-align: left; } .quickOrderText { color: #777777; font-size: 14px; line-height: 19px; margin-bottom: 20px; } .quickOrderRow { display: grid; grid-template-columns: 30% auto; grid-column-gap: 20px; align-items: center; } .quickOrderColumn:last-child { text-align: left; font-size: 15px; color: #777777; } .quickOrderColumn:first-child { text-align: right; font-size: 15px; color: #444444; } .quickOrderRow input, .quickOrderRow textarea { box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; transition: all .3s ease; width: 100%; } .quickOrderRow:not(:nth-last-child(2)):not(:last-child) {border-bottom: dashed 1px #e0e0e0;} .quickOrderRow:not(:last-child) {margin-bottom: 10px;box-sizing: border-box;padding-bottom: 10px;} .quickOrderRow input[type="button"] { display: inline-block; box-sizing: border-box; background-color: #ffd200; padding: 12px 16px 10px; font-size: 14px; font-weight: bold; line-height: 26px; text-transform: uppercase; border-radius: 3px; color: #191a1c; border: none; cursor: pointer; } .quickOrderRow.quickOrderRowSubmit { grid-template-columns: 1fr; } span.error { color: #ff6976; } .order-table-header { display: grid; grid-template-columns: 10% 25% 19% 10% 17% 19%; align-items: center; margin-bottom: 13px; box-sizing: border-box; border-bottom: solid 1px #e0e0e0; padding-bottom: 10px; } #quick_modal .styleModalPage, #quick_modal .styleModalWrap { max-width: 700px; min-width: 700px; } .o_t_b-item { display: grid; grid-template-columns: 10% 25% 19% 10% 17% 19%; align-items: center; justify-content: center; font-size: 14px; line-height: 18px; text-align: center; } .o_t_b-item .order-photo img { max-width: 100%; } .o_t_h-title { color: #777777; font-size: 14px; line-height: 24px; text-align: center; } .order-success-head { color: #777777; font-size: 14px; } .order-success-head a { text-decoration: underline; } .order-success-row { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; align-items: center; } .order-success-row span:first-child { text-align: right; font-size: 15px; color: #444444; } .order-success-row span:last-child { text-align: left; font-size: 15px; color: #777777; } .order-success-row:not(:last-child) { margin-bottom: 10px; box-sizing: border-box; padding-bottom: 10px; } .order-success-row:not(:last-child) { border-bottom: dashed 1px #e0e0e0; } .order-success-body { margin: 30px 0; } .order-success-subtitle { color: #777777; font-size: 14px; line-height: 19px; margin-bottom: 20px; } .order-success-foot { text-align: right; font-size: 18px; } .order-success-foot span { margin-left: 8px; font-size: 20px; color: #408de4; font-weight: 500; } .order-success-thanks { margin: 30px 0 15px; } .order-success-title { color: #222222; font-family: "Raleway"; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .order-total-price { text-align: right; } .order-total-price > div { display: inline-block; vertical-align: middle; } .title-order-sum { font-size: 18px; } .order-sum { margin-left: 8px; font-size: 20px; color: #408de4; font-weight: 500; } .order-total-wrap { margin-top: 27px; } .order-photo-preview { box-sizing: border-box; padding: 7px; } .order-price { color: #408de4; font-weight: 500; } .order-price-sum { color: #408de4; font-weight: 500; } .order-success-head span { font-weight: 500; } ul.c_m_b-productTitle { display: grid; grid-template-columns: 15% 40% 17% 23% 5%; align-items: center; margin-bottom: 13px; box-sizing: border-box; border-bottom: solid 1px #e0e0e0; padding-bottom: 10px; } ul.c_m_b-productTitle.noQuantityCart { grid-template-columns: 15% 63% 17% 5%; } ul.c_m_b-productTitle li { color: #777777; font-size: 14px; line-height: 24px; } ul.c_m_b-productInfo { display: grid; grid-template-columns: 15% 40% 17% 23% 5%; align-items: center; justify-content: center; text-align: center; } ul.c_m_b-productInfo.noQuantityCart { grid-template-columns: 15% 63% 17% 5%; } ul.c_m_b-productInfo li { font-size: 14px; line-height: 18px; } li.c_m_b-productInfoPhoto { width: 100%; box-sizing: border-box; padding: 9px; } li.c_m_b-productInfoPhoto a { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 75px; } li.c_m_b-productInfoPhoto a img { max-width: 100%; max-height: 100%; } li.c_m_b-productInfoName { box-sizing: border-box; padding: 0px 5px; } .quantityCart, .quantityCart1 { display: flex; /* border-left: solid 1px #e8e8e8; */ box-sizing: border-box; } .quantityCart input, .quantityCart1 input { box-sizing: border-box; font-family: "Roboto"; font-weight: 500; text-align: center; font-size: 14px; width: 44px; padding: 10px 5px; border: solid 1px #e8e8e8; border-radius: 3px 0 0 3px; outline: none; } li.c_m_b-productInfoQuantity { display: flex; align-items: center; justify-content: center; position: relative; } li.c_m_b-productInfoCost { color: #408de4; font-weight: 500; } li.c_m_b-productInfoDel a { color: #ff6976; } ul.c_m_b-productInfo:not(:nth-last-child(2)):not(:last-child) {} ul.c_m_b-productInfo:not(:first-child):not(:last-child) { border-bottom: dashed 1px #e0e0e0; margin-bottom: 10px; box-sizing: border-box; padding-bottom: 10px; } ul.c_m_b-productTotal { margin: 25px 0 40px; display: flex; align-items: center; justify-content: flex-end; } ul.c_m_b-productTotal li:not(:first-child) { padding-left: 10px; } ul.c_m_b-productTotal li:first-child { font-size: 18px; line-height: 20px; } ul.c_m_b-productTotal li:last-child { font-size: 20px; color: #408de4; font-weight: 500; } ul.c_m_b-productTotal li { position: relative; border-top: solid 1px #e0e0e0; padding-top: 15px; } .detailed-quantity .btnQuantity button { width: 25px; height: 25px; } span.message_min_order { position: absolute; display: block; min-width: 190px; max-width: 250px; box-sizing: border-box; padding: 6px 5px; background-color: #3b83d4; color: #fff; border-radius: 3px; top: calc(100% + 5px); white-space: nowrap; font-size: 14px; } span.message_min_order:before {content: "\f0d8";position: absolute;top: -11px;left: 50%;transform: translateX(-50%);font-family: "Font Awesome 5 Pro";color: #3b83d4;font-weight: 600;} .c-m-h_message { box-sizing: border-box; padding: 10px; border: solid 1px #ff6976; margin-bottom: 20px; border-radius: 3px; color: #ff6d7a; text-align: center; font-size: 14px; } ul.s-c-f_blockProdHead { display: grid; grid-template-columns: 15% 35% 17% 10% 15% 8%; align-items: center; margin-bottom: 13px; box-sizing: border-box; border-bottom: solid 1px #e0e0e0; padding-bottom: 10px; text-align: center; } ul.s-c-f_blockProdHead.noQuantityCart { grid-template-columns: 15% 45% 17% 15% 8%; } ul.s-c-f_blockProdHead li { color: #777777; font-size: 16px; line-height: 24px; } ul.s-c-f_blockProdSection { display: grid; grid-template-columns: 15% 35% 17% 10% 15% 8%; align-items: center; justify-content: center; text-align: center; } ul.s-c-f_blockProdSection.noQuantityCart { grid-template-columns: 15% 45% 17% 15% 8%; } li.s-c-f_blockProdPhoto a { display: flex; width: 100%; justify-content: center; align-items: center; flex-direction: column; } li.s-c-f_blockProdPhoto a img { max-width: 80%; } li.s-c-f_blockProdPhoto { box-sizing: border-box; padding: 12px; } li.s-c-f_blockProdQuantity .quantityCart input { width: 60px; } li.s-c-f_blockProdQuantity .btnQuantity button { width: 25px; height: 25px; } li.s-c-f_blockProdQuantity { display: flex; align-items: center; justify-content: center; position: relative; } ul.s-c-f_blockProdSection li { font-size: 16px; line-height: 20px; } li.s-c-f_blockProdCost { color: #408de4; font-weight: 500; } li.s-c-f_blockProdDel a { color: #ff6976; } ul.s-c-f_blockTotalSum { margin: 25px 0 25px; display: flex; align-items: center; justify-content: flex-end; } ul.s-c-f_blockTotalSum li:first-child { font-size: 20px; line-height: 20px; } ul.s-c-f_blockTotalSum li { position: relative; border-top: solid 1px #e0e0e0; padding-top: 15px; } ul.s-c-f_blockTotalSum li:last-child { font-size: 20px; color: #408de4; font-weight: 500; padding-left: 15px; } .system-message.warn { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #ea5c5c; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 17px 20px; margin: 25px 0; } .system-message.warn a { text-decoration: underline; } .system-message.warn a:hover { text-decoration: none; } .cart-title-wrap .title { font-family: "Raleway"; font-size: 20px; color: #222222; font-weight: bold; text-transform: uppercase; display: flex; align-items: center; } .cart-title-wrap { margin-top: 50px; margin-bottom: 25px; } div#fuzz { display: none; } .formsCartWrap { display: grid; grid-template-columns: 40% auto; grid-column-gap: 30px; } .poleInput input, .poleInput select, .poleInput textarea { width: 100%; margin-bottom: 12px; } .poleInput select {width: 100%;box-sizing: border-box;padding: 9px 11px;font-size: 14px;font-weight: 300;color: #2f2f2f;font-family: "Roboto";border-radius: 3px;border: solid 1px #e8e8e8;outline: none;transition: all .3s ease;margin-bottom: 12px;} .poleInput textarea { margin-bottom: 8px; min-height: 110px; } .error.errorCart { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #ea5c5c; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 18px 20px; margin: 25px 0; } .oplataDostWrap { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } .cart-btn-send { margin-top: 40px; display: flex; align-items: center; justify-content: flex-end; } div#shipping, div#payment { box-sizing: border-box; border-radius: 3px; border: solid 1px #e0e0e0; padding: 18px 10px; color: #777777; font-size: 14px; margin-bottom: 18px; } .poleInput label { color: #777777; font-size: 14px; line-height: 24px; margin-bottom: 18px; } ul.s-c-f_blockProdSection:not(:last-child) { border-bottom: dashed 1px #e0e0e0; margin-bottom: 10px; box-sizing: border-box; padding-bottom: 10px; } div#shipping tr td:last-child, div#payment tr td:last-child { /* white-space: nowrap; */ } div#shipping tr td, div#payment tr td { vertical-align: top; box-sizing: border-box; padding: 8px 5px; border: none; text-align: left; line-height: normal; } div#shipping tr input, div#payment tr input {margin-top: 0;} #fuzz { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .order-total-discount { text-align: right; display: grid; grid-template-columns: auto 150px; margin-bottom: 15px; } .order-total-discount > div { display: inline-block; vertical-align: middle; } .discont-order { font-size: 18px; } .discont-sum { margin-left: 8px; font-size: 20px; color: #408de4; font-weight: 500; } input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, selcet:active {border: solid 1px #ffd200;} .butCartTop a i { margin-right: 7px; font-size: 16px; } .butCartTop a:not(:last-child) { margin-right: 10px; } .cart-title-wrap i { font-size: 16px; margin-right: 10px; } .left-nav ul {border-right: solid 1px #e8e8e8;} .left-nav ul li a:before { content: ""; position: absolute; left: -1px; background-color: #408de4; height: 100%; width: 4px; top: 0; opacity: 0; } .left-nav ul li a {/* text-transform: uppercase; */display: block;box-sizing: border-box;line-height: 23px;padding: 15px 23px 13px;border-bottom: solid 1px #e8e8e8;border-left: solid 1px #e8e8e8;position: relative;color: #777777;font-size: 14px;} .profile_menu_img {margin-right: 14px;} .left-nav ul li.active a:before, .left-nav ul li:hover a:before {opacity: 1;} .input-field-wrap { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; } .input-field label { color: #777777; font-size: 14px; line-height: 24px; margin-bottom: 18px; cursor: pointer; } .form-info { box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #969696; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 18px 20px; margin: 0px 0 25px; } span.label_title { display: block; } .input-field .checkbox {display: none;} .input-field .checkbox + label span.label_checkbox { width: 50px; height: 26px; border-radius: 13px; background: #e8e8e8; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: .2s; display: inline-block; position: relative; box-sizing: border-box; margin-top: 5px; } .input-field .checkbox:checked + label span.label_checkbox { background: #3b83d4; } .input-field .checkbox + label span.label_checkbox:after { content: ''; position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: .2s; } .input-field .checkbox:checked + label span.label_checkbox:after { left: 26px; } .input-field span.important { color: #ff697a; } .user-panel-wrapper { display: grid; justify-content: space-between; grid-template-columns: 266px calc(100% - 298px); } .left-nav ul li:first-child a { border-top: solid 1px #e8e8e8; } .profile_menu_wrap { display: flex; align-items: center; } .order-info-head { display: grid; grid-template-columns: 18% 16% 26% 25% 15%; grid-column-gap: 0px; margin-bottom: 10px; box-sizing: border-box; border-bottom: solid 1px #e0e0e0; padding-bottom: 17px; } .item-short-info { display: grid; grid-template-columns: 18% 16% 26% 25% 15%; align-items: center; } .order-info-head span:not(:first-child) { padding-left: 15px; } .item-short-info > div:not(:first-child) { padding-left: 15px; } .order-products .products ul li { position: relative; box-sizing: border-box; padding-left: 10px; } .order-products .products ul li:not(:last-child) { margin-bottom: 7px; } .order-products .products ul li:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 6px; background-color: #3b83d4; } .order-products .products img { max-width: 100%; } .order-products { display: flex; align-items: center; } .item-details-table-head { display: grid; grid-template-columns: 16% 35% 19% 15% 15%; grid-column-gap: 0px; margin-bottom: 10px; box-sizing: border-box; border-bottom: solid 1px #e0e0e0; padding-bottom: 17px; } .item-details-table-body .item-details { display: grid; grid-template-columns: 16% 35% 19% 15% 15%; grid-column-gap: 0px; align-items: center; } .item-details-img { width: 100px; height: 76px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .item-details-name { padding: 0 10px; line-height: 20px; } .item-details-img img { max-width: 100%; max-height: 100%; } .item-details-table-head > div { color: #777777; font-size: 14px; line-height: 24px; } .order-info-head span { color: #777777; font-size: 14px; line-height: 24px; } .order-info-head span a { color: #777777; line-height: 24px; text-decoration: underline; } .order-info-head span a:hover { text-decoration: none; } .order-info-body .order-item:not(:last-child) { border-bottom: dashed 1px #e0e0e0; margin-bottom: 10px; box-sizing: border-box; padding-bottom: 10px; } .hidden-info-wrapper { display: none; } .item-short-info > * { font-size: 14px; } .item-short-info .order-cost { font-weight: 600; color: #408de4; } .order-products span { margin-right: 8px; } .order-staus.status-in-progress { color: #ffd200; } .order-staus.status-done { color: #3bca00; } .order-staus.status-canceled { color: #ff6976; } .link-spoiler a { color: #408de4; position: relative; text-decoration: underline; } .link-spoiler { box-sizing: border-box; } .link-spoiler a:after {content: "\f106";right: -17px;top: 50%;position: absolute;font-family: "Font Awesome 5 Pro";color: #408de4;transform: translateY(-50%) rotate(180deg);transition: all .3s ease;} .link-spoiler a:hover { text-decoration: none; } .order-info { font-family: "Raleway"; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #232323; margin: 45px 0 27px; } .order-table-history { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 8px; } .item-details-table-body .item-details:not(:last-child) { border-bottom: dashed 1px #e0e0e0; margin-bottom: 10px; box-sizing: border-box; padding-bottom: 10px; } .item-details-table-body .item-details > * { font-size: 14px; } .order-info-detalied { margin-bottom: 50px; } .final-sum { margin-top: 13px; box-sizing: border-box; float: right; border-top: solid 1px #e0e0e0; padding: 18px 7px 10px 0; } .final-sum div span:first-child { text-align: right; } .final-sum div:not(:last-child) { margin-bottom: 13px; } .final-sum div span:last-child { /* margin-left: 8px; */ text-transform: lowercase; } .final-sum:before {display: block;position: absolute;width: 50%;top: -15px;right: 0;background-color: #e0e0e0;height: 1px;} .item-details-price { color: #3b83d4; font-weight: 500; } .final-sum div:nth-child(1) span:first-child, .final-sum div:nth-child(2) span:first-child { font-size: 16px; } .final-sum div:nth-child(1) span:last-child, .final-sum div:nth-child(2) span:last-child { } .final-sum div span:first-child { font-size: 16px; } .final-sum div span:last-child { font-size: 14px; color: #3b83d4; font-weight: 500; line-height: 15px; } .final-sum > div { display: grid; grid-template-columns: 1fr 120px; grid-column-gap: 11px; align-items: center; } .final-sum > div span:first-child { } .final-sum > div span:last-child { text-align: left; } .item-details-table-body .item-details > div { box-sizing: border-box; } .order-item.collapsed .link-spoiler a:after { transform: translateY(-50%) rotate(0deg); } .order-table-history div { display: flex; } .order-table-history div span:last-child {margin-left: 10px;font-size: 14px;font-weight: 300;color: #232323;font-family: "Roboto";line-height: 20px;} .order-table-history div span:first-child { color: #777777; font-size: 14px; line-height: 20px; } .prodblock.prodblockfavorite .brief-item-usermenu ul { grid-template-columns: 1fr; } .regFormInfo.tac { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 17px 20px; margin: 25px 0; } .error.regFormInfo.tac { color: #ff6976; } form#RegisterForm label > span { color: #777777; font-size: 14px; line-height: 24px; } form#RegisterForm label input, form#RegisterForm label select, form#RegisterForm label textarea { width: 100%; box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; transition: all .3s ease; } form#RegisterForm .input-field { margin-bottom: 12px; } .btn-reset i { margin-right: 7px; font-size: 16px; } .r_p_b_name { color: #777777; font-size: 14px; line-height: 24px; } .r_p_b_input input { width: 100%; box-sizing: border-box; padding: 9px 11px; font-size: 14px; font-weight: 300; color: #2f2f2f; font-family: "Roboto"; border-radius: 3px; border: solid 1px #e8e8e8; outline: none; transition: all .3s ease; } .r_p_b_button a { box-sizing: border-box; background-color: #ffd200; padding: 6px 16px 5px; font-size: 14px; font-weight: bold; line-height: 26px; text-transform: uppercase; border-radius: 3px; display: inline-block; cursor: pointer; } .reset_password_block form { display: flex; align-items: center; justify-content: center; } .r_p_b_input { margin: 0 14px; } .reset_password_wrap { margin-top: 51px; } .reset_password_message { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #232323; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 18px 20px; } .r_p_b_row { display: flex; align-items: center; width: 400px; justify-content: flex-end; margin-bottom: 10px; } .reset_password_block.reset_password_ver form { flex-direction: column; } .reset_password_message.reset_password_message_error { color: #ea5c5c; } .reset_password_message.reset_password_message_success { color: #3bca00; } .red { color: #ea5c5c; } .title_user_panel { font-family: "Raleway"; font-size: 20px; color: #222222; font-weight: bold; text-transform: uppercase; margin-bottom: 23px; margin-top: 1px; } .title_user_panel i { margin-right: 12px; } .f_o_h_number_status_wrap { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; } .f_o_h_status_input label { white-space: nowrap; } .filter_order_history { box-sizing: border-box; border: solid 1px #e8e8e8; border-radius: 3px; padding: 25px; margin-top: 50px; } .custom_checked { display: flex; align-items: center; cursor: pointer; margin-right: 24px; margin-bottom: 14px; font-size: 14px; color: #777777; line-height: 15px; } .custom_checked span.checkicon { display: block; width: 14px; height: 14px; margin-right: 10px; position: relative; border: solid 1px #cccccc; box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .custom_checked input[type="checkbox"] { display: none; } .custom_checked span.checkicon:before {content: "\f00c";font-family: "Font Awesome 5 Pro";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(2);color: #408de4;font-size: 10px;opacity: 0;visibility: hidden;transition: all .3s ease;} .custom_checked input[type="checkbox"]:checked + span.checkicon:before { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .cart-reg-types ul { display: flex; align-items: center; } .quickOrderColumn .custom_radio { margin-bottom: 0; } .custom_radio { display: flex; align-items: center; cursor: pointer; margin-right: 24px; margin-bottom: 14px; font-size: 14px; color: #777777; line-height: 15px; } .custom_radio span.radioicon { display: block; width: 14px; height: 14px; margin-right: 10px; position: relative; border: solid 1px #cccccc; box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; } .custom_radio input[type="radio"] { display: none; } .custom_radio span.radioicon:before {content: "";position: absolute;display: block;width: 7px;height: 7px;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(2);background-color: #408de4;opacity: 0;visibility: hidden;transition: all .3s ease;border-radius: 50%;} .custom_radio input[type="radio"]:checked + span.radioicon:before { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .custom_radio label, .custom_checked label { font-size: 14px; color: #777777; line-height: 15px; } .f_o_h_status_input { display: flex; flex-wrap: wrap; } .f_o_h_number_name label, .f_o_h_status_name label { margin-bottom: 22px; } .custom_checked input[type="checkbox"]:disabled + span.checkicon {background: #ebebe4;} .custom_checked input[type="checkbox"]:checked + span + span { color: #222222; } .input-field input, .input-field select, .input-field textarea { width: 100%; margin-bottom: 12px; } .f_o_h_number_input input { width: 100%; } .styleModalBody.error { padding: 73px 40px 40px; color: #ff6d7a; position: relative; font-size: 14px; text-align: left; } .styleModalBody.error:before {content: "\f06a";font-family: "Font Awesome 5 Pro";font-size: 28px;display: block;position: absolute;left: 50%;top: 24px;transform: translateX(-50%);} .styleModalBody.error ul li:not(:last-child) { margin-bottom: 10px; } .toolbar .user-menu > ul { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; padding-left: 0; height: 100%; /* grid-column-gap: 15px; */ } .moreMenu {border: none;color: #fff;font-size: 18px;background-color: #3b83d4;border-radius: 0;padding: 17px 25px;outline: none;margin-left: 10px;margin-right: 10px;cursor: pointer;position: relative;} .moreMenu.hidden { display: none!important; } .moreMenu:after { content: attr(count); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 25px; height: 25px; font-size: 12px; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); background: #3b83d4; color: #ffffff; border-radius: 50%; } .noneObjects { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #969696; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 18px 20px; } .leftblock_cat .blockWrap:first-child { margin-top: 0px; } .leftblock .cont-wrap { width: auto; } .cbt1 { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #969696; font-size: 14px; line-height: 24px; margin-bottom: 18px; text-align: center; padding: 18px 20px; } .user_message { width: 100%; box-sizing: border-box; border-radius: 3px; border: solid 1px #e8e8e8; color: #969696; font-size: 14px; line-height: 24px; text-align: center; padding: 18px 20px; } .user_message.error { color: #ff6976; } .user_message b { font-size: 18px; } .comparison_bloc_row { display: flex; } .comparison_bloc_column { width: 100%; display: flex; align-items: center; } .comparison_bloc_column:first-child { max-width: 220px; font-size: 15px; color: #ffffff; background-color: #3b83d4; } .comparison_bloc_picture img { max-height: 100px; } .comparison_bloc_column, .comparison_bloc_column a { font-size: 15px; color: #777777; line-height: 20px; } .comparison_bloc_column a { text-decoration: underline; } .comparison_bloc_row:not(:last-child) .comparison_bloc_column:first-child { border-bottom: solid 1px #ffffff; } .comparison_bloc_row .comparison_bloc_column:not(:last-child) { border-right: solid 1px #e8e8e8; box-sizing: border-box; padding: 13px 15px; } .comparison_bloc_row .comparison_bloc_column:not(:first-child) { box-sizing: border-box; padding-left: 15px; transition: all .3s ease; } .comparison_bloc_row .comparison_bloc_column { padding: 13px 0px; } .comparison_bloc_row .comparison_bloc_column { border-bottom: solid 1px #e8e8e8; } .comparison_bloc_column a:hover { text-decoration: none; } .comparison_bloc_row:hover .comparison_bloc_column:not(:first-child) { background-color: rgba(59, 131, 212, 0.095); } .comparison_bloc_row.comparison_bloc_price .comparison_bloc_column:not(:first-child) { color: #3b83d4; font-weight: 500; } .comparison_bloc { border-top: solid 1px #e8e8e8; border-right: solid 1px #e8e8e8; box-sizing: border-box; } .comparison_bloc_del .comparison_bloc_column:not(:first-child) { padding-left: 15px; padding-top: 0; padding-bottom: 0; transition: all .3s ease; } .comparison_bloc_del .comparison_bloc_column:not(:first-child) a { display: block; box-sizing: border-box; padding: 13px 0px; width: 100%; text-align: center; color: #ea5c5c; } .comparison_bloc_del .comparison_bloc_column:not(:first-child):hover { background-color: rgba(234, 92, 92, 0.13); } .oldPriceBlock { text-align: center; margin-top: 5px; } .oldPriceBlock span { color: #b2b2b2; font-size: 18px; text-decoration: line-through; } .productDetailedListPrice { color: #b2b2b2; font-size: 18px; text-decoration: line-through; margin-top: 5px; text-align: center; } .productDetailedPrice .productDetailedListPrice { text-align: left; } .header_top_wrap { display: flex; justify-content: space-between; align-items: center; } .new_article_img { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 330px; } .dateNewsAdd { color: #2f2f2f; font-size: 14px; text-transform: uppercase; line-height: 26px; text-align: right; } .dateNewsAdd i { margin-right: 3px; } li.down_menu { position: relative; display: inline-block; } ul.drop_down_menu { position: absolute; top: calc(100% + 0px); background-color: #fff; opacity: 0; visibility: hidden; z-index: 1; transform: translateY(-10px); transition: all .3s ease; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .1); } li.down_menu:hover .drop_down_menu { opacity: 1; visibility: visible; transform: translateY(0px); top: calc(100% - 0px); } li.down_menu > a:after {content: "\f107";font-family: "Font Awesome 5 Pro";color: #3b83d4;margin-left: 7px;} li.down_menu a { padding-right: 20px; } ul.drop_down_menu a { text-align: left; } li.down_menu:hover:after { opacity: 0; } .text-content { font-size: 15px; line-height: 24px; color: #2f2f2f; } .block_head >.title_link { display: flex; justify-content: space-between; align-items: center; } a.link_all_news { font-family: "Raleway"; font-weight: 500; line-height: 15px; font-size: 14px; color: #408de4; text-transform: none; border-bottom: solid 1px rgba(64, 141, 228, 0.3); } a.link_all_news:hover { border-bottom-color: transparent; } .noTopMargin { margin-top: 0; } .noBottomMargin { margin-bottom: 0; } .noLeftMargin { margin-left: 0; } .noRightMargin { margin-right: 0; } .user_message_404 span { display: block; } span.oops_404 { font-size: 22px; margin-bottom: 3px; color: #191a1c; } span.text_404 { margin-top: 32px; } .but_404 { margin-top: 5px; } .but_404 a:not(:last-child) { margin-right: 10px; } span.errorurl_404 { color: #191a1c; } .user_message_404 { border-color: transparent; } .priceListTable { margin-top:15px; } .priceTable { width:100%; } .priceTable a { color: #536475; } .sortPriceList { margin-bottom:27px; } .sortPriceList a { text-decoration:underline; transition:all 0.4s; -webkit-transition:all 0.4s; } .blueButPrice { margin:30px 0; } table .priceTable.gre .priceListHead td.lt { background: #3b83d4; } table.gre td.lt { background: #3b83d4; color: #fff; font-weight: 700; padding: 20px 0 20px 16px; } table .priceTable.gre td.lt { background: #f4f4f4; } .ptbl td { vertical-align: middle; text-align: left; padding: 10px 8px; } table.gre td { background: #fff; } table.gre td.lt a { color: #536475; text-decoration: none; } .priceBut { margin-top:20px; border-radius:3px; } .materialList > * { display:inline-block; vertical-align:top; width: 32%; box-sizing:border-box; padding: 0 5px; } .priceTable tr.ptbl td:first-child a { display:block; line-height:25px; } .priceTable tr.ptbl td:first-child a:hover { text-decoration:underline; color:#3b83d4; } #filterSlider .ui-state-hover, #filterSlider .ui-widget-content .ui-state-hover, #filterSlider .ui-widget-header .ui-state-hover, #filterSlider .ui-state-focus, #filterSlider .ui-widget-content .ui-state-focus, #filterSlider .ui-widget-header .ui-state-focus { border-radius: 50%; background: rgb(13, 126, 228); } .childCategoriesGrid { display: flex; flex-wrap: wrap; } .childCategoryWrap:not(:last-child) { margin-right: 10px; margin-bottom: 10px; } .childCategoryWrap .childCategoryName a {display: block;background-color: #ffd200;color: #222222;box-sizing: border-box;padding: 13px 20px 11px 20px;font-weight: 500;font-size: 14px;text-transform: uppercase;} .subcategorywrap { margin-bottom: 23px; } ul.contact_wrap_phone li a { font-size: 24px; } ul.contact_wrap_phone li:not(:last-child) { margin-bottom: 8px; } ul.contact_wrap_otherInfo li { font-size: 18px; color: #000; } ul.contact_wrap_otherInfo li i { color: #408de4; font-size: 20px; text-align: center; } ul.contact_wrap_otherInfo li.icon { display: grid; grid-template-columns: 22px 1fr; grid-column-gap: 15px; align-items: center; } ul.contact_wrap_otherInfo { margin-top: 30px; } ul.contact_wrap_otherInfo li:not(:last-child) { margin-bottom: 15px; } .contact_grid { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 80px; margin-bottom: 50px; margin-top: 30px; } .contact_form input, .contact_form textarea { width: 100%; } .contact_form h3 {font-family: "Raleway";font-size: 20px;color: #222222;font-weight: bold;text-transform: uppercase;margin-bottom: 23px;text-align: center;} .contact_form input { margin-bottom: 15px; padding: 15px 10px; } .contact_form textarea { height: 100px; } .contact_form .button { width: 100%; text-align: center; margin-top: 14px; } .contact_info { box-sizing: border-box; padding-top: 40px; } ul.contact_wrap_phone li a b { font-weight: bold; } .styleModalBody.oki { padding: 25px 40px; line-height: 24px; color: #408de4; font-size: 16px; } ul.s-c-f_blockTotalDiscount { margin: 25px 0 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; } ul.s-c-f_blockTotalDiscount li.discount_percent, ul.s-c-f_blockTotalDiscount li.discount_value { position: relative; border-top: solid 1px #e0e0e0; padding-top: 15px; } ul.s-c-f_blockTotalDiscount li.discount_percent { font-size: 18px; line-height: 20px; } ul.s-c-f_blockTotalDiscount li.discount_value { font-size: 20px; color: #eb6180; font-weight: 500; padding-left: 15px; } .optionProductImg { display: inline-block; margin: 0 10px 5px 0; text-align: center; } .optionProductImg input[type="radio"] { display: none; } .optionProductImg input[type="radio"]+span { display: flex; width: auto; height: 57px; border: 1px solid #ddd; background: #efefef; overflow: hidden; opacity: 0.8; cursor: pointer; } .optionProductImg input[type="radio"]:checked+span { border-color: #3b83d4; opacity: 1; } .optionProductImg input[type="radio"]+span img { /*max-width: 100%; max-height: 100px;*/ /* object-fit: cover; */ /* max-width: 100%; */ max-height: 100%; margin: 0 auto; } label.optionProductVal input { display: none; } label.optionProductVal input:checked + span.optionVal { border: 1px solid #3b83d4; color: #3b83d4; } label.optionProductVal input + span.optionVal { box-sizing: border-box; padding: 10px 15px; display: inline-block; line-height: 24px; border: 1px solid #ddd; cursor: pointer; } .optionProductImg span:last-child { font-size: 12px; display: inline-block; margin-top: 5px; } label.optionProductImg input[type="radio"]:checked + span + span { color: #3b83d4; } div#scrollToTop { position: fixed; right: 25px; bottom: 25px; box-sizing: border-box; width: 50px; height: 50px; visibility: hidden; opacity: 0; transition: all .3s ease; display: flex; align-items: center; justify-content: center; background-color: rgba(59, 131, 212, 0.84); color: #fff; border-radius: 50%; font-size: 20px; cursor: pointer; box-shadow: 0px 0px 6px 1px rgba(255, 255, 255, .4); } div#scrollToTop.active { visibility: visible; opacity: 1; } .f_o_h_number_name, .f_o_h_status_name { display: none; } ul.s-c-f_blockTotalDiscount li:first-child { color: #ff6976; } ul.s-c-f_blockTotalDiscount li:last-child { color: #408de4; margin-left: 9px; } .user-type { margin-bottom: 15px; } .user-type label { margin-right: 20px; cursor: pointer; } .user-type label input { margin-right: 10px; } .prodWrap .productCode { margin-bottom: 10px; line-height: 24px; color: #777777; font-size: 14px; } .searchItemText.searchString { width: 100%; text-align: center; display: block; color: #ea5c5c; padding: 10px 0; box-sizing: border-box; font-weight: 500; } div#totalCost { font-size: 20px; color: #408de4; font-weight: 500; margin-right: 30px; } div#totalCost span { font-weight: normal; color: #000; margin-right: 14px; } .shipping-description { font-size: 12px; margin-top: 6px; color: #3b83d4; } .shipping-address label, .shipping-address textarea { display: block; width: 100%; } .shipping-address label { margin-top: 12px; margin-bottom: 3px; } .productDiscount span { display: block; margin: 0 0 0 100px; width: 40px; height: 40px; border-radius: 50%; background: #f00; text-align: center; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); box-shadow: 1px 4px 0px rgba(0, 0, 0, 0.1); } .slideProd .productDiscount {position: absolute;right: 8px;top: 8px;} .slideProd .productDiscount span { margin: 0; } #vpo_list .slideProd .productDiscount span {width: 33px;height: 33px;font-size: 12px;line-height: 33px;} .pwt_left .productDiscount { position: absolute; top: 18px; right: 18px; } #vpo_list .slideProd .productDiscount { top: 0; right: auto; left: calc(100px - 33px); } /*********defaultStyle************************/ .styleCss { line-height: 1.5; } .styleCss, .styleCss p, .styleCss li, .styleCss a, .styleCss span { /* color:#363636; */ } .styleCss h3 { font-size:20px; text-indent:25px; margin:29px 0 13px; } .styleCss p { /* text-indent:25px; */ margin-bottom:15px; } .styleCss .styleText { font-style:italic; color:#F26D7D; } /* .pageFull { */ /* margin-top:43px; */ /* padding:0 15px; */ /* } */ .dateNewsAdd { text-indent:25px; } .styleCss li { margin-bottom:5px; /* background:url("../images/gal.png") left 8px no-repeat; */ /* padding-left:26px; */ } .styleCss h1 { font-family: "Raleway"; font-size: 20px; color: #222222; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; margin-top: 20px; } .styleCss h2 { font-family: "Raleway"; font-size: 15px; color: #222222; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; margin-top: 20px; } .styleCss h3 { font-size: 20px; font-weight: 500; text-indent:25px; } .styleCss ul { margin:20px 0 20px 25px; padding:0px; } .styleCss table { max-width:100%; margin:20px auto; border-spacing: 0; border-collapse: collapse; } .styleCss table td { padding:10px; } .styleCss table tr:nth-child(2n+1) { background: #F0F0F0; } .styleCss table tr { border-bottom: 1px solid #F0F0F0; } strong { font-weight: 600; } .slider_text_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .slider_text_block { display: inline-block; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box; padding: 20px 15px; } .slider_text_block span { display: block; } span.slide-text-title { font-size: 29px; color: #fff; } span.slide-text-content { color: #fff; font-weight: 300; line-height: 20px; } .slider_text_block span:not(:last-child) { margin-bottom: 10px; } span.slide-text-price { font-size: 24px; color: #fff; } thead { background-color: #408DE4; border: solid 1px #408DE4; } thead td, thead th { font-family: Raleway; font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #fff; text-align: center; padding: 10px 0; } table { width: 100%; } tbody td, tbody th { border: solid 1px #EAEAEA; font-size: 14px; line-height: 24px; color: #575757; text-align: center; padding: 7px 7px; box-sizing: border-box; } tbody tr:nth-child(even) { background-color: #F9F9F9; } b { font-weight: bold; } .text_left { text-align: left; padding-left: 22px; padding-right: 22px; } .block_body p { color: #575757; font-size: 16px; line-height: 24px; margin-bottom: 13px; } .block_body h2 { font-family: Raleway; font-weight: bold; font-size: 18px; line-height: 24px; color: #222222; margin-top: 22px; margin-bottom: 19px; } .block_body ul.style_list li, .block_body ol.style_list li { font-size: 16px; line-height: 24px; color: #575757; padding-left: 33px; position: relative; } .block_body ul.style_list li:not(:last-child), .block_body ol.style_list li:not(:last-child) { margin-bottom: 13px; } .block_body ul.style_list, .block_body ol.style_list { margin-bottom: 13px; } ol.style_list{ counter-reset: listCounter; } ol.style_list li:before { counter-increment: listCounter; content:counter(listCounter) '.'; font-weight: bold; font-size: 16px; line-height: 24px; color: #408DE4; position: absolute; left: 0; } ul.style_list li:before { content:''; background-image: url('../images/uil_check-circle.svg'); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; } .warning_wrap { background-image: url('../images/error.svg'); background-repeat: no-repeat; background-size: 45px; background-position: 35px center; background-color: rgba(64, 141, 228, 0.15); padding: 30px 25px 32px 100px; margin-top: 32px; color: #575757; font-size: 16px; line-height: 24px; } label.optionProductVal input:disabled + span.optionVal, label.optionProductImg input:disabled + span { opacity: .5; position: relative; cursor: default; } label.optionProductVal input:disabled + span.optionVal:before, label.optionProductImg input:disabled + span:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(19deg); background-color: rgba(34, 34, 34, 0.53); } ul.header_icon_social, ul.footer_icon_social { display: flex; align-items: center; } ul.header_icon_social li:not(:last-child) { margin-right: 8px; } ul.footer_icon_social li:not(:last-child) { margin-right: 8px; margin-bottom: 0; } ul.header_icon_social li a { font-size: 19px; display: block; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all .3s ease; } ul.footer_icon_social li a { font-size: 15px; display: block; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all .3s ease; } ul.header_icon_social li a, ul.footer_icon_social li a { color: #fff; } ul.header_icon_social li.telegram_icon a, ul.footer_icon_social li.telegram_icon a, li.menu-item-telegram { background-color: #27AED6; } ul.header_icon_social li.viber_icon a, ul.footer_icon_social li.viber_icon a, li.menu-item-viber { background-color: #7D519E; } ul.header_icon_social li.whatsapp_icon a, ul.footer_icon_social li.whatsapp_icon a, li.menu-item-whatsapp { background-color: #39AA44; } ul.header_icon_social li.skype_icon a, ul.footer_icon_social li.skype_icon a, li.menu-item-skype { background-color: #429BD0; } ul.header_icon_social li.email_icon a, ul.footer_icon_social li.email_icon a { background-color: #3A6298; } ul.header_icon_social li a:hover, ul.footer_icon_social li a:hover { background-color: #3b83d4; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 13%); } .contact_icon_social { margin-top: 15px; } ul.prodTabWindowBlock > li .productDescription ul li, .text-content ul li { border-bottom: none; color: #444; margin-bottom: 6px; padding-bottom: 0; } .text-content ul { margin-bottom: 20px; } .text-content ul li:before, .text-content ol li:before { display: inline-block; vertical-align: middle; margin-right: 8px; color: #7eb43c; } .text-content ul>li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; } footer a.logo { display: block; height: auto; } .optionProductStatic { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-end; } .prodFeatureBlock .optionProductStatic .optionName, .prodFeatureBlock .optionProductStatic .optionValue, .tabExtra .optionProductStatic .optionName, .tabExtra .optionProductStatic .optionValue { margin: 0; font-weight: 400; text-transform: none; position: relative; font-size: 15px; color: #777777; } .prodFeatureBlock .optionProductStatic .optionName:after, .tabExtra .optionProductStatic .optionName:after { content: ""; display: block; width: calc(100% - 6px); position: absolute; border-bottom: dashed 1px rgb(208 208 208); bottom: 2px; left: 0; } .optionProductStatic .optionName span { position: relative; z-index: 1; padding-right: 6px; font-size: 15px; color: #444444; } .optionProductStatic .optionName span:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: -1; } ul:not([class]) li { position: relative; color: #575757; font-size: 16px; line-height: 20px; } ul:not([class]) li:before { content: ""; display: inline-block; margin-bottom: 2px; margin-right: 10px; width: 5px; height: 5px; background-color: #3b83d4; border-radius: 50%; } ul:not([class]) li:not(:last-child) { margin-bottom: 4px; } .shipping-description, .payment-description { font-size: 12px; margin-top: 6px; color: #DA227B; } .shipping-email_comments_text, .payment-email_comments_text { font-size: 11px; margin-top: 6px; color: #20272f; } .shipping-address { margin-top: 10px; } .shipping-address label, .shipping-address textarea { display: block; width: 100%; } .shipping-address label { margin-top: 12px; margin-bottom: 3px; } div#shipping, div#payment { box-sizing: border-box; border-radius: 3px; border: solid 1px #e0e0e0; padding: 18px 10px; color: #777777; font-size: 14px; margin-bottom: 18px; } #shipping label, #shipping input, #payment label, #payment input { cursor: pointer; display: block; } #shipping tr, #payment tr { background: none; } .category_tile_list { display: flex; justify-content: center; flex-wrap: wrap; } .category_tile_item { height: 230px; width: 370px; margin-bottom: 15px; background-position: center; background-image: url('../images/background_category.jpg'); overflow: hidden; background-size: contain; background-repeat: no-repeat; } .category_tile_item a { display: flex; align-items: flex-end; width: 100%; height: 100%; justify-content: center; position: relative; box-sizing: border-box; padding-bottom: 20px; } .category_tile_title { background-color: rgb(255 255 255 / 0.85); font-family: "Raleway"; font-size: 16px; color: #222; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; padding: 12px 21px; position: relative; } .category_tile_item a:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgb(59 131 212 / 19%);opacity: 0;visibility: hidden;transition: all .3s ease;} .category_tile_item a:hover:before { opacity: 1; visibility: visible; } .category_tile_item:not(:nth-child(3n+3)):not(:last-child) { margin-right: 15px; } .required_field:after { content: "*"; color: #ff6976; margin-left: 2px; } .feedbackPage input.required, .feedbackPage textarea.required, .feedbackPage select.required { background-image: url('../images/required.svg'); background-position: calc(100% - 12px) center; background-repeat: no-repeat; background-size: 9px; } .title_category_wrap { margin-bottom: 23px; } .footerColumnMenu ul.drop_down_menu { transition: none; left: 0; } .footerColumnMenu li.down_menu:hover .drop_down_menu { padding: 10px; } li.down_menu .drop_down_menu li:not(:last-child) { padding-bottom: 14px; } li.down_menu:hover .drop_down_menu li a { white-space: nowrap; } ul.footerColumnMenu a:hover { color: #3b83d4; } .footerColumnMenu li.down_menu:hover .drop_down_menu { top: calc(100% - 11px); } .categoryDescr { margin-top: 40px; } .ratingWrap { position: relative; } .ratingWrap .product-wrap-star { width: 100px; height: 20px; padding-right: 19px; display: flex; justify-content: space-between; align-items: center; } .setRating { unicode-bidi: bidi-override; direction: rtl; text-align: left; width: 101px; height: 20px; padding-right: 19px; position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; } .setRating > a { display: inline-block; position: relative; font-size: 18px; cursor: pointer; } .setRating i { opacity: 0; } .ratingWrap .product-wrap-star i { font-size: 18px; } .setRating > a:hover:before, .setRating > a:hover ~ a:before { color: #ffd220; content: "\f005"; position: absolute; font-family: "Font Awesome 5 Pro"; font-weight: 900; } #VotingForm { display: flex; align-items: center; margin: 0 0 25px; } p.ratingTitle { margin-top: 4px; margin-right: 12px; font-family: "Raleway"; font-size: 20px; color: #222222; font-weight: bold; text-transform: uppercase; display: block; } .product-wrap-star i { color: #ffd200; } .styleCss a { text-decoration: underline; } .styleCss a:hover { text-decoration: none; } .text-content sub { font-size: calc(100% - 4px); vertical-align: sub; } .text-content sup { font-size: calc(100% - 4px); vertical-align: super; } .text-content strong { font-weight: 500; } .text-content em { font-style: italic; } .text-content u { text-decoration: underline; } ol:not([class]) { counter-reset: counter; margin-bottom: 10px; } ol:not([class]) li { position: relative; } ol:not([class]) li:before { counter-increment: counter; content:counter(counter); display: inline-block; margin-bottom: 2px; margin-right: 10px; color: #7eb43c; font-size: calc(100% - 2px); } ol:not([class]) li:not(:last-child) { margin-bottom: 4px; } .shippingCities input, .shippingCities select { width:100%; margin-bottom:4px; background:#fff; font-family: Gilroy, sans-serif; } body .select2-container--default .select2-selection--single { box-sizing: border-box; outline: none; padding: 11px 9px; font-size: 16px; color: #3d3d3d; border-radius: 4px; border: solid 1px #d7d7d7; transition: all .3s ease; } body .select2-container .select2-selection--single { height:51px; } body .select2-container--default .select2-selection--single .select2-selection__arrow { top:13px; } .goog-te-gadget { font-size: 0; } .goog-te-gadget span { display: none; } .optionProductGroup { color: #222222; font-family: "Raleway"; text-transform: uppercase; font-weight: bold; border-bottom: solid 1px rgb(208 208 208 / 59%); margin-top: 30px; margin-bottom: 15px; padding-bottom: 2px; } .tabExtra .optionProductGroup:first-child { margin-top: 0; } .scrollToTab { color: #3b83d4; font-size: 14px; border-bottom: solid 1px rgb(59 131 212 / 26%); margin-bottom: 19px; display: inline-block; transition: border-color .3s ease; } .scrollToTab:hover { border-color: transparent; } .text-content img { margin: 10px 15px; } .page_description { margin-top: -15px; font-size: 14px; color: #777777; } .subcategories_block { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-bottom: 40px; } .subcategory_image img { /*width: auto; height: auto; max-width: 100%; max-height: 100%;*/ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: contain; } .subcategory_image {height: 120px;width: 120px;margin: 0 auto;display: flex;justify-content: center;} .subcategory_title { text-align: center; margin-top: 13px; font-size: 15px; line-height: 20px; color: #444444; } .subcategory { border: solid 1px #e8e8e8; padding: 10px 10px; transition: all .3s ease; } .subcategory:hover { box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 8%); } .product_brief_code { font-size: 14px; color: #b5b5b5; } #modal_cart .styleModalPage { position: relative; } #modal_cart .styleModalPage:after { content: ""; background-image: url('/data/images/loader.svg'); position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-color: rgb(255 255 255 / 60%); opacity: 0; visibility: hidden; transition: all .3s ease; } #modal_cart.load_cart .styleModalPage:after { opacity: 1; visibility: visible; } .block_body .styleCss p { margin-bottom: 5px; } .block_body .styleCss h2 { font-size: 20px; text-transform: none; margin-top: 20px; margin-bottom: 10px; } .styleCss ul {margin-top: 5px;} .product_status_block { margin-bottom: 22px; } .product_status:before, .product_brief_stock:before { content: ""; width: 12px; height: 12px; display: inline-block; margin-right: 6px; vertical-align: middle; background-size: contain; } .product_status.product_status_in_stock { background-color: #EDF8F2; color: #27AE60; } .product_status.product_status_in_stock:before, .product_brief_stock.product_status_in_stock:before { background-image: url('/data/images/icons/in_stock.svg'); } .product_status.product_status_not_in_stock, .product_brief_stock.product_status_not_in_stock { background-color: #F8EDED; color: #EB5757; } .product_status.product_status_not_in_stock:before, .product_brief_stock.product_status_not_in_stock:before { background-image: url('/data/images/icons/not_in_stock.svg'); } .product_status.product_status_on_order, .product_brief_stock.product_status_on_order { background-color: #F8F4ED; color: #F2994A; } .product_status.product_status_on_order:before, .product_brief_stock.product_status_on_order:before { background-image: url('/data/images/icons/on_order.svg'); } .product_status { padding: 6px 10px; font-size: 14px; border-radius: 3px; display: inline-block; } .product_brief_status_row { box-sizing: border-box; padding: 0px 12px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .product_brief_status_block .product_status { padding: 0; background-color: transparent; font-size: 12px; margin-bottom: 2px; } .product_brief_status_block .product_status:before { width: 10px; height: 10px; margin-top: -1px; } .product_brief_image { height: 215px; position: relative; } .product_brief_panel { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; background-color: rgb(255 255 255 / 90%); transform: translateY(100%); opacity: 0; transition: all .3s ease; } .product_brief_panel>a { width: 100%; display: block; position: relative; padding: 16px 0; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; cursor: pointer; transition: all .3s ease; color: #111111; } .product_brief_panel>a:not(:last-child) {border-right: solid 1px #eeeeee;} .productCartForm { border-right: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 8%); transition: box-shadow .3s ease; } .product_brief_name a { font-size: 15px; line-height: 20px; color: #444444; transition: color .3s ease; display: block; } .product_brief_name a:hover { color: #408de4; } .product_brief_name { height: 40px; overflow: hidden; padding: 0 12px; text-align: center; margin-top: 15px; } .product_brief_price_block { padding: 0 12px; margin-top: 18px; margin-bottom: 14px; } .product_brief_add_info { padding: 0 12px 25px; display: flex; justify-content: space-between; } .product_brief_price_new { font-weight: 600; color: #408de4; font-size: 20px; text-align: center; } .product_brief_stock { font-size: 12px; color: #27AE60; } .product_brief_panel>a:hover { background-color: #408de4; border-color: #408de4; color: #ffffff; } .product_brief_panel>a.active { background-color: #408de4; border-color: #408de4; color: #ffffff; } .productCartForm:hover .product_brief_panel { transform: translateY(0px); opacity: 1; } .product_brief_price_old { color: #b2b2b2; font-size: 18px; text-decoration: line-through; text-align: center; margin-top: 5px; } .productCartForm:hover {box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 8%);z-index: 99;position: relative;} .footerBreadcrumbs { flex-wrap: wrap; margin-bottom: 7px; display: flex; } .footerBreadcrumbs li { display: block; } .footerBreadcrumbs li:not(:last-child)::after { content: '>'; margin: 0 14px; font-size: 15px; color: #777; } .footerBreadcrumbs li a { font-size: 16px; color: #777; line-height: 1.5; } .footerBreadcrumbs li a:hover { color: #3b83d4; } .radio_icon input[type="radio"], .checkbox_icon input[type="checkbox"] { display: none; } .radio_icon img, .checkbox_icon img { max-width: 40px; max-height: 40px; padding: 2px 2px; box-sizing: border-box; border: solid 1px #cccccc; box-shadow: inset 0px 0px 5px 0px rgb(0 0 0 / 10%); border-radius: 3px; } .radio_icon input:disabled + img, .checkbox_icon input:disabled + img { opacity: .4; cursor: default; } .radio_icon input[type="radio"]:checked + img, .checkbox_icon input[type="checkbox"]:checked + img { border-color: #3b83d4; } .filter-item-tip { position: relative; display: inline-block; margin-left: 10px; vertical-align: bottom; cursor: default; } .filter-item-tip:before { display: block; content: "?"; width: 16px; height: 16px; color: #fff; font-size: 12px; font-weight: bold; line-height: 16px; background: #00BFE8; border-radius: 50%; text-align: center; } .filter-item-tip>span { display: none; position: absolute; bottom: 100%; left: -10px; width: 180px; font-size: 13px; font-weight: normal; font-style: italic; line-height: 18px; color: #888; background: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7); border-radius: 4px; padding: 10px 20px; margin-bottom: 10px; text-transform: none; white-space: pre; z-index: 9999; } .filter-item-tip>span:after { position: absolute; display: block; content: ""; top: 100%; left: 20px; width: 0px; height: 0px; border-bottom: 7px solid transparent; border-left: 7px solid #fff; } .filter-item-tip:hover>span { display: block; } /* ===== fonts/fonts.css ===== */ @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-SemiBold.eot'); src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../fonts/Raleway-SemiBold.woff2') format('woff2'), url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-SemiBold.woff') format('woff'), url('../fonts/Raleway-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-Medium.eot'); src: local('Raleway Medium'), local('Raleway-Medium'), url('../fonts/Raleway-Medium.woff2') format('woff2'), url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('../fonts/Raleway-Bold.eot'); src: local('Raleway Bold'), local('Raleway-Bold'), url('../fonts/Raleway-Bold.woff2') format('woff2'), url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.eot'); src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBold.eot'); src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather'; src: url('../fonts/Merriweather-Italic.eot'); src: local('Merriweather Italic'), local('Merriweather-Italic'), url('../fonts/Merriweather-Italic.woff2') format('woff2'), url('../fonts/Merriweather-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Merriweather-Italic.woff') format('woff'), url('../fonts/Merriweather-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Regular.eot'); src: local('Myriad Pro Regular'), local('MyriadPro-Regular'), url('../fonts/MyriadPro-Regular.woff2') format('woff2'), url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* ===== css/userpage.css ===== */ /* ===== css/search.css ===== */ .ui-autocomplete * { box-sizing: border-box; } .ui-autocomplete-loading { background: white url('/data/admin/loader.white.gif') right center no-repeat; } ul.ui-autocomplete { z-index: 9!important; padding: 0; border-radius: 3px; border-color: rgba(255, 210, 0, 0.37); box-shadow: 0px 4px 4px 3px rgba(0, 0, 0, 0.1); } .my_odd { background: #eee; margin-top:1px!important; } .ui-menu .ui-menu-item a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 8px 15px; } .ui-corner-all .searchItemImg { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin-right: 10px; overflow: hidden; } .ui-corner-all .searchItemImg img { object-fit: cover; max-width: 100%; max-height: 100%; } .searchItemText { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; justify-content: center; font-family: inherit; font-size: 14px; line-height: 1.3; } .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover { margin: 0; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; border-radius: 3px; background: rgba(59, 131, 212, 0.12156862745098039); } .ui-menu .ui-menu-item:not(:last-child) { border-bottom: dashed 1px #e0e0e0; box-sizing: border-box; } .ui-menu .ui-menu-item:nth-last-child(2) { border-bottom: solid 1px rgba(255, 210, 0, 0.37); }