@charset "UTF-8"; /*! * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ @import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400"); @import url(//fonts.googleapis.com/css?family=Open+Sans); .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Datepicker 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/datepicker/#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /*! * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("/image/ui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("/image/ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("/image/ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("/image/ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover .search__select-button .selectors label:hover, .search__select-button .selectors .ui-state-hover label:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus .search__select-button .selectors label:hover, .search__select-button .selectors .ui-state-focus label:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("/image/ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("/image/ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("/image/ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/image/ui/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/image/ui/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/image/ui/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/image/ui/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/image/ui/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/image/ui/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/image/ui/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("/image/ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("/image/ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js .vjs-big-play-button:before, .video-js .vjs-control:before { text-align: center; } @font-face { font-family: VideoJS; src: url("font/VideoJS.eot?#iefix") format("eot"); } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0 { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1 { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2 { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subtitles-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before { content: "\f10c"; } .vjs-icon-captions, .video-js .vjs-captions-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js .vjs-captions-button:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before { content: "\f115"; } .vjs-icon-replay { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button:before { content: "\f11e"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { outline: 0; border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; overflow: auto; font-family: Arial, Helvetica, sans-serif; } .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { outline: 0; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .video-js .vjs-menu-button-inline.vjs-slider-active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { outline: none; position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-control:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; } .vjs-live .vjs-progress-control { display: none; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; } /* If we let the font size grow as much as everything else, the current time tooltip ends up ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled to avoid a weird hitch when you roll off the hover. */ .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after { font-family: Arial, Helvetica, sans-serif; visibility: visible; font-size: 0.6em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; left: 0; top: 0; } .video-js .vjs-mouse-display:before { display: none; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { position: absolute; top: -0.333333333333333em; right: -0.5em; font-size: 0.9em; } .video-js .vjs-time-tooltip, .video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after { visibility: hidden; pointer-events: none; position: absolute; top: -3.4em; right: -1.9em; font-size: 0.9em; color: #000; content: attr(data-current-time); padding: 6px 8px 8px 8px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; } .video-js .vjs-time-tooltip, .video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after { z-index: 1; } .video-js .vjs-progress-control .vjs-keep-tooltips-inside:after { display: none; } .video-js .vjs-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: white; background: rgba(115, 133, 159, 0.75); } .video-js.vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-time-tooltip { display: inline-block; height: 2.4em; position: relative; float: right; right: -1.9em; } .vjs-tooltip-progress-bar { visibility: hidden; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after { display: none; } .vjs-mouse-display .vjs-time-tooltip, .video-js .vjs-progress-control .vjs-mouse-display:after { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { outline: 0; position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control, .video-js .vjs-volume-menu-button { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { width: 5em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu { display: block; width: 0; height: 0; border-top-color: transparent; } .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0.5em; height: 8em; } .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em; } .vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content { height: 0; width: 0; overflow-x: hidden; overflow-y: hidden; } .vjs-volume-menu-button-vertical:hover .vjs-menu-content, .vjs-volume-menu-button-vertical:focus .vjs-menu-content, .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content { height: 8em; width: 2.9em; } .vjs-volume-menu-button-horizontal:hover .vjs-menu-content, .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content { height: 2.9em; width: 8em; } .vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content { background-color: transparent !important; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform: translateY(-1.5em); -ms-transform: translateY(-1.5em); -o-transform: translateY(-1.5em); -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-playback-rate .vjs-playback-rate-value { font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button { display: none; } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button { display: none; } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button { display: none; } .vjs-caption-settings { position: relative; top: 1em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; margin: 0 auto; padding: 0.5em; height: 16em; font-size: 12px; width: 40em; } .vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 1em; left: 0; right: 0; position: absolute; overflow: auto; } .vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font { float: left; } .vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after, .vjs-caption-settings .vjs-tracksettings-controls:after { clear: both; } .vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em; } .vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px; border: none; } .vjs-caption-settings .vjs-tracksetting label, .vjs-caption-settings .vjs-tracksetting legend { display: block; width: 100px; margin-bottom: 5px; } .vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px; vertical-align: top; float: right; } .vjs-caption-settings .vjs-tracksetting > div { margin-bottom: 5px; min-height: 20px; } .vjs-caption-settings .vjs-tracksetting > div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0; } .vjs-caption-settings label > input { margin-right: 10px; } .vjs-caption-settings fieldset { margin-top: 1em; margin-left: .5em; } .vjs-caption-settings fieldset .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-caption-settings input[type="button"] { width: 40px; height: 40px; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } @media \0screen { .vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } @media \0screen { .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; } } .smartbanner-show { margin-top: 80px; } .smartbanner-show .smartbanner { display: block; } /** Default **/ .smartbanner { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 80px; line-height: 80px; font-family: 'Helvetica Neue', sans-serif; background: #f4f4f4; z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } .smartbanner-container { margin: 0 auto; white-space: nowrap; } .smartbanner-close { display: inline-block; vertical-align: middle; margin: 0 5px 0 5px; font-family: 'ArialRoundedMTBold', Arial; font-size: 20px; text-align: center; color: #888; text-decoration: none; border: 0; border-radius: 14px; -webkit-font-smoothing: subpixel-antialiased; } .smartbanner-close:active, .smartbanner-close:hover { color: #aaa; } .smartbanner-icon { display: inline-block; vertical-align: middle; width: 57px; height: 57px; margin-right: 12px; background-size: cover; border-radius: 10px; } .smartbanner-info { display: inline-block; vertical-align: middle; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; } .smartbanner-title { font-size: 13px; line-height: 18px; } .smartbanner-button { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-button:active, .smartbanner-button:hover { color: #aaa; } /** iOS **/ .smartbanner-ios { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-ios .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 white; } .smartbanner-ios .smartbanner-close:active, .smartbanner-ios .smartbanner-close:hover { color: #aaa; } .smartbanner-ios .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-ios .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-ios .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-ios .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-ios .smartbanner-button:active, .smartbanner-ios .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } /** Android **/ .smartbanner-android { background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7); box-shadow: inset 0 4px 0 #88B131; line-height: 82px; } .smartbanner-android .smartbanner-close { border: 0; width: 17px; height: 17px; line-height: 17px; margin-right: 7px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } .smartbanner-android .smartbanner-close:active, .smartbanner-android .smartbanner-close:hover { color: #eee; } .smartbanner-android .smartbanner-icon { background-color: transparent; box-shadow: none; } .smartbanner-android .smartbanner-info { color: #ccc; text-shadow: 0 1px 2px #000; } .smartbanner-android .smartbanner-title { color: #fff; font-weight: bold; } .smartbanner-android .smartbanner-button { min-width: 12%; color: #d1d1d1; padding: 0; background: none; border-radius: 0; box-shadow: 0 0 0 1px #333, 0 0 0 2px #DDDCDC; } .smartbanner-android .smartbanner-button:active, .smartbanner-android .smartbanner-button:hover { background: none; } .smartbanner-android .smartbanner-button-text { text-align: center; display: block; padding: 0 10px; background: #42B6C9; background: linear-gradient(to bottom, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; box-shadow: none; } .smartbanner-android .smartbanner-button-text:active, .smartbanner-android .smartbanner-button-text:hover { background: #2AC7E1; } /** Windows **/ .smartbanner-windows { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-windows .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 white; } .smartbanner-windows .smartbanner-close:active, .smartbanner-windows .smartbanner-close:hover { color: #aaa; } .smartbanner-windows .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-windows .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-windows .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-windows .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-windows .smartbanner-button:active, .smartbanner-windows .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .suggestions-nowrap { white-space: nowrap; } .suggestions-input { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .suggestions-input::-ms-clear { display: none; } .suggestions-wrapper { display: inline-block; position: relative; margin: 0; padding: 0; vertical-align: top; -webkit-text-size-adjust: 100%; } .suggestions-addon { display: none; opacity: 0; position: absolute; } .suggestions-addon[data-addon-type="spinner"] { background: rgba(255, 255, 255, 0.75) url("data:image/gif;base64,R0lGODlhEAAQAKUAABwaHIyOjMzKzOTm5LSytFxaXHR2dJyenNza3PT29Ly+vISGhERGRJSWlNTS1Ozu7Ly6vGRmZHx+fKSmpOTi5Pz+/MTGxDQyNJSSlMzOzOzq7LS2tHx6fNze3Pz6/MTCxIyKjExKTJyanNTW1PTy9GxqbKyqrP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAnACwAAAAAEAAQAAAGk8CTcHgSHYjIU8dAOoFApwfDkfQYJqcFdBFKECleS4mCaSAum1MiIwQFHBWTRtgJxC8XYYIggSQlABwPRAODSB0jQxYKEB9JQiUFBQaLCo6PEZIGQyReSCRNQx4ZBIlIDgQOHkIQEBQVI54kIxUUG35RqxQEJBkOJAQDJx6GQh4biQJsGRCrSA/NJ8rDG8WPI6ZIQQAh+QQJCQArACwAAAAAEAAQAIUEAgSEgoTEwsTk4uSkoqRERkRkYmTU0tT08vSUlpS0srRsbmwcHhyMiozMyszs6uysqqxcXlzc2tz8+vxMTkycnpy8urx0dnQcGhyEhoTExsTk5uSkpqRMSkxsamzU1tT09vScmpy0trR0cnQ0MjSMjozMzszs7uysrqzc3tz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGk8CVcLiCoIjI1aAEWoVCq1NEkpw0RKsENGFoDh+TlSmwIXAGHcEKdBASCB+V5SQcVFSKQkcIEoQ0SSUkGQhEJ4VIAylDHyYObUkrFx4eAR8OJpBJk5VDCF5EEporEyYKH0kjAAt0KxYWAyofXghxBBgMQidhAwoImQgKAysIgEMTIqiYYhZhSCfNK8vIrZErH6hJQQAh+QQJCQAkACwAAAAAEAAQAIUEAgSEhoTExsTk5uRMTkykpqTU1tRsamz09vS0trR0dnScmpzMzszs7uzc3tw0MjRcXly0srT8/vy8vrx8fnwcGhyUkpTMyszs6uysqqzc2tx0cnT8+vy8urx8enykoqTU0tT08vTk4uRkZmT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkECScEhKdIhI0qCAIGUypJDCkeR8BE7oR8EhNrqaRSMSEY0uJIRB2OmIJIKQcJCRTCAQIYeRWCMXBAtyQyFNSCIiQwYMFyBJQgEeHhYGFwyOjwEKk4SGRA5+egwRoUMUFR4NbG4SBoYaGxIZDw9CXyQiESGXDAAFaQxEHH0kliQHFZ5DDR1dxhgVWI9CBqVDQQAh+QQJCQAmACwAAAAAEAAQAIUcGhyMjozMysxUVlTk5uSsrqx0cnT09vS8vrzc3tyEgoScnpxERkTU0tTs7uy0trRkZmR8fnz8/vzExsSMioykpqQ0MjSUlpTMzsxcWlzs6uy0srR0dnT8+vzEwsTk4uSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCTcGiaCIhIk4PUMZEQphHlk+w8Gk7oJtAcOpqEzQgxIUSwh4SQRPpIRAehhiSZcDjCDuYhSpYgJSNEI3FIGlRCIhgCWEkmFxQUCyICGI1JkCALQ4RJH2pDeht9SBQWIIJObW+FCQoSDyEMQl8mH2IQECIABSYHlyZWfQMZJhwWhURLTcRKFhiOQwZ4SUEAIfkECQkAKQAsAAAAABAAEACFBAIEhIKExMLE5OLkREZEpKKkZGZk1NLU9PL0tLK0dHZ0XF5cnJqczMrM7OrsbG5s3Nrc/Pr8vLq8NDI0jI6MTE5MrK6sHBochIaExMbE5ObkTEpMpKakbGps1NbU9Pb0tLa0fH58ZGJkzM7M7O7sdHJ03N7c/P78vL68////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpDAlHCY8niIyBRJEkk1RqlPwZGMgA5OqIDTHJKamgRidHAwjpGBUCIZnDwfISlzOlAowsgIdERKQglxQwiCRA5UQh4jDVhJKQUMDBYeT41JkJKDhUMDJkR6CX1EDBUMCGttJyWeKQMUJygLInJNBQAHJQoQEyApEaIpCBcPKQYdKRgbm0IZF1TGSgSWjiEBjkEAIfkECQkAJgAsAAAAABAAEACFBAIEhIKExMLE5OLkpKKkTE5M1NLU9PL0lJKUZGZktLK0zMrM7Ors3Nrc/Pr8nJqcdHZ0NDI0jI6MrKqsXF5cHBochIaExMbE5ObkpKak1NbU9Pb0lJaUbGpsvLq8zM7M7O7s3N7c/P78nJ6cfHp8ZGJk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpRAk3Bo0miISBPI4zAtPiaHB5SUGpzQD5MIaoYUh48BpMBEzSaPByPSbIQHjahByAgdH8UReXkI3kMHgEQHVEIaHwtXSSYKExMeGk+LSQoZkEMGDUkYaEIMHQAQSRMJGQdCFRUZDgEhQhgjIgsQoyYXbxMVGhYWAwUCJhuvQxsRoxAkJgglg0MLEVTJShSbjEISCIxBACH5BAkJACkALAAAAAAQABAAhRwaHIyOjMzKzFxaXKyurOTm5HR2dJyenLy+vPT29Nze3DQ2NISChJSWlNTS1GxqbLS2tOzu7KyqrMTGxPz+/ERGRIyKjDQyNJSSlMzOzGRmZLSytOzq7Hx6fKSipMTCxPz6/OTi5ISGhJyanNTW1HRydLy6vPTy9ExKTP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTwJRwmCKRiMhUxARKCTIpkCmSBEEcTmiGSYw0C5tTxnHahKLUlMkUopASwhOJEoKYhKAM5Ih0XJtDJ3BIJydDJQMDD0lCHwgmE4gDGowpjggTQyQKSREFXR0ADEkQDBuDFxcSFAFnKRyrDhYBQgJwGwsKGA0hGgIpCa5CCRUWKSLGHgaARA4VhsgpJwaclSkjB4xBACH5BAkJACgALAAAAAAQABAAhQQCBISChMTGxKSipOTm5ERGRLSytGxqbJSSlNTW1PT29IyKjMzOzKyqrOzu7FxeXLy6vHR2dDQyNExOTJyanOTi5Pz+/Hx+fBwaHISGhMzKzKSmpOzq7ExKTLS2tNza3Pz6/IyOjNTS1KyurPTy9Ly+vHx6fJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTQJRwiEokiEiUAwJCaRgoEMSRBHlETiiDSRQoUBUDiSEiGSpRKgqD2VgSXxQpYal4IELOARBJiq5NQyIfSSQkQwEHB31JKCIMGgkXiox+kEdCH2hIDmpCDhkSCEkCFF5CHR0eFicEnxAWHwMbQiJfJRMVAwMEF1ggrkMKDxQoCCcoBiGBRAkPhxTFCgubjSgNI41BACH5BAkJACoALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSWlHRydCwuLMzKzOzq7KyqrNza3Pz6/Ly6vIyOjFxeXJyenHx6fBwaHISGhMTGxOTm5KSmpNTW1PT29LS2tGxubJyanHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vGRiZP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJVwqOJwiEhV5uJQNUaqiISUPFw+TuhIEiE2OioCwDAyHBCDKFXFEJVOC5PwwDkNPBIhyXIJJA0eBl1DHHJIBwdDExYWGElCZA0ciyGOjwZPR0ImGlWJQwcKBRVJHAiCQhQpKCcPTSokDXZ4QhxdGQkaCAgkIBBqRB0LGyoPDyooG4NEJiGJxiodG6+PKrRJQQAh+QQJCQAnACwAAAAAEAAQAIUcGhyMjozMyszk5uRUVlSsrqx0cnTc2tz09vS8vryEgoScnpxERkTU0tTs7uy0trRkZmR8enzk4uT8/vzExsSMioykpqQ0MjSUlpTMzszs6uxcWly0srR0dnTc3tz8+vzEwsSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkMCTcHgydIjIk+DiOBE2p0+piURcIk5opvQhNhAnE2AEgZA4gyiVIXpMFB4hYjSRlEpCR+gSSDY4GV1DBxJJCCRDCxUVGElCDRkCI4qMjicNAhkjQxIaSSRUQiQWEAVJIxwNgh0GAhNTonQSD3gnHmAZCgMgIA4chROhURUPJyUJl1xJEhVgxycIsJYnFAKOQQAh+QQJCQApACwAAAAAEAAQAIUEAgSEgoTExsTk5uRERkSkoqRkZmTU1tSUlpT09vS0srRcXlx0dnSMiozMzszs7uzc3tw0NjRMTkysqqx0cnScnpz8/vy8urwcGhyEhoTMyszs6uxMSkykpqRsamzc2tycmpz8+vxkYmR8fnyMjozU0tT08vTk4uS8vrz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj8CUcJgKBIjIVIlgShk8qQ1GkEwQGk6oAZMgHkIpReRDYZQAnZTlIVyIUBbSSfhhWE6Xi9CE4FSSJQoOYEMQA0kmXUITICBpSUoOGgeMjpBKGg4HQwNsSCaeQgkKAXpIgSWEDSQOFhqeJgd3eUInYB8gDyUlDwqHIaEpIRVUGhopDheERAMdYJnCF8GAm0lBACH5BAkJACgALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSSlHRydBweHMzKzOzq7KyqrNza3Pz6/IyOjLy6vJyanHx6fBwaHISGhMTGxOTm5KSmpFxeXNTW1PT29GxubHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaWQJRwiJIoiEgUZ3NAfSooESiU7GwoTugH1CGSIqhJYRC4cCwj1KEhXHwaJUpGSAqUCBaG8EBIPJILAB4ORAOESBwcQxMPDwhJQiGSHAgjGo+QBiENikIiTUgHoEIdAhQYSZQGYCgEGhAlHF1qHCUDExNCDl0DCAchBgcIcxEiRCUTBigNVCETrEQiE12bKBETxpBCiZBBADs=") 50% 50% no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .suggestions-addon[data-addon-type="clear"] { background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=") 50% 50% no-repeat; background-size: contain; cursor: pointer; opacity: 0.8; } .suggestions-addon[data-addon-type="clear"]:hover { opacity: 1; } .suggestions-suggestions { background: #fff; border: 1px solid #999; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; z-index: 9999; -webkit-text-size-adjust: 100%; } .suggestions-suggestions strong { font-weight: normal; color: #3399FF; } .suggestions-suggestions.suggestions-mobile { border-style: none; } .suggestions-suggestions.suggestions-mobile .suggestions-suggestion { border-bottom: 1px solid #ddd; } .suggestions-suggestion { padding: 4px 4px; overflow: hidden; } .suggestions-suggestion:hover { background: #f7f7f7; } .suggestions-selected { background: #f0f0f0; } .suggestions-selected:hover { background: #f0f0f0; } .suggestions-hint { padding: 4px 4px; white-space: nowrap; overflow: hidden; color: #777; font-size: 85%; } .suggestions-constraints { list-style: none !important; margin: 0 !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; } .suggestions-constraints:empty { display: none !important; } .suggestions-constraints li { background: #f8f8f8; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default; display: inline-block; margin: 0 4px 0 0; padding: 0 0.5em; } .suggestions-constraints li .suggestions-remove { height: 1em; width: 1em; display: inline-block; margin: 0 0 0 0.25em; background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=") 50% 50% no-repeat; background-size: contain; cursor: pointer; opacity: 0.8; } .suggestions-constraints li .suggestions-remove:hover { opacity: 1; } .suggestions-constraints li span { vertical-align: middle; } .suggestions-subtext { color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .suggestions-subtext_inline { display: inline-block; min-width: 6em; vertical-align: bottom; margin: 0 0.5em 0 0; } .suggestions-subtext-delimiter { display: inline-block; width: 2px; } .suggestions-subtext_label { margin: 0 0 0 0.25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 3px; background: #f5f5f5; font-size: 85%; } .suggestions-value[data-suggestion-status="LIQUIDATED"] { position: relative; } .suggestions-value[data-suggestion-status="LIQUIDATED"]:after { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid rgba(0, 0, 0, 0.4); content: ''; } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ .video-wrapper .vjs-big-play-button { position: absolute; left: 50%; margin: -33px 0 0 -33px; top: 50%; opacity: .7; cursor: pointer; z-index: 1; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px -71px; width: 66px; height: 66px; background-color: transparent; width: 66px; height: 66px; border: none; border-radius: 0; } .video-wrapper .vjs-big-play-button:before { display: none; } .video-wrapper .vjs-big-play-button:focus { background-color: transparent; } .video-wrapper .video-js .vjs-big-play-button:focus, .video-wrapper .video-js:hover .vjs-big-play-button { background-color: transparent; } .video-wrapper .vjs-fluid { padding-top: 56.25%; } .picture .video-wrapper { margin-top: 0; max-width: none; max-height: none; } .picture.item-card-video { padding: 22.5% 10px; position: relative; } .picture.item-card-video .video-preview { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; z-index: 1000; } video.video-js { width: 100%; height: 56.25%; opacity: 0; } /* flags */ html, body, div, span, applet, object, iframe, h1, h2, .b-chponck__price, a.b-chponck__price, 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: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } .elastic { max-width: 100%; } .white-bk { background: #fff; } @font-face { font-family: 'RurArial'; src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQT1MvMoZwgKQAAAFYAAAAYGNtYXAKHhedAAAB3AAAAlxjdnQgABoAAwAABcQAAAAGZnBnbQZZnDcAAAQ4AAABc2dseWZS+Me5AAAFzAAAAWRoZWFk8x98sgAAANwAAAA2aGhlYQW3AvgAAAEUAAAAJGhtdHgHRP+1AAABuAAAACRsb2NhAWQBZAAABzAAAAAUbWF4cAIWAZwAAAE4AAAAIG5hbWXaYu7lAAAHRAAAAWJwb3N0+R8+aAAACKgAAABRcHJlcBz8fZwAAAWsAAAAFgABAAAAAQAArx3cTl8PPPUACQPoAAAAAMkbarAAAAAAyRvOYP+1AAACFwK8AAAACQACAAAAAAAAAAEAAAMg/zgAyAPo/7X/zgIXAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJACgAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwEJAZAABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAcHlycwCAAAAEQwMg/zgAyAPoAMgAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAAHl/7UASwAAAEsAAAAAAAAAAAADAAAAAwAAAgwAAQAAAAAAHAADAAEAAAG8AAYBoAAAAAAAywABAAAAAAAAAAAAAAAAAAAAAQACAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMABABQAAAAEAAQAAMAAAAAAA0AIAAuBDEEQARD//8AAAAAAA0AIAAuBDEEQARD//8AAf/1/+P/1vvU+8b7xAABAAAAAAAAAAAAAAAAAAAAAAAEAFAAAAAQABAAAwAAAAAADQAgAC4EMQRABEP//wAAAAAADQAgAC4EMQRABEP//wAB//X/4//W+9T7xvvEAAEAAAAAAAAAAAAAAAAAAAAAuAAALEu4AAlQWLEBAY5ZuAH/hbgARB25AAkAA19eLbgAASwgIEVpRLABYC24AAIsuAABKiEtuAADLCBGsAMlRlJYI1kgiiCKSWSKIEYgaGFksAQlRiBoYWRSWCNlilkvILAAU1hpILAAVFghsEBZG2kgsABUWCGwQGVZWTotuAAELCBGsAQlRlJYI4pZIEYgamFksAQlRiBqYWRSWCOKWS/9LbgABSxLILADJlBYUViwgEQbsEBEWRshISBFsMBQWLDARBshWVktuAAGLCAgRWlEsAFgICBFfWkYRLABYC24AAcsuAAGKi24AAgsSyCwAyZTWLBAG7AAWYqKILADJlNYIyGwgIqKG4ojWSCwAyZTWCMhuADAioobiiNZILADJlNYIyG4AQCKihuKI1kgsAMmU1gjIbgBQIqKG4ojWSC4AAMmU1iwAyVFuAGAUFgjIbgBgCMhG7ADJUUjISMhWRshWUQtuAAJLEtTWEVEGyEhWS0AuAAAKwC6AAEAAQAHK7gAACBFfWkYRAAAABQAAwAGAAAAAv+1AAACFwK8ABwAJwDyuAAoL7gAIS+4ACgQuAAB0LgAAS9BBQDaACEA6gAhAAJdQRsACQAhABkAIQApACEAOQAhAEkAIQBZACEAaQAhAHkAIQCJACEAmQAhAKkAIQC5ACEAyQAhAA1duAAhELgAC9y4AAEQuAAd3LgAENC4AB0QuAAU0LgAARC4ABbQuAABELgAGtC4AAsQuAAp3AC4AABFWLgAFS8buQAVAAE+WboAAwAmAAMrugASABMAAyu6AB4ADwADK7gAHhC4AADQuAADELgABtC4AAYvuAAVELgAEdy4ABMQuAAX0LgAERC4ABnQuAAa0LgADxC4ABvQMDEDMxEhMhYXHgMVFAcGKwEVIRUhFSM1IzUzNSM3MzI2NTQmJyYrAUtLAQgjNRImPSsXOTmVswGV/mtdS0tLqLRbSislF0CyAW8BTQQCBSM0QyVbPT49U4yMUz1TQz0tPQoGAAAAAAAAAAAAAAAAAACyALIAsgCyAAAACgB+AAEAAAAAAAEACQAAAAEAAAAAAAIABwAJAAEAAAAAAAMAGwAQAAEAAAAAAAQAEQArAAEAAAAAAAYAEAA8AAMAAQQJAAEAEgBMAAMAAQQJAAIADgBeAAMAAQQJAAMANgBsAAMAAQQJAAQAIgCiAAMAAQQJAAYAIADEUnViIEFyaWFsUmVndWxhcjEuMDAwO3B5cnM7UnViQXJpYWwtUmVndWxhclJ1YiBBcmlhbCBSZWd1bGFyUnViQXJpYWwtUmVndWxhcgBSAHUAYgAgAEEAcgBpAGEAbABSAGUAZwB1AGwAYQByADEALgAwADAAMAA7AHAAeQByAHMAOwBSAHUAYgBBAHIAaQBhAGwALQBSAGUAZwB1AGwAYQByAFIAdQBiACAAQQByAGkAYQBsACAAUgBlAGcAdQBsAGEAcgBSAHUAYgBBAHIAaQBhAGwALQBSAGUAZwB1AGwAYQByAAAAAgAAAAAAAP+1ADIAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAAAACwACAAMAEQECAQMBBAEFB3VuaTA0MzEHdW5pMDQ0MAd1bmkwNDQzBE5VTEwAAAA=) format("truetype"); } @font-face { font-family: 'RurArial'; src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQT1MvMoZwgPcAAAFYAAAAYGNtYXAaRwibAAAB4AAAAmxjdnQgABoAAwAABdgAAAAGZnBnbQZZnDcAAARMAAABc2dseWang3mhAAAF4AAAAORoZWFk8tR9IAAAANwAAAA2aGhlYQVqAuAAAAEUAAAAJGhtdHgK3/+cAAABuAAAAChsb2NhAOQA5AAABsQAAAAWbWF4cAIXAaQAAAE4AAAAIG5hbWXBdm9UAAAG3AAAAVZwb3N0Pkz5lAAACDQAAABTcHJlcBz8fZwAAAXAAAAAFgABAAAAAQAAiCwghF8PPPUACQPoAAAAAMkbarAAAAAAyRvOz/+cAAAB4wK7AAIACQACAAAAAAAAAAEAAAMg/zgAyAPo/5z/tQHjAAEAAAAAAAAAAAAAAAAAAAAKAAEAAAAKADAAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwFbAZAABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAcHlycwCBAAAEQwMg/zgAyAPoAMgAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAAPoAAABmP+cAEsAAABLAAAAAAAAAAAAAwAAAAMAAAIUAAEAAAAAABwAAwABAAABvAAGAaAAAAAAAMsAAQAAAAAAAAAAAAAAAAAAAAEAAgAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAQAWAAAABIAEAADAAIAAAANACAALgB3BDEEQARD//8AAAAAAA0AIAAuAHcEMQRABEP//wAB//X/4//W/4771fvH+8UAAQAAAAAAAAAAAAAAAAAAAAAAAAAEAFgAAAASABAAAwACAAAADQAgAC4AdwQxBEAEQ///AAAAAAANACAALgB3BDEEQARD//8AAf/1/+P/1v+O+9X7x/vFAAEAAAAAAAAAAAAAAAAAAAAAAAC4AAAsS7gACVBYsQEBjlm4Af+FuABEHbkACQADX14tuAABLCAgRWlEsAFgLbgAAiy4AAEqIS24AAMsIEawAyVGUlgjWSCKIIpJZIogRiBoYWSwBCVGIGhhZFJYI2WKWS8gsABTWGkgsABUWCGwQFkbaSCwAFRYIbBAZVlZOi24AAQsIEawBCVGUlgjilkgRiBqYWSwBCVGIGphZFJYI4pZL/0tuAAFLEsgsAMmUFhRWLCARBuwQERZGyEhIEWwwFBYsMBEGyFZWS24AAYsICBFaUSwAWAgIEV9aRhEsAFgLbgAByy4AAYqLbgACCxLILADJlNYsEAbsABZioogsAMmU1gjIbCAioobiiNZILADJlNYIyG4AMCKihuKI1kgsAMmU1gjIbgBAIqKG4ojWSCwAyZTWCMhuAFAioobiiNZILgAAyZTWLADJUW4AYBQWCMhuAGAIyEbsAMlRSMhIyFZGyFZRC24AAksS1NYRUQbISFZLQC4AAArALoAAQABAAcruAAAIEV9aRhEAAAAFAADAAYAAAAC/5wAAAHjArsAHgAvAEwAuAAARVi4ABcvG7kAFwABPlm6AAMALgADK7oAFAAVAAMrugAgABEAAyu4ACAQuAAA0LgAFRC4ABnQuAAUELgAG9C4ABEQuAAd0DAxAzMTITIWFx4BFQ4BBw4BBwYrAQchByEHIzcjNzM3IzczMjY3PgE3PgE3NiYnJisBPz46AQY9QBUKCAEQEREsHDZOnAoBTQ7+sxhXGT4NPgo9onoiMw8QIQsJDAECGRQUN44BawFQIioUMBwlQx8dKw0YPFCPj1A8UAkGBx8UESkXJC8ICwAAAAAAAAAAAAAAAAAAAAAAAHIAcgByAHIAAAAAAAoAfgABAAAAAAABAAkAAAABAAAAAAACAAYACQABAAAAAAADABoADwABAAAAAAAEABAAKQABAAAAAAAGAA8AOQADAAEECQABABIASAADAAEECQACAAwAWgADAAEECQADADQAZgADAAEECQAEACAAmgADAAEECQAGAB4AulJ1YiBBcmlhbEl0YWxpYzEuMDAwO3B5cnM7UnViQXJpYWwtSXRhbGljUnViIEFyaWFsIEl0YWxpY1J1YkFyaWFsLUl0YWxpYwBSAHUAYgAgAEEAcgBpAGEAbABJAHQAYQBsAGkAYwAxAC4AMAAwADAAOwBwAHkAcgBzADsAUgB1AGIAQQByAGkAYQBsAC0ASQB0AGEAbABpAGMAUgB1AGIAIABBAHIAaQBhAGwAIABJAHQAYQBsAGkAYwBSAHUAYgBBAHIAaQBhAGwALQBJAHQAYQBsAGkAYwAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAsAAgADABEAWgECAQMBBAEFB3VuaTA0MzEHdW5pMDQ0MAd1bmkwNDQzBE5VTEwA) format("truetype"); font-style: italic; } @font-face { font-family: 'RurArial'; src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQT1MvMoecgSAAAAFYAAAAYGNtYXAaRwibAAAB4AAAAmxjdnQgABoAAwAABdgAAAAGZnBnbQZZnDcAAARMAAABc2dseWbJxuEwAAAF4AAAAHxoZWFk8xx/GwAAANwAAAA2aGhlYQWzAvkAAAEUAAAAJGhtdHgLLv+vAAABuAAAAChsb2NhAHwAfAAABlwAAAAWbWF4cAIXAZ8AAAE4AAAAIG5hbWXfcZcBAAAGdAAAAT5wb3N0PlD5lAAAB7QAAABTcHJlcBz8fZwAAAXAAAAAFgABAAAAAQAABF8AFl8PPPUACQPoAAAAAMkbarAAAAAAyRvQyP+vAAACGQK9AAEACQACAAAAAAAAAAEAAAMg/zgAyAPo/6//zgIZAAEAAAAAAAAAAAAAAAAAAAAKAAEAAAAKACsAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwFlArwABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAcHlycwCgAAAEQwMg/zgAyAPoAMgAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAAPoAAAB5/+vAEsAAABLAAAAAAAAAAAAAwAAAAMAAAIUAAEAAAAAABwAAwABAAABvAAGAaAAAAAAAMsAAQAAAAAAAAAAAAAAAAAAAAEAAgAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAQAWAAAABIAEAADAAIAAAANACAALgB3BDEEQARD//8AAAAAAA0AIAAuAHcEMQRABEP//wAB//X/4//W/4771fvH+8UAAQAAAAAAAAAAAAAAAAAAAAAAAAAEAFgAAAASABAAAwACAAAADQAgAC4AdwQxBEAEQ///AAAAAAANACAALgB3BDEEQARD//8AAf/1/+P/1v+O+9X7x/vFAAEAAAAAAAAAAAAAAAAAAAAAAAC4AAAsS7gACVBYsQEBjlm4Af+FuABEHbkACQADX14tuAABLCAgRWlEsAFgLbgAAiy4AAEqIS24AAMsIEawAyVGUlgjWSCKIIpJZIogRiBoYWSwBCVGIGhhZFJYI2WKWS8gsABTWGkgsABUWCGwQFkbaSCwAFRYIbBAZVlZOi24AAQsIEawBCVGUlgjilkgRiBqYWSwBCVGIGphZFJYI4pZL/0tuAAFLEsgsAMmUFhRWLCARBuwQERZGyEhIEWwwFBYsMBEGyFZWS24AAYsICBFaUSwAWAgIEV9aRhEsAFgLbgAByy4AAYqLbgACCxLILADJlNYsEAbsABZioogsAMmU1gjIbCAioobiiNZILADJlNYIyG4AMCKihuKI1kgsAMmU1gjIbgBAIqKG4ojWSCwAyZTWCMhuAFAioobiiNZILgAAyZTWLADJUW4AYBQWCMhuAGAIyEbsAMlRSMhIyFZGyFZRC24AAksS1NYRUQbISFZLQC4AAArALoAAQABAAcruAAAIEV9aRhEAAAAFAADAAYAAAAC/68AAAIZAr0AHAAqAAADMxEzMhceARUUDgIHBisBFSEVIRUjNSM1MzUjExUzMjc+ATU0JicuASNRUeN9LDxRHC03HC9kXAFt/pOOUVFR301RHxshLSIOMyUBfwE+CxBoVTBJNR8GCjx3VVV3PAE+xwsKMB8mMgYCAwAAAAAAAAAAAAAAAAAAAAA+AD4APgA+AAAAAAAKAH4AAQAAAAAAAQAJAAAAAQAAAAAAAgAEAAkAAQAAAAAAAwAYAA0AAQAAAAAABAAOACUAAQAAAAAABgANADMAAwABBAkAAQASAEAAAwABBAkAAgAIAFIAAwABBAkAAwAwAFoAAwABBAkABAAcAIoAAwABBAkABgAaAKZSdWIgQXJpYWxCb2xkMS4wMDA7cHlycztSdWJBcmlhbC1Cb2xkUnViIEFyaWFsIEJvbGRSdWJBcmlhbC1Cb2xkAFIAdQBiACAAQQByAGkAYQBsAEIAbwBsAGQAMQAuADAAMAAwADsAcAB5AHIAcwA7AFIAdQBiAEEAcgBpAGEAbAAtAEIAbwBsAGQAUgB1AGIAIABBAHIAaQBhAGwAIABCAG8AbABkAFIAdQBiAEEAcgBpAGEAbAAtAEIAbwBsAGQAAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAPAAIAAwARAFoBAgEDAQQBBQd1bmkwNDMxB3VuaTA0NDAHdW5pMDQ0MwROVUxMAA==) format("truetype"); font-weight: bold; } @font-face { font-family: 'RurArial'; src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQT1MvMoecgasAAAFYAAAAYGNtYXAaUgitAAAB6AAAAmxjdnQgABoAAwAABeAAAAAGZnBnbQZZnDcAAARUAAABc2dseWYqifVXAAAF6AAAANhoZWFk82iEEwAAANwAAAA2aGhlYQX9AvsAAAEUAAAAJGhtdHgTWP+fAAABuAAAADBsb2NhANgA2AAABsAAAAAabWF4cAIZAZ0AAAE4AAAAIG5hbWUYuwGeAAAG3AAAAYxwb3N0Pl75owAACGgAAABXcHJlcBz8fZwAAAXIAAAAFgABAAAAAQAAvdf0TF8PPPUACQPoAAAAAMkbarAAAAAAyRvVwf+fAAACcwK8AAMACQACAAAAAAAAAAEAAAMg/zgAyAPo/5//zgJzAAEAAAAAAAAAAAAAAAAAAAAMAAEAAAAMACkAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwHvArwABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAcHlycwChAAAEQwMg/zgAyAPoAMgAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAA+gAAAPoAAAASwAAA+gAAAJB/58ASwAAAEsAAAAAAAAAAAADAAAAAwAAAhQAAQAAAAAAHAADAAEAAAG8AAYBoAAAAAAAywABAAAAAAAAAAAAAAAAAAAAAQACAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAFAAYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMABABYAAAAEgAQAAMAAgAAAA0AIAAuAHcEMQRABEP//wAAAAAADQAgACwAdwQxBEAEQ///AAH/9f/j/9j/kPvX+8n7xwABAAAAAAAAAAAAAAAAAAAAAAAAAAQAWAAAABIAEAADAAIAAAANACAALgB3BDEEQARD//8AAAAAAA0AIAAsAHcEMQRABEP//wAB//X/4//Y/5D71/vJ+8cAAQAAAAAAAAAAAAAAAAAAAAAAALgAACxLuAAJUFixAQGOWbgB/4W4AEQduQAJAANfXi24AAEsICBFaUSwAWAtuAACLLgAASohLbgAAywgRrADJUZSWCNZIIogiklkiiBGIGhhZLAEJUYgaGFkUlgjZYpZLyCwAFNYaSCwAFRYIbBAWRtpILAAVFghsEBlWVk6LbgABCwgRrAEJUZSWCOKWSBGIGphZLAEJUYgamFkUlgjilkv/S24AAUsSyCwAyZQWFFYsIBEG7BARFkbISEgRbDAUFiwwEQbIVlZLbgABiwgIEVpRLABYCAgRX1pGESwAWAtuAAHLLgABiotuAAILEsgsAMmU1iwQBuwAFmKiiCwAyZTWCMhsICKihuKI1kgsAMmU1gjIbgAwIqKG4ojWSCwAyZTWCMhuAEAioobiiNZILADJlNYIyG4AUCKihuKI1kguAADJlNYsAMlRbgBgFBYIyG4AYAjIRuwAyVFIyEjIVkbIVlELbgACSxLU1hFRBshIVktALgAACsAugABAAEAByu4AAAgRX1pGEQAAAAUAAMABgAAAAL/nwAAAnMCvAAcACgAWAC4AABFWLgAFS8buQAVAAE+WboAEgATAAMrugADACcAAyu6AB4ADwADK7gAHhC4AADQuAAVELgAEdy4ABMQuAAX0LgAERC4ABnQuAAa0LgADxC4ABvQMDEDMxMhMhYVFAYHDgEHDgErAQchByEHIzcjNzM3IyUzMjc+ATU0JyYrARxZQgEdb2gpHh5FORE+MF0OAWwZ/pUSjxJgG10OXAEDLXEnIy8rFkRnAX4BPl1SNmQeHh8JAgJCc1ZWc0JzDw48KjMNCAAAAAAAAAAAAAAAAAAAAAAAAAAAAGwAbABsAGwAAAAAAAoAfgABAAAAAAABAAkAAAABAAAAAAACAAsACQABAAAAAAADAB4AFAABAAAAAAAEABUAMgABAAAAAAAGABMARwADAAEECQABABIAWgADAAEECQACABYAbAADAAEECQADADwAggADAAEECQAEACoAvgADAAEECQAGACYA6FJ1YiBBcmlhbEJvbGQgSXRhbGljMS4wMDA7cHlycztSdWJBcmlhbC1Cb2xkSXRhbGljUnViIEFyaWFsIEJvbGQgSXRhbGljUnViQXJpYWwtQm9sZEl0YWxpYwBSAHUAYgAgAEEAcgBpAGEAbABCAG8AbABkACAASQB0AGEAbABpAGMAMQAuADAAMAAwADsAcAB5AHIAcwA7AFIAdQBiAEEAcgBpAGEAbAAtAEIAbwBsAGQASQB0AGEAbABpAGMAUgB1AGIAIABBAHIAaQBhAGwAIABCAG8AbABkACAASQB0AGEAbABpAGMAUgB1AGIAQQByAGkAYQBsAC0AQgBvAGwAZABJAHQAYQBsAGkAYwACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAALAAIAAwAPABAAEQBaAQIBAwEEAQUHdW5pMDQzMQd1bmkwNDQwB3VuaTA0NDMETlVMTAA=) format("truetype"); font-style: italic; font-weight: bold; } @font-face { font-family: 'FontAwesome'; src: url("/fonts/awesome/fontawesome-webfont.eot?v=4.6.3"); src: url("/fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("/fonts/awesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("/fonts/awesome/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("/fonts/awesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("/fonts/awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "PTSans"; font-weight: normal; font-style: normal; src: url("/fonts/pt_sans.eot"); src: url("/fonts/pt_sans.eot?#iefix") format("embedded-opentype"), url("/fonts/pt_sans.woff2") format("woff2"), url("/fonts/pt_sans.woff") format("woff"), url("/fonts/pt_sans.ttf") format("truetype"), url("/fonts/pt_sans.svg#PTSans") format("svg"); } @font-face { font-family: "PTSans Bold"; font-weight: bold; font-style: normal; src: url("/fonts/pt_sans_bold.eot"); src: url("/fonts/pt_sans_bold.eot?#iefix") format("embedded-opentype"), url("/fonts/pt_sans_bold.woff2") format("woff2"), url("/fonts/pt_sans_bold.woff") format("woff"), url("/fonts/pt_sans_bold.ttf") format("truetype"), url("/fonts/pt_sans_bold.svg#PTSans Bold") format("svg"); } @font-face { font-family: "PTSans Italic"; font-weight: normal; font-style: italic; src: url("/fonts/pt_sans_italic.eot"); src: url("/fonts/pt_sans_italic.eot?#iefix") format("embedded-opentype"), url("/fonts/pt_sans_italic.woff2") format("woff2"), url("/fonts/pt_sans_italic.woff") format("woff"), url("/fonts/pt_sans_italic.ttf") format("truetype"), url("/fonts/pt_sans_italic.svg#PTSans Italic") format("svg"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; src: url("/fonts/opensans/opensans.eot"); src: url("/fonts/opensans/opensans.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans.woff2") format("woff2"), url("/fonts/opensans/opensans.woff") format("woff"), url("/fonts/opensans/opensans.ttf") format("truetype"), url("/fonts/opensans/opensans.svg#Open Sans") format("svg"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; src: url("/fonts/opensans/opensans-bold.eot"); src: url("/fonts/opensans/opensans-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-bold.woff2") format("woff2"), url("/fonts/opensans/opensans-bold.woff") format("woff"), url("/fonts/opensans/opensans-bold.ttf") format("truetype"), url("/fonts/opensans/opensans-bold.svg#Open Sans") format("svg"); } @font-face { font-family: "Open Sans"; font-weight: 800; font-style: normal; src: url("/fonts/opensans/opensans-extrabold.eot"); src: url("/fonts/opensans/opensans-extrabold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-extrabold.woff2") format("woff2"), url("/fonts/opensans/opensans-extrabold.woff") format("woff"), url("/fonts/opensans/opensans-extrabold.ttf") format("truetype"), url("/fonts/opensans/opensans-extrabold.svg#Open Sans") format("svg"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; src: url("/fonts/opensans/opensans-italic.eot"); src: url("/fonts/opensans/opensans-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-italic.woff2") format("woff2"), url("/fonts/opensans/opensans-italic.woff") format("woff"), url("/fonts/opensans/opensans-italic.ttf") format("truetype"), url("/fonts/opensans/opensans-italic.svg#Open Sans") format("svg"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; src: url("/fonts/opensans/opensans-bolditalic.eot"); src: url("/fonts/opensans/opensans-bolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-bolditalic.woff2") format("woff2"), url("/fonts/opensans/opensans-bolditalic.woff") format("woff"), url("/fonts/opensans/opensans-bolditalic.ttf") format("truetype"), url("/fonts/opensans/opensans-bolditalic.svg#Open Sans") format("svg"); } @font-face { font-family: "Open Sans"; font-weight: 500; font-style: normal; src: url("/fonts/opensans/opensans-semibold.eot"); src: url("/fonts/opensans/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-semibold.woff2") format("woff2"), url("/fonts/opensans/opensans-semibold.woff") format("woff"), url("/fonts/opensans/opensans-semibold.ttf") format("truetype"), url("/fonts/opensans/opensans-semibold.svg#Open Sans") format("svg"); } @font-face { font-family: "Ubuntu"; font-weight: 400; font-style: normal; src: url("/fonts/ubuntu/ubuntu-regular/ubuntu-regular.eot"); src: url("/fonts/ubuntu/ubuntu-regular/ubuntu-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-regular/ubuntu-regular.woff") format("woff"), url("/fonts/ubuntu/ubuntu-regular/ubuntu-regular.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 700; font-style: normal; src: url("/fonts/ubuntu/ubuntu-bold/ubuntu-bold.eot"); src: url("/fonts/ubuntu/ubuntu-bold/ubuntu-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-bold/ubuntu-bold.woff") format("woff"), url("/fonts/ubuntu/ubuntu-bold/ubuntu-bold.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 400; font-style: italic; src: url("/fonts/ubuntu/ubuntu-italic/ubuntu-italic.eot"); src: url("/fonts/ubuntu/ubuntu-italic/ubuntu-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-italic/ubuntu-italic.woff") format("woff"), url("/fonts/ubuntu/ubuntu-italic/ubuntu-italic.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 300; font-style: normal; src: url("/fonts/ubuntu/ubuntu-light/ubuntu-light.eot"); src: url("/fonts/ubuntu/ubuntu-light/ubuntu-light.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-light/ubuntu-light.woff") format("woff"), url("/fonts/ubuntu/ubuntu-light/ubuntu-light.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 300; font-style: italic; src: url("/fonts/ubuntu/ubuntu-light-italic/ubuntu-light-italic.eot"); src: url("/fonts/ubuntu/ubuntu-light-italic/ubuntu-light-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-light-italic/ubuntu-light-italic.woff") format("woff"), url("/fonts/ubuntu/ubuntu-light-italic/ubuntu-light-italic.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 500; font-style: normal; src: url("/fonts/ubuntu/ubuntu-medium/ubuntu-medium.eot"); src: url("/fonts/ubuntu/ubuntu-medium/ubuntu-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-medium/ubuntu-medium.woff") format("woff"), url("/fonts/ubuntu/ubuntu-medium/ubuntu-medium.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 500; font-style: italic; src: url("/fonts/ubuntu/ubuntu-medium-italic/ubuntu-medium-italic.eot"); src: url("/fonts/ubuntu/ubuntu-medium-italic/ubuntu-medium-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-medium-italic/ubuntu-medium-italic.woff") format("woff"), url("/fonts/ubuntu/ubuntu-medium-italic/ubuntu-medium-italic.ttf") format("truetype"); } @font-face { font-family: "Ubuntu"; font-weight: 700; font-style: italic; src: url("/fonts/ubuntu/ubuntu-bold-italic/ubuntu-bold-italic.eot"); src: url("/fonts/ubuntu/ubuntu-bold-italic/ubuntu-bold-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/ubuntu/ubuntu-bold-italic/ubuntu-bold-italic.woff") format("woff"), url("/fonts/ubuntu/ubuntu-bold-italic/ubuntu-bold-italic.ttf") format("truetype"); } .layout { position: relative; min-height: 100%; min-width: 995px; width: 100%; margin-bottom: -467px; background: #fff; overflow: hidden; } .layout:before { content: ''; position: absolute; right: 0; left: 0; top: 0; height: 350px; background: #92c9e7; background: -ms-linear-gradient(top, #92c9e7 0%, #94c9e7 25%, #aadaec 50%, #ddf3f7 75%, white 100%); background: linear-gradient(top, #92c9e7 0%, #94c9e7 25%, #aadaec 50%, #ddf3f7 75%, white 100%); } .detect_no-cssgradients.detect_inlinesvg .layout:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYzllNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk0YzllNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhZGFlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2RkZjNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .limit, .terms-popup__inner { min-width: 995px; max-width: 1600px; margin-left: auto; margin-right: auto; } .wait-sec-pls { position: relative; height: 95px; background-color: #fff; } .wait-sec-pls span { display: inline-block; width: 100%; text-align: center; padding-top: 41px; } .header { position: relative; min-height: 100px; background: #e4f1f9; font-size: 14px; } .header:after { content: ""; display: table; clear: both; } .reducer { margin: 1.5em 1.4em 0; } .reducer:after { content: ""; display: table; clear: both; } .reducer_col { float: left; width: 12.2em; } .reducer_col + .reducer { margin-left: 15em; } .wide { width: 100%; clear: left; box-sizing: border-box; } main, .l-main, .l-main { position: relative; display: block; width: 100%; line-height: 1.5; padding-bottom: 6em; z-index: 90; } main:after, .l-main:after, .l-main:after { content: ""; display: table; clear: both; } main section, .l-main section, main article, .l-main article, main aside, .l-main aside, .l-main section, .l-main article, .l-main aside { position: relative; margin-top: 1.2em; } main article, .l-main article, .l-main article { float: left; width: 70%; } main article[role=product], .l-main article[role=product], .l-main article[role=product] { background: #fff; padding: 1em; border-radius: 6px; } main .section-inside, .l-main .section-inside, .l-main .section-inside { margin-top: .7em; } .l-indent { margin-top: 2em; overflow: auto; position: relative; } .city_bottom { margin-top: 19px; } section.main { float: left; width: 78%; } section.main_76 { width: 76%; } section.main_65 { width: 65%; } section.main_70 { width: 70%; } section.main_100 { width: 100%; } section.main.b-section { box-sizing: border-box; } .layout[data-jsview="search"] section.main { margin-top: 1em; } .layout[data-jsview="search"] .side-filter .holder { padding-top: 1px; } aside { float: right; clear: right; width: 27%; } aside.l-similar { width: 80px; padding-left: 0; } aside.extra { width: 20%; } aside.extra_22 { width: 22%; } aside.extra_26 { width: 26%; } aside.extra_25 { width: 25%; } aside.extra_left { float: left; width: 13%; margin-right: 1%; } aside.extra .aside-fader { background-color: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; position: absolute; z-index: 1; } .l-limited { max-width: 1100px; } .l-recommended { padding-top: 3em; clear: both; } .l-similar + article { width: auto; float: none; margin-right: 90px; } footer { position: relative; min-width: 995px; border-top: 1px solid #e0e3e5; min-height: 467px; line-height: 1.5; box-sizing: border-box; padding-bottom: 2em; font-size: 13px; z-index: 101; background: #fff; } footer section { float: left; clear: right; } footer section.col1 { width: 25%; } footer section.col2 { width: 60%; } footer section.col3 { width: 15%; } footer .pseudo { margin-top: 2em; } footer address, footer p { font-size: 13px; margin-top: 1em; } footer menu { float: left; clear: right; width: 33%; font-size: 13px; } footer menu:first-child { border: none; } footer menu li { list-style: none; margin: .5em 12% 0; } footer menu li.heading { margin-top: 0; padding-bottom: .3em; font-family: "Open Sans"; font-weight: 700; font-size: 14px; } footer menu li.heading2 { margin-top: 20px; } footer menu li.heading2 span { color: #1f84db; } footer menu li .link_pseudo, footer menu li .title_home .home-tab, .title_home footer menu li .home-tab { color: #000; border-color: rgba(0, 0, 0, 0.1); } footer .contact-nav { font-size: 13px; } footer .mobile-icons { margin-top: 20px; } footer .mobile-icons a { border: none; display: inline-block; vertical-align: top; width: 135px; height: 40px; margin-top: 10px; } footer .mobile-icons a img { display: block; width: 100%; } footer .mobile-icons span { display: block; } footer .mobile-icons span + a { margin-right: 28px; } footer .art-lebedev { position: relative; } footer .art-lebedev .logo-lebedev { display: inline-block; border: 0; margin: 70px 0 0 -18px; outline: none; } footer .art-lebedev .logo-lebedev + p { margin-top: .2em; } footer .art-lebedev .art-lebedev-description { position: absolute; top: 100%; left: 0; width: 100%; margin: 12px 0 0; } footer .art-lebedev .art-lebedev-description p { margin-top: .4em; } footer .with-icon_clock-blue { margin-top: 0; } footer .footer-bottom { clear: both; padding-top: 20px; } footer .footer-bottom .copyright { width: 64%; float: left; } @media only screen and (max-width: 1400px) { footer .footer-bottom .copyright { width: 60%; } } @media only screen and (max-width: 1300px) { footer .footer-bottom .copyright { width: 52%; } } footer .footer-bottom .icons { width: 170px; float: left; padding: 0 45px; } footer .footer-bottom .icons > div { width: 88px; height: 43px; display: inline-block; vertical-align: middle; margin-bottom: 5px; position: relative; } footer .footer-bottom .icons > div img, footer .footer-bottom .icons > div a, footer .footer-bottom .icons > div span { display: block; } footer .footer-bottom .icons > div.i-visa, footer .footer-bottom .icons > div.i-mastecard { width: 70px; } footer .footer-bottom .icons > div.i-visa img, footer .footer-bottom .icons > div.i-mastecard img { position: absolute; top: 50%; margin-top: -8px; } footer .footer-bottom .icons > div.i-visa { background: none; } footer .footer-bottom .icons > div.i-visa img { margin-top: -8px; } footer .footer-bottom .icons > div.i-mastecard img { margin-top: -11px; } footer .footer-bottom .icons > div.i-geotrust a { border-bottom: none; width: 88px; } footer .footer-bottom .icons > div.i-geotrust img { width: 88px; height: 39px; } footer .footer-bottom .icons > div.i-geotrust .td-geotrust { padding: 0; } footer .footer-bottom .icons > div.i-geotrust .a-geotrust { display: none; } footer .footer-bottom .icons > div.i-geotrust .a-geotrust-ssl { display: none; } footer .footer-bottom .icons > div #uralweb-hc { position: absolute; top: 0; left: 0; } footer .footer-bottom .icons .yandex-market { margin: 0; } footer .footer-bottom .icons .yandex-market a { border: none; display: block; } footer .footer-bottom .art-lebedev-description { float: left; width: 15%; } footer .with-icon_cabinet:before { width: 28px; height: 23px; margin: 0 -4px 0 0; background: url("/image/icons/footer-cabinet-icon.png") no-repeat 0 0; } footer .with-icon_mob-ver:before { width: 28px; height: 25px; margin: 0 -4px 0 0; background: url("/image/icons/footer-mob-ver-icon.png") no-repeat 0 0; } .footer-black, .tundra footer { color: #fff; background: rgba(0, 0, 0, 0.3); border-top-color: #212121; } .footer-black a, .tundra footer a, .footer-black menu .heading a, .tundra footer menu .heading a, .footer-black .art-lebedev a, .tundra footer .art-lebedev a { color: #1f84db; } .footer-black menu li a, .tundra footer menu li a, .footer-black .link_dark, .tundra footer .link_dark, .footer-black .link_dark a.link_dark:visited, .tundra footer .link_dark a.link_dark:visited, .footer-black a.link_dark, .tundra footer a.link_dark, .footer-black a.link_dark.no-visited:visited, .tundra footer a.link_dark.no-visited:visited, .footer-black .b-circle-text, .tundra footer .b-circle-text, .footer-black a.b-circle-text, .tundra footer a.b-circle-text { color: #fff; } .footer-black menu li a:hover, .tundra footer menu li a:hover, .footer-black menu li .search__select-button .selectors label:hover, .search__select-button .selectors .footer-black menu li label:hover, .tundra footer menu li .search__select-button .selectors label:hover, .search__select-button .selectors .tundra footer menu li label:hover, .footer-black .link_dark:hover, .tundra footer .link_dark:hover, .footer-black .link_dark a.link_dark:visited:hover, .tundra footer .link_dark a.link_dark:visited:hover, .footer-black .link_dark .search__select-button .selectors label.link_dark:visited:hover, .search__select-button .selectors .footer-black .link_dark label.link_dark:visited:hover, .tundra footer .link_dark .search__select-button .selectors label.link_dark:visited:hover, .search__select-button .selectors .tundra footer .link_dark label.link_dark:visited:hover, .footer-black a.link_dark:hover, .tundra footer a.link_dark:hover, .footer-black .search__select-button .selectors label.link_dark:hover, .search__select-button .selectors .footer-black label.link_dark:hover, .tundra footer .search__select-button .selectors label.link_dark:hover, .search__select-button .selectors .tundra footer label.link_dark:hover, .footer-black a.link_dark.no-visited:visited:hover, .tundra footer a.link_dark.no-visited:visited:hover, .footer-black .search__select-button .selectors label.link_dark.no-visited:visited:hover, .search__select-button .selectors .footer-black label.link_dark.no-visited:visited:hover, .tundra footer .search__select-button .selectors label.link_dark.no-visited:visited:hover, .search__select-button .selectors .tundra footer label.link_dark.no-visited:visited:hover, .footer-black .b-circle-text:hover, .tundra footer .b-circle-text:hover, .footer-black a.b-circle-text:hover, .tundra footer a.b-circle-text:hover, .footer-black .search__select-button .selectors label.b-circle-text:hover, .search__select-button .selectors .footer-black label.b-circle-text:hover, .tundra footer .search__select-button .selectors label.b-circle-text:hover, .search__select-button .selectors .tundra footer label.b-circle-text:hover { color: #fb3a2f; } .footer-black .social-icons .icon, .tundra footer .social-icons .icon { opacity: 1; } .footer-black .social-icons .icon.with-icon_fb:before, .tundra footer .social-icons .icon.with-icon_fb:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -264px; width: 32px; height: 32px; } .footer-black .social-icons .icon.with-icon_vk:before, .tundra footer .social-icons .icon.with-icon_vk:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -396px; width: 32px; height: 32px; } .footer-black .social-icons .icon.with-icon_ok:before, .tundra footer .social-icons .icon.with-icon_ok:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -198px; width: 32px; height: 32px; } .footer-black .social-icons .icon.with-icon_yt:before, .tundra footer .social-icons .icon.with-icon_yt:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -132px; width: 32px; height: 32px; } .footer-black .social-icons .icon.with-icon_fb:hover:before, .tundra footer .social-icons .icon.with-icon_fb:hover:before, .footer-black .social-icons .icon.with-icon_vk:hover:before, .tundra footer .social-icons .icon.with-icon_vk:hover:before, .footer-black .social-icons .icon.with-icon_ok:hover:before, .tundra footer .social-icons .icon.with-icon_ok:hover:before, .footer-black .social-icons .icon.with-icon_yt:hover:before, .tundra footer .social-icons .icon.with-icon_yt:hover:before { opacity: 0.5; } .footer-black .with-icon_cabinet:before, .tundra footer .with-icon_cabinet:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -26px; width: 20px; height: 23px; } .footer-black .with-icon_h-black:before, .tundra footer .with-icon_h-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -155px; width: 20px; height: 18px; opacity: 1; } .footer-black .with-icon_c-black:before, .tundra footer .with-icon_c-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -224px -617px; width: 24px; height: 22px; opacity: 1; } .for_footer { height: 467px; } .nav-across { margin-top: 10px; margin-left: 140px; font-size: 0; } @media all and (max-width: 1280px) { .nav-across { margin-left: 100px; white-space: nowrap; } } .nav-across_single { margin-top: 40px; margin-left: 1.5em; } .nav-across__item { color: #000; margin-left: 1.6%; font-size: 14px; white-space: nowrap; } @media all and (max-width: 1280px) { .nav-across__item { margin-left: 1.2%; } } .nav-across__item_city { max-width: 14%; overflow: hidden; line-height: 120%; display: inline-block; vertical-align: middle; text-overflow: ellipsis; } @media all and (max-width: 1280px) { .nav-across__item_city { max-width: 11%; } } @media all and (max-width: 1450px) { .nav-across__item .js-terms-opener .ctl-resp { display: none; } } .nav-across__item:first-child { margin-left: 0; } .nav-across .extra-links-popup { display: none; } @media all and (max-width: 1340px) { .nav-across .extra-links-popup { display: inline-block; } .nav-across .nav-link_contacts, .nav-across .nav-link_news { display: none; } } .nav-main { width: 69%; float: left; margin-top: 9px; } @media all and (max-width: 1280px) { .nav-main { width: 70%; } } @media only screen and (max-width: 1050px) { .nav-main { width: 65%; } } .nav-bar { float: right; width: 29.5%; margin: 20px 1.5% 0 0; text-align: right; white-space: nowrap; position: relative; } @media all and (max-width: 1280px) { .nav-bar { margin-right: .5%; } } @media only screen and (max-width: 1050px) { .nav-bar { width: 30.5%; margin-right: 2%; } } .nav-bar__item b { font-family: "Open Sans"; font-weight: 700; } .nav-bar__item:first-child { margin-right: 1.4em; } .nav-search { line-height: 32px; font-size: 14px; } .nav-search-select { position: relative; margin-right: 8px; margin-left: 1.4em; } .nav-search-select:after { content: ""; display: inline-block; position: absolute; top: 50%; right: -12px; } .nav-search-select.closed:after { width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #1f84db transparent transparent transparent; } .nav-search-select.closed.link_dark:after { width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #000 transparent transparent transparent; } .nav-search-select.closed:hover:after { width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #fb3a2f transparent transparent transparent; } .nav-search .search { box-sizing: border-box; padding-right: 20px; } @media all and (max-width: 1280px) { .ctl-resp { display: none; } } .logo { display: block; float: left; width: 120px; } @media all and (max-width: 1280px) { .logo { width: 100px; } } .logo img { position: relative; display: block; margin: 1px auto 0; } /*ul.navigation { list-style: none; margin: 0; li { display: inline-block; float: left; margin: .3em 1.2em .3em 0; &:before { display: none; } } }*/ .title h2, .title .b-chponck__price, .title h3, .title .h2, .title .h3 { display: inline-block; font-weight: 700; } .foldable_control i { display: inline-block; margin: 0 .3em; position: relative; } .foldable_control i:before { content: ''; display: inline-block; opacity: .5; position: relative; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -598px -551px; width: 13px; height: 8px; } .foldable_control i:after { content: "Развернуть"; display: inline-block; font-size: 16px; font-weight: normal; color: #afb8bb; margin-left: .3em; } .foldable_control.unfolded i:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -551px; width: 13px; height: 8px; } .foldable_control.unfolded i:after { content: "Свернуть"; border-bottom: 1px dashed; border-bottom-color: rgba(0, 0, 0, 0.1); } .breadcrumbs { overflow: hidden; margin: 0; font-size: 13px; width: 80%; display: inline-block; vertical-align: middle; position: relative; z-index: 100; } .breadcrumbs li { float: left; display: inline-block; margin: 0; } .breadcrumbs li:before { content: "/"; margin: 0 .5em; color: #002b41; } .breadcrumbs li:first-child:before { display: none; } .breadcrumbs + .title { margin-top: 1em; } .back-link { margin-right: 20px; vertical-align: middle; } /* Aside Filter */ .side-filter { margin-top: 0; } .side-filter #switch_filter { margin-top: 0; } .side-filter-ctl { font-size: 14px; position: relative; padding-top: 5px; } .side-filter-ctl_indent { margin-top: 2em; } .side-filter-ctl_indent2 { margin-top: 5.3em; } .side-filter-ctl_indent2.all-in-wish { margin-top: 6.5em; } .side-filter-ctl_indent3 { margin-top: 1.2em; } .side-filter .price .label { font-size: 14px; display: inline-block; margin-right: .8em; } .side-filter .price .label:last-child { margin-right: 0; } .side-filter .label { display: block; margin-top: .3em; padding-left: 19px; cursor: pointer; } .side-filter .label.no-padding { padding-left: 0; } .side-filter .label.no-padding input { margin-left: 0; } .side-filter .label.filter_checkbox_empty { color: #afb8bb; cursor: auto; } .side-filter .label.filter_checkbox_empty:hover { color: #afb8bb; } .side-filter .label.filter_checkbox_empty input { cursor: auto; } .side-filter .label input { margin-left: -19px; vertical-align: middle; margin-top: -2px; cursor: pointer; } .side-filter .label:hover { color: #fb3a2f; } .side-filter .label .color-icon { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 0.3em; margin-bottom: 0; } .side-filter .label .color-icon.chrome { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -368px -587px; width: 12px; height: 12px; } .side-filter .label .color-icon.transparent { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -394px -587px; width: 12px; height: 12px; } .side-filter .label .color-icon.multicolor { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -381px -587px; width: 12px; height: 12px; } .side-filter .label .color-icon.mix { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -355px -587px; width: 12px; height: 12px; } .side-filter .label .border_black { border: 1px solid #737373; } .side-filter .slimScrollDiv .label { padding-right: 6px; } .side-filter .holder { padding-top: 3px; } .side-filter .holder > .filter-select-field { max-width: 190px; padding: 0 0 1.2em; margin-top: 1.2em; border-bottom: 1px solid rgba(175, 184, 187, 0.5); } .side-filter .holder > .filter-select-field .select-title { font: 700 16px/1.5 "Open Sans"; text-transform: uppercase; display: block; margin-bottom: 20px; } .side-filter .holder > .filter-select-field .filter-select-popup { width: 190px; } .side-filter .holder > .filter-select-field .label { cursor: auto; } .side-filter .holder > .filter-select-field .label:hover { color: inherit; } .side-filter section { position: relative; border-bottom: 1px solid rgba(175, 184, 187, 0.5); padding-bottom: 21px; margin: 16px 0 0; max-width: 190px; } .side-filter section .section-inside { overflow: hidden; max-height: 250px; } .side-filter section .section-inside .trademark-header { font-weight: 700; white-space: nowrap; color: gray; position: relative; display: block; margin-top: 5px; } .side-filter section .section-inside:not(.not-emphasized) :nth-child(-n + 5) .filter-count { font-weight: bolder; } .side-filter section .section-inside:not(.not-emphasized).emphasized-filters :nth-child(5) { width: 75%; border-bottom: 1px dashed rgba(175, 184, 187, 0.5); padding-bottom: 6px; margin-bottom: 6px; } .side-filter section .section-inside .filter_line { border-top: 1px dashed rgba(175, 184, 187, 0.5); padding-top: 6px; margin-top: 6px; } .side-filter section .section-inside .filter_bold { font-weight: bolder; } .side-filter section:first-child, .side-filter section:first-of-type { border-top: none; border-bottom: 1px solid rgba(175, 184, 187, 0.5); margin-top: 0; padding-bottom: 16px; } .side-filter section.price { margin-top: 0; display: block; } .side-filter section.price .with-rur__rur { height: 30px; line-height: 29px; right: 4px; } .side-filter section:before { content: ''; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); position: absolute; top: -20px; left: -15px; width: 100%; height: 100%; padding: 20px 15px 5px; background: #fff; display: none; } .side-filter section:hover:before { display: block; } .side-filter section.wrapped { padding-bottom: 14px; } .side-filter section .h3 { cursor: pointer; padding-right: 20px; margin-top: 16px; } .side-filter section .h3.selected-filter:after { content: ''; position: absolute; top: 9px; left: -9px; background: #1f84db; width: 5px; height: 5px; border-radius: 5px; } .side-filter section > .arrow { display: inline-block; width: 10px; height: 6px; margin-left: 4px; position: absolute; right: 0; top: 9px; } .side-filter section > .arrow_down { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .side-filter section > .arrow_up { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .side-filter.search-results__aside section { border-bottom: none; } .side-filter.search-results__aside section:first-child, .side-filter.search-results__aside section:first-of-type { margin-top: 1.2em; } .side-filter.search-results__aside section:hover:before { display: none; } .side-filter.search-results__aside section .section-inside { overflow: inherit; max-height: none; } .side-filter.search-results__aside .link.inactive { color: #afb8bb; border: none; cursor: auto; pointer-events: none; } .side-filter .section-inside { font-size: 14px; } .side-filter .selected:not(label):not(input) { display: inline-block; border-radius: 6px; padding: .3em .6em; margin-left: -.6em; color: #fff; background: #0957b5; font-weight: 700; font-size: 14px; } .side-filter .selected:not(label):not(input) a, .side-filter .selected:not(label):not(input) span { color: #fff; } .side-filter .b-backing { display: none; } .side-filter .collapse h3, .side-filter .collapse .h3 { display: inline; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); cursor: pointer; } .side-filter .collapse section { border: 0 none; margin-top: .75em; padding-top: .75em; } .side-filter .collapse section:not(.b-permanent) .section-inside { padding: 0; margin: 0; opacity: 0; height: 0; overflow: hidden; transition: all .35s ease-in-out; } .side-filter .collapse .b-backing { display: inline-block; } .side-filter.selection-category ul { margin-top: 0px; } .side-filter.selection-category ul p { font-weight: bold; } .side-filter.selection-category ul > li:before { content: none; } .side-filter.selection-category li { margin-left: 0px; } .side-filter.selection-category .selected:not(label):not(input) a span { color: #fff; } .popups .filter-apply-popup-wrapper { padding: 0; } .filter-apply-popup-wrapper { position: absolute; text-align: center; background: #fff; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3)); border-radius: 10px; min-width: 140px; box-sizing: border-box; margin: 0; padding: 0; right: calc(100% + 30px); z-index: 201; font-size: 100%; line-height: 1.8; } .filter-apply-popup-wrapper:after { position: absolute; content: ''; top: 60%; right: -8px; width: 0; height: 0; border-left: 10px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; z-index: 202; } .filter-apply-popup-wrapper p { margin: 0 0 10px; line-height: 1.5em; padding-top: 1em; } .filter-apply-popup-wrapper .but-apply { display: block; margin: auto auto 1em; } .filter-apply-popup-wrapper .but-close { position: absolute; top: 0; right: 8px; color: #afb8bb; font-size: 20px; font-weight: bold; cursor: pointer; } .filter-apply-popup-wrapper .but-close:hover { color: #fb3a2f; } .spec-filter { margin-bottom: 10px; } .spec-filter section { margin-top: 0; } .spec-filter section:first-child .h3 { padding-top: 3px; } .spec-filter section:first-child .section-inside { margin-top: 0; } .spec-filter .h3 { display: inline-block; text-transform: none; margin-right: 15px; padding-top: 10px; font-size: 14px; width: 160px; vertical-align: top; } .spec-filter .section-inside { display: inline-block; font-size: 14px; } .spec-filter .section-inside .label input { vertical-align: middle; margin-top: -2px; } /* artlebedev */ .made_in { position: relative; padding-top: 120px; font-size: 13px; line-height: 1.9; } .made_in_logo { top: 0; left: -20px; position: absolute; } /* fix for vk widget firefox */ #vk_groups { height: 283px !important; } #vk_groups #vkwidget1 { height: 283px !important; } /* блок подписки */ .subscribe-wrapper { border-bottom: 1px solid #e0e3e5; border-top: 1px solid #e0e3e5; margin: 0 0 -1px; position: relative; min-width: 995px; } .subscribe-block { background: #e9f1f4; min-height: 140px; padding: 9px 0; position: relative; text-align: center; transition: all .5s; overflow: hidden; max-height: 300px; } .subscribe-block h3 { color: #002f40; font-size: 24px; font-weight: normal; padding: 10px 0 22px; text-transform: none; } .subscribe-block h3:only-child { padding: 50px 0; } .subscribe-block .subscribe-form { margin: 0 auto; max-width: 960px; } .subscribe-block .subscribe-form .subscribe-label { display: inline-block; font-size: 14px; line-height: 1.5; margin-top: -5px; text-align: left; vertical-align: top; width: 48%; } .subscribe-block .subscribe-form .field-wrap { display: inline-block; margin: 0 2%; vertical-align: top; width: 32%; } .subscribe-block .subscribe-form .field-wrap .subscribe-input { font-size: 17px; height: 35px; padding: 5px 7px; width: 100%; } .subscribe-block .subscribe-form .field-wrap .subscribe-input--full { background: #fff url(/image/i_mail_grey.png) no-repeat 11px 9px; border: 1px solid #1f84db; outline: none; padding-left: 38px; } .subscribe-block .subscribe-form .field-wrap .subscribe-input--full.error { border-color: #c16141; } .subscribe-block .subscribe-form .button { font-size: 14px; margin-top: 2px; } .subscribe-block .prompt { font-size: 12px; margin: 6px 0 0; } .subscribe-block .prompt a { border: 0; text-decoration: underline; } .subscribe-block .prompt a:hover, .subscribe-block .prompt .search__select-button .selectors label:hover, .search__select-button .selectors .subscribe-block .prompt label:hover { text-decoration: none; } .subscribe-block .prompt a.example { color: #aaa49b; font-size: 12px; } .subscribe-block .prompt.not_display, .subscribe-block .prompt.ui-helper-hidden-accessible, .subscribe-block .js-subscribe-popup .prompt.subscribe-block--folded, .js-subscribe-popup .subscribe-block .prompt.subscribe-block--folded { display: none; } .subscribe-block .error-message, .subscribe-block .district-error, .subscribe-block .success-message { font-size: 12px; margin: 5px 0; text-align: left; } .subscribe-block.subscribe-block--folded { min-height: 0; max-height: 0; padding: 0; border: 0; } /*блок подписки, успешно заполненное*/ .subscribe-block-success { background: #e9f6ea; } .subscribe-block-success .subscribe-block-text { margin: -5px 0 25px; } .subscribe-block-success .prompt a { color: rgba(31, 132, 219, 0.5); } /*блок подписки, ошибка*/ .subscribe-block-error { background: #f5ebe9; } .subscribe-block-error h3 { color: #ff7455; padding-bottom: 10px; } .subscribe-block-error .button_repeat { border: 1px solid rgba(0, 0, 0, 0.3); font-size: 13px; font-weight: normal; margin: 0 0 14px; padding-left: 38px; position: relative; } .subscribe-block-error .button_repeat:before { content: ""; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -180px -220px; width: 14px; height: 12px; height: 12px; left: 14px; position: absolute; top: 7px; width: 14px; } .subscribe-block-error .button_repeat:hover { border: 1px solid rgba(0, 0, 0, 0.9); } /* конец блока подписки */ html, body { height: 100%; width: 100%; } body { font-family: "Open Sans", Arial, sans-serif; } /* Special */ p, .data, ul, ol, summary, .comment, .picture, .footnotes, .blockquote, .paragragh { padding: 0; margin: 1em 0 0; font-size: 14px; } p:first-child { margin-top: 0; } .trademarks-wrapper { font-size: 13px; } .trademarks-wrapper .flag { margin-bottom: 40px; } .trademarks-thumbs { text-align: justify; display: inline-block; position: relative; padding: 0; } .trademarks-thumbs .trademark { display: inline-block; vertical-align: top; text-align: center; width: 198px; margin: 10px 0 50px 10px; } .trademarks-thumbs .trademark a { display: inline-block; vertical-align: top; } .trademarks-thumbs a.img { text-decoration: none; display: block; text-align: center; border: 0; } .trademarks-thumbs a.img:hover + a, .trademarks-thumbs .search__select-button .selectors label.img:hover + a, .search__select-button .selectors .trademarks-thumbs label.img:hover + a { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .thumbs.series-items { display: block; columns: 5; column-gap: 50px; text-align: justify; position: relative; padding: 0; } .thumbs .letter { font-size: 21px; font-weight: bold; margin: 20px 0 -7px 10px; } .thumbs.series-items .series-title { display: block; width: 100%; vertical-align: top; overflow: hidden; text-align: left; margin: 10px 0 0 10px; } .comment { position: relative; padding: 1em; background: #f6f5ed; color: #000; font-size: 13px; border-radius: 4px; font-family: "Open Sans", sans-serif; } .comment_inline { display: inline-block; padding: .3em 2em .3em 1em; } .comment__hide { position: absolute; top: 0; right: 5px; font-size: 20px; line-height: 1; cursor: pointer; color: #afb8bb; } .comment_blue { background: #e9f1f4; padding: 1em 2em; } .picture { color: gray; font-size: 85%; } .g-pic { border-radius: 50%; overflow: hidden; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } .g-pic-white { display: inline-block; overflow: hidden; width: 100px; height: 100px; line-height: 100px; border-radius: 100px; background: #fff; text-align: center; } .g-pic-white img { vertical-align: middle; } address { display: inline; } .delivery-info-wrapper { display: block; padding: 1em 0 2em; } .thumbs { margin-top: 1em; } .thumbs:not(.series-items) { max-width: 600px; } .thumbs li { margin: 0 18px; width: 85px; } .thumbs:not(.series-items) a { position: relative; outline: none; display: inline-block; margin: 5px 0 15px; height: 85px; width: 85px; } .thumbs:not(.series-items) a.additional-thumb:before { transition: all .2s ease-in-out; content: ''; display: inline-block; position: absolute; z-index: 2; top: 40px; left: 28%; } .thumbs:not(.series-items) a.additional-thumb:after { transition: all .2s ease-in-out; content: ''; display: inline-block; position: absolute; top: 17px; left: 0; width: 85px; height: 85px; background-color: rgba(31, 132, 219, 0.3); z-index: 2; } .thumbs:not(.series-items) a.current { width: 102px; height: 119px; } .thumbs:not(.series-items) a.current.additional-thumb:after { top: 0; left: -17px; width: 119px; height: 119px; z-index: 40; } .thumbs:not(.series-items) a.current.additional-thumb:before { top: 34%; left: 24%; z-index: 50; } .thumbs img { width: 85px; height: 85px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; z-index: 1; position: absolute; top: 0; left: 0; margin-top: 17px; margin-left: 0; } .thumbs img.current { width: 119px; height: 119px; z-index: 3; margin-top: 0; margin-left: -17px; box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.6); } .thumbs img:hover:not(.current) { width: 101px; height: 101px; z-index: 2; margin-top: 9px; margin-left: -8px; box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.4); } .thumbs .owl-stage-outer:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; box-shadow: 0 0 25px 15px rgba(255, 255, 255, 0.8); } .time, time { color: #99a5b4; } .time .days:after, .time .hours:after, .time .minutes:not(:last-child):after, time .days:after, time .hours:after, time .minutes:not(:last-child):after { content: ':'; } .date { color: rgba(255, 255, 255, 0.35); font-style: italic; } .clearfix, .collorista-row, .collorista-footer .collorista-content, .l-indent-nearby-city, .payment-prepare-page .payment-prepare-info { clear: both; } .clearfix:after, .collorista-row:after, .collorista-footer .collorista-content:after, .l-indent-nearby-city:after, .payment-prepare-page .payment-prepare-info:after { content: ""; display: table; clear: both; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .blockquote { padding: 0 1em .2em; font-style: italic; margin-top: 0; } .blockquote .sign { color: #969696; } .blockquote .comment { font-size: 70%; } .n { white-space: nowrap; } .b { font-weight: 700; } .i { font-style: italic; } .u { text-transform: uppercase; } .left { float: left; margin: 0 1em 0 0; } .right { float: right; margin: 0 0 0 1em; } .not_display, .ui-helper-hidden-accessible, .js-subscribe-popup .subscribe-block--folded { display: none !important; } .invisible { visibility: hidden; opacity: 0; } .attn { color: #fb3a2f; } .wrong { color: red; } .warn { color: #0040D0; } .white, .terms-popup__inner { color: #fff; } .yellow { color: #fee660; } .important { padding: 1em; background: #e9f1f4; color: #000; border-radius: 4px; } .important.important--margin-top { margin-top: 22px; } .dot { display: inline-block; background: rgba(255, 255, 255, 0.3); width: 8px; height: 8px; border-radius: 8px; vertical-align: middle; } .dot.selected { background: #fff; width: 10px; height: 10px; border-radius: 10px; } .dot + .dot { margin-left: 5px; } /* Headers */ h1, .likeH1, h2, .b-chponck__price, a.b-chponck__price, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .h4.b-chponck__price, .product__info .sl-description .sl-description-text h2.h4, .product__info .sl-description .sl-description-text .h4.b-chponck__price, .one-new-description h2.h4, .one-new-description .h4.b-chponck__price, .h5, .h6 { position: relative; font-family: "Open Sans", sans-serif; } h1, .h1, .likeH1 { display: inline; font-size: 200%; margin: .3em 0 0; padding: 0; line-height: 1.1; font-family: "Open Sans", Arial, sans-serif; font-weight: bold; color: #002b41; } h2, .b-chponck__price, a.b-chponck__price, .h2 { font-size: 150%; line-height: 1.2; margin: 0.8em 0 0 0; } h2.last_child, .last_child.b-chponck__price, h3.last_child, .h2.last_child, .h3.last_child { margin-bottom: 0.7em; } h3, .h3 { font: 700 100%/1.5 "Open Sans"; margin: 1.5em 0 0; text-transform: uppercase; } .strong { font: 700 100%/1.5 "Open Sans"; } h4, .h4, .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .h4.b-chponck__price, .product__info .sl-description .sl-description-text h2.h4, .product__info .sl-description .sl-description-text .h4.b-chponck__price, .one-new-description h2.h4, .one-new-description .h4.b-chponck__price { font-size: 115%; color: #64849f; margin-top: 1.5em; } h5, .h5 { margin: 1.8em 0 0; font: 700 14px/1.3 "Open Sans"; } h4.last_child, h5.last_child, .h4.last_child, .sl-description .sl-description-text h2.last_child.h4, .sl-description .sl-description-text .last_child.h4.b-chponck__price, .one-new-description h2.last_child.h4, .one-new-description .last_child.h4.b-chponck__price, .h5.last_child { margin-bottom: 0.8em; } h6, .h6 { color: #969696; font-size: 95%; font-weight: 700; line-height: 1.4; margin: 0.7em 0 -1em 0; padding: 0.7em 0 0; } h6.last_child, .h6.last_child { margin-bottom: 1em; } h2.first_child, .first_child.b-chponck__price, h3.first_child, h4.first_child, h5.first_child, h6.first_child, .h2.first_child, .h3.first_child, .h4.first_child, .sl-description .sl-description-text h2.first_child.h4, .sl-description .sl-description-text .first_child.h4.b-chponck__price, .one-new-description h2.first_child.h4, .one-new-description .first_child.h4.b-chponck__price, .h5.first_child, .h6.first_child { margin-top: 0; } h1 a:link, .likeH1 a:link, h2 a:link, .b-chponck__price a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, .likeH1 a:visited, h2 a:visited, .b-chponck__price a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, .h1 a:link, .h2 a:link, .h3 a:link, .h4 a:link, .sl-description .sl-description-text h2.h4 a:link, .sl-description .sl-description-text .h4.b-chponck__price a:link, .h5 a:link, .h6 a:link, .h1 a:visited, .h2 a:visited, .h3 a:visited, .h4 a:visited, .sl-description .sl-description-text h2.h4 a:visited, .sl-description .sl-description-text .h4.b-chponck__price a:visited, .h5 a:visited, .h6 a:visited { /*color: gray;*/ } h1:first-child, .likeH1:first-child, h2:first-child, .b-chponck__price:first-child, h3:first-child, h4:first-child, h5:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .sl-description .sl-description-text h2.h4:first-child, .sl-description .sl-description-text .h4.b-chponck__price:first-child, .one-new-description h2.h4:first-child, .one-new-description .h4.b-chponck__price:first-child, .h5:first-child { margin-top: 0; } .title-grey { display: inline-block; margin-top: 1em; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #afb8bb; } /* Lists */ .before_list { margin-bottom: -0.6em; } li ul, li ol { margin-top: 0.5em; } ul { list-style-type: none; } li { margin: .5em 0 .5em 1.3em; padding: 0; } ol li { margin-left: 2.3em; } ul > li:before { content: '\2014\a0'; float: left; margin-left: -1.25em; } ul > li > * { text-indent: 0; } dl { margin: 1em 0 0 0; } dt { margin: 1em 0 0.25em 0; font-weight: 700; } dd { margin: 0 0 0; } .ol_float { list-style-position: outside; } .ol_float li { margin-left: 0; } .g-ul, .g-ol { margin-top: 0; } .g-ul li, .g-ol li { margin-left: 0; } .g-ul > li:before, .g-ol > li:before { content: none; } .g-list li { margin-top: .9em; } .g-list li ul { margin-left: 1.5em; } .g-ul-disk { list-style: disc; margin-left: 1.35em; } /* Tables */ table { font-size: 100%; } table, td, th { border-spacing: 0; border: none; } th { font-size: 15px; color: #afb8bb; } th, td { padding: 0.5em 0.75em; vertical-align: top; text-align: left; } table.data { line-height: 1.3; width: 660px; } table.data tr:hover, table.data tr.active:hover { background: #aea59c; } table.data tr.active { background: #E7F5F5; } .a_b { vertical-align: bottom; } .a_m { vertical-align: middle; } .a_c { text-align: center; } .a_l { text-align: left; } .a_r { text-align: right; } .b_b { border-bottom: 1px solid; border-bottom-color: #bbb; border-bottom-color: rgba(187, 187, 187, 0.2); } .b_r { border-right: 1px solid #bbb; } hr { height: 0; border: 1px solid #ded9d9; border-bottom: none; } .secondary-data { font-size: 13px; } .primary-data { margin-top: 0; } /* Files */ .file { color: #5a5e60; margin-right: 2em; padding-left: 40px; position: relative; } span.file { display: inline-block; margin-bottom: 1em; } @media screen and (min-width: 1580px) { span.file .middle { display: inline-block; margin-top: 7px; } } .file i { position: relative; float: left; margin: 4px 0 0.25em -40px; background-image: url(/image/spritesheet.png?version=1501833526579); width: 24px; height: 30px; } .pdf i { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -214px; } .doc i, .docx i { background-position: -617px -245px; } .xls i { background-position: -617px -183px; } .jpeg i, .jpg i { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -121px; } .zip i { background-position: -617px -152px; } .exe i { background-position: -617px -59px; } .rar i { background-position: -617px -90px; } /* Links */ a:link, a:visited { text-decoration: none; border-bottom: 1px solid; background: none; } a:visited, .link:visited, .link:visited:not(.no-visited) .link:not(.no-visited) { color: #5F0086; border-bottom-color: rgba(95, 0, 134, 0.3); } .link { text-decoration: none; border-bottom: 1px solid; transition: color .1s ease-out, border .1s ease-out; } .link_external { transition: none; } .nav-link_rabota a.link_external:after { margin-top: -4px; } .terms-popup .link_external, .footer-popup .link_external { margin-right: 33px; } .terms-popup .link_external:after, .footer-popup .link_external:after { margin-top: -4px; } .link_pseudo, .title_home .home-tab, a.link_pseudo, .title_home a.home-tab { border-bottom: 1px dashed; cursor: pointer; cursor: hand; } .link_no-underline, .logo { border-bottom: 0 none !important; } .link.b.sort-asc .link, .link.b.sort-desc .link { padding-right: 14px; background: url(/image/icons/icon-sorting.png) no-repeat 100% 6px; } .link.b.sort-desc .link { background-position: 100% -8px; } .link_remove { border: none; font-size: 13px; margin-left: 15px; padding-right: 16px; } .link_remove .with-icon_x-grey { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .link_remove .with-icon_x-grey:before { position: absolute; right: -16px; top: 3px; } .catalog-sort .b > .link { border: none; } .catalog-sort .b.sort-asc > .link, .catalog-sort .b.sort-desc > .link { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .catalog-sort .disabled-filter { color: rgba(0, 0, 0, 0.5); border: 0; cursor: default; } .catalog-sort .disabled-filter:hover { color: rgba(0, 0, 0, 0.5); } a:link, a.link, .link, .link_pseudo, .title_home .home-tab, .pseudo_link:visited, .link.no-visited:visited, .no-visited .link:visited { color: #1f84db; border-bottom-color: rgba(31, 132, 219, 0.3); cursor: pointer; } .link_soft, a.link_soft { color: #71879e; border-bottom-color: rgba(113, 135, 158, 0.3); } .link_dark, a.link_dark, a.link_dark.no-visited:visited, .link_dark a.link_dark:visited { color: #000; border-bottom-color: rgba(0, 0, 0, 0.1); } .link_dark-blue, a.link_dark-blue, a.link_dark-blue.no-visited:visited, .link_dark-blue a.link_dark-blue:visited { color: #002b41; border-bottom-color: rgba(0, 43, 65, 0.3); } .link_white, .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .title_home .home-tab, .title_home .side-category .side-category_item.selected .home-tab, .title_home .home-tab, a.link_white, .side-category .side-category_item.selected a.link_pseudo, .side-category .side-category_item.selected .title_home a.home-tab, .title_home .side-category .side-category_item.selected a.home-tab, .title_home a.home-tab, a.link_white.no-visited:visited, .side-category .side-category_item.selected a.no-visited.link_pseudo:visited, .title_home a.no-visited.home-tab:visited, .no-visited a.link_white:visited, .no-visited .side-category .side-category_item.selected a.link_pseudo:visited, .side-category .side-category_item.selected .no-visited a.link_pseudo:visited, .no-visited .title_home a.home-tab:visited, .title_home .no-visited a.home-tab:visited { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.3); } a.link_blue { color: #71879e; border-bottom-color: rgba(113, 135, 158, 0.3); } a.link_light-blue, a.link_light-blue.no-visited:visited, .no-visited a.link_light-blue:visited { color: #64a0eb; border-bottom-color: rgba(100, 160, 235, 0.3); } .link_grey, a.link_grey, a.link_grey:visited.no-visited { color: #666; border-bottom-color: rgba(102, 102, 102, 0.3); } a:hover, .search__select-button .selectors label:hover, a.link:hover, .side-filter .collapse a.h3:hover, .side-filter .collapse .search__select-button .selectors label.h3:hover, .search__select-button .selectors .side-filter .collapse label.h3:hover, .search__select-button .selectors label.link:hover, a.no-visited.link:hover, .side-filter .collapse a.no-visited.h3:hover, .side-filter .collapse .search__select-button .selectors label.no-visited.h3:hover, .search__select-button .selectors .side-filter .collapse label.no-visited.h3:hover, .search__select-button .selectors label.no-visited.link:hover, a.link.link_white:hover, .side-filter .collapse a.link_white.h3:hover, .side-filter .collapse .side-category .side-category_item.selected a.h3.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse a.h3.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .search__select-button .selectors label.h3.link_pseudo:hover, .side-category .side-category_item.selected .search__select-button .selectors .side-filter .collapse label.h3.link_pseudo:hover, .side-filter .collapse .search__select-button .selectors .side-category .side-category_item.selected label.h3.link_pseudo:hover, .search__select-button .selectors .side-category .side-category_item.selected .side-filter .collapse label.h3.link_pseudo:hover, .side-filter .collapse .search__select-button .selectors label.link_white.h3:hover, .search__select-button .selectors .side-filter .collapse label.link_white.h3:hover, .side-filter .collapse .search__select-button .selectors .title_home label.h3.home-tab:hover, .search__select-button .selectors .title_home .side-filter .collapse label.h3.home-tab:hover, .side-filter .collapse .title_home .search__select-button .selectors label.h3.home-tab:hover, .title_home .search__select-button .selectors .side-filter .collapse label.h3.home-tab:hover, .side-filter .collapse .title_home a.h3.home-tab:hover, .title_home .side-filter .collapse a.h3.home-tab:hover, .side-category .side-category_item.selected a.link.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .search__select-button .selectors label.link_pseudo.h3:hover, .search__select-button .selectors .side-filter .collapse .side-category .side-category_item.selected label.link_pseudo.h3:hover, .side-category .side-category_item.selected .search__select-button .selectors label.link.link_pseudo:hover, .search__select-button .selectors .side-category .side-category_item.selected label.link.link_pseudo:hover, .search__select-button .selectors label.link.link_white:hover, .search__select-button .selectors .side-filter .collapse .title_home label.h3.home-tab:hover, .title_home .side-filter .collapse .search__select-button .selectors label.h3.home-tab:hover, .search__select-button .selectors .title_home label.link.home-tab:hover, .title_home .search__select-button .selectors label.link.home-tab:hover, .title_home a.link.home-tab:hover, a.no-visited.link.link_light-blue:hover, .side-filter .collapse a.no-visited.link_light-blue.h3:hover, .side-filter .collapse .search__select-button .selectors label.no-visited.link_light-blue.h3:hover, .search__select-button .selectors .side-filter .collapse label.no-visited.link_light-blue.h3:hover, .search__select-button .selectors label.no-visited.link.link_light-blue:hover, .link:visited:hover .link, .side-filter .collapse h3:visited:hover .link, .side-filter .collapse .h3:visited:hover .link, .link:hover, .side-filter .collapse h3:hover, .side-filter .collapse .h3:hover, .link:hover .link, .side-filter .collapse h3:hover .link, .side-filter .collapse .h3:hover .link, .link:hover .link_pseudo, .side-filter .collapse h3:hover .link_pseudo, .side-filter .collapse .h3:hover .link_pseudo, .link:hover .title_home .home-tab, .title_home .link:hover .home-tab, .side-filter .collapse h3:hover .title_home .home-tab, .title_home .side-filter .collapse h3:hover .home-tab, .side-filter .collapse .h3:hover .title_home .home-tab, .title_home .side-filter .collapse .h3:hover .home-tab, .link_pseudo:hover, .title_home .home-tab:hover, a.link_dark:hover, .search__select-button .selectors label.link_dark:hover, .link:visited:not(.no-visited):hover .link:not(.no-visited), .side-filter .collapse h3:visited:not(.no-visited):hover .link:not(.no-visited), .side-filter .collapse .h3:visited:not(.no-visited):hover .link:not(.no-visited) { color: #fb3a2f; border-bottom-color: rgba(223, 74, 84, 0.3); } a.link_on-dark:hover, .search__select-button .selectors label.link_on-dark:hover, .search__select-button .selectors .title_home label.home-tab:hover, .title_home .search__select-button .selectors label.home-tab:hover, .title_home a.home-tab:hover, a.no-visited.link.link_on-dark:hover, .side-filter .collapse a.no-visited.link_on-dark.h3:hover, .side-filter .collapse .search__select-button .selectors label.no-visited.link_on-dark.h3:hover, .search__select-button .selectors .side-filter .collapse label.no-visited.link_on-dark.h3:hover, .side-filter .collapse .search__select-button .selectors .title_home label.no-visited.h3.home-tab:hover, .search__select-button .selectors .title_home .side-filter .collapse label.no-visited.h3.home-tab:hover, .side-filter .collapse .title_home .search__select-button .selectors label.no-visited.h3.home-tab:hover, .title_home .search__select-button .selectors .side-filter .collapse label.no-visited.h3.home-tab:hover, .side-filter .collapse .title_home a.no-visited.h3.home-tab:hover, .title_home .side-filter .collapse a.no-visited.h3.home-tab:hover, .search__select-button .selectors label.no-visited.link.link_on-dark:hover, .search__select-button .selectors .side-filter .collapse .title_home label.no-visited.h3.home-tab:hover, .title_home .side-filter .collapse .search__select-button .selectors label.no-visited.h3.home-tab:hover, .search__select-button .selectors .title_home label.no-visited.link.home-tab:hover, .title_home .search__select-button .selectors label.no-visited.link.home-tab:hover, .title_home a.no-visited.link.home-tab:hover, .no-visited .link.link_on-dark:hover, .no-visited .side-filter .collapse h3.link_on-dark:hover, .side-filter .collapse .no-visited h3.link_on-dark:hover, .no-visited .side-filter .collapse .title_home h3.home-tab:hover, .side-filter .collapse .title_home .no-visited h3.home-tab:hover, .no-visited .title_home .side-filter .collapse h3.home-tab:hover, .title_home .side-filter .collapse .no-visited h3.home-tab:hover, .no-visited .side-filter .collapse .link_on-dark.h3:hover, .side-filter .collapse .no-visited .link_on-dark.h3:hover, .no-visited .side-filter .collapse .title_home .h3.home-tab:hover, .side-filter .collapse .title_home .no-visited .h3.home-tab:hover, .no-visited .title_home .side-filter .collapse .h3.home-tab:hover, .title_home .side-filter .collapse .no-visited .h3.home-tab:hover, .no-visited .title_home .link.home-tab:hover, .title_home .no-visited .link.home-tab:hover, .link_on-dark:hover, .title_home .home-tab:hover, .link.link_on-dark:hover, .side-filter .collapse h3.link_on-dark:hover, .side-filter .collapse .title_home h3.home-tab:hover, .title_home .side-filter .collapse h3.home-tab:hover, .side-filter .collapse .link_on-dark.h3:hover, .side-filter .collapse .title_home .h3.home-tab:hover, .title_home .side-filter .collapse .h3.home-tab:hover, .title_home .link.home-tab:hover, .link_on-dark:hover .link, .title_home .home-tab:hover .link, .link_on-dark.link:hover .link, .side-filter .collapse h3.link_on-dark:hover .link, .side-filter .collapse .title_home h3.home-tab:hover .link, .title_home .side-filter .collapse h3.home-tab:hover .link, .side-filter .collapse .link_on-dark.h3:hover .link, .side-filter .collapse .title_home .h3.home-tab:hover .link, .title_home .side-filter .collapse .h3.home-tab:hover .link, .title_home .link.home-tab:hover .link, .link:hover .link.link_on-dark, .side-filter .collapse h3:hover .link.link_on-dark, .side-filter .collapse .h3:hover .link.link_on-dark, .link:hover .title_home .link.home-tab, .title_home .link:hover .link.home-tab, .side-filter .collapse h3:hover .title_home .link.home-tab, .title_home .side-filter .collapse h3:hover .link.home-tab, .side-filter .collapse .h3:hover .title_home .link.home-tab, .title_home .side-filter .collapse .h3:hover .link.home-tab, .link_on-dark:hover .link_pseudo, .title_home .home-tab:hover .link_pseudo, .link_on-dark:hover .title_home .home-tab, .title_home .link_on-dark:hover .home-tab, .title_home .home-tab:hover .home-tab, .links-on-dark .link:hover, .links-on-dark .side-filter .collapse h3:hover, .side-filter .collapse .links-on-dark h3:hover, .links-on-dark .side-filter .collapse .h3:hover, .side-filter .collapse .links-on-dark .h3:hover, .links-on-dark a.link.no-visited:hover, .links-on-dark .side-filter .collapse a.no-visited.h3:hover, .side-filter .collapse .links-on-dark a.no-visited.h3:hover, .links-on-dark .side-filter .collapse .search__select-button .selectors label.no-visited.h3:hover, .side-filter .collapse .search__select-button .selectors .links-on-dark label.no-visited.h3:hover, .links-on-dark .search__select-button .selectors .side-filter .collapse label.no-visited.h3:hover, .search__select-button .selectors .side-filter .collapse .links-on-dark label.no-visited.h3:hover, .links-on-dark .search__select-button .selectors label.link.no-visited:hover, .search__select-button .selectors .links-on-dark label.link.no-visited:hover, .links-on-dark a.link:hover .link_white, .links-on-dark .side-filter .collapse a.h3:hover .link_white, .side-filter .collapse .links-on-dark a.h3:hover .link_white, .links-on-dark .side-filter .collapse .search__select-button .selectors label.h3:hover .link_white, .side-filter .collapse .search__select-button .selectors .links-on-dark label.h3:hover .link_white, .links-on-dark .search__select-button .selectors .side-filter .collapse label.h3:hover .link_white, .search__select-button .selectors .side-filter .collapse .links-on-dark label.h3:hover .link_white, .links-on-dark .search__select-button .selectors label.link:hover .link_white, .search__select-button .selectors .links-on-dark label.link:hover .link_white, .links-on-dark a.link:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .links-on-dark a.link:hover .link_pseudo, .links-on-dark .side-filter .collapse a.h3:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .links-on-dark .side-filter .collapse a.h3:hover .link_pseudo, .side-filter .collapse .links-on-dark a.h3:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .side-filter .collapse .links-on-dark a.h3:hover .link_pseudo, .links-on-dark .side-filter .collapse .search__select-button .selectors label.h3:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .links-on-dark .side-filter .collapse .search__select-button .selectors label.h3:hover .link_pseudo, .side-filter .collapse .search__select-button .selectors .links-on-dark label.h3:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .side-filter .collapse .search__select-button .selectors .links-on-dark label.h3:hover .link_pseudo, .links-on-dark .search__select-button .selectors .side-filter .collapse label.h3:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .links-on-dark .search__select-button .selectors .side-filter .collapse label.h3:hover .link_pseudo, .search__select-button .selectors .side-filter .collapse .links-on-dark label.h3:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .search__select-button .selectors .side-filter .collapse .links-on-dark label.h3:hover .link_pseudo, .links-on-dark .search__select-button .selectors label.link:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .links-on-dark .search__select-button .selectors label.link:hover .link_pseudo, .search__select-button .selectors .links-on-dark label.link:hover .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .search__select-button .selectors .links-on-dark label.link:hover .link_pseudo, .links-on-dark a.link:hover .title_home .home-tab, .title_home .links-on-dark a.link:hover .home-tab, .links-on-dark .side-filter .collapse a.h3:hover .title_home .home-tab, .title_home .links-on-dark .side-filter .collapse a.h3:hover .home-tab, .side-filter .collapse .links-on-dark a.h3:hover .title_home .home-tab, .title_home .side-filter .collapse .links-on-dark a.h3:hover .home-tab, .links-on-dark .side-filter .collapse .search__select-button .selectors label.h3:hover .title_home .home-tab, .title_home .links-on-dark .side-filter .collapse .search__select-button .selectors label.h3:hover .home-tab, .side-filter .collapse .search__select-button .selectors .links-on-dark label.h3:hover .title_home .home-tab, .title_home .side-filter .collapse .search__select-button .selectors .links-on-dark label.h3:hover .home-tab, .links-on-dark .search__select-button .selectors .side-filter .collapse label.h3:hover .title_home .home-tab, .title_home .links-on-dark .search__select-button .selectors .side-filter .collapse label.h3:hover .home-tab, .search__select-button .selectors .side-filter .collapse .links-on-dark label.h3:hover .title_home .home-tab, .title_home .search__select-button .selectors .side-filter .collapse .links-on-dark label.h3:hover .home-tab, .links-on-dark .search__select-button .selectors label.link:hover .title_home .home-tab, .title_home .links-on-dark .search__select-button .selectors label.link:hover .home-tab, .search__select-button .selectors .links-on-dark label.link:hover .title_home .home-tab, .title_home .search__select-button .selectors .links-on-dark label.link:hover .home-tab, .links-on-dark .link.link_white:hover, .links-on-dark .side-filter .collapse h3.link_white:hover, .side-filter .collapse .links-on-dark h3.link_white:hover, .links-on-dark .side-filter .collapse .side-category .side-category_item.selected h3.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .links-on-dark h3.link_pseudo:hover, .links-on-dark .side-category .side-category_item.selected .side-filter .collapse h3.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .links-on-dark h3.link_pseudo:hover, .links-on-dark .side-filter .collapse .title_home h3.home-tab:hover, .side-filter .collapse .title_home .links-on-dark h3.home-tab:hover, .links-on-dark .title_home .side-filter .collapse h3.home-tab:hover, .title_home .side-filter .collapse .links-on-dark h3.home-tab:hover, .links-on-dark .side-filter .collapse .link_white.h3:hover, .side-filter .collapse .links-on-dark .link_white.h3:hover, .links-on-dark .side-filter .collapse .side-category .side-category_item.selected .h3.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .links-on-dark .h3.link_pseudo:hover, .links-on-dark .side-category .side-category_item.selected .side-filter .collapse .h3.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .links-on-dark .h3.link_pseudo:hover, .links-on-dark .side-filter .collapse .title_home .h3.home-tab:hover, .side-filter .collapse .title_home .links-on-dark .h3.home-tab:hover, .links-on-dark .title_home .side-filter .collapse .h3.home-tab:hover, .title_home .side-filter .collapse .links-on-dark .h3.home-tab:hover, .links-on-dark .side-category .side-category_item.selected .link.link_pseudo:hover, .side-category .side-category_item.selected .links-on-dark .link.link_pseudo:hover, .links-on-dark .title_home .link.home-tab:hover, .title_home .links-on-dark .link.home-tab:hover, .links-on-dark .no-visited.link.link_white:hover, .links-on-dark .side-filter .collapse h3.no-visited.link_white:hover, .side-filter .collapse .links-on-dark h3.no-visited.link_white:hover, .links-on-dark .side-filter .collapse .side-category .side-category_item.selected h3.no-visited.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .links-on-dark h3.no-visited.link_pseudo:hover, .links-on-dark .side-category .side-category_item.selected .side-filter .collapse h3.no-visited.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .links-on-dark h3.no-visited.link_pseudo:hover, .links-on-dark .side-filter .collapse .title_home h3.no-visited.home-tab:hover, .side-filter .collapse .title_home .links-on-dark h3.no-visited.home-tab:hover, .links-on-dark .title_home .side-filter .collapse h3.no-visited.home-tab:hover, .title_home .side-filter .collapse .links-on-dark h3.no-visited.home-tab:hover, .links-on-dark .side-filter .collapse .no-visited.link_white.h3:hover, .side-filter .collapse .links-on-dark .no-visited.link_white.h3:hover, .links-on-dark .side-filter .collapse .side-category .side-category_item.selected .no-visited.h3.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .links-on-dark .no-visited.h3.link_pseudo:hover, .links-on-dark .side-category .side-category_item.selected .side-filter .collapse .no-visited.h3.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .links-on-dark .no-visited.h3.link_pseudo:hover, .links-on-dark .side-filter .collapse .title_home .no-visited.h3.home-tab:hover, .side-filter .collapse .title_home .links-on-dark .no-visited.h3.home-tab:hover, .links-on-dark .title_home .side-filter .collapse .no-visited.h3.home-tab:hover, .title_home .side-filter .collapse .links-on-dark .no-visited.h3.home-tab:hover, .links-on-dark .side-category .side-category_item.selected .no-visited.link.link_pseudo:hover, .side-category .side-category_item.selected .links-on-dark .no-visited.link.link_pseudo:hover, .links-on-dark .title_home .no-visited.link.home-tab:hover, .title_home .links-on-dark .no-visited.link.home-tab:hover { color: #ffdab2; border-bottom-color: rgba(255, 218, 178, 0.3); } .link.link_white-2, a.link_white-2, a.link_white-2.no-visited:visited, .no-visited a.link_white-2:visited { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.3); } .link.link_white-2:hover, .side-filter .collapse h3.link_white-2:hover, .side-filter .collapse .link_white-2.h3:hover, a.link_white-2:hover, .search__select-button .selectors label.link_white-2:hover, a.link_white-2.no-visited:visited:hover, .search__select-button .selectors label.link_white-2.no-visited:visited:hover, .no-visited a.link_white-2:visited:hover, .no-visited .search__select-button .selectors label.link_white-2:visited:hover, .search__select-button .selectors .no-visited label.link_white-2:visited:hover { color: #fff; border-color: rgba(255, 255, 255, 0.75); } .link:hover .link.link_white-2, .side-filter .collapse h3:hover .link.link_white-2, .side-filter .collapse .h3:hover .link.link_white-2 { color: #fff; border-color: rgba(255, 255, 255, 0.75); } /* Page */ .lead { font-family: "Open Sans"; font-style: italic; font-size: 20px; color: #002b41; } /* Tabs */ .tabs .tab { position: relative; display: inline-block; font-size: 15px; border-radius: 4px; font-family: "Open Sans"; line-height: 1; } .tabs .tab + .tabs .tab { margin-left: .5em; } .tabs_simple .tab { line-height: 1.5; padding: .4em .8em; margin-right: .5em; } .tabs_simple .tab.selected { font-weight: 700; background: #f2f3ea; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); } .tabs_simple .tab.selected .link { border-bottom-color: transparent; } .tabs_bl .tab { padding: .6em .8em; } .tabs_bl .tab.selected { font-weight: 700; color: #fff; background: rgba(15, 87, 144, 0.4); } .tabs_wh .tab { padding: .6em .8em; color: #fff; } .tabs_wh .tab.selected { font-weight: 700; color: #000; background: #fff; } .tabs_small .tab { padding: .4em; font-size: 13px; } .tabs_blue .tab { color: #fff; } .tabs_blue .tab.selected { font-weight: bold; color: #fff; background: rgba(15, 87, 144, 0.4); } .tabs_compensated .tab { margin-left: -.8em; } .tabs_indent, .tabs-indent { margin-top: 1em; } .tabs + .views { margin-top: .5em; } /* Tags */ a.tag { position: relative; display: inline-block; padding: .5em .7em; margin-right: 22px; background: #f4f3f1; border: 1px solid #f4f3f1; border-radius: 3px; font: 13px/1 "Open Sans"; color: #000; } a.tag:hover, .search__select-button .selectors label.tag:hover { background: #1f84db; color: #fff; } a.tag:hover i:before, .search__select-button .selectors label.tag:hover i:before { border-color: transparent transparent transparent #1f84db; } a.tag i { position: absolute; top: 0; bottom: 0; background: transparent; left: 100%; right: auto; width: 10px; margin-left: -2px; overflow: hidden; } a.tag i:before { border-color: transparent transparent transparent #f4f3f1; } a.tag i:before, a.tag.clean i:after { content: ""; position: absolute; right: 0; top: 50%; border-style: solid; border-width: 40px 0 40px 20px; line-height: 0; margin-top: -40px; } a.tag.clean { background: #fff; border: 1px solid #ded9d9; color: #5b5954; } a.tag.clean i:before { border-color: transparent transparent transparent #ded9d9; } a.tag.clean i:after { right: 1px; border-color: transparent transparent transparent #fff; } a.tag.clean:hover, .search__select-button .selectors label.tag.clean:hover { border-color: #fb3a2f; } a.tag.clean:hover i:before, .search__select-button .selectors label.tag.clean:hover i:before { border-left-color: #fb3a2f; } /* Tag corner */ /* Flags */ .flag { position: relative; display: inline-block; vertical-align: middle; padding: 0 .2em; margin-right: .5em; border-radius: 4px; font-size: 13px; font-weight: 700; z-index: 1; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); } .flag:last-child { margin-right: 0; } .flag > .flag-link { color: inherit; border-bottom: none; } .flag_green { color: #66cb2f; box-shadow: 0 1px 4px rgba(17, 121, 0, 0.25); } .flag_light-green { color: #49bb84; box-shadow: 0 1px 4px rgba(17, 121, 0, 0.25); } .flag_orange { color: #ff7200; box-shadow: 0 1px 4px rgba(121, 41, 0, 0.25); } .flag_orange2 { color: #ffa000; box-shadow: 0 1px 4px rgba(255, 160, 0, 0.45); } .flag.flag_orange_superopt { color: #ff4824; box-shadow: 0 1px 4px rgba(122, 20, 0, 0.25); } .flag.flag_orange_superopt .link { color: #ff4824; border-bottom-color: transparent; } .flag.flag_orange_superopt .link:hover, .flag.flag_orange_superopt .side-filter .collapse h3:hover, .side-filter .collapse .flag.flag_orange_superopt h3:hover, .flag.flag_orange_superopt .side-filter .collapse .h3:hover, .side-filter .collapse .flag.flag_orange_superopt .h3:hover { border-bottom-color: transparent; } .flag_blue { color: #64a0eb; box-shadow: 0 1px 4px rgba(0, 61, 121, 0.25); } .flag_grey { color: rgba(0, 0, 0, 0.4); background: none; } .flag_grey_light { color: #99a5b4; } .flag_blue-grey { color: #607d8b; } .flag_black { color: black; } .flag_red, .all-gifts .gift-item:hover .flag { color: #fb3a2f; box-shadow: 0 1px 4px rgba(121, 41, 0, 0.25); } .flag_dark-red { color: #8b0000; box-shadow: 0 1px 4px rgba(17, 121, 0, 0.25); } .flag_violet { color: #7e57c2; box-shadow: 0 1px 4px rgba(126, 87, 194, 0.35); } .flag_pink { color: #e91e63; box-shadow: 0 1px 4px rgba(126, 87, 194, 0.35); } .flag_indigo { color: #3f51b5; } .flag_dark-orchid { color: #9c27b0; } .flag_dark-cyan { color: #009688; } .flag_white { color: #fff; box-shadow: 0 1px 4px #d8d8d8; background: #eaeeef; } .flag_darkslateblue { color: #483d8b; box-shadow: 0 1px 4px rgba(72, 61, 139, 0.25); } .flag.flag_darkslateblue .link { color: #483d8b; border-bottom-color: transparent; } .flag.flag_darkslateblue .link:hover, .flag.flag_darkslateblue .side-filter .collapse h3:hover, .side-filter .collapse .flag.flag_darkslateblue h3:hover, .flag.flag_darkslateblue .side-filter .collapse .h3:hover, .side-filter .collapse .flag.flag_darkslateblue .h3:hover { color: #483d8b; border-bottom-color: transparent; } .flag_sima { padding-left: 22px; } .flag_sima:before { content: ''; width: 16px; height: 10px; background: url("/image/icons/i_simaland.png"); position: absolute; top: 5px; left: 4px; opacity: .4; } .flag_icon { border: none; border-radius: 0; padding: 0 .1em; user-select: none; box-shadow: none; background: none; } .flag_icon:before { transition: transform .4s ease; } .flag-comment { max-height: 1000000px; font-size: 13px; margin-top: 1em; } .flag-comment .flag { vertical-align: top; } .flag-comment + .news-list_page { margin-top: 1.2em; } .flag-comment p, .flag-comment ul, .flag-comment li { font-size: 13px; } .flag.with-icon { box-shadow: none; background: none; } .flag.with-icon_simaland { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); background: #fff; } .product__checkbox + .flag { margin-left: .5em; } .title .flag, .title .ctl { position: relative; top: -4px; } .title-ctl_26 { float: right; width: 26%; } .title-ctl { float: right; margin-right: 4%; } .title-ctl + .title { margin-right: 26%; } /* Buttons */ .button_blue:not(:disabled):hover, .button_custom:not(:disabled):hover, .button_darkblue:not(:disabled):hover, a.button_blue:not(:disabled):hover, .search__select-button .selectors label.button_blue:not(:disabled):hover, a.button_custom:not(:disabled):hover, .search__select-button .selectors label.button_custom:not(:disabled):hover, a.button_darkblue:not(:disabled):hover, .search__select-button .selectors label.button_darkblue:not(:disabled):hover, .retailrocket .button_blue:not(:disabled):hover, .retailrocket .button_custom:not(:disabled):hover, .retailrocket .button_darkblue:not(:disabled):hover { background-color: #fb3a2f; } .button_blue-clean:not(:disabled):hover, a.button_blue-clean:not(:disabled):hover, .search__select-button .selectors label.button_blue-clean:not(:disabled):hover, .retailrocket .button_blue-clean:not(:disabled):hover, .button_grayscale:not(:disabled):hover, a.button_grayscale:not(:disabled):hover, .search__select-button .selectors label.button_grayscale:not(:disabled):hover, .retailrocket .button_grayscale:not(:disabled):hover, .button_order:hover, a.button_order:hover, .search__select-button .selectors label.button_order:hover, .retailrocket .button_order:hover { color: #fff; background: #fb3a2f; } .button_grey:not(:disabled):hover, a.button_grey:not(:disabled):hover, .search__select-button .selectors label.button_grey:not(:disabled):hover, .retailrocket .button_grey:not(:disabled):hover, .button_dark:not(:disabled):hover, a.button_dark:not(:disabled):hover, .search__select-button .selectors label.button_dark:not(:disabled):hover, .retailrocket .button_dark:not(:disabled):hover { border-color: #002b41; } .button, a.button, .retailrocket .button { display: inline-block; padding: .6em 1em; border: 1px solid; border-radius: 100px; background: transparent; font-family: "Open Sans"; font-weight: 700; text-align: center; text-decoration: none; font-size: 100%; line-height: 1; outline: none; box-sizing: border-box; user-select: none; } .button_float, a.button_float, .retailrocket .button_float { margin: 0 -1em; } .button:not(:disabled):hover, a.button:not(:disabled):hover, .search__select-button .selectors label.button:not(:disabled):hover, .retailrocket .button:not(:disabled):hover { cursor: pointer; } .button:disabled, a.button:disabled, .retailrocket .button:disabled { opacity: .34; } .button_sq, a.button_sq, .retailrocket .button_sq { border-radius: 6px; padding: .5em .7em; } .button_150, a.button_150, .retailrocket .button_150 { width: 150px; } .button_wide, a.button_wide, .retailrocket .button_wide { width: 100%; } .button_custom, a.button_custom, .retailrocket .button_custom { display: block; } .button_darkblue, .button_darkblue:visited, a.button_darkblue, a.button_darkblue:visited, .retailrocket .button_darkblue, .retailrocket .button_darkblue:visited { background: #094996; color: #fff; border: none; } .button_blue, .button_custom, a.button_blue, a.button_custom, .retailrocket .button_blue, .retailrocket .button_custom { background: #1f84db; color: #fff; border: none; } .button_blue:visited, .button_custom:visited, a.button_blue:visited, a.button_custom:visited, .retailrocket .button_blue:visited, .retailrocket .button_custom:visited { background: #1f84db; color: #fff; border: none; } .button_blue:hover, .button_custom:hover, .button_darkblue:hover, a.button_blue:hover, .search__select-button .selectors label.button_blue:hover, a.button_custom:hover, .search__select-button .selectors label.button_custom:hover, a.button_darkblue:hover, .search__select-button .selectors label.button_darkblue:hover, .retailrocket .button_blue:hover, .retailrocket .button_custom:hover, .retailrocket .button_darkblue:hover { color: #fff; border: none; } .button_blue:not(:disabled):active, .button_blue:not(:disabled):focus, .button_custom:not(:disabled):active, .button_custom:not(:disabled):focus, .button_darkblue:not(:disabled):active, .button_darkblue:not(:disabled):focus, a.button_blue:not(:disabled):active, a.button_blue:not(:disabled):focus, a.button_custom:not(:disabled):active, a.button_custom:not(:disabled):focus, a.button_darkblue:not(:disabled):active, a.button_darkblue:not(:disabled):focus, .retailrocket .button_blue:not(:disabled):active, .retailrocket .button_blue:not(:disabled):focus, .retailrocket .button_custom:not(:disabled):active, .retailrocket .button_custom:not(:disabled):focus, .retailrocket .button_darkblue:not(:disabled):active, .retailrocket .button_darkblue:not(:disabled):focus { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3); } .button_blue-opacity, a.button_blue-opacity, .retailrocket .button_blue-opacity { background: rgba(50, 69, 125, 0.7); color: #fff; border: none; } .button_blue-clean, a.button_blue-clean, .retailrocket .button_blue-clean { background: #fff; border: 1px solid rgba(0, 0, 0, 0.3); } .button_blue-clean:not(:disabled):active, .button_blue-clean:not(:disabled):focus, a.button_blue-clean:not(:disabled):active, a.button_blue-clean:not(:disabled):focus, .retailrocket .button_blue-clean:not(:disabled):active, .retailrocket .button_blue-clean:not(:disabled):focus { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3); } .button_grey, .button_dark, a.button_grey, a.button_dark, .retailrocket .button_grey, .retailrocket .button_dark { border: 1px solid rgba(0, 0, 0, 0.3); color: #000; } .button_clean, a.button_clean, .retailrocket .button_clean { font-weight: 400; font-size: 13px; } .button_clean_float, a.button_clean_float, .retailrocket .button_clean_float { margin-left: -1.2em; } .button_medium, a.button_medium, .retailrocket .button_medium { font-size: 15px; } .button_large, a.button_large, .retailrocket .button_large { font-size: 17px; } .button_large_float, a.button_large_float, .retailrocket .button_large_float { margin-left: -.8em; } .button_small, a.button_small, .retailrocket .button_small { padding: .4em .8em; } .button_white, a.button_white, .retailrocket .button_white { color: #fff; border-color: rgba(255, 255, 255, 0.4); transition: border .1s ease; } .button_white:hover, a.button_white:hover, .search__select-button .selectors label.button_white:hover, .retailrocket .button_white:hover { border-color: #fff; } .button_grayscale, a.button_grayscale, .retailrocket .button_grayscale { color: #000; border: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); background: #fff; background: -ms-linear-gradient(top, #fff, #f8f8f8); background: linear-gradient(top, #fff, #f8f8f8); } .button_blue-text, a.button_blue-text, .retailrocket .button_blue-text { color: #1f84db; } .button_blue-2, a.button_blue-2, .retailrocket .button_blue-2 { opacity: .5; } .button_blue-2:not(:disabled):hover, a.button_blue-2:not(:disabled):hover, .search__select-button .selectors label.button_blue-2:not(:disabled):hover, .retailrocket .button_blue-2:not(:disabled):hover { opacity: 1; background: #1f84db; } .button_add2cart, .button_effect, a.button_add2cart, a.button_effect, .retailrocket .button_add2cart, .retailrocket .button_effect { position: relative; } .button_add2cart::before, .button_effect::before, a.button_add2cart::before, a.button_effect::before, .retailrocket .button_add2cart::before, .retailrocket .button_effect::before { content: ''; position: absolute; top: -10px; left: -7px; bottom: -10px; right: -7px; background: inherit; border-radius: 100px; z-index: -1; opacity: .4; transform: scale3d(0.8, 0.6, 1); } .detect_no-csstransitions .button_add2cart::before, .detect_no-csstransitions .button_effect::before, .detect_no-csstransitions a.button_add2cart::before, .detect_no-csstransitions a.button_effect::before, .detect_no-csstransitions .retailrocket .button_add2cart::before, .detect_no-csstransitions .retailrocket .button_effect::before { display: none; } .button_add2cart.animate, .button_effect.animate, a.button_add2cart.animate, a.button_effect.animate, .retailrocket .button_add2cart.animate, .retailrocket .button_effect.animate { transition: background-color .1s .4s, color .1s .3s; animation: add-1 .3s forwards; } .button_add2cart.animate::before, .button_effect.animate::before, a.button_add2cart.animate::before, a.button_effect.animate::before, .retailrocket .button_add2cart.animate::before, .retailrocket .button_effect.animate::before { animation: add-2 0.3s 0.3s forwards; } .button_add2cart, a.button_add2cart, .retailrocket .button_add2cart { padding: .8em 1.4em; } .button_add2cart .with-icon, a.button_add2cart .with-icon, .retailrocket .button_add2cart .with-icon { display: inline-block; height: 16px; width: 16px; } .button_add2cart .with-icon_plus, a.button_add2cart .with-icon_plus, .retailrocket .button_add2cart .with-icon_plus { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -312px -277px; width: 14px; height: 14px; } .button_add2cart:hover .with-icon_plus, a.button_add2cart:hover .with-icon_plus, .search__select-button .selectors label.button_add2cart:hover .with-icon_plus, .retailrocket .button_add2cart:hover .with-icon_plus { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -342px -277px; width: 14px; height: 14px; } .button_order, a.button_order, .retailrocket .button_order { background: #fff; color: #2a89cf; text-transform: uppercase; } .button_order:hover, a.button_order:hover, .search__select-button .selectors label.button_order:hover, .retailrocket .button_order:hover { border-color: #fb3a2f; } .button_registration, a.button_registration, .retailrocket .button_registration { padding-top: .5em; padding-bottom: .5em; font-size: 14px; } .button + .button, a.button + .button, .retailrocket .button + .button, .button + a.button, a.button + a.button, .retailrocket .button + a.button, .button + .retailrocket .button, a.button + .retailrocket .button, .retailrocket .button + .retailrocket .button { margin-left: .5em; } .button::-moz-focus-inner, a.button::-moz-focus-inner, .retailrocket .button::-moz-focus-inner { padding: 0; border: 0; } .button + .title, a.button + .title, .retailrocket .button + .title { margin-top: 1em; } .b-triangle .button_blue-clean { background: #1f84db; color: #fff; border: none; } .button-cart { position: relative; display: inline-block; vertical-align: middle; background: #fff; padding: 5px 12px; border-radius: 50px; line-height: 1; cursor: pointer; box-shadow: 0 0 0 1px #afb8bb; } .button-cart:after, .button-cart:before { content: ""; display: inline-block; vertical-align: middle; } .button-cart:hover { box-shadow: 0 0 0 2px #1f84db; } .button-cart:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -539px; width: 16px; height: 16px; } .button-cart_white { background: transparent; } .button-cart_white:hover, .link:hover .button-cart_white, .side-filter .collapse h3:hover .button-cart_white, .side-filter .collapse .h3:hover .button-cart_white { box-shadow: 0 0 0 1px #fff; border: none; } .button-cart_white:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -471px; width: 16px; height: 16px; } .button-cart_active { box-shadow: 0 0 0 2px #1f84db; } .button-cart_active:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -329px -587px; width: 12px; height: 12px; margin-right: 5px; } .button-cart_active:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -195px -220px; width: 14px; height: 12px; } .button-cart__qt { display: block; margin: 5px 7px 0; position: absolute; top: 100%; text-align: center; line-height: 1; font-weight: 700; } /* Filter */ .filter { font-size: 13px; margin-top: 1em; } .filter:after { content: ""; display: table; clear: both; } .filter__sorts { float: left; } .filter__sort-label, .filter__item { margin-right: .7em; } .filter__item_selected { padding: 3px; background: #f2f3ea; font-weight: bold; } .filter__views { float: right; margin-right: 8%; } /* Range slider */ .fromTo { margin-bottom: 10px; } .fromTo__label { height: 30px; line-height: 30px; font-size: 14px; color: #c3c3c3; margin: 0; } .fromTo__label_to { position: absolute; left: 46%; } .fromTo__label_from { position: absolute; left: 0; } .fromTo__input { height: 30px; line-height: 30px; } .fromTo__input.input-fake { text-align: center; width: 38%; padding: 0; } .fromTo__input_to[type="text"] { float: right; } .fromTo__input_from[type="text"] { margin: 0 0 0 1.3em; } .fromTo-rur { margin-right: 27px; } .fromTo-rur__rur { float: right; } .with-rur { position: relative; padding-right: 20px; } .with-rur__rur { position: absolute; right: -3px; top: 0; height: 35px; line-height: 35px; font-size: 17px; } .with-rur.font-small { font-size: 13px; } .with-rur.font-small .fromTo__label { font-size: 11px; } .with-rur.font-small .fromTo__label_to { left: 47%; } /* Slider */ .ui-slider-horizontal { position: relative; height: 3px; border-radius: 3px; margin: 0 0 20px 10px; z-index: 1; background: #e5e5e5; border: none; } .ui-slider .ui-slider-range { position: absolute; display: block; background: #0054b7; height: 100%; border: none; } .ui-slider .ui-slider-handle { position: absolute; top: -7px; cursor: default; margin-left: -8px; outline: none; background-color: transparent; border: none; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -317px; width: 17px; height: 17px; } .slider-amount-wrap { display: inline-block; vertical-align: middle; margin: -3px -3px -7px -3px; padding: 3px 3px 7px 0; overflow: hidden; } .ui-slider-amount { position: absolute; top: 100%; width: 500px; left: 5px; height: 1px; margin: 0; background: transparent; } .ui-slider-amount .ui-slider-handle { position: absolute; top: -5px; cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; margin-left: -6px; outline: none; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -166px -220px; width: 13px; height: 13px; } .ui-slider-amount .ui-state-active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } /* Флаги выбранных фильтров */ .chosen-filters-row { margin: 0 0 22px 0; } .chosen-filters-row > span, .chosen-filters-row .filter-flags-wrapper > span { font-size: 13px; height: 28px; line-height: 28px; vertical-align: top; } .chosen-filters-row span { display: inline-block; vertical-align: top; } .chosen-filters-row > .h3 { display: block; margin-bottom: 0.5em; } .chosen-filters-row .filter-flags-wrapper { display: inline-block; vertical-align: top; } .chosen-filters-row .filter-flags-wrapper .filter-flag-value > .rur { vertical-align: baseline; } .chosen-filters-row .wrapped { max-height: 105px; overflow: hidden; } .chosen-filters-row .filter-flag { background: #abbfce; color: #fff; padding: 0 3px 0 10px; margin: 0 17px 0.5em 0; position: relative; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .chosen-filters-row .filter-flag:last-child { margin-right: 23px; } .chosen-filters-row .filter-flag:after { content: ''; display: block; width: 0; height: 0; border-left: 10px solid #abbfce; border-top: 14px solid rgba(255, 255, 255, 0); border-bottom: 14px solid rgba(255, 255, 255, 0); position: absolute; left: 100%; top: 0; } .chosen-filters-row .filter-flag .with-icon:before { top: 9px; } .chosen-filters-row .filter-flag .with-icon_simaland { padding: 0; font-weight: normal; } .chosen-filters-row .filter-flag .with-icon_simaland:before { content: none; display: none; } .chosen-filters-row .filter-flag-rm { width: 11px; height: 28px; font-size: 20px; line-height: 28px; position: relative; color: #fff; margin: 0 0 0 5px; cursor: pointer; } .chosen-filters-row .filter-flag-rm:hover { color: #fb3a2f; } .chosen-filters-row .clear-filters, .chosen-filters-row .overflowed-wrapper { font-size: 14px; } .chosen-filters-row .clear-filters .link, .chosen-filters-row .overflowed-wrapper .link { display: inline; } .chosen-filters-row .overflowed-wrapper { margin-right: 1em; } .chosen-filters-row .overflowed-wrapper:empty { margin: 0; } /* Colors select */ .colors { margin: 0; } .colors__item { display: inline-block; vertical-align: middle; border-radius: 30px; cursor: pointer; height: 18px; width: 18px; margin: 0 5px 0 0; opacity: .2; box-sizing: border-box; } .colors__item_selected { position: relative; opacity: 1; height: 28px; width: 28px; box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.3); } .colors__item_selected:after { content: ""; position: absolute; bottom: 11px; left: 10px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -342px -332px; width: 8px; height: 5px; } .colors__item_small { width: 10px; height: 10px; opacity: 1; } .colors__item_small_selected { width: 12px; height: 12px; } .colors__item:before { display: none; } .colors-label { margin-left: 7px; } .colors-list { margin-left: 20px; } .color-1 { background-color: #e8d2d1; } .color-2 { background-color: #0054a6; } .color-3 { background-color: #7ad74c; } .color-4 { background-color: #a74925; } .color-5 { background-color: #2c2726; } .color-6 { background-color: #42d2ec; } .color-7 { background-color: #e2ec42; } /* Prices & products */ .price { display: inline-block; font-family: "Open Sans"; white-space: nowrap; } .price_heavy .price__val { font-weight: 700; } .price_yel { color: #fee660; } .price_medium { font-size: 14px; } .price_large { font-size: 19px; } .price_xlarge { font-size: 29px; } .price sup { vertical-align: super; font-weight: normal; font-size: 75%; line-height: .8; } .price sup.sup-unit { font-size: 50%; } .price_old { position: relative; color: #a3a3a3; font-family: "Open Sans"; font-weight: 400; } .price_old:after { content: ""; left: -3px; position: absolute; right: -3px; top: 50%; border-top: 1px solid #ff6a4a; transform: rotate(-15deg); } .price + .price { margin-left: .4em; } #price_filter.price { white-space: normal; } .sup-unit { vertical-align: super; font-weight: normal; font-size: 50%; line-height: .8; } .text-nowrap { white-space: nowrap; } .rur { font-family: RurArial; font-style: normal; margin-left: .1em; } .products { background: #fff; padding: 0 1.5em 1em; font-size: 13px; box-sizing: border-box; transition: margin .5s ease-in-out; } .products:after { content: ""; display: table; clear: both; } .products.onActive { cursor: grab; } .products.onActive.grabbing { cursor: grabbing !important; } .products .product { position: relative; display: inline-block; vertical-align: top; width: 195px; padding-top: 0; margin-top: 3em; white-space: normal; } .products .product .hidden-on-init { overflow: hidden; max-height: 50px; visibility: hidden; } .products .product:before { content: ''; display: none; background: #f6f9fb; position: absolute; top: -32px; bottom: -10px; left: -10px; right: 20px; z-index: 0; } .products .product:hover:before { display: block; } .products .product:hover .product__detail a:before { background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f6f9fb 60%, #f6f9fb 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f6f9fb 60%, #f6f9fb 100%); } .products .product .slider-amount-wrap { margin: 0 0 0 59px; padding: 4px 3px 3px; vertical-align: top; } .products .product .slider-amount-wrap .input-fake { border: 1px solid #c5c5bc; } .products .product .product_qt-label { margin-left: 62px; } .products .product_wide { width: auto; padding-top: 300px; } .products .product .not-in-stock span { display: inline-block; font-weight: 700; padding: 1em 0; font-size: 110%; } .products .product__inner { padding: 135px 20px 0 0; position: relative; } .products .product__inner .flags { z-index: 11; padding-bottom: 3px; } .products .product__inner .flags p { display: inline-block; margin: 0 3px; background: #fff; box-shadow: 0 1px 4px rgba(0, 61, 121, 0.25); border-radius: 4px; padding: 0 .2em; vertical-align: top; line-height: 1.6; font-size: 13px; position: relative; z-index: 30; } .products .product__inner .flags .flag { margin-bottom: 4px; } .products .product__inner .catalog-tabs__label { font-weight: bold; display: block; line-height: 17px; } .products .product__inner .catalog-tabs__items { margin-bottom: -1px; } .products .product__inner ::-webkit-scrollbar { width: 5px; } .products .product__inner ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .products .product__inner ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .products .product .delivery-info { padding-top: 10px; } .products .product .product__image { position: absolute; top: 0; right: 0; left: 0; display: block; } .products .product .product__image img { max-height: 140px; margin: 0; } .products .product .product__image .hint-second-img { display: block; position: absolute; top: 0; left: 0; width: 140px; height: 140px; opacity: 0; transition: opacity .1s ease-out; } .products .product .product__image .hint-second-img img { width: 100%; display: block; } .products .product .product__image:hover .hint-second-img { opacity: 1; } .products .product .product__image_wide img { max-height: 100%; } .products .product .product__image.rr-item-image img { max-height: 140px; margin: 0; width: auto; } .products .product__name .catalog__item-title { font-size: 15px; line-height: 1.4; height: 44px; margin-bottom: 3px; } .crsl-items .products .product__name { position: relative; } .products .product__discount { position: absolute; top: 135px; left: 0; } .products .product .no-discount { color: #bebebe; text-transform: lowercase; } .products .product__name { margin-top: 0.3333333333em; } .products .product__name a { display: inline-block; line-height: 1.6; overflow: hidden; height: 40px; max-width: 100%; } .products .product__name a .rr-item-title { position: relative; top: -20px; } .products .product__name a:before { display: block; position: relative; left: 80%; top: 20px; content: ''; width: 60px; height: 20px; background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%); z-index: 2; } .products .product__name.price-block .price { font-size: 20px; } .products .product__name.price-block .price .rur { font-size: 18px; } .products .product__name .with-icon_simaland { font-size: 13px; } .products .product .price-block { padding: 5px 0; } .products .product .price-block .price { display: inline-block; vertical-align: top; font-size: 20px; } .products .product .price-block .price .rur { font-size: 18px; } .products .product .price-block .price_heavy { line-height: 1; font-size: 20px; margin-right: 10px; } .products .product .price-block .price_old { font-size: 13px; font-weight: bold; line-height: 1; padding-left: 0; padding-top: 5px; } .products .product .price-block .rr-item-oldprice { margin-right: 5px; } .products .product .price-block .rr-item-price { margin: 0; padding-top: 5px; } .products .product__controls { height: 52px; position: relative; } .products .product__qt { display: inline-block; vertical-align: middle; margin-right: 8px; line-height: 1; } .products .product__clear { position: relative; display: inline-block; width: 19px; padding-right: 4px; margin: 8px 0 0 0; box-sizing: border-box; } .products .product__btn { display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; } .products .product__flags { position: absolute; top: -20px; left: 0; right: 0; z-index: 1; } .products .product__flags .ctl-hidden { display: none; } .products .product:hover .product__flags { top: -22px; } .products .product:hover .product__flags .ctl-hidden { display: inline-block; vertical-align: top; } .products .product .ctl-hidden { transition: opacity .2s ease-in-out; visibility: hidden; opacity: 0; } .products .product .ctl-hidden input { font-size: 0; } .products .product:hover .ctl-hidden { visibility: visible; opacity: 1; } .products .product:hover .ctl-hidden input { font-size: 13px; } .products .product .button-preview { position: absolute; left: 25px; top: 50px; z-index: 1; } .products .product.rr-item .product__detail { max-width: 163px; } .products .product.rr-item .product__detail a { display: inline-block; line-height: 1.6; overflow: hidden; height: 40px; max-width: 100%; } .products .product.rr-item .product__detail a .rr-item-title { position: relative; top: -20px; } .products .product.rr-item .product__detail a:before { display: block; position: relative; left: 80%; top: 20px; content: ''; width: 60px; height: 20px; background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%); z-index: 2; } .products .product.rr-item:hover .product__detail a:before { background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f6f9fb 60%, #f6f9fb 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f6f9fb 60%, #f6f9fb 100%); } .products .selected .product__checkbox.ctl-hidden { display: inline; visibility: visible; opacity: 1; } .products_extra { font-size: 13px; margin-top: 1em; padding-left: 0; padding-right: 0; } .products_extra .product { position: relative; width: 100%; padding-left: 140px; padding-top: 0; margin-top: 1em; box-sizing: border-box; } .products_extra .product__image { position: absolute; top: 0; right: 0; left: 0; max-width: 100px; display: block; } .products_extra .product__image img { width: 100%; } .products_extra .flag { font-size: 12px; } .products_extra .price { margin-top: .4em; } .products > .empty { font-size: 16px; } .modifiers-hidden { overflow: hidden; display: inline-block; padding-bottom: 1px; } .modifiers-opened { overflow-y: auto; max-height: 256px; } .modifiers-more_wrapper { display: block; height: 14px; } .retailrocket .input_range[type="text"] { height: 28px; } .product-slide { display: inline-block; width: 210px; } @media only screen and (min-width: 1300px) { .product-slide { width: 230px; } } .product-slide .product { min-height: 140px; margin-top: 1.8em; } .product-slide-large { width: 310px; } @media only screen and (min-width: 1300px) { .product-slide-large { width: 350px; } } .product-slide-large .product { height: auto; margin-top: 10.5em; } .product-slide-large .product__image img { max-height: 100%; } .retailrocket.retailrocket-widget.retailrocket-theme-sima .products .product .price-block { height: auto; } .products-container { height: 400px; } .products-scroller { overflow: hidden; } .products-scroller .products { display: table; white-space: nowrap; } @media only screen and (min-width: 0) and (max-width: 1200px) { .catalog > .products > .product { width: 33%; } } @media only screen and (min-width: 1201px) and (max-width: 1600px) { .catalog > .products > .product { width: 25%; } } @media only screen and (min-width: 1601px) { .catalog > .products > .product { width: 20%; } } .detail { color: #5a5e60; } .art { margin-top: .1em; color: #5a5e60; } /*Стили для карточек xxl*/ .products_xxl { padding: 0 0 1em; } .products_xxl.products .product:before { top: 0; left: 0; bottom: 0; right: 0; } .products_xxl .product { width: 33.33%; margin: 0; padding: 7px 7px 16px 7px; box-sizing: border-box; text-align: center; } .products_xxl .product .product__image { position: relative; } .products_xxl .product .product__image img { max-height: 400px; width: 100%; max-width: 400px; } .products_xxl .product .product__image img:hover ~ .mobile-attrs-icons { display: block; } .products_xxl .product .product__image .mobile-attrs-icons { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(244, 248, 250, 0.9); display: none; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper { text-align: center; padding: 3% 5% 0; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper { display: inline-block; width: 32%; height: 110px; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table { display: table; position: relative; width: 100%; height: 100%; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell { display: table-cell; vertical-align: middle; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell .attr-icon { margin: 0 auto; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell .attr-icon_413 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -234px; width: 37px; height: 62px; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell .attr-icon_805 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -47px -130px; width: 71px; height: 42px; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell .attr-icon_735 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px -188px; width: 58px; height: 45px; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell .attr-icon_2618 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px -125px; width: 45px; height: 62px; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-cell .attr-icon_733 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px -67px; width: 52px; height: 57px; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-caption { position: absolute; bottom: -5px; left: 0; width: 100%; margin: 0 auto; color: black; font-size: 120%; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-caption_413:after { content: "\""; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-caption_805:after { content: " mA\B7h"; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-caption_735:after { content: " Мп"; } .products_xxl .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-table .attr-icon-caption_2618:after { content: " SIM"; } .products_xxl .product .product__image .mobile-attrs-icons:hover { display: block; } .products_xxl .product:hover { background: #f6f9fb; } .products_xxl .product:hover .product__flags { top: 13px; } .products_xxl .product:hover .button_add2cart.button_blue-clean { background: #1f84db; box-shadow: none; } .products_xxl .product:hover .button_add2cart.button_blue-clean .with-icon_cart-white:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -471px; width: 16px; height: 16px; opacity: 1; } .products_xxl .product:hover .button_add2cart.button_blue-clean .with-icon_cart-white:before { color: #fff; } .products_xxl .product:hover .button_add2cart.button_blue-clean:hover { background: #fb3a2f; } .products_xxl .product:hover .button_add2cart.button_blue-clean:hover .with-icon_cart-white:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -471px; width: 16px; height: 16px; opacity: 1; } .products_xxl .product .slider-amount-wrap { margin: 0; width: 100%; padding: 0; } .products_xxl .product .product_qt-label { margin: 0; color: #989898; } .products_xxl .product.tile .item-protected-blank { margin: 0; padding: 0; top: 0; } .products_xxl .product__inner { padding: 0; } .products_xxl .product__flags { top: 13px; left: 13px; text-align: left; } .products_xxl .product__name { font-size: 15px; margin-top: 0px; } .products_xxl .product__name .catalog__item-title { height: 22px; width: 100%; } .products_xxl .product__name .catalog__item-title:before { left: 100%; margin-left: -60px; top: 2px; } .products_xxl .catalog__item-flags { padding-top: 0.92em; } .products_xxl .product__controls { height: auto; text-align: center; } .products_xxl .catalog__item-qt { width: 100%; font-size: 13px; float: none; } .products_xxl .catalog__item-btn { float: none; width: auto; } .products_xxl .product__btn { right: 0; left: auto; } .products_xxl .btn-block { width: 128px; margin: 0 auto 0; } .products_xxl .product__qt { margin: 0; width: 100%; border-radius: 100px; } .products_xxl .product__qt input { height: 35px; padding: 0 56px 0 26px; color: #000; font-weight: 500; font-size: 15px; } .products_xxl .button_add2cart { height: 37px; width: 52px; box-sizing: border-box; padding: .8em; text-align: right; } .products_xxl .button_add2cart.button_blue-clean .with-icon_cart-white:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -539px; width: 16px; height: 16px; opacity: .5; } .products_xxl .add2cart_small { width: 52px; border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3); } .products_xxl .add2cart_small .with-icon_cart-white:before { content: '+'; top: -2px; font-size: 21px; color: #989898; margin-right: 4px; } .products_xxl .add2cart_big { width: 128px; padding: .8em 1em; } .products_xxl .add2cart_big .with-icon_cart-white:before { content: 'В корзину'; top: 2px; width: 70px; color: #fff; margin-right: 11px; font-size: 14px; white-space: nowrap; } .products_xxl .add2cart_small .with-icon_cart-white:before, .products_xxl .add2cart_big .with-icon_cart-white:before { display: block; position: absolute; right: 100%; font-weight: bold; } .products_xxl .product__clear { position: absolute; left: 100%; top: 7px; margin: 0 0 0 8px; cursor: pointer; } .products_xxl .input__decrease { top: 8px; left: 12px; font-weight: bold; } .products_xxl .with-icon_favs-red:before { margin-top: -6px; } .products_xxl .catalog-tabs { display: inline-block; width: 100%; padding: 1px 20px; box-sizing: border-box; text-align: left; } .products_xxl .product__inner .catalog-tabs__label { display: inline-block; vertical-align: top; margin-top: 18px; width: 60px; white-space: normal; } .products_xxl .product__inner .catalog-tabs__items { text-align: left; margin: .5em 0 0 0; max-width: 100%; display: inline-block; vertical-align: top; position: relative; } .products_xxl .product__inner .catalog-tabs__items.modifiers-hidden { margin-right: .5em; } .products_xxl .product__inner .catalog-tabs__items .tab { vertical-align: top; } .products_xxl .modifiers-opened + .modifiers-more_wrapper { display: block; margin-left: 70px; margin-bottom: 5px; margin-top: 5px; } .products_xxl .modifiers-more_wrapper { display: inline-block; vertical-align: top; margin-top: 18px; } .products_xxl .hint-preview .hint-wrapper { position: absolute; bottom: -8px; left: -5px; right: -5px; display: none; width: 100%; } .products_xxl .hint-preview .hint-thumbs-wrapper { height: 110px; width: 100%; position: relative; overflow: hidden; text-align: center; margin: 0; padding: 20px; cursor: default; box-sizing: border-box; } .products_xxl .hint-preview .hint-arrows { height: 30px; width: 30px; position: absolute; top: 50%; margin-top: -15px; z-index: 4; cursor: pointer; display: none; } .products_xxl .hint-preview .hint-arrows.arrow-right { right: -15px; } .products_xxl .hint-preview .hint-arrows.arrow-left { left: -15px; } .products_xxl .hint-preview .hint-thumbs { height: 70px; width: auto; position: absolute; top: 15px; left: 15px; white-space: nowrap; } .products_xxl .hint-preview .hint-thumbs .hint-thumbs-img { width: 70px; height: 70px; position: relative; display: inline-block; margin: 0 4px 0 0; } .products_xxl .hint-preview .hint-thumbs .hint-thumbs-img img { cursor: pointer; position: absolute; width: 70px; height: 70px; top: 0; left: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; } .products_xxl .hint-preview .hint-thumbs .hint-thumbs-img img.current { width: 90px; height: 90px; top: -10px; left: -10px; box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.6); z-index: 2; } .products_xxl .hint-preview .hint-thumbs .hint-thumbs-img img:hover:not(.current) { width: 80px; height: 80px; top: -5px; left: -5px; box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.4); z-index: 1; } .products_xxl .hint-preview:hover .hint-wrapper { display: block; } @media only screen and (min-width: 0) and (max-width: 1200px) { .catalog > .products_xxl > .product { width: 50%; } } @media only screen and (min-width: 1201px) and (max-width: 1600px) { .catalog > .products_xxl > .product { width: 33.33%; } } @media only screen and (min-width: 1601px) { .catalog > .products_xxl > .product { width: 33.33%; } } @media only screen and (min-width: 1201px) and (max-width: 1400px) { .catalog > .products_xxl > .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper { height: 90px; } .catalog > .products_xxl > .product .product__image .mobile-attrs-icons .icons-wrapper .icon-wrapper .attr-icon-caption { bottom: -10px; } } /* Products scroller */ .scroller { position: relative; height: 35px; margin-top: 1em; background: #f2f3eb; border-radius: 5px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .scroller__item { position: absolute; display: inline-block; padding: .3em; box-sizing: border-box; cursor: pointer; } .scroller__catcher { position: absolute; top: 0; left: 0; bottom: 0; width: 100px; box-sizing: border-box; cursor: grab; background: rgba(255, 255, 255, 0.4); border-radius: 5px; border: 2px solid #e4f1f9; z-index: 1; } .scroller__catcher:after { content: ""; position: absolute; top: 100%; left: 50%; margin-top: 7px; margin-left: -8.5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -324px -332px; width: 17px; height: 5px; } .scroller__catcher.grabbing { cursor: grabbing !important; } /* Product carousel */ .crsl-items { position: relative; margin-top: 1em; } .next, .owl-next, .prev, .owl-prev { position: absolute; top: 50%; margin-top: -19.5px; cursor: pointer; display: block; text-decoration: none; border: none; text-indent: -9999px; overflow: hidden; z-index: 1; } .next.disabled, .owl-next.disabled, .prev.disabled, .owl-prev.disabled { cursor: default; opacity: .4; } .products:not([data-type=multi]) .owl-prev, .products:not([data-type=multi]) .owl-next { margin-top: -54.5px; } .next, .owl-next, .b-promo.chponcki-in-catalog .owl-next { right: -14.5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -150px -587px; width: 29px; height: 29px; } .next:not(.disabled):hover, .owl-next:not(.disabled):hover, .b-promo.chponcki-in-catalog .owl-next:not(.disabled):hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -90px -587px; width: 29px; height: 29px; } .b-widget .next, .dashboard-my-orders .b-order-view .empty .next, .b-widget .owl-next, .dashboard-my-orders .b-order-view .empty .owl-next, .b-widget .b-promo.chponcki-in-catalog .owl-next, .dashboard-my-orders .b-order-view .empty .b-promo.chponcki-in-catalog .owl-next { right: -29px; } .b-chponcki .next, .b-chponcki .owl-next, .b-chponcki .b-promo.chponcki-in-catalog .owl-next { right: -19.5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -244px -297px; width: 39px; height: 40px; } .b-chponcki .next:hover, .b-chponcki .owl-next:hover, .b-chponcki .b-promo.chponcki-in-catalog .owl-next:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -204px -297px; width: 39px; height: 40px; } .prev, .owl-prev, .b-promo.chponcki-in-catalog .owl-prev { left: -14.5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -30px -587px; width: 29px; height: 29px; } .prev:not(.disabled):hover, .owl-prev:not(.disabled):hover, .b-promo.chponcki-in-catalog .owl-prev:not(.disabled):hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -60px -587px; width: 29px; height: 29px; } .b-widget .prev, .dashboard-my-orders .b-order-view .empty .prev, .b-widget .owl-prev, .dashboard-my-orders .b-order-view .empty .owl-prev, .b-widget .b-promo.chponcki-in-catalog .owl-prev, .dashboard-my-orders .b-order-view .empty .b-promo.chponcki-in-catalog .owl-prev { left: -29px; } .b-chponcki .prev, .b-chponcki .owl-prev, .b-chponcki .b-promo.chponcki-in-catalog .owl-prev { left: -19.5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -284px -297px; width: 39px; height: 40px; } .b-chponcki .prev:hover, .b-chponcki .owl-prev:hover, .b-chponcki .b-promo.chponcki-in-catalog .owl-prev:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -164px -297px; width: 39px; height: 40px; } /* Switcher */ .switcher-colors { list-style: none; } .switcher-colors li { display: inline-block; } .switcher { list-style: none; margin: 0; } .switcher li { position: relative; padding: .6em .8em; margin: 0 1em 1em 0; display: inline-block; border: 1px dashed #afb8bb; font: 15px/1 Open Sans; border-radius: 4px; } .switcher li:not(.selected) { cursor: pointer; } .switcher li.selected { font-weight: 700; color: #fff; background: #afb8bb; border: 1px solid #afb8bb !important; } .switcher li:hover .selected { border-color: transparent; } .switcher li:before { content: none; } .switcher li .verified { position: absolute; top: 0; right: 0; margin-top: -7px; margin-right: -7px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -297px -277px; width: 14px; height: 14px; } .switcher li:hover { border-color: #002b41; } .switcher_inline { display: inline-block; } .switcher .not_switcher { border: none; padding: 0; } .switcher .not_switcher .button { font-size: 15px; } /* Controls */ .ctl { cursor: pointer; } .ctl_op { opacity: .5; transition: opacity .2s ease-in-out; } .ctl_op:hover { opacity: 1; } * + .ctl { margin-left: .2em; } * + .ctl_far { margin-left: .5em; } .ctls-item, .ctls-label { margin-right: 1em; } .form-comment { margin-left: 1.3em; color: #afb8bb; font-style: italic; } .form-comment_attn { color: #fb3a2f; } /* Sidebar menu */ .g-menu { margin-top: 1em; } .g-menu_white { color: #fff; } .g-menu__item { display: block; padding: 0; margin: 0; } .g-menu__item span { display: inline-block; padding: .5em; } .g-menu .link_external:after { margin-top: -3px; } .g-selected span { border-radius: 6px; background: rgba(15, 87, 144, 0.4); color: #fff; font-weight: 700; } /* video */ .video-wrapper { position: relative; display: inline-block; margin: 1em 0 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); border-radius: 11px; overflow: hidden; width: 100%; max-width: 455px; max-height: 255px; z-index: 2; } .video-wrapper video { display: block; } .video-wrapper .flowplayer .fp-controls .fp-brand { display: none; } .video-wrapper .flowplayer.is-mouseout .fp-timeline { height: 5px; } .video-wrapper .flowplayer .fp-player + a, .video-wrapper .flowplayer .fp-player .fp-embed { opacity: 0; visibility: hidden; } .video-wrapper .flowplayer:after { content: ""; position: absolute; display: none; left: 50%; margin: -33px 0 0 -33px; top: 50%; opacity: .7; cursor: pointer; z-index: 1; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px -71px; width: 66px; height: 66px; } .video-wrapper .flowplayer.is-paused:after, .video-wrapper .flowplayer.is-splash:after { display: block; } .video-wrapper .flowplayer.is-paused:hover:after, .video-wrapper .flowplayer.is-splash:hover:after { opacity: 1; } .video-wrapper .flowplayer .fp-progress, .video-wrapper .flowplayer .fp-volumelevel { background-color: #1851b9; } .video-wrapper .flowplayer .fp-timeline { border-radius: 10px; background-color: rgba(255, 255, 255, 0.4); } .video-wrapper .flowplayer .fp-volumeslider { border-radius: 5px; overflow: hidden; background-color: rgba(255, 255, 255, 0.6); } .video-wrapper .flowplayer .fp-buffer { background-color: rgba(255, 255, 255, 0.4); } /* fixed block */ .holder { position: relative; } .holder.active { position: fixed; } .holder.stopped { position: relative; } h3.foldable_control, .h3.foldable_control { padding-right: 20px; } h3.foldable_control:after, .h3.foldable_control:after { content: ""; position: absolute; right: 5px; top: 10px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .unfolded h3.foldable_control:after, .unfolded .h3.foldable_control:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .social-icons { margin-top: .5em; } .social-icons .icon { opacity: .25; margin-right: 5px; cursor: pointer; border: none; } .social-icons .icon:hover { opacity: 1; } .blocks-row { clear: both; margin: 20px -10px; } .blocks-row:before, .blocks-row:after { content: ''; display: table; } .blocks-row:after { clear: both; } .blocks-row .blocks-row-element { float: left; width: 33.33%; box-sizing: border-box; padding: 0 10px; } .inline-block { display: inline-block; } .block { display: block; } a.gift-info-link { font-size: 13px; color: #000; border-color: rgba(0, 0, 0, 0.1); position: relative; display: inline-block; margin-right: 25px; padding-top: 19px; } a.gift-info-link:before { content: ''; width: 100%; height: 36px; background: url(/image/gift-in-cart.png) no-repeat center center; position: absolute; left: 0; top: -20px; } a.gift-info-link:hover, .search__select-button .selectors label.gift-info-link:hover { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .i-uralweb a { border-bottom: none; } .error-placeholder { position: relative; left: 0px; top: 7px; width: 100%; height: 100%; z-index: 9999; } .b-auth-layer [data-name='entity'] { text-transform: lowercase; } .insert-delivery-condition .h5, .insert-delivery-condition h5 { margin: 1.8em 0 0; } .mix { margin-bottom: 6px; display: inline-block; } .totop { padding: 17px 18px 17px; cursor: pointer; opacity: .3; position: fixed; bottom: 0; left: 0; z-index: 100; display: none; } .totop:hover { opacity: 1; } map area { outline: none; } .b-popup_window.re-ordering-popup { box-sizing: border-box; width: 400px; text-align: left; padding: 22px 30px 35px; top: 200px; left: 35%; } .b-popup_window.re-ordering-popup .popup__close { font-weight: bold; } .b-popup_window.re-ordering-popup .h2 { margin: 0 0 1.2em; } .b-popup_window.re-ordering-popup .scrollable { margin-top: 0; max-height: 372px; overflow-y: hidden; padding-right: 0; } .b-popup_window.re-ordering-popup .slimScrollDiv > .scrollable { padding-right: 25px; } .b-popup_window.re-ordering-popup ul { margin-top: 0; } .b-popup_window.re-ordering-popup ul li { background: #FFF; margin: 0 0 20px 0; box-sizing: border-box; padding: 20px; } .b-popup_window.re-ordering-popup ul li:last-child { margin: 0; } .b-popup_window.re-ordering-popup ul li:before { content: none; } .b-popup_window.re-ordering-popup ul li a { margin-bottom: 5px; } .b-popup_window.re-ordering-popup ul li p { margin: 0 0 5px 0; line-height: 1.2; } .b-popup_window.re-ordering-popup ul li p.created-at { color: #AAA; font-size: 13px; } .b-popup_window.re-ordering-popup ul li p:last-of-type { margin-bottom: 19px; } .top-error-chponck { position: relative; z-index: 101; text-align: center; color: #fff; background: #00599d; overflow: hidden; height: 0; box-sizing: border-box; } .top-error-message { padding: 34px 1.4em 38px; } .round-ul li:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; background: #64849f; border-radius: 50%; margin-top: 9px; } .popup-select { position: relative; text-align: left; } .popup-select .popup-select-scroll { max-height: 130px; overflow: auto; position: relative; } .popup-select ::-webkit-scrollbar { margin-left: 5px; width: 5px; } .popup-select ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .popup-select ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .popup-select .with-icon-geo { padding: 4px 0 4px 15px; position: relative; font-size: 13px; } .popup-select .with-icon-geo:before { content: ''; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -337px -617px; width: 8px; height: 13px; left: 0; position: absolute; top: 9px; } .popup-select-title { cursor: pointer; font-size: 13px; display: inline-block; padding: 5px 20px 5px 0; position: relative; } .popup-select-title:before { position: absolute; right: 0; top: 6px; } .jp-delivery-popup { width: 250px; } /*полоса прокрутки для google chrome*/ .chrome-scroll ::-webkit-scrollbar, .select-wrapper .select-popup ::-webkit-scrollbar, .delivery-list-goods-popup ::-webkit-scrollbar { width: 5px; } .chrome-scroll ::-webkit-scrollbar-track, .select-wrapper .select-popup ::-webkit-scrollbar-track, .delivery-list-goods-popup ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .chrome-scroll ::-webkit-scrollbar-thumb, .select-wrapper .select-popup ::-webkit-scrollbar-thumb, .delivery-list-goods-popup ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } /* Header blocks */ .b-circle, a.b-circle { position: relative; display: inline-block; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 48px; line-height: 48px; height: 48px; font-size: 13px; color: #000; cursor: pointer; transition: background .1s ease-out, border .1s ease-out; } .b-circle:hover, a.b-circle:hover, .search__select-button .selectors label.b-circle:hover { border-color: #000; } .b-circle_sm, a.b-circle_sm { height: 40px; line-height: 40px; border-radius: 40px; } .b-circle_sm .b-circle__icon, a.b-circle_sm .b-circle__icon { width: 40px; } .b-circle_usr, a.b-circle_usr { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); overflow: hidden; position: relative; } .b-circle_usr + .cabinet-popup-wrapper, a.b-circle_usr + .cabinet-popup-wrapper { padding: 10px 0 0; position: absolute; top: 100%; right: 0; margin: -2px 0 0; z-index: 9999; display: none; } .b-circle_usr + .cabinet-popup-wrapper .cabinet-popup, a.b-circle_usr + .cabinet-popup-wrapper .cabinet-popup { text-align: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 10px; min-width: 200px; box-sizing: border-box; margin: 0; z-index: 100; font-size: 13px; position: relative; } .b-circle_usr + .cabinet-popup-wrapper .cabinet-popup:after, a.b-circle_usr + .cabinet-popup-wrapper .cabinet-popup:after { content: ''; position: absolute; top: 0; right: 15px; width: 0; height: 0; margin: -9px 0 0 -8px; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 101; } .b-circle_usr + .cabinet-popup-wrapper .cabinet-popup p, a.b-circle_usr + .cabinet-popup-wrapper .cabinet-popup p { font-size: 13px; line-height: 1.2; margin: 0 0 19px 0; } .b-circle_usr + .cabinet-popup-wrapper .cabinet-popup-menu, a.b-circle_usr + .cabinet-popup-wrapper .cabinet-popup-menu { padding: 10px 20px 15px; } .b-circle_usr + .cabinet-popup-wrapper .cabinet-popup-menu li, a.b-circle_usr + .cabinet-popup-wrapper .cabinet-popup-menu li { padding: 2px 0; } .b-circle_usr + .cabinet-popup-wrapper .cabinet-popup-login, a.b-circle_usr + .cabinet-popup-wrapper .cabinet-popup-login { padding: 15px 20px 20px; } .b-circle__icon, a.b-circle__icon { display: block; width: 48px; text-align: center; } .b-circle__icon img, a.b-circle__icon img { border-radius: 48px; width: 100%; } .b-circle__inner, a.b-circle__inner { display: inline-block; padding: 7px 15px 5px 10px; text-align: left; line-height: normal; } .b-circle__text, .b-circle-text, a.b-circle__text, a.b-circle-text { display: inline-block; vertical-align: middle; } .b-circle__text, a.b-circle__text { padding-left: 5px; font-size: 13px; } .b-circle-text, a.b-circle-text { margin-left: 10px; color: #000; } .b-circle + .b-circle, a.b-circle + .b-circle, .b-circle + a.b-circle, a.b-circle + a.b-circle { margin-left: 2%; } .b-circle .b-notice, a.b-circle .b-notice { position: absolute; top: -10px; right: -10px; } .b-notice { display: block; border-radius: 28px; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #EF544C; color: #fff; font-weight: bold; font-size: 14px; } .b-notice_small { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .b-notice_tab { position: absolute; top: -4px; right: -8px; } /* Columns */ .columns { width: 100%; display: table; margin: 0.25em 0 0 0; position: relative; table-layout: fixed; } .columns .column { display: table-cell; vertical-align: top; position: relative; -float: left; -clear: right; } .columns .column_middle { vertical-align: middle; } .column6_1, .column6_2, .column6_3, .column6_4, .column6_5, .column6_6 { width: 17%; padding: 0 2em 0 0; } .column6_6 { width: 15%; padding-right: 0; } .column5_1, .column5_2, .column5_3, .column5_4, .column5_5 { width: 20%; padding: 0 2em; } .column5_12, .column5_23, .column5_34, .column5_45 { width: 40%; } .column5_123, .column5_234, .column5_345 { width: 60%; } .column5_1234, .column5_2345 { width: 80%; } .column4_1, .column4_2, .column4_3, .column4_4 { width: 25%; padding: 0 1em; } .column4_123, .column4_234 { width: 75%; } .column3_1, .column3_2, .column3_3, .column3_12, .column3_23 { width: 33%; padding: 0 2em; } .column3_12, .column3_23 { width: 67%; } .column3_2 { width: 34%; } .column2_1, .column2_2, .column4_12, .column4_23, .column4_34 { width: 50%; padding: 0 1em; } .column2_1, .column3_1, .column4_1, .column4_12, .column4_123, .column5_1, .column5_12, .column5_123, .column5_1234 { padding-left: 0; } .column2_2, .column3_23, .column3_3, .column4_234, .column4_34, .column4_4, .column5_2345, .column5_345, .column5_45, .column5_5 { padding: 0 0 0 1em; } .col-100, .col-66, .col-33, .col-50, .col-70, .col-15, .col-80, .col-60, .col-20, .col-30, .col-40 { display: inline-block; vertical-align: top; box-sizing: border-box; } .col-100 { width: 100%; } .col-70 { width: 70%; } .col-15 { width: 15%; } .col-80 { width: 80%; } .col-60 { width: 60%; } .col-20 { width: 20%; } .col-66 { width: 66.66%; } .col-33 { width: 33.33%; } .col-50 { width: 50%; } .col-30 { width: 30%; } .col-40 { width: 40%; } /* News */ .b-news { margin-top: 1em; width: 660px; font-size: 13px; } /* Teaser */ .b-extra-teaser { margin-top: 1em; font-size: 14px; } .b-extra-teaser__image { margin-bottom: 1em; } /* Special */ .b-triangle { position: relative; display: inline-block; padding: .2em .2em .2em 1em; margin-right: 15px; min-width: 390px; background: #edf7ee; border-radius: 3px; font: 13px/1 "Open Sans"; color: #000; transition: all .8s; transform-origin: center center; } @media only screen and (min-width: 1300px) { .b-triangle { font-size: 110%; min-width: 490px; padding: .7em .7em .4em 1em; } } .b-triangle i { position: absolute; top: 0; bottom: 0; left: 100%; right: auto; width: 15px; background: transparent; margin-left: -2px; overflow: hidden; } .b-triangle i:before { content: ""; position: absolute; right: 0; top: 50%; border-style: solid; border-width: 90px 0 90px 15px; line-height: 0; margin-top: -90px; border-color: transparent transparent transparent #edf7ee; } .b-note { position: relative; display: inline-block; padding: 1em; margin-top: .3em; background: #f5f5ed; border-radius: 3px; font-size: 13px; } .b-tag { padding: 0 .5em; border: 1px solid #64a0eb; color: #64a0eb; border-radius: 5px; font-weight: bold; line-height: 1.1; font-size: 12px; } .b-h1-like { vertical-align: super; margin: 4px 0 0 4px; cursor: pointer; } /* Catalog */ /* невидимая точка, которая добавляется в цену везде для удобства копирования */ .invisible-dot { color: rgba(255, 255, 255, 0); display: inline-block; width: 0; } .catalog { background: #fff; margin-top: 0; } .catalog__list { display: block; width: 100%; } .catalog__list > .empty { padding: 0 1.5em 1em; } .catalog__item { padding: 5px 0; min-height: 145px; position: relative; } .catalog__item:after { content: ""; display: table; clear: both; } .catalog__item:hover, .catalog__item.selected { background: rgba(158, 193, 209, 0.1); } .catalog__item:hover .catalog__item-main .button, .catalog__item.selected .catalog__item-main .button { background: #1f84db; color: #fff; border: none; } .catalog__item:hover .catalog__item-main .button:hover, .catalog__item.selected .catalog__item-main .button:hover { background: #fb3a2f; } .catalog__item:hover .catalog__item-main .button .with-icon_plus, .catalog__item.selected .catalog__item-main .button .with-icon_plus { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -342px -277px; width: 14px; height: 14px; } .catalog__item:hover .catalog__item-main .button .with-icon_cart-black:before, .catalog__item.selected .catalog__item-main .button .with-icon_cart-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -471px; width: 16px; height: 16px; } .catalog__item:hover .catalog__item-title:before, .catalog__item.selected .catalog__item-title:before { background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f6f9fb 60%, #f6f9fb 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f6f9fb 60%, #f6f9fb 100%); } .catalog__item:hover .catalog__item-preview, .catalog__item.selected .catalog__item-preview { background: #fff; } .catalog__item:hover .catalog__item-preview:after, .catalog__item.selected .catalog__item-preview:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(158, 193, 209, 0.1); } .catalog__item:hover { z-index: 30; } .catalog__item-flags { font-size: 12px; padding-top: .5em; padding-left: 0; white-space: nowrap; height: 20px; } .catalog__item-checkbox, .catalog__item-main { padding: 0.2em 0.8em; height: 100%; min-height: 145px; box-sizing: border-box; } .catalog__item-main { position: relative; padding-left: 145px; padding-right: 5px; margin-left: 28px; } .catalog__item-main_compact { padding-left: 100px; } .catalog__item-main_compact .catalog__item-details, .catalog__item-main_compact .catalog__item-details:first-child { width: 26%; min-width: 140px; } .catalog__item-main_compact .catalog__item-details:last-child { width: 22%; } .catalog__item-main_compact .catalog__item-details_single, .catalog__item-main_compact .catalog__item-details.catalog__item-details_single { width: 40%; } .catalog__item-main_compact .catalog__item-details_single + .catalog__item-price { margin-right: 2%; width: 15%; padding-top: 7px; } .catalog__item-main_compact .catalog__item-details_single + .catalog__item-price .price { font-size: 20px; } .catalog__item-main_compact .catalog__item-qt { font-size: 13px; padding-top: 7px; text-align: right; } .catalog__item-main_compact .catalog__item-total { width: 21%; font-size: 20px; font-weight: 700; } .catalog__item-main_compact .catalog__item-total__inner { display: inline-block; float: right; } .catalog__item-main_compact .catalog__item-preview { padding-top: 10px; width: 90px; } .catalog__item-main_compact .catalog__item-preview img { width: 100%; } .catalog__item-main_compact .catalog__item-price, .catalog__item-main_compact .catalog__item-qt { width: 11%; } .catalog__item-checkbox { padding-top: 1.9em; padding-left: 0; padding-right: 0; float: left; width: 23px; margin-right: 5px; text-align: right; } .catalog__item-details, .catalog__item-price, .catalog__item-qt, .catalog__item-btn, .catalog__item-total { display: inline-block; float: left; padding: 0.2em 0.8em; } .catalog__item-btn, .catalog__item-total { padding-left: 0; padding-right: 0; font-size: 13px; width: 9%; text-align: center; } .catalog__item-btn { padding-top: 0; } .catalog__item-total { font-size: 17px; } .catalog__item-total .with-icon { margin-left: 10px; } .catalog__item-discount { padding-left: 0; padding-right: 0; margin-top: .1em; font-size: 13px; line-height: 1.6; text-align: right; } .catalog__item .button-preview { position: absolute; left: 25px; top: 40%; z-index: 1; } .catalog__item-preview { position: absolute; width: 140px; top: .2em; left: 0; text-align: center; } .catalog__item-preview img { display: block; max-width: 140px; } .catalog__item-details { width: 27%; min-width: 165px; padding-left: 0; padding-right: 0; font-size: 13px; line-height: 1.6; } .catalog__item-details + .catalog__item-details { min-width: 150px; } .catalog__item-details .hint-preview { display: none; position: absolute; top: 50%; left: 140px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); height: 370px; overflow: hidden; margin-top: -190px; z-index: 3; padding: 5px 5px 5px 0; min-width: 470px; border-radius: 6px; } .catalog__item-details .hint-preview .hint-img { display: inline-block; max-width: 370px; } .catalog__item-details .hint-preview .hint-thumbs-wrapper { float: left; width: 90px; height: 360px; overflow: hidden; text-align: center; margin-top: 5px; position: relative; padding: 0 5px; cursor: default; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows { width: 100%; height: 30px; position: absolute; left: 0; z-index: 4; cursor: pointer; display: none; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows:before { content: ''; width: 29px; height: 29px; background-image: url(/image/arr-up-down.png); position: absolute; left: 50%; margin-left: -15px; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows.arrow-up { background: -ms-linear-gradient(top, #fff 0, #fff 10%, transparent 100%); background: linear-gradient(top, #fff 0, #fff 10%, transparent 100%); top: 0; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows.arrow-up:hover:before { background-position: 0 -31px; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows.arrow-up:before { background-position: 0 -91px; bottom: 0; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows.arrow-down { background: -ms-linear-gradient(top, transparent 0%, #fff 90%, #fff 100%); background: linear-gradient(top, transparent 0%, #fff 90%, #fff 100%); bottom: 0; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows.arrow-down:hover:before { background-position: 0 -1px; } .catalog__item-details .hint-preview .hint-thumbs-wrapper .hint-arrows.arrow-down:before { background-position: 0 -61px; top: 0; } .catalog__item-details .hint-preview .hint-thumbs { width: 90px; position: absolute; top: 0; left: 5px; } .catalog__item-details .hint-preview .hint-thumbs .hint-thumbs-img { width: 70px; height: 70px; position: relative; display: block; margin: 7px auto; } .catalog__item-details .hint-preview .hint-thumbs .hint-thumbs-img img { cursor: pointer; position: absolute; width: 70px; height: 70px; top: 0; left: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; } .catalog__item-details .hint-preview .hint-thumbs .hint-thumbs-img img.current { width: 90px; height: 90px; top: -10px; left: -10px; box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.6); z-index: 2; } .catalog__item-details .hint-preview .hint-thumbs .hint-thumbs-img img:hover:not(.current) { width: 80px; height: 80px; top: -5px; left: -5px; box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.4); z-index: 1; } .catalog__item-details .catalog__item-preview:hover:not(.default-img) .hint-preview { display: block; } .catalog__item-title { display: inline-block; line-height: 1.6; overflow: hidden; height: 40px; } .catalog__item-title .link { position: relative; top: -20px; } .catalog__item-title:before { display: block; position: relative; left: 80%; top: 20px; content: ''; width: 60px; height: 20px; background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%, white 100%); background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%, white 100%); z-index: 2; } .catalog__item-price { width: 13%; padding-right: 0; padding-left: 0; text-align: right; font-size: 17px; } .catalog__item-price .price { line-height: 28px; } .catalog__item-details + .catalog__item-details { padding-left: 4%; } .catalog__item-qt { line-height: 1; width: 15%; padding-right: 0; } .catalog__item-qt .item-qt { line-height: 28px; } .catalog__item-qt .item-qt .qt { font-weight: bold; } .catalog__item-qt .input-fake + p { font-size: 12px; } .catalog__item-qt input { font-size: 16px; font-family: OpenSans, sans-serif; font-weight: 700; } .catalog__item p { margin-top: .1em; font-size: 13px; line-height: 1.6; } .catalog__item_n-a { border: 2px solid #f5f5ed; padding-top: 0; } .catalog__item_n-a .catalog__item-preview, .catalog__item_n-a .catalog__item-details, .catalog__item_n-a .catalog__item-price, .catalog__item_n-a .catalog__item-qt, .catalog__item_n-a .catalog__item-total { opacity: .5; } .catalog__item_n-a .catalog__item-details:first-child { opacity: 1; } .catalog__item_n-a .catalog__item-preview:hover .hint-preview { display: none !important; } .catalog__item-head { background: #f5f5ed; padding: 3px 15px; box-sizing: border-box; outline: 2px solid #f5f5ed; font-size: 13px; font-style: italic; } .catalog__item .ctl-hidden { display: none; } .catalog__item .product__clear { margin-left: 3px; } .catalog__item:hover .ctl-hidden { display: inline-block; } .catalog__button { margin-top: 20px; } .catalog-holder { position: relative; } .catalog-holder .b-pagination { margin-bottom: 2em; } .catalog-filter { border-radius: 6px 6px 0 0; background: #f5f5ed; height: 40px; z-index: 11; } .catalog-filter .button { font-size: 12px; padding: .6em .8em; } .catalog-filter__inner { box-sizing: border-box; padding: .4em; } .catalog-filter.active { position: fixed; border-radius: 0; box-shadow: 0 1px 4px rgba(0, 0, 20, 0.2); } .catalog-filter.stopped { position: absolute; } .catalog-filter__checkbox { padding: .4em .4em .3em .4em; } .catalog-filter__views { display: inline-block; float: right; } .catalog-filter .b-popup { width: 280px; left: 170px; } .catalog-row { padding: .4em; background: #fff; } .catalog-row:before, .catalog-row:after { box-sizing: border-box; content: " "; display: table; } .catalog-row:after { clear: both; } .catalog-sort, .catalog-show { display: inline-block; font-size: 13px; } .catalog-sort .ctl, .catalog-show .ctl { margin-left: .7em; display: inline-block; } .catalog-sort .ctl.selected, .catalog-show .ctl.selected { font-weight: 700; border: 0; } .catalog-sort .ctl.selected:hover, .catalog-show .ctl.selected:hover { cursor: auto; color: #000; } .catalog-sort .ctl.b, .catalog-show .ctl.b { border: 0; color: #000; cursor: default; } .catalog-sort { float: left; } .catalog-sort_wide { width: 100%; margin-left: -0.7em; float: none; } .catalog-sort_cart { margin-left: 0; } .catalog-show { float: right; text-align: right; } .catalog-tabs { margin: .25em 0; font-size: 13px; } .catalog-tabs__label { margin-right: .5em; } .catalog-tabs__items { display: inline-block; } @media only screen and (min-width: 0) and (max-width: 1024px) { .catalog-tabs__items .tab { font-size: 12px; } } .catalog-tabs__items .tab { margin-top: .3em; } .catalog__inner { padding: 2em 2em 2em .7em; } @media only screen and (max-width: 1200px) { .catalog__item-main.catalog__item-main_compact .catalog__item-details_single, .catalog__item-main.catalog__item-main_compact .catalog__item-details.catalog__item-details_single { width: auto; } .catalog__item-main.catalog__item-main_compact .catalog__item-details_single + .catalog__item-price, .catalog__item-main.catalog__item-main_compact .catalog__item-total { width: 25%; padding-left: 10px; } .catalog__item-main.catalog__item-main_compact > div { vertical-align: top; float: none; } .catalog__item-main.catalog__item-main_compact > div.catalog__item-price, .catalog__item-main.catalog__item-main_compact > div.catalog__item-qt { width: 15%; } .catalog__item-main.catalog__item-main_compact > div.catalog__item-total { width: 28%; } .catalog__item-main.catalog__item-main_compact > div.catalog__item-total .remove { position: relative; top: auto; right: auto; } .catalog__item-main.catalog__item-main_compact > div.qty-wrapper { display: inline-block; width: 58%; } .catalog__item-main.catalog__item-main_compact > div.qty-wrapper .catalog__item-price, .catalog__item-main.catalog__item-main_compact > div.qty-wrapper .catalog__item-qt { width: 27%; } .catalog__item-main.catalog__item-main_compact > div.qty-wrapper .catalog__item-total { width: 37%; } .catalog__item-main.catalog__item-main_compact .catalog__item-details-wrapper { display: inline-block; width: 36%; } .catalog__item-main.catalog__item-main_compact .catalog__item-details-wrapper .catalog__item-details, .catalog__item-main.catalog__item-main_compact .catalog__item-details-wrapper .catalog__item-details:first-child { display: block; width: 98%; margin-right: 2%; } } @media only screen and (max-width: 1600px) { .catalog__item-total .remove { position: absolute; top: 31px; right: 0; } } .b-backing { display: inline-block; padding: 0 .5em; border-radius: 3px; background: #e3f2f6; font-size: 14px; font-weight: 700; color: #000; } * + .b-backing { margin-left: .5em; } .b-filter-opt, a.b-filter-opt { display: inline-block; vertical-align: middle; padding: 3px 5px; cursor: pointer; opacity: .5; border: 0; } .b-filter-opt:hover, a.b-filter-opt:hover, .search__select-button .selectors label.b-filter-opt:hover { opacity: 1; } .b-filter-opt.selected, a.b-filter-opt.selected { opacity: 1; box-shadow: 0 0 0 1px #a7a7a7; border-radius: 3px; cursor: default; } .b-filter-opt + .b-filter-opt, a.b-filter-opt + .b-filter-opt, .b-filter-opt + a.b-filter-opt, a.b-filter-opt + a.b-filter-opt { margin-left: 2px; } .catalog-tab { margin: 1em 0; } .catalog-tab:first-child { margin-top: 0; } .catalog-tab .heart { display: inline-block; vertical-align: middle; margin-left: 0.5em; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -461px; width: 31px; height: 30px; } /* Popup */ .popup, .ui-autocomplete, .search__select-button .selectors, .b-popup { position: absolute; padding: 1em; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #fff; box-sizing: border-box; line-height: 1.5; z-index: 200; } .popup.-datepicker-popup, .-datepicker-popup.ui-autocomplete, .search__select-button .-datepicker-popup.selectors, .b-popup.-datepicker-popup { padding: 0px; } .popup p:first-child, .ui-autocomplete p:first-child, .search__select-button .selectors p:first-child, .b-popup p:first-child { margin-top: 0; } .popup_dark, .b-popup_dark { color: #000; } .popup_q, .popup_bill, .b-popup_q, .b-popup_bill { left: .5em; right: .5em; } .popup_bill, .popup_font-ml, .b-popup_bill, .b-popup_font-ml { font-size: 14px; } .popup_q p, .popup_q span, .popup_q ul, .b-popup_q p, .b-popup_q span, .b-popup_q ul { font-size: 13px; } .popup_sys, .b-popup_sys { padding-left: 0; padding-right: 0; } .popup_brown, .b-popup_brown { background: #f5f5ed; } .popup_brown p, .b-popup_brown p { font-size: 13px; } .popup_white, .b-popup_white { background: #fff; } .popup_art, .b-popup_art { padding: 2em; background: #f5f5ed; width: 440px; } .popup_art p, .b-popup_art p { font-size: 13px; } .popup_art h2, .popup_art .b-chponck__price, .b-popup_art h2, .b-popup_art .b-chponck__price { padding-bottom: 23px; } .popup_art .b-popup_sid_status, .b-popup_art .b-popup_sid_status { display: inline-block; width: 61%; font-size: 15px; vertical-align: baseline; } .popup_art .b-popup_sid_list, .b-popup_art .b-popup_sid_list { overflow-y: auto; height: 210px; } .popup_art ::-webkit-scrollbar, .b-popup_art ::-webkit-scrollbar { width: 5px; } .popup_art ::-webkit-scrollbar-track, .b-popup_art ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .popup_art ::-webkit-scrollbar-thumb, .b-popup_art ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .popup_art .b-popup_sid, .b-popup_art .b-popup_sid { display: inline-block; width: 30%; padding-left: 13px; padding-right: 15px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } .popup_art .add_cart, .b-popup_art .add_cart { font: italic 15px "Open Sans"; color: #66cb2f; } .popup__inner, .b-popup__inner { padding-left: 1em; padding-right: 1em; } .popup__text, .b-popup__text { margin-top: 1em; } .popup_breadcrumbs, .b-popup_breadcrumbs { min-width: 175px; font-size: 13px; z-index: 201; white-space: nowrap; } .popup_breadcrumbs > .popup_positioner, .b-popup_breadcrumbs > .popup_positioner { display: inline-block; white-space: normal; vertical-align: top; margin-right: 3px; } .popup_breadcrumbs ul, .b-popup_breadcrumbs ul { margin-top: 1em; font-size: 13px; white-space: normal; } .popup_breadcrumbs ul li, .b-popup_breadcrumbs ul li { color: #ccc; } .popup_actions, .b-popup_actions { padding: .3em .6em; margin-top: 2.2em; margin-left: .6em; } .popup__close, .b-popup__close { position: absolute; right: 30px; top: 20px; overflow: hidden; cursor: pointer; z-index: 1; color: #000; } .popup__close_side, .b-popup__close_side { right: 10px; top: 5px; } .popup__close_symbol, .b-popup__close_symbol { font-size: 20px; right: 10px; top: 0; color: #afb8bb; } .popup__close_symbol:hover, .b-popup__close_symbol:hover { color: #fb3a2f; } .popup__close_white, .b-popup__close_white { text-indent: -9999px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -237px -277px; width: 14px; height: 14px; } .popup__close_grey, .b-popup__close_grey { text-indent: -9999px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -231px; width: 17px; height: 18px; } .popup_on-hover, .b-popup_on-hover { display: none; font-weight: normal; width: 330px; bottom: 100%; left: 0; } .popup_on-hover p, .b-popup_on-hover p { font-size: 13px; } .claim-edit-popup { padding: 0; } .jp-popup-rules ol { list-style: decimal; } /* Catalog popup */ .catalog-popup { position: absolute; top: 100px; right: 0; left: 0; bottom: 0; background: #00599d; z-index: 300; box-shadow: 0 5px 10px rgba(9, 87, 181, 0.3); } .catalog-popup .popup__close { z-index: 91; } .catalog-popup-layer { background: #fff; border-radius: 6px; padding: 1em; margin-top: 1em; overflow: hidden; font-size: 14px; } .catalog-popup-menu { font-size: 14px; } .catalog-popup-submenu { font-size: 16px; } .catalog-popup-menu { position: relative; margin: 0; padding-bottom: 4em; } .catalog-popup-menu li { padding: .5em 0 .5em 1em; margin: 0; } .catalog-popup-menu li.selected { background: #094996; } .catalog-popup-menu li.selected .link { font-weight: 900; color: #fcff00; border: none; } .catalog-popup-submenu { position: relative; padding-bottom: 4em; } .catalog-popup-submenu li { display: inline-block; vertical-align: top; width: 30%; margin: 0 3% 2em 0; } .catalog-popup-submenu li .ctl { transition: opacity .2s ease-in-out; visibility: hidden; opacity: 0; } .catalog-popup-submenu li:hover .ctl { visibility: visible; opacity: 1; } .catalog-popup-submenu .selected { background: #ffdab2; } .catalog-popup-submenu p { margin-top: .4em; font-size: 13px; line-height: 1.9; color: #afb8bb; } .catalog-popup-submenu p a { border-bottom-color: rgba(0, 0, 0, 0.1); } .catalog-popup-row { margin-top: .7em; padding: 0 1em; } .catalog-popup-ctls { margin-top: .4em; } .catalog-popup-ctls .link { font-size: 13px; margin-right: 1em; } .catalog-popup-ctls .link:last-child { margin-right: 0; } .js-terms-opener { position: relative; } .js-terms-opener:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin: 4px 0 0 -8px; border-bottom: 10px solid #00599d; border-left: 8px solid transparent; border-right: 8px solid transparent; opacity: 0; transition: opacity .2s ease-in-out; } .js-terms-opener.opened:after { opacity: 1; } #home_page .js-terms-opener:after { content: none; display: none; } .terms-popup, .footer-popup { position: absolute; top: 0px; padding-top: 100px; right: 0; left: 0; min-width: 995px; background: #00599d; box-shadow: 0 5px 10px rgba(9, 87, 181, 0.3); z-index: 100; } .terms-popup .terms-icon, .footer-popup .terms-icon { display: block; height: 30px; } .terms-popup__ctls { margin-top: 2em; font-size: 13px; } .terms-popup__inner { position: relative; padding-bottom: 3em; } .terms-popup__data { margin-top: 2em; line-height: 1.5; } .terms-popup h4, .footer-popup h4, .terms-popup .h4, .footer-popup .h4, .terms-popup .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .terms-popup h2.h4, .footer-popup .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .footer-popup h2.h4, .terms-popup .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .terms-popup .h4.b-chponck__price, .footer-popup .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .footer-popup .h4.b-chponck__price, .terms-popup .one-new-description h2.h4, .one-new-description .terms-popup h2.h4, .footer-popup .one-new-description h2.h4, .one-new-description .footer-popup h2.h4, .terms-popup .one-new-description .h4.b-chponck__price, .one-new-description .terms-popup .h4.b-chponck__price, .footer-popup .one-new-description .h4.b-chponck__price, .one-new-description .footer-popup .h4.b-chponck__price { margin-top: 1em; } .terms-popup h4.white, .footer-popup h4.white, .terms-popup h4.terms-popup__inner, .footer-popup h4.terms-popup__inner, .terms-popup .h4.white, .footer-popup .h4.white, .terms-popup .h4.terms-popup__inner, .footer-popup .h4.terms-popup__inner, .terms-popup .sl-description .sl-description-text h2.terms-popup__inner.h4, .sl-description .sl-description-text .terms-popup h2.terms-popup__inner.h4, .footer-popup .sl-description .sl-description-text h2.terms-popup__inner.h4, .sl-description .sl-description-text .footer-popup h2.terms-popup__inner.h4, .terms-popup .sl-description .sl-description-text .terms-popup__inner.h4.b-chponck__price, .sl-description .sl-description-text .terms-popup .terms-popup__inner.h4.b-chponck__price, .footer-popup .sl-description .sl-description-text .terms-popup__inner.h4.b-chponck__price, .sl-description .sl-description-text .footer-popup .terms-popup__inner.h4.b-chponck__price, .terms-popup .sl-description .sl-description-text h2.white.h4, .sl-description .sl-description-text .terms-popup h2.white.h4, .footer-popup .sl-description .sl-description-text h2.white.h4, .sl-description .sl-description-text .footer-popup h2.white.h4, .terms-popup .sl-description .sl-description-text .white.h4.b-chponck__price, .sl-description .sl-description-text .terms-popup .white.h4.b-chponck__price, .footer-popup .sl-description .sl-description-text .white.h4.b-chponck__price, .sl-description .sl-description-text .footer-popup .white.h4.b-chponck__price { color: #fff; } .terms-popup h4 .rur, .footer-popup h4 .rur, .terms-popup .h4 .rur, .footer-popup .h4 .rur, .terms-popup .sl-description .sl-description-text h2.h4 .rur, .sl-description .sl-description-text .terms-popup h2.h4 .rur, .footer-popup .sl-description .sl-description-text h2.h4 .rur, .sl-description .sl-description-text .footer-popup h2.h4 .rur, .terms-popup .sl-description .sl-description-text .h4.b-chponck__price .rur, .sl-description .sl-description-text .terms-popup .h4.b-chponck__price .rur, .footer-popup .sl-description .sl-description-text .h4.b-chponck__price .rur, .sl-description .sl-description-text .footer-popup .h4.b-chponck__price .rur { font-size: 16px; } .terms-popup p, .footer-popup p { font-size: 13px; } .terms-popup p.exclusion-notice, .footer-popup p.exclusion-notice { margin: 0; } .footer-popup { padding-top: 0; } #contact-center-footer { padding-bottom: 100px; } /* actions-menu (fav page) */ .actions-menu__item { margin: 0; padding: .4em 0; opacity: .9; } /* Scrollable */ .scrollable { padding-right: 1em; box-sizing: border-box; } /* ToolTip */ .ui-tooltip { position: absolute; z-index: 101; } .tooltip_text { font-style: italic; color: #afb8bb; font-size: 13px; } .b-tooltip { position: relative; display: inline-block; padding: .5em; background: rgba(42, 137, 207, 0.8) !important; font-size: 13px; color: #fff; z-index: 100; text-align: center; max-width: 400px; } .b-tooltip .yellow { margin-top: 5px; } .b-tooltip:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: rgba(42, 137, 207, 0.8) transparent transparent transparent; } .b-tooltip_dark { background: rgba(0, 0, 0, 0.7); color: #fff; } .b-tooltip_dark:after { border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; } .b-tooltip_abs { position: absolute; } .b-tooltip.popup, .b-tooltip.ui-autocomplete, .search__select-button .b-tooltip.selectors { z-index: 302; } /* Autoomplete */ .ui-autocomplete { max-height: 250px; overflow-y: auto; padding-left: .5em; padding-right: .5em; } .ui-autocomplete.ui-widget-content { border: none; } .ui-autocomplete .ui-menu-item { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; font-size: 13px; } .ui-autocomplete .ui-menu-item:first-child { margin-top: 0; } .ui-autocomplete .ui-menu-item:before { display: none; } .ui-autocomplete .ui-menu-item.ui-state-focus { color: #fb3a2f; cursor: pointer; border: none; background: none; } .b-footer-link { display: block; clear: both; font-size: 14px; } .b-footer-link + .b-footer-link { margin-top: 37px; } @media only screen and (max-width: 1024px) { .b-footer-link { width: 90%; margin-left: 10%; } .b-footer-link:before { position: absolute; top: 5px; left: -18px; } } .b-aside-text { margin: 2em 0 0; padding: 0 .5em; } .b-aside-text p { margin-top: .5em; } .b-aside-text dl, .b-aside-text p { font-size: 13px; } .b-aside-text .button a { color: #000; border-bottom: 0; } .b-aside-text .button:hover a { color: #fff; } .b-aside-info { padding-bottom: 0.5em; } .b-aside-info .button { margin-bottom: 0.5em; } .b-aside-buttons { position: relative; } .b-aside-buttons .button { margin: 0 0 1.2em; width: 100%; } .b-aside-buttons .button.with-icon_reload { padding: 0.8em 1em; } .b-aside-buttons .button.button_grey, .b-aside-buttons .button.button_grey:hover a { font-size: 14px; color: #000; } .b-aside-buttons .button.button_grey .with-icon_x-grey:before, .b-aside-buttons .button.button_grey:hover a .with-icon_x-grey:before { margin-right: 8px; } .b-buymore { position: relative; float: right; margin-top: 1em; margin-right: 20px; padding: 1em 0 1em 1em; width: 200px; height: 330px; box-sizing: border-box; text-align: center; font-size: 13px; z-index: 0; } .b-buymore:before, .b-buymore:after { content: ''; position: absolute; background: #edf7ee; } .b-buymore:before { top: 0; right: -15px; bottom: 50%; left: 0; z-index: 1; border-radius: 0 9px 0 0; border-width: 1px 1px 0 0; border-style: dashed; border-color: #afb8bb; transform: matrix(1, 0, 0.16, 1, 0, 0); } .b-buymore:after { top: 50%; right: -15px; bottom: 0; left: 0; border-radius: 0 0 9px 0; border-width: 0 1px 1px 0; border-style: dashed; border-color: #afb8bb; transform: matrix(1, 0, -0.16, 1, 0, 0); } .b-buymore__pic, .b-buymore__btn, .b-buymore__price { margin-top: 1em; } .b-buymore__title, .b-buymore__btn, .b-buymore__pic, .b-buymore__price, .b-buymore__count { position: relative; z-index: 2; } .b-buymore__count { font-size: 15px; } .b-buymore__count { font-weight: bold; } .b-buymore + .products { padding-right: 0; margin-right: 200px; height: 330px; margin-bottom: 7em; width: auto; border: 1px dashed #afb8bb; border-right: none; border-radius: 9px 0 0 9px; } .b-buymore + .products figure.active ~ figure.active .product:before { content: ""; position: absolute; display: block; top: 80px; right: 120%; z-index: 1; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -180px -587px; width: 29px; height: 29px; } .b-buymore + .products .owl-stage-outer { padding: 0; margin: 0; } .b-buymore + .products .product__controls { display: none; } .b-buymore + .products .selected .product__controls { display: block; } /*bill*/ .b-bill { position: relative; padding: 10px; background: #2a89cf; border-radius: 6px 6px 0 0; color: #fff; } .b-bill__row { margin-top: 5px; clear: both; font-size: 14px; } .b-bill__row:after { content: ""; display: table; clear: both; } .b-bill__row p { font-size: 13px; } .b-bill__row_wide { margin: 5px -10px; padding: 10px; border-top: 1px dashed rgba(255, 255, 255, 0.2); } .b-bill__row_balance { background: #267bba; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); } .b-bill__row_delivery { border-top: 1px dashed #bfbfbf; border-bottom: 1px dashed #bfbfbf; } .b-bill__row_delivery_top { border-top: 1px dashed #bfbfbf; } .b-bill__row_delivery-cost { margin-top: 0; font-size: 13px; padding-left: 7px; } .b-bill__row .remove-btn { padding: 5px 10px; cursor: pointer; } .b-bill__cell { margin: 10px 0; } .b-bill__title { margin-top: 0; } .b-bill__title.result-sum-title { margin-top: 7px; } .b-bill__title + .b-bill__row { margin-top: 10px; } .b-bill__title.h3 { margin-bottom: 15px; } .b-bill__label { float: left; } .b-bill__value { float: right; } .b-bill__button { font-size: 13px; } .b-bill__button > button, .b-bill__button a { padding: .8em 1.4em; width: 100%; font-size: 14px; } .b-bill__button > .button_blue { border: 1px solid rgba(255, 255, 255, 0.3); } .b-bill__delivery { text-align: center; font-style: italic; color: rgba(255, 255, 255, 0.75); font-size: 13px; } .b-bill__add { margin-top: 10px; padding-bottom: 0; margin-bottom: 0; } .b-bill__delivery-message { padding-bottom: 10px; } .b-bill i { position: absolute; top: 100%; left: 0; right: 0; height: 20px; background: transparent; overflow: hidden; } .b-bill i:before { content: ""; position: absolute; top: 0; left: 50%; border-style: solid; border-width: 20px 200px 0 200px; line-height: 0; margin-left: -200px; border-color: #2a89cf transparent transparent transparent; } .b-bill_light { background: #fff; color: #000; } .b-bill_light i:before { border-top-color: #fff; } .b-bill_light .b-bill__row_wide { border-color: #bfbfbf; } .b-bill__total-rt { text-align: right; } .b-bill .cart-bill-btn-block { margin: 12px 0 0; } .b-bill .cart-bill-btn-block * + .b-bill__button { margin-top: 21px; padding-bottom: 10px; } .b-bill .b-bill__prompt { text-align: center; font-style: italic; color: #fff; font-size: 13px; margin: 7px 0 0; line-height: 1.2; } /* Sections */ .b-section { padding: 1em; border-radius: 9px; background: #fff; } .b-section_grey { background: #f5f5ed; } .b-section + .b-section, .b-section + .b-card { margin-top: 1em; } .b-section__row { margin-top: 1em; } .stick { background: #e9f1f4; border-radius: 9px; margin: 0 0 1em 1em; padding: 1em; } .stick strong { font-size: 14px; font-weight: 700; } .picture img { position: relative; display: block; margin: auto; } /*Widget*/ .b-widget, .dashboard-my-orders .b-order-view .empty { position: relative; width: 100%; box-sizing: border-box; padding: 1em; margin-top: .5em; border-radius: 6px; } .b-widget__row { margin-top: .7em; } .b-widget__button { margin-top: 1em; } .b-widget-scroll { padding-right: 1em; } .b-widget_dark { background: #0f5790; color: #fff; } .b-widget_light { background: #fff; color: #000; } .b-widget_beige { background: #f6f5ed; color: #000; } .b-widget-tabs { margin-top: 1em; } .b-widget-tabs .tab { padding-bottom: 1.2em; display: table-cell; } .b-widget-tabs .tab.selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media all and (max-width: 1024px) { .b-widget-tabs { display: table; } .b-widget-tabs .tab { display: table-cell; } } .b-widget-tabs + .b-widget_light { margin-top: -.5em; } .experts-selection .b-widget-tabs + .b-widget_light { margin-top: 0; } .experts-selection .b-widget-tabs .tab { padding-bottom: .4em; } .experts-selection .b-widget-tabs .tab.selected { border-radius: 4px; } .dashboard-my-orders { padding: 0; height: 280px; margin-bottom: 61px; } .dashboard-my-orders .b-order-view { position: relative; padding: 1em .5em 3.4em; z-index: 1; } .dashboard-my-orders .b-order-view .empty { background: #fff url(/image/thinking.jpeg) no-repeat center center; color: #1f84db; height: 280px; width: 100%; position: absolute; top: 0; left: 0; margin: 0; } .dashboard-my-orders .b-order-view .b-widget, .dashboard-my-orders .b-order-view .empty { margin-top: 0; padding-top: .5em; } .dashboard-my-orders .b-order-view .b-widget:first-child, .dashboard-my-orders .b-order-view .empty:first-child { padding-top: 1em; padding-bottom: 0; } .dashboard-my-orders .b-order-view .b-widget .b-orders, .dashboard-my-orders .b-order-view .empty .b-orders { overflow: inherit; } .dashboard-my-orders .b-order-view .b-orders__flag .b-orders__num { line-height: 19px; } .dashboard-my-orders .b-order-view .b-orders__flag .b-orders__num.change-date { float: right; margin-top: .1em; } .dashboard-my-orders .b-widget__button { padding: 0 1em 1em; position: absolute; left: 0; bottom: 0; z-index: 2; } .dashboard-my-orders .b-orders__body { margin: 0; } .dashboard-my-orders .b-orders__body .column3_1 { width: 30%; min-width: 210px; } .dashboard-my-orders .b-orders__body .column3_3 { width: auto; } @media all and (max-width: 1400px) { .dashboard-my-orders .b-orders__body .column3_1 { width: 220px; padding-right: 1em; } } @media all and (max-width: 1024px) { .dashboard-my-orders { height: auto; min-height: 280px; } .dashboard-my-orders .b-widget, .dashboard-my-orders .b-order-view .empty { padding: 0 .5em .5em; } .dashboard-my-orders .b-widget__button { margin-top: .5em; } .dashboard-my-orders .b-order-view .empty { padding: 1em; } .dashboard-my-orders .b-orders__flag .flag { margin-right: 0; } .dashboard-my-orders .b-orders__body .column3_1 { width: 220px; padding-right: 1em; } } .order-view .b-widget_light { padding-bottom: 8px; } .b-orders__body .order-data-title { margin-top: 8px; font-weight: 700; } .b-orders__body .order-data_page-orders { margin-top: 1em; } .b-orders__body .order-data_page-orders .order-destination { padding-right: 10%; } .b-orders__body .order-data_page-orders .order-label { font-weight: 700; } .b-orders__body .order-data_page-orders .column3_1 p { margin-top: 0; margin-bottom: 5px; } @media all and (min-width: 1024px) { .b-orders__body .order-data_page-orders .column3_1 { width: 25%; } .b-orders__body .order-data_page-orders .column3_3 { width: 50%; } } .b-promo { margin-top: 1em; margin-bottom: 2em; height: 408px; } .b-promo:after { content: ""; display: table; clear: both; } .b-promo_5em { margin-top: 5em; } .b-promo_hidden { visibility: hidden; overflow: hidden; } .b-promo.chponcki-in-catalog { height: 150px; padding: 0 15px; box-sizing: border-box; margin: 10px 0; } .b-promo.chponcki-in-catalog .b-chponcki { margin: 0 -15px; width: 100%; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item { box-sizing: border-box; padding: 0 15px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item .catalog-chponck-item { max-width: 568px; border: 1px solid #e0e3e5; border-radius: 10px; height: 98%; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item .b-chponck_wrapper { padding: 21px 15px 15px; height: 100%; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item .b-chponck_wrapper img { width: auto; height: 108px; border-radius: 0; position: relative; left: 0; margin-left: 0; float: left; margin-right: 20px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item .b-chponck_wrapper .text-news { margin-top: 3px; overflow: hidden; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item .b-chponck_wrapper .text-news span { font-size: 15px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-item .b-chponck_wrapper .text-news p { margin-top: 9px; font-size: 13px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-next, .b-promo.chponcki-in-catalog .b-chponcki .owl-prev { margin-top: -14.5px; width: 29px; height: 29px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-next.disabled, .b-promo.chponcki-in-catalog .b-chponcki .owl-prev.disabled { opacity: 1; } .b-promo.chponcki-in-catalog .b-chponcki .owl-prev { left: -1.5px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-next { right: -1.5px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-next.disabled:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -90px -587px; width: 29px; height: 29px; } .b-promo.chponcki-in-catalog .b-chponcki .owl-prev.disabled:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -60px -587px; width: 29px; height: 29px; } @media all and (max-width: 1210px) { .b-promo.chponcki-in-catalog { max-width: 600px; } } .b-promo.cponcki-animated { height: 0; margin-top: 0; margin-bottom: 0; animation-name: new-way; animation-duration: 0.5s; animation-delay: 3s; animation-timing-function: linear; animation-fill-mode: forwards; } .b-promo.cponcki-animated .owl-next, .b-promo.cponcki-animated .owl-prev { height: 0 !important; animation-name: invisibly; animation-duration: 0.4s; animation-delay: 3s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; } @-webkit-keyframes invisibly { from { height: 0; } to { height: 29px; } } @-webkit-keyframes new-way { from { height: 0; margin-top: 0; margin-bottom: 0; } to { height: 150px; margin-top: 10px; margin-bottom: 10px; } } .b-chponcki { width: auto; height: 100%; border-radius: 6px; } .b-chponcki:after { content: ""; display: table; clear: both; } .b-chponcki.owl-responsive-1110 .owl-item.active + .owl-item.active::after { content: ""; display: block; position: absolute; bottom: 30%; left: -13px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -262px -175px; width: 26px; height: 43px; } .b-chponcki.owl-responsive-1110 .owl-item.active + .owl-item.active::before { content: ""; position: absolute; top: 0; right: 100%; left: 0; bottom: 0; margin-left: -1px; border-left: 2px dashed #fff; } .b-chponcki .owl-item.active + .owl-item:not(.active) { visibility: hidden; } .b-chponcki .owl-stage-outer { padding: 0; height: 100%; border-radius: 10px; } .b-chponcki .owl-stage { height: 100%; } .b-chponcki .owl-item { height: 100%; } .b-chponcki .owl-item img { height: 100%; border-radius: 10px; width: 1105px; position: absolute; left: 50%; margin-left: -552.5px; } .b-chponcki .owl-controls .owl-nav .owl-prev, .b-chponcki .owl-controls .owl-nav .owl-next { top: 50%; } .b-chponcki .owl-controls .owl-nav .owl-prev.disabled, .b-chponcki .owl-controls .owl-nav .owl-next.disabled { opacity: 1; cursor: pointer; } .b-chponcki:hover .owl-dots { opacity: 1; } .b-chponcki .owl-dots { position: absolute; right: 15px; bottom: 9px; opacity: 0; } .b-chponcki .owl-dots .owl-dot { width: 24px; height: 24px; opacity: .5; display: inline-block; padding: 4px; box-sizing: border-box; transition: opacity .2s ease-in-out; } .b-chponcki .owl-dots .owl-dot span { display: block; background: #fff; border-radius: 50%; width: 100%; height: 100%; } .b-chponcki .owl-dots .owl-dot.active { width: 24px; height: 24px; opacity: 1; padding: 0; } .b-chponcki .owl-dots .owl-dot + .owl-dot { margin-left: 9px; } .b-chponcki .owl-dots .owl-dot:hover { opacity: 1; } .b-chponck, a.b-chponck { display: block; float: left; width: 50%; height: 100%; } .b-chponck .columns, a.b-chponck .columns { margin-top: 0; height: 100%; } .b-chponck .column, a.b-chponck .column { vertical-align: middle; } .owl-item .b-chponck, .owl-item a.b-chponck { width: 100%; overflow: hidden; position: relative; } .b-chponck__inner, a.b-chponck__inner { display: block; padding: 4% 7% 4% 4%; color: #fff; height: 100%; box-sizing: border-box; } .b-chponck__pic, a.b-chponck__pic { padding-right: 0; text-align: center; } .b-chponck__title, a.b-chponck__title { font-weight: 700; } .b-chponck__title-thin, a.b-chponck__title-thin { display: block; font-size: 260%; font-weight: 100; margin-top: 0; } .b-chponck__title-s-bold, a.b-chponck__title-s-bold { display: block; font-weight: 700; font-size: 140%; } .b-chponck__desc, a.b-chponck__desc { color: #fff; padding-left: 1.5em; } .b-chponck__price, a.b-chponck__price { color: #fff; } .b-tiles { float: right; width: 386px; height: 100%; margin-right: 32px; } .b-tiles + .b-chponcki { margin-right: 450px; } @media all and (max-width: 1566px) { .b-tiles { margin-right: 0; } .b-tiles + .b-chponcki { margin-right: 418px; } } @media all and (max-width: 1303px) { .b-tiles { display: none; } .b-tiles + .b-chponcki { margin-right: 0; max-width: 1105px; } } .b-tiles.small-3-chponcki { float: none; width: auto; height: auto; margin: 0 -1em 54px; max-width: 1556px; } .b-tiles.small-3-chponcki:before, .b-tiles.small-3-chponcki:after { content: ''; display: table; } .b-tiles.small-3-chponcki:after { clear: both; } .b-tiles.small-3-chponcki .b-tile.small-chponck { box-sizing: border-box; width: 33.33%; padding: 0 1em; float: left; height: auto; } .b-tiles.small-3-chponcki .b-tile.small-chponck .link { border-radius: 10px; overflow: hidden; } .b-tiles.small-3-chponcki .b-tile.small-chponck img { height: auto; width: 100%; } @media all and (max-width: 1303px) { .b-tiles.small-3-chponcki { display: block; max-width: 1137px; } } .b-tile { height: 199px; border-radius: 10px; background: #fff; } .b-tile_1 { margin-bottom: 10px; } .b-tile > a { display: block; } .b-tile img { height: 100%; display: block; } .b-tile__inner { padding: 1em; } .b-tile.small-chponck { overflow: hidden; } .b-tile-product { margin-top: 0; } .b-tile-product__title { font-weight: 700; } .b-tile-product__price { margin-top: .4em; color: #000; } .b-tile-product__btn { margin-top: .8em; } .chponki-wrapper.chponki-liscence .b-promo .b-tiles { margin-right: 16px; } .chponki-wrapper.chponki-liscence .b-promo .b-tiles + .b-chponcki { margin-right: 434px; } @media all and (max-width: 1566px) { .chponki-wrapper.chponki-liscence .b-promo .b-tiles { margin-right: 0; } .chponki-wrapper.chponki-liscence .b-promo .b-tiles + .b-chponcki { margin-right: 418px; } } @media all and (max-width: 1303px) { .chponki-wrapper.chponki-liscence .b-promo .b-tiles { display: none; } .chponki-wrapper.chponki-liscence .b-promo .b-tiles + .b-chponcki { margin-right: 0; max-width: 1105px; } } @media screen and (min-width: 1566px) { .chponki-wrapper.chponki-liscence { margin-left: 16px; } } .category-auto .chponki-wrapper#even-bigger-chponk { padding-bottom: 155px; } .chponki-wrapper#even-bigger-chponk { /* У старых браузеров не поддерживающих vw будут использоваться верхние значения в % */ width: 100%; width: 100vw; left: -50%; left: -50vw; margin-left: 50%; margin-top: -65px; height: 480px; z-index: 0; } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-item img { width: 2902px; height: 480px; margin-left: -1451px; } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-dots { right: calc(20% - 160px); bottom: 117px; } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-prev { left: calc(20% - 215px); } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-next { right: calc(20% - 215px); } @media screen and (max-width: 1368px) { .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-prev { left: 20px; } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-next { right: 20px; } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-dots { right: 60px; } } .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-prev, .chponki-wrapper#even-bigger-chponk .b-chponcki .owl-next { top: 169px; } .chponki-wrapper#even-bigger-chponk .b-promo { height: 480px; } .chponki-wrapper#even-bigger-chponk + .category-wrapper .title_home { margin-top: -190px; } .b-orders { width: 100%; overflow: hidden; font-size: 13px; } .b-orders-tabs { margin-top: 1em; } .b-orders__num { color: #afb8bb; font-size: 12px; margin-top: .7em; } .b-orders__pic { float: left; width: 55px; padding-top: 1.85em; } .b-orders__body { padding: 1px 0 0; margin-left: 55px; } .b-orders__flag .flag { margin-bottom: .5em; } .b-sp { width: 100%; overflow: hidden; font-size: 13px; } .b-sp-tabs { margin-top: 1em; } .b-sp__num { color: #afb8bb; font-size: 12px; margin-top: .7em; } .b-sp__pic { float: left; width: 140px; padding-left: 0.4em; padding-top: 0.8em; } .b-sp__body { padding: 1px 0 0; margin-left: 150px; } .b-sp__flag .flag { margin-bottom: .5em; } .b-del-phone { float: right; width: 230px; margin: 1em 0 1em 1em; color: #fff; background: #8dbcd7; } .b-del-phone__text, .b-del-phone__number { display: block; padding-left: 26px; } .b-del-phone__text { position: relative; } .b-del-phone__text:before { content: ""; position: absolute; left: 0; top: 5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -573px; width: 16px; height: 16px; } .b-del-phone__number { margin-top: .8em; font-weight: 700; font-size: 18px; } .b-del-phone__number span { font-weight: normal; font-size: 13px; } .b-info { margin-top: 1em; border: 1px dashed #afb8bb; border-radius: 9px; } .b-info__head { padding: .5em 1em; border-radius: 9px 9px 0 0; background: #e9f1f4; } .b-info__inner { padding: 1em; } .b-info__inner .delivery-wrapper { display: table; width: 100%; } .b-info__inner .delivery-wrapper .delivery-table { font-size: 14px; margin: 10px 0; float: left; width: 50%; position: relative; } @media screen and (max-width: 1024px) { .b-info__inner .delivery-wrapper .delivery-table { width: 100%; float: none; } } .b-info__inner .delivery-wrapper .delivery-table th { font-weight: bold; color: #000; width: 33.33%; padding: 5px 0; } .b-info__inner .delivery-wrapper .delivery-table td { padding: 2px 0; } .b-info__inner .delivery-wrapper .delivery-table:hover .b-popup { display: block; } .b-info__inner .delivery-wrapper .delivery-table .b-popup { display: none; font-weight: normal; width: 400px; bottom: 100%; left: 0; } .b-info__inner .delivery-wrapper .delivery-table .b-popup p { font-size: 13px; } .b-info__inner .delivery-wrapper .delivery-notes { width: 50%; float: left; } .b-info__inner .delivery-wrapper .delivery-notes .comment { margin-left: 1em; } @media screen and (max-width: 1024px) { .b-info__inner .delivery-wrapper .delivery-notes { width: 100%; float: none; margin-top: 2em; } .b-info__inner .delivery-wrapper .delivery-notes .comment { margin-left: 0; } } .b-info__text { font-size: 14px; } .b-splitted { padding: 1em 0 0; } .b-splitted + .b-splitted { margin-top: 1em; border-top: 1px solid #e9f1f4; } .head-actions { font-size: 13px; } .head-actions li:first-child { margin-top: 0; } .head-currency { font-size: 13px; } .head-currency:first-child { margin-top: 0; } .head-currency:first-child .rur { margin-left: 1px; } .head-currency__sign { display: inline-block; text-align: left; width: 20px; } .head-currency_selected { color: #fb3a2f; } /* Pagination */ .b-pagination { margin-top: 2em; } .b-pagination .b-pagination__page, .b-pagination .b-pagination__page_space { display: inline-block; min-width: 37px; height: 37px; line-height: 37px; border-radius: 100px; text-align: center; box-sizing: border-box; color: #000; border: 1px solid #ded9d9; cursor: pointer; margin-left: .6em; padding: 0 0.6em; vertical-align: top; } .b-pagination .b-pagination__page:hover, .b-pagination .b-pagination__page_space:hover { border-color: #000; cursor: pointer; } .b-pagination .b-pagination__page:link, .b-pagination .b-pagination__page:visited, .b-pagination .b-pagination__page_space:link, .b-pagination .b-pagination__page_space:visited { color: #000; border: 1px solid #ded9d9; } .b-pagination .b-pagination__page:link:hover, .b-pagination .b-pagination__page:visited:hover, .b-pagination .b-pagination__page_space:link:hover, .b-pagination .b-pagination__page_space:visited:hover { border-color: #000; } .b-pagination .b-pagination__page_selected, .b-pagination .b-pagination__page_selected:hover, .b-pagination .b-pagination__page_space_selected, .b-pagination .b-pagination__page_space_selected:hover { font-weight: 700; background: #f2f3ea; border-color: #ded9d9; cursor: default; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15); } .b-pagination .b-pagination__page:first-child, .b-pagination .b-pagination__page_space:first-child { margin-left: 0; } .b-pagination .b-pagination__page_space { font-size: 0.8em; } .b-pagination .b-pagination__control { font-size: 18px; line-height: 33px; padding: 0; } .b-pagination .page-select-form { min-height: 37px; } .b-pagination .page-select-form > * { display: inline-block; margin-left: 0.6em; vertical-align: middle; } .b-pagination .page-select-form .page-select-label, .b-pagination .page-select-form .link_pseudo, .b-pagination .page-select-form .title_home .home-tab, .title_home .b-pagination .page-select-form .home-tab { font-size: 0.8em; } .b-pagination .page-select-form .input { text-align: center; width: 53px; } .b-pagination .page-select-form .button { font-size: 0.8em; height: 32px; margin-right: 1.8em; } .b-manager { background: #1f84db; padding: 1em 0; border-radius: 6px; box-sizing: border-box; font-size: 13px; color: #fff; } .b-manager__ava { width: 90px; height: 90px; border-radius: 90px; background-position: top; background-size: 90px auto; margin: 0 auto; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .b-manager__position { margin: 1em 3em 0; text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); letter-spacing: .1em; } .b-manager__name { margin-top: .4em; text-align: center; font-size: 15px; font-weight: 700; } .b-manager__area { margin: 1em 3em 0; text-align: left; } .b-manager__area .contacts-list__t { margin: 0; } .b-manager__contacts { position: relative; left: 10px; margin: 1em auto 0; max-width: 48%; min-width: 140px; } .b-manager__button { margin: 1em 1em 0; text-align: center; } .b-manager__button + .b-manager__button { margin-top: .5em; } .b-manager__claim { margin: 1em; text-align: center; } .b-manager_padded { margin-left: 2em; } .b-manager.all-managers { text-align: left; box-sizing: border-box; padding: 38px 35px 20px 38px; position: relative; display: none; } .b-manager.all-managers .x-but { position: absolute; top: 14px; right: 10px; height: 11px; width: 11px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -305px -560px; width: 11px; height: 11px; cursor: pointer; } .b-manager.all-managers .x-but:hover { opacity: 0.9; } .b-manager.all-managers .separator { margin: 20px 0 13px; height: 1px; width: 100%; background: #1571c0; } .b-manager.all-managers .b-manager__one-manager { display: table; width: 100%; } .b-manager.all-managers .b-manager__ava { width: 51px; height: 51px; border-radius: 51px; overflow: hidden; background-size: 100% auto; margin: 0 7px 8px 0; float: left; display: block; } .b-manager.all-managers .b-manager__ava img { width: 100%; } .b-manager.all-managers .b-manager__name-wrapper { cursor: pointer; } .b-manager.all-managers .b-manager__name-wrapper .b-manager__position a, .b-manager.all-managers .b-manager__name-wrapper .b-manager__name a { color: #fff; opacity: 0.4; border-bottom-color: rgba(255, 255, 255, 0.3); } .b-manager.all-managers .b-manager__name-wrapper:hover a { color: #fff; opacity: 1; border-bottom-color: rgba(255, 255, 255, 0.3); } .b-manager.all-managers .b-manager__position { padding: 0.5em 0 0; margin: 0; text-align: left; text-transform: uppercase; } .b-manager.all-managers .b-manager__name { text-align: left; font-weight: normal; font-size: 1em; margin: 0.2em 0 0; } .b-manager.all-managers .b-manager__name a { border-bottom: 0; } .b-manager.all-managers .b-manager__area { margin: 0; clear: both; } .contacts-list { font-size: 13px; } .contacts-list > li.contacts-list__item:before { content: ''; } .contacts-list__item { position: relative; } .contacts-list__item:before { content: ""; position: absolute; top: 5px; left: -10px; opacity: .4; } .contacts-list__item:hover:before { opacity: 1; } .contacts-list__item_email:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -210px -220px; width: 15px; height: 11px; } .contacts-list__item_icq:before { top: 3px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -282px -277px; width: 14px; height: 14px; } .contacts-list__item_skype:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -342px -587px; width: 12px; height: 12px; } .contacts-list__t { display: inline-block; margin-left: .4em; font-style: italic; opacity: .4; } .terms-popup .b-manager__ava, .footer-popup .b-manager__ava { width: 51px; height: 51px; border-radius: 51px; overflow: hidden; background-size: 100% auto; margin: 0 13px 3px 0; float: left; display: block; } .terms-popup .b-manager__ava img, .footer-popup .b-manager__ava img { width: 100%; } .terms-popup .b-manager__name-wrapper, .footer-popup .b-manager__name-wrapper { display: inline-block; } .terms-popup .b-manager__name, .footer-popup .b-manager__name { text-align: left; margin: 0; display: inline-block; line-height: 51px; } .terms-popup .b-manager__position, .footer-popup .b-manager__position { margin: 1em 0 1.2em; text-align: left; font-size: 18px; color: #fff; letter-spacing: inherit; } .terms-popup .b-manager__contacts, .footer-popup .b-manager__contacts { left: 0; margin: 1em 0 0; } .terms-popup .b-manager__contacts .contacts-list > li.contacts-list__item:before, .footer-popup .b-manager__contacts .contacts-list > li.contacts-list__item:before { content: none; } .terms-popup .b-manager__contacts .contacts-list__t, .footer-popup .b-manager__contacts .contacts-list__t { margin: 0; } .terms-popup .b-manager__contacts .managers_email, .footer-popup .b-manager__contacts .managers_email { position: relative; padding: 0 0 0 20px; display: inline-block; margin-bottom: 7px; } .terms-popup .b-manager__contacts .managers_email:before, .footer-popup .b-manager__contacts .managers_email:before { content: ''; top: -1px; left: 0; width: 15px; height: 20px; display: block; position: absolute; background: transparent url("/image/icons/i_mail_white.png") no-repeat 0 center; opacity: .4; } /* Popup с корабликом (акция) */ .sale_popup-wrapper { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; z-index: 998; display: none; } .sale_popup { background-color: #d2c8c8; background-image: url(/image/sale_popup_bg.jpg); background-size: 100% 100%; width: 400px; height: 360px; text-align: center; z-index: 999; border-radius: 22px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(0, 0, 0, 0.15); padding: 134px 2em 2em; position: fixed; top: 50%; left: 50%; margin: -200px 0 0 -180px; box-sizing: border-box; } .sale_popup:after { content: ''; display: block; position: absolute; top: -76px; left: 93px; margin: 0; background: url(/image/reg_1.png) 0 0 no-repeat; background-size: 100%; width: 230px; height: 210px; } .sale_popup .sale_popup-close { position: absolute; top: 0; right: 0; color: #1f84db; background: #fff; display: block; border-radius: 22px; text-align: center; font-weight: 700; padding: 7px 14px; font-size: 30px; line-height: 1; cursor: pointer; } .sale_popup .sale_popup-close:hover { color: #fb3a2f; } .sale_popup .sale_popup-title { font-size: 18px; font-weight: 700; color: #fff; position: relative; margin: 0 0 22px 0; line-height: 1.4; } .sale_popup .sale_popup-title span { font-size: 32px; } .sale_popup .sale_popup-text { font-size: 13px; color: #002b41; margin: 0 0 28px 0; line-height: 1.5; } .sale_popup .sale_popup-text .flag { vertical-align: baseline; margin: 0 4px; } .sale_popup .button { font-size: 14px; } /** * Стандартный контейнер 100% ширины с inline-block элементами. * Выравнивание по левому краю/верхнему краю. */ .responsive-inline-grid { padding: 5px 0 20px 0; position: relative; font-size: 0; width: 100%; } .responsive-inline-grid .responsive-inline-grid_item { display: inline-block; padding-bottom: 12px; vertical-align: top; font-size: 14px; position: relative; } .responsive-inline-grid .responsive-inline-grid_item .protected-item { width: 85%; } .responsive-inline-grid.inline-grid-2 .responsive-inline-grid_item { width: 50%; } .responsive-inline-grid.inline-grid-3 .responsive-inline-grid_item { width: 33.33333%; } .responsive-inline-grid.inline-grid-4 .responsive-inline-grid_item { width: 25%; } .responsive-inline-grid.inline-grid-5 .responsive-inline-grid_item { width: 20%; } /** * Стандартный блок с float элементами. */ .float-container .float-left { float: left; } .float-container .float-right { float: right; } .float-container:after { height: 0; content: ''; clear: both; display: table; } /** * Стандартное меню в левой колонке на текстовых страницах. */ .side-category { padding-left: 9px; margin-top: -13px; } .side-category .side-category_item { margin: 1em 0; } .side-category .side-category_item:before { display: none; } .side-category .side-category_item.selected { background: #279ec7; margin-bottom: 0; margin-top: 0; } .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .title_home .home-tab, .title_home .side-category .side-category_item.selected .home-tab { border-bottom: none; } .side-category .side-category_solid-under .link_pseudo, .side-category .side-category_solid-under .title_home .home-tab, .title_home .side-category .side-category_solid-under .home-tab { border-bottom-style: solid; } .section_white-bk { background: #fff; } .section_inner-padding { padding: 17px; } .section_border-radius { border-radius: 5px; } /** * Список со стандартными отступами без маркеров. */ .clear-list { padding: 0; margin: 1em 0; list-style: none; } .clear-list:before { display: none; } .clear-list .clear-list { margin-left: 17px; } /** * Элемент списка (родительский) содержащий вложенный список. */ .parent-li-item { position: relative; } .parent-li-item_inner { position: relative; padding-right: 25px; } .parent-li-item_inner:after { content: ''; width: 20px; height: 16px; position: absolute; right: 5px; top: 50%; margin-top: -8px; display: inline-block; background: url(/image/spritesheet.png) no-repeat 6px -112px; } .parent-li-item_inner.selected:after { background: url(/image/spritesheet.png) no-repeat 6px -160px; } .parent-li-item.expand .parent-li-item_inner:after { background: url(/image/spritesheet.png) no-repeat 6px -128px; } .parent-li-item.expand .selected:after { background: url(/image/spritesheet.png) no-repeat 6px -96px; } .parent-li-item .child-ul-item { display: none; } .parent-li-item.selected:after { background: url(/image/spritesheet.png) no-repeat 6px -96px; } /* * Виджет корзины в шапке */ .cart-header { display: inline-block; } .cart-header .b-circle__inner { color: #000; border: none; } .cart-header .b-circle__inner.hide { display: none; } .min-order-sum-notice { position: absolute; top: 100%; right: 60px; text-align: center; width: 240px; margin: 6px 0 0 0; color: #aea59c; cursor: auto; } .min-order-sum-notice .grey-link { color: #aea59c; border-bottom-color: rgba(174, 165, 156, 0.3); } .min-order-sum-notice .grey-link:hover { color: #fb3a2f; border-bottom-color: rgba(223, 74, 84, 0.3); } .min-order-sum-notice .rur { font-style: italic; } .empty-cart-status { line-height: 150%; } .empty-cart-popup { width: 500px; top: 130%; right: 0; text-align: left; white-space: normal; font-size: 1em; } .empty-cart-popup p { font-size: 1em; line-height: 150%; margin: .6em 0 1.5em 0; } .empty-cart-popup p:first-child { margin-top: 1em; margin-bottom: 0; } /* * Виджет корзины в футере */ .cart-footer .b-circle-text.hide { display: none; } /* * Страница 404 */ .page404 .layout:before { height: 880px; background: -ms-linear-gradient(top, #66c9ec 0%, #66c9ec 12%, #c5eaed 62%, #fff 93%, #fff 100%); background: linear-gradient(top, #66c9ec 0%, #66c9ec 12%, #c5eaed 62%, #fff 93%, #fff 100%); } .page404 .breadcrumbs { display: none; } .page404 .reducer { margin-top: 4em; } .page404 .likeH1 { display: block; text-align: center; font-size: 2.2em; font-weight: normal; } .message404 { text-align: center; height: 725px; background: url("/image/page404.png") no-repeat 50% 45px; } @media only screen and (max-width: 1024px) { .message404 { background-size: 100% auto; } } .message404 h1, .message404 .h1 { color: #fff; font-weight: normal; font-size: 2.4em; } .message404 p, .message404 a { color: #fff; border-color: #fff; font-size: 1em; } .message404 p { margin: 0.9em 0 0.4em; } .message404 a:hover, .message404 .search__select-button .selectors label:hover, .search__select-button .selectors .message404 label:hover { color: #fb3a2f; border-bottom-color: rgba(223, 74, 84, 0.3); } /* * Страница 500 */ body.page500 .layout { margin-bottom: 0; } body.page500 .layout:before { content: ''; position: absolute; right: 0; left: 0; top: 0; height: 100%; background: -ms-linear-gradient(top, #66c9ec 0%, #66c9ec 12%, #c5eaed 62%, #fff 93%, #fff 100%); background: linear-gradient(top, #66c9ec 0%, #66c9ec 12%, #c5eaed 62%, #fff 93%, #fff 100%); } body.page500 .layout:after { content: ''; position: absolute; right: 0; left: 0; bottom: 0; height: 309px; width: 100%; background: url("/image/error-page-500-bottom.png") no-repeat 50% 100%; background-size: 100%; } body.page500 .layout .message500 { text-align: center; position: relative; margin-top: 5%; } body.page500 .layout .message500:before { content: ''; position: absolute; top: 100%; left: 0; margin: 0 auto; width: 100%; height: 630px; background: url("/image/error-page-500.png") no-repeat 50% 0; background-size: 100%; } body.page500 .layout .message500 .h1, body.page500 .layout .message500 h1 { color: #fff; font-weight: 400; font-size: 2.4em; } body.page500 .layout .message500 p { margin: 0.9em 0px 0.4em; color: #FFF; font-size: 1em; } body.page500 .layout .message500 a.button { margin-top: 1.5em; } /** * Заглушка для товаров с признаком is_protected */ .item-protected-blank { background: rgba(255, 255, 255, 0.5); text-align: center; position: absolute; z-index: 10; height: 100%; width: 100%; left: 0; top: 0; } .item-protected-blank p { margin: 0px; } .item-protected-blank p b { font-weight: bold; } .item-protected-blank p:last-child { margin-top: .5em; } .item-protected-blank_inner { position: relative; margin-top: -20px; top: 50%; } .item-protected-blank_inner p { font-size: 13px; } /** * Различия для вида карточками. */ .product.tile .item-protected-blank { margin-left: -20px; padding-top: 3em; top: -3em; } .product.tile .item-protected-blank_inner { margin-top: -55px; padding: 0 10px; } /** * Различия для вида в виджете рекомендуемых товаров и на страницах разделов. */ .product.tile.special .item-protected-blank, .product-slide-large .item-protected-blank { margin-left: -20px; } .product.tile.special .item-protected-blank_inner, .product-slide-large .item-protected-blank_inner { margin-top: -85px; } /** * Стили для toggle text blocks (страница совместных покупок) */ .line-view-wrapper_sp { margin-bottom: 2em; } .video-wrapper { margin-top: 1.5em; } .video-wrapper iframe { display: block; margin: 0 auto; } .audio-wrapper { margin-top: 1.5em; position: relative; } .audio-wrapper .audio-name { position: absolute; top: 0; left: 100px; font-size: 14px; padding: 22px 0 0; } .audio-wrapper .audiojs { width: 424px; height: 90px; box-shadow: none; background: #fff; position: relative; } .audio-wrapper .audiojs .play-pause { border: none; width: 90px; height: 90px; padding: 10px; margin: 0 10px 0 0; box-sizing: border-box; } .audio-wrapper .audiojs .play-pause p { background: none; margin: 0; padding: 0; width: 100%; height: 100%; border-radius: 70px; opacity: .5; cursor: pointer; } .audio-wrapper .audiojs .play-pause p.play { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -134px -65px; width: 70px; height: 70px; } .audio-wrapper .audiojs .play-pause p.pause { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px 0px; width: 70px; height: 70px; } .audio-wrapper .audiojs .play-pause p:hover { opacity: 1; } .audio-wrapper .audiojs .scrubber { width: 276px; height: 9px; margin: 0; padding: 0; position: absolute; left: 100px; bottom: 25px; float: none; border: none; overflow: visible; background: none; } .audio-wrapper .audiojs .scrubber:before { content: ''; display: block; position: absolute; width: 100%; height: 3px; bottom: 3px; left: 0; background: #e5e5e5; opacity: .5; transition: height .2s ease-out; border-radius: 2px; } .audio-wrapper .audiojs .scrubber > div { height: 3px; transition: height .2s ease-out, margin .2s ease-out; } .audio-wrapper .audiojs .scrubber .progress { background: #0054b7; position: relative; margin: 3px 0 0; } .audio-wrapper .audiojs .scrubber .progress:after { content: ''; display: block; position: absolute; right: -4px; bottom: -3px; width: 9px; height: 9px; border-radius: 9px; background: #0054b7; transition: height .2s ease-out, width .2s ease-out; } .audio-wrapper .audiojs .scrubber .loaded { background: none; position: relative; margin: -3px 0; background: #e5e5e5; } .audio-wrapper .audiojs .scrubber:hover { cursor: pointer; } .audio-wrapper .audiojs .scrubber:hover:before { height: 5px; } .audio-wrapper .audiojs .scrubber:hover > div { height: 5px; margin: 1px 0 3px; } .audio-wrapper .audiojs .scrubber:hover .progress { margin: 1px 0 0; } .audio-wrapper .audiojs .scrubber:hover .loaded { margin: -5px 0 0; } .audio-wrapper .audiojs .scrubber:hover .time .played { opacity: 1; } .audio-wrapper .audiojs .scrubber:hover .progress:after { width: 13px; height: 13px; } .audio-wrapper .audiojs .time { width: 47px; height: auto; margin: 0; padding: 0; box-sizing: border-box; border: none; float: right; text-shadow: none; line-height: 1; color: #000; font-weight: 700; font-family: OpenSans, sans-serif; } .audio-wrapper .audiojs .time .played { background: rgba(0, 84, 183, 0.8); color: #fff; border-radius: 4px; padding: 7px; display: inline-block; font-size: 9px; position: absolute; right: 0; bottom: 100%; margin: 0 -17px 10px 0; opacity: 0; transition: opacity .2s ease-out; } .audio-wrapper .audiojs .time .duration { color: #000; font-size: 9px; display: inline-block; position: absolute; right: 7px; bottom: 26px; } .toggle-text-block .condition-title { font-size: 14px; cursor: pointer; } .toggle-text-block .condition-title:hover > .link_pseudo, .toggle-text-block .title_home .condition-title:hover > .home-tab, .title_home .toggle-text-block .condition-title:hover > .home-tab { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .toggle-text-block .toggle-content { padding: 1em; font-size: 14px; display: none; } .toggle-text-block .toggle-content ol { list-style: number; } .toggle-text-block .toggle-content .content-img { margin-bottom: 1em; } .toggle-text-block .toggle-content .content-img img { display: inline-block; vertical-align: top; width: 48%; max-width: 517px; } /** * Стили для социальных иконок */ .ya-share2__item:before { content: ''; } /** * Popup для платной доставки в cart и order */ .b-bill__row_delivery_extra, .discount_block { position: relative; } .b-bill__row_delivery_extra span.with-icon_q-op, .discount_block span.with-icon_q-op { cursor: pointer; } .b-bill__row_delivery_extra span.with-icon_q-op:hover ~ .b-popup_on-hover, .discount_block span.with-icon_q-op:hover ~ .b-popup_on-hover { display: block; color: #000; width: 100%; } .categories-wrapper { position: relative; } .chponki-wrapper { position: relative; } .not-mature .with-blur { filter: blur(5px); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .not-mature .with-blur { /* стили только для IE10 IE11 */ position: relative; } .not-mature .with-blur:before, .not-mature .with-blur li:before { left: 0; top: 0; width: 100%; height: 110%; content: ''; background: #fff; position: absolute; z-index: 5; } } .not-mature .with-opacity { opacity: 0.5; } .promptblock { background: #8dbcd7; border-radius: 4px; margin-top: 15px; padding: 16px; } .promptblock .button { margin-top: 15px; } ul + .promptblock { margin-top: 30px; } .js-popup-cookies { visibility: hidden; position: fixed; right: 5%; bottom: 5%; width: 400px; height: 215px; padding: 1.5em; } .js-popup-cookies .js-popup-close { position: absolute; top: 0; right: 8px; color: #afb8bb; font-size: 20px; font-weight: bold; cursor: pointer; } .js-popup-cookies .js-popup-close:hover { color: #fb3a2f; } .js-popup-cookies .capability { line-height: 25px; font-size: 22px; margin-bottom: 0; } .js-popup-cookies p { margin: 1em 0 1em; } .js-popup-cookies .link { font-size: 14px; } .js-popup-cookies { animation-name: myopacity; animation-duration: 1s; animation-timing-function: ease-out; visibility: visible !important; } @keyframes myopacity { 0% { opacity: 0; } 10% { opacity: .1; } 20% { opacity: .2; } 30% { opacity: .3; } 40% { opacity: .4; } 50% { opacity: .5; } 60% { opacity: .6; } 70% { opacity: .7; } 80% { opacity: .8; } 90% { opacity: .9; } 100% { opacity: 1; } } @-webkit-keyframes myopacity { 0% { opacity: 0; } 10% { opacity: .1; } 20% { opacity: .2; } 30% { opacity: .3; } 40% { opacity: .4; } 50% { opacity: .5; } 60% { opacity: .6; } 70% { opacity: .7; } 80% { opacity: .8; } 90% { opacity: .9; } 100% { opacity: 1; } } /* Виджет "Поделиться в соцсетях" */ .ya-share2 a:link { border-bottom: none; } .ya-share2__item_service_vkontakte .ya-share2__icon, .ya-share2__item_service_facebook .ya-share2__icon, .ya-share2__item_service_twitter .ya-share2__icon { background-repeat: no-repeat !important; position: relative; background-position: 0 0 !important; margin-right: 74px; } .ya-share2__item_service_vkontakte .ya-share2__icon:after, .ya-share2__item_service_facebook .ya-share2__icon:after, .ya-share2__item_service_twitter .ya-share2__icon:after { content: 'Поделиться'; display: block; position: absolute; top: 0; left: 25px; height: 24px; line-height: 24px; font-size: 12px; padding-right: 5px; } .ya-share2__item_service_twitter .ya-share2__icon { margin-right: 54px; } .ya-share2__item_service_twitter .ya-share2__icon:after { content: 'Твитнуть'; } .ui-datepicker { border: none; padding: 0; width: 308px; } .ui-datepicker .ui-widget-header { padding-top: 16px; padding-bottom: 0; border: none; background: #64849f; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ui-datepicker .ui-widget-header .ui-datepicker-title { color: #fff; font-weight: 400; font-size: 18px; } .ui-datepicker .ui-datepicker-calendar { margin-bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ui-datepicker .ui-datepicker-calendar thead { background: #64849f; color: #fff; } .ui-datepicker .ui-datepicker-calendar thead th { color: #afb8bb; text-transform: uppercase; font-weight: 400; padding-top: 15px; padding-bottom: 9px; } .ui-datepicker .ui-datepicker-calendar tbody tr { border-bottom: 1px solid #d7dbdd; } .ui-datepicker .ui-datepicker-calendar tbody tr td { padding: 0; } .ui-datepicker .ui-datepicker-calendar tbody tr td span, .ui-datepicker .ui-datepicker-calendar tbody tr td a { text-align: center; } .ui-datepicker .ui-datepicker-other-month.ui-datepicker-unselectable .ui-state-default { opacity: 0.5; } .ui-datepicker .ui-datepicker-other-month.-selectable .ui-priority-secondary { opacity: 1; } .ui-datepicker .ui-datepicker-unselectable .ui-state-default { background: none; } .ui-datepicker .ui-datepicker-unselectable .ui-state-default:hover { background: none; } .ui-datepicker .ui-state-disabled { opacity: 1; } .ui-datepicker .ui-state-default { color: #000; padding-top: 11px; padding-bottom: 11px; border: none; background: #bbdaf4; } .ui-datepicker .ui-state-default.ui-state-active { background: #1f84db; color: #fff; font-weight: bold; } .ui-datepicker .ui-state-default.ui-state-active:hover { background: #1f84db; } .ui-datepicker .ui-state-default:hover { cursor: pointer; background: #79b5e9; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { top: 18px; background: none; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { cursor: pointer; background: none; border: none; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { top: 0; left: 0; margin-left: 0; margin-top: 0; } .ui-datepicker .ui-datepicker-next { right: 8px; } .ui-datepicker .ui-datepicker-next-hover { right: 8px; } .ui-datepicker .ui-datepicker-next-hover .ui-icon-circle-triangle-e { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -90px -587px; width: 29px; height: 29px; } .ui-datepicker .ui-datepicker-prev { left: 8px; } .ui-datepicker .ui-datepicker-prev-hover { left: 8px; } .ui-datepicker .ui-datepicker-prev-hover .ui-icon-circle-triangle-w { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -60px -587px; width: 29px; height: 29px; } .ui-datepicker .ui-icon-circle-triangle-e { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -150px -587px; width: 29px; height: 29px; } .ui-datepicker .ui-icon-circle-triangle-w { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -30px -587px; width: 29px; height: 29px; } .info { display: inline-block; position: relative; margin-left: 10px; } .info:hover .b-popup_on-hover { display: block; } .info .b-popup_on-hover { left: -157px; } .info .b-popup_on-hover.b-popup-claim { width: 300px; left: -142px; } .select-wrapper { margin: 0 15px; position: relative; width: 100%; } .select-wrapper .popup-opener { background: #fff; border-radius: 3px; color: #000; display: block; padding: 10px 30px 10px 15px; position: relative; } .select-wrapper .popup-opener .with-icon { position: absolute; right: 10px; } .select-wrapper .select-popup { color: #000; left: 0; margin-top: 2px; top: 100%; width: 100%; } .select-wrapper .select-popup ul { margin: 0; max-height: 220px; overflow: auto; } .select-wrapper .select-popup ul li { font-size: 16px; margin-left: 0; } .select-wrapper .select-popup ul li:first-child { margin-top: 0; } .select-wrapper .select-popup ul li:last-child { margin-bottom: 0; } .select-wrapper .select-popup ul li:before { display: none; } .select-wrapper .select-popup ul.with_alphabet li { padding-left: 45px; position: relative; } .select-wrapper .select-popup ul.with_alphabet li .letter { color: #d6d6d6; left: 0; position: absolute; top: 0; } .table-flex { font-size: 14px; margin: 0 -1em; } .table-flex .table-flex-row { align-items: start; display: flex; flex-direction: row; justify-content: space-between; } .table-flex .table-flex-row:hover { background: #f5f9fa; } .table-flex .table-flex-cell { flex: 0 1 20%; padding: 0.4em 1em; } .table-flex .table-flex-header { color: #afb8bb; font-size: 15px; line-height: 1.2; margin-bottom: 10px; } .table-row.table-header { color: #afb8bb; font-size: 15px; } .table-row .table-cell { box-sizing: border-box; display: inline-block; line-height: 1.3; padding: 0.4em 1em; vertical-align: top; } .table-row:hover { background: #f5f9fa; } @media only screen and (max-width: 1300px) { .table-row .table-cell { padding: 0.4em 0.3em; } } .before_list_span { margin: 15px 10px 40px 0; display: inline-block; } .sl-tab { cursor: pointer; } .additional { position: absolute; top: 58px; display: inline-flex; border-radius: 5px; margin-left: 5px; padding-top: -10px; font-weight: bold; font-size: 10pt; padding: 0 5px 1px; background-color: white; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); } .additional_red { color: red; } .additional_green { color: green; } .additional_blue { color: blue; } .additional_grey { color: #afb8bb; } .react-page-bill:after { content: ""; display: table; clear: both; } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ .with-icon { position: relative; } .with-icon.with-icon_width:before { width: 20px; } /*Иконки центрируются вертикально относительно родителя */ .with-icon:before, .with-icon_cart-white:after { content: ""; display: inline-block; vertical-align: middle; } /*Иконки позиционируются абосолютно относительно родителя */ .with-icon_abs { margin-left: 19px; } .with-icon_abs_float { margin-left: 0; } .with-icon_abs:before { position: absolute; content: ""; display: inline-block; top: 0; left: -19px; } /*icons holders*/ .with-icon_login:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -488px; width: 16px; height: 16px; margin-right: 4px; } .with-icon_cart:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -363px; width: 25px; height: 25px; margin-right: 4px; } .with-icon_clock-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -150px -617px; width: 23px; height: 23px; margin-right: 4px; } .with-icon_heart-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -375px; width: 28px; height: 28px; } .with-icon_arrowdown-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -208px -166px; width: 10px; height: 6px; margin-left: 8px; } @media all and (max-width: 1280px) { .with-icon_arrowdown-white:before { margin-left: 4px; } } .with-icon_arrowup-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -418px -404px; width: 10px; height: 6px; margin-left: 8px; } @media all and (max-width: 1280px) { .with-icon_arrowup-white:before { margin-left: 4px; } } .with-icon_arrowdown-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; margin-left: 8px; } .with-icon_arrowup-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; margin-left: 8px; } .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -381px -367px; width: 10px; height: 6px; margin-left: 4px; } .with-icon_arrowup-blue:before, #managers-toggle.opened .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -367px; width: 10px; height: 6px; margin-left: 4px; } .with-icon_cart-white:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -471px; width: 16px; height: 16px; } .with-icon_check-ok:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px -560px; width: 12px; height: 11px; margin: -3px 4px 0 -16px; } .with-icon_check-few:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -386px -560px; width: 9px; height: 9px; margin: -1px 4px 0 -13px; } .with-icon_flag-grey:before, .with-icon_flag-red:before, .with-icon_flag-blue:before, .with-icon_favs-grey:before, .with-icon_favs-red:before { margin-top: -3px; } .with-icon_flag-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -97px; width: 14px; height: 15px; } .with-icon_flag-transp:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -119px -130px; width: 14px; height: 15px; } .with-icon_flag-red:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -234px -560px; width: 14px; height: 15px; } .with-icon_flag-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -219px -560px; width: 14px; height: 15px; animation: heart .3s ease-in-out; } .with-icon_favs-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -560px; width: 16px; height: 15px; } .with-icon_favs-red:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -202px -560px; width: 16px; height: 15px; animation: heart .3s ease-in-out; } .with-icon_sima:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -556px; width: 16px; height: 16px; } .with-icon_sdek:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -454px; width: 16px; height: 16px; } .with-icon_spsr:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -522px; width: 16px; height: 16px; } .with-icon_russianpost:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -505px; width: 16px; height: 16px; } @keyframes heart { 0% { transform: scale3d(0.8, 0.8, 1); } 50% { transform: scale3d(1.5, 1.5, 1.5); } 100% { transform: scale3d(1, 1, 1); } } .with-icon_cart-black:before, .with-icon_favs-b-black:before, .with-icon_blank-black:before, .with-icon_vis-black:before, .with-icon_flag-b-black:before { top: 2px; } .with-icon_moveto:before { top: 4px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -263px -560px; width: 14px; height: 11px; } .with-icon_cart-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -539px; width: 16px; height: 16px; } .with-icon_cart-black.with-icon_width:before { width: 16px; margin-right: 4px; } .with-icon_favs-b-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -150px -220px; width: 15px; height: 13px; } .with-icon_blank-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -345px -90px; width: 12px; height: 15px; } .with-icon_vis-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -243px -220px; width: 15px; height: 10px; top: 4px; } .with-icon_flag-b-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -113px; width: 14px; height: 15px; } .with-icon_star-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -338px -173px; width: 15px; height: 14px; margin-top: -3px; } .with-icon_simaland.with-icon_abs { padding-left: 20px; } .with-icon_simaland.with-icon_abs:before { top: 5px; left: 1px; margin: 0; } .with-icon_simaland.with-icon_catalog { font-weight: bold; white-space: nowrap; } @media all and (max-width: 1160px) { .markers .with-icon_simaland.with-icon_catalog { white-space: normal; } } .with-icon_simaland:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -226px -220px; width: 16px; height: 10px; margin-top: -3px; } .with-icon_view-list:before { display: block; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -353px -560px; width: 10px; height: 11px; } .with-icon_view-blocks:before { display: block; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -341px -560px; width: 11px; height: 11px; } .with-icon_view-xxl:before { display: block; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -317px -560px; width: 11px; height: 11px; } .with-icon_arrowdown-filled-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -555px -518px; width: 7px; height: 4px; } .with-icon_arrowup-filled-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -563px -518px; width: 7px; height: 4px; } .with-icon_arrowdown-filled-light:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -518px; width: 7px; height: 4px; } .with-icon_arrowup-filled-light:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -571px -518px; width: 7px; height: 4px; } .with-icon_back-white:before { margin: -3px 5px 0 0; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -417px -560px; width: 10px; height: 8px; } .with-icon_back-black:before { margin: -3px 4px 0 -4px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -406px -560px; width: 10px; height: 8px; } .with-icon_settings-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -386px; width: 17px; height: 16px; opacity: .7; } .with-icon_settings-white:hover:before { opacity: 1; } .with-icon_settings-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -403px; width: 17px; height: 16px; opacity: .6; } .with-icon_settings-black:hover { opacity: 1; } .with-icon_edit-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -437px; width: 17px; height: 16px; opacity: .7; } .with-icon_edit-white:hover:before { opacity: 1; } .with-icon_edit-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -208px -136px; width: 12px; height: 13px; } .with-icon_edit-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -119px -146px; width: 14px; height: 15px; } .with-icon_copy:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -338px -141px; width: 16px; height: 15px; } .with-icon_trash:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -345px -106px; width: 12px; height: 15px; } .with-icon_reload-red:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -429px; width: 31px; height: 31px; } .with-icon_q:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -305px -587px; width: 23px; height: 20px; } .with-icon_h:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -193px; width: 20px; height: 18px; } .with-icon_h-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -174px; width: 20px; height: 18px; margin: 0 4px 0 0; opacity: .4; } .with-icon_c:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -199px -617px; width: 24px; height: 22px; } .with-icon_c-black:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -174px -617px; width: 24px; height: 22px; width: 24px; margin: -10px 0 0 -4px; opacity: .4; } @media only screen and (max-width: 1024px) { .with-icon_c-black:before { top: 8px; } } .with-icon_more:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -79px -560px; width: 34px; height: 17px; } .with-icon_bc-down:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -249px -560px; width: 13px; height: 12px; } .with-icon_bc-up:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -563px -539px; width: 13px; height: 12px; } .with-icon_q-op:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -212px; width: 18px; height: 18px; } .with-icon_q-op-blue:before { background-color: #2a89cf; border-radius: 50%; width: 17px; height: 16px; } .with-icon_x-grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -587px; width: 11px; height: 12px; opacity: .6; } .with-icon_x-grey:hover:before { opacity: 1; } .with-icon_abs.with-icon_x-grey:before { top: 3px; } .with-icon_x-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -305px -560px; width: 11px; height: 11px; } .with-icon_fav-not-active:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px 0px; width: 28px; height: 28px; } .with-icon_fav-not-active:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -518px -486px; width: 28px; height: 28px; } .with-icon_fav-active:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -481px -449px; width: 28px; height: 28px; } .with-icon_plus-white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -342px -277px; width: 14px; height: 14px; } .with-icon_plus-gray:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -312px -277px; width: 14px; height: 14px; } .with-icon_external, .link_external { margin-right: 20px; } .with-icon_external:after, .link_external:after { content: ""; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right: -20px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -82px -220px; width: 16px; height: 13px; } .with-icon_external_red:after, .link_external:hover:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -116px -220px; width: 16px; height: 13px; } .with-icon_external_black:after, .g-menu .link_external:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -99px -220px; width: 16px; height: 13px; } .with-icon_external_white:after, .terms-popup .link_external:after, .footer-popup .link_external:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -133px -220px; width: 16px; height: 13px; } .with-icon_terms-blank:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -338px; width: 28px; height: 28px; } .with-icon_terms-cart:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -241px -587px; width: 31px; height: 26px; } .with-icon_terms-car:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -560px; width: 41px; height: 20px; } .with-icon_terms-card:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -273px -587px; width: 31px; height: 21px; } .with-icon_confirm:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -444px -412px; width: 28px; height: 28px; } .with-icon_repeat:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -364px -560px; width: 11px; height: 9px; } .with-icon_repeat2:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -180px -220px; width: 14px; height: 12px; margin-right: 2px; } .with-icon_exit:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -329px -560px; width: 11px; height: 11px; margin-right: 5px; } .with-icon_hellip:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -389px; width: 25px; height: 25px; } .with-icon_reload:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -337px; width: 25px; height: 25px; } .with-icon_bubble:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -419px -587px; width: 11px; height: 12px; } .with-icon_bubble-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -337px -617px; width: 8px; height: 13px; } .with-icon_phone:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -573px; width: 16px; height: 16px; } .with-icon_car { display: inline-block; margin-left: 32px; } .with-icon_car:before { top: 5px; left: -32px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -276px; width: 22px; height: 32px; } .with-icon_visamcard:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -130px -277px; width: 55px; height: 14px; } .with-icon_prop_3d:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -370px; width: 36px; height: 36px; } .with-icon_prop_accum:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -407px; width: 36px; height: 36px; } .with-icon_prop_battery:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -444px; width: 36px; height: 36px; } .with-icon_prop_inert:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -481px; width: 36px; height: 36px; } .with-icon_prop_license:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -523px; width: 36px; height: 36px; } .with-icon_prop_light:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -523px; width: 36px; height: 36px; } .with-icon_prop_mechanic:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -74px -523px; width: 36px; height: 36px; } .with-icon_prop_pack:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -111px -523px; width: 36px; height: 36px; } .with-icon_prop_power:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -148px -523px; width: 36px; height: 36px; } .with-icon_prop_radio:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -523px; width: 36px; height: 36px; } .with-icon_prop_record:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -222px -523px; width: 36px; height: 36px; } .with-icon_prop_sound:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -259px -523px; width: 36px; height: 36px; } .with-icon_prop_usb:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -296px -523px; width: 36px; height: 36px; } .with-icon_prop_video:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -333px -523px; width: 36px; height: 36px; } .with-icon_prop_wood:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -523px; width: 36px; height: 36px; } .with-icon_heart-gray:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -278px -560px; width: 13px; height: 11px; } .with-icon_fb:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -231px; width: 32px; height: 32px; } .with-icon_fb:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -264px; width: 32px; height: 32px; } .with-icon_facebook_color:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -41px -297px; width: 40px; height: 40px; } .with-icon_google_plus_color:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -199px -234px; width: 40px; height: 40px; } .with-icon_tw:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -297px; width: 32px; height: 32px; } .with-icon_tw:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px 0px; width: 32px; height: 32px; } .with-icon_vk:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -363px; width: 32px; height: 32px; } .with-icon_vk:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -396px; width: 32px; height: 32px; } .with-icon_vk_color:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -281px -234px; width: 40px; height: 40px; } .with-icon_mail_color:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -123px -297px; width: 40px; height: 40px; } .with-icon_ok:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -330px; width: 32px; height: 32px; } .with-icon_ok:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -198px; width: 32px; height: 32px; } .with-icon_odnoklassniki_color:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -240px -234px; width: 40px; height: 40px; } .with-icon_lj:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -165px; width: 32px; height: 32px; } .with-icon_lj:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -66px; width: 32px; height: 32px; } .with-icon_yandex_color:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -297px; width: 40px; height: 40px; } .with-icon_yt:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -33px; width: 32px; height: 32px; } .with-icon_yt:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -132px; width: 32px; height: 32px; } .with-icon_inst:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -258px -138px; width: 32px; height: 32px; } .with-icon_inst:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -99px; width: 32px; height: 32px; } .with-icon_cc-consultant:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -210px -587px; width: 30px; height: 28px; } .with-icon_cc-online-call:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -309px; width: 24px; height: 27px; } .with-icon_cc-order-call:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -492px; width: 31px; height: 28px; } .with-icon_russia:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -617px; width: 24px; height: 24px; } .with-icon_belarus:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -465px; width: 24px; height: 24px; } .with-icon_kazakhstan:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -540px; width: 24px; height: 24px; } .with-icon_armenia:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -440px; width: 24px; height: 24px; } .with-icon_kyrgyzstan:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -565px; width: 24px; height: 24px; } .with-icon_azerbaijan:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -50px -617px; width: 24px; height: 24px; } .with-icon_georgia:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -490px; width: 24px; height: 24px; } .with-icon_moldova:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -590px; width: 24px; height: 24px; } .with-icon_tajikistan:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -25px -617px; width: 24px; height: 24px; } .with-icon_turkmenistan:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -75px -617px; width: 24px; height: 24px; } .with-icon_uzbekistan:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -415px; width: 24px; height: 24px; } .with-icon_ukraine:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -100px -617px; width: 24px; height: 24px; } .with-icon_other:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -125px -617px; width: 24px; height: 24px; } .with-icon_i_password_hide:before { content: ''; display: inline-block; position: absolute; right: .5em; top: 50%; margin-top: -7px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -284px; width: 21px; height: 14px; } .with-icon_i_password_show:before { content: ''; display: inline-block; position: absolute; right: .5em; top: 50%; margin-top: -7px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -269px; width: 21px; height: 14px; } .with-icon_i_360_white:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -40px; width: 39px; height: 39px; } .with-icon_i_pause:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px 0px; width: 66px; height: 66px; } .with-icon_i_play:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px -71px; width: 66px; height: 66px; } .with-icon_i_360_grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -114px -560px; width: 26px; height: 17px; } .with-icon_i_video_big:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px 0px; width: 39px; height: 39px; } .with-icon_i_video_grey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -141px -560px; width: 26px; height: 17px; } /*catalog-home icons*/ .with-icon_avto:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -222px -449px; width: 36px; height: 36px; } .with-icon_avto:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -486px; width: 36px; height: 36px; } .with-icon_avto_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -148px; width: 36px; height: 36px; } .with-icon_banya-i-sauna:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -111px; width: 36px; height: 36px; } .with-icon_banya-i-sauna:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -185px; width: 36px; height: 36px; } .with-icon_banya-i-sauna_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -148px; width: 36px; height: 36px; } .with-icon_bizhuteriya:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -111px -338px; width: 36px; height: 36px; } .with-icon_bizhuteriya:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -37px; width: 36px; height: 36px; } .with-icon_bizhuteriya_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -148px -338px; width: 36px; height: 36px; } .with-icon_bytovaya-tehnika:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -185px; width: 36px; height: 36px; } .with-icon_bytovaya-tehnika:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -412px; width: 36px; height: 36px; } .with-icon_bytovaya-tehnika_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -333px; width: 36px; height: 36px; } .with-icon_cifrovaya-elektronika:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -222px; width: 36px; height: 36px; } .with-icon_cifrovaya-elektronika:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -486px; width: 36px; height: 36px; } .with-icon_cifrovaya-elektronika_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -444px -449px; width: 36px; height: 36px; } .with-icon_disney:before, .with-icon_licenziya:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -259px -486px; width: 36px; height: 36px; } .with-icon_disney:hover:before, .with-icon_licenziya:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -333px -486px; width: 36px; height: 36px; } .with-icon_disney_fff:before, .with-icon_licenziya_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -296px -486px; width: 36px; height: 36px; } .with-icon_eksklyuzivnye-tovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -486px; width: 36px; height: 36px; } .with-icon_eksklyuzivnye-tovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -444px -486px; width: 36px; height: 36px; } .with-icon_eksklyuzivnye-tovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -486px; width: 36px; height: 36px; } .with-icon_elektrotovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -481px -486px; width: 36px; height: 36px; } .with-icon_elektrotovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -37px; width: 36px; height: 36px; } .with-icon_elektrotovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px 0px; width: 36px; height: 36px; } .with-icon_galantereya:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px -138px; width: 36px; height: 36px; } .with-icon_galantereya:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -171px -136px; width: 36px; height: 36px; } .with-icon_galantereya_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -134px -136px; width: 36px; height: 36px; } .with-icon_girlyandy:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -322px -234px; width: 36px; height: 36px; } .with-icon_girlyandy:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -338px; width: 36px; height: 36px; } .with-icon_girlyandy_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -338px; width: 36px; height: 36px; } .with-icon_hoztovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -338px; width: 36px; height: 36px; } .with-icon_hoztovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -259px -338px; width: 36px; height: 36px; } .with-icon_hoztovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -222px -338px; width: 36px; height: 36px; } .with-icon_igrushki:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -111px; width: 36px; height: 36px; } .with-icon_igrushki:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -74px; width: 36px; height: 36px; } .with-icon_igrushki_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -37px; width: 36px; height: 36px; } .with-icon_instrumenty:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -111px; width: 36px; height: 36px; } .with-icon_instrumenty:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -333px -338px; width: 36px; height: 36px; } .with-icon_instrumenty_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -296px -338px; width: 36px; height: 36px; } .with-icon_interer:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -185px; width: 36px; height: 36px; } .with-icon_interer:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -74px -412px; width: 36px; height: 36px; } .with-icon_interer_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -222px; width: 36px; height: 36px; } .with-icon_kanctovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -333px -412px; width: 36px; height: 36px; } .with-icon_kanctovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -148px; width: 36px; height: 36px; } .with-icon_kanctovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px 0px; width: 36px; height: 36px; } .with-icon_knigi:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -259px; width: 36px; height: 36px; } .with-icon_knigi:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -449px; width: 36px; height: 36px; } .with-icon_knigi_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -296px; width: 36px; height: 36px; } .with-icon_kosmetika-i-parfyum:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -259px -449px; width: 36px; height: 36px; } .with-icon_kosmetika-i-parfyum:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -259px; width: 36px; height: 36px; } .with-icon_kosmetika-i-parfyum_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -296px -449px; width: 36px; height: 36px; } .with-icon_krasota-i-zdorove:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -111px -486px; width: 36px; height: 36px; } .with-icon_krasota-i-zdorove:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -74px; width: 36px; height: 36px; } .with-icon_krasota-i-zdorove_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -148px -486px; width: 36px; height: 36px; } .with-icon_kozhgalantereya:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -296px; width: 36px; height: 36px; } .with-icon_kozhgalantereya:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -407px; width: 36px; height: 36px; } .with-icon_kozhgalantereya_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -333px; width: 36px; height: 36px; } .with-icon_letnie-tovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -222px; width: 36px; height: 36px; } .with-icon_letnie-tovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -481px -523px; width: 36px; height: 36px; } .with-icon_letnie-tovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -444px -523px; width: 36px; height: 36px; } .with-icon_zimnie-tovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -222px -486px; width: 36px; height: 36px; } .with-icon_zimnie-tovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -486px; width: 36px; height: 36px; } .with-icon_zimnie-tovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -74px -486px; width: 36px; height: 36px; } .with-icon_mebel:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -333px; width: 36px; height: 36px; } .with-icon_mebel:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -259px; width: 36px; height: 36px; } .with-icon_mebel_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -547px -296px; width: 36px; height: 36px; } .with-icon_novyy-god:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -444px; width: 36px; height: 36px; } .with-icon_novyy-god:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -222px; width: 36px; height: 36px; } .with-icon_novyy-god_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -370px; width: 36px; height: 36px; } .with-icon_oborudovanie:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -185px; width: 36px; height: 36px; } .with-icon_oborudovanie:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -111px; width: 36px; height: 36px; } .with-icon_oborudovanie_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -148px; width: 36px; height: 36px; } .with-icon_odezhda-i-obuv:before, .with-icon_odezhda-obuv-i-aksessuary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -74px; width: 36px; height: 36px; } .with-icon_odezhda-i-obuv:hover:before, .with-icon_odezhda-obuv-i-aksessuary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px 0px; width: 36px; height: 36px; } .with-icon_odezhda-i-obuv_fff:before, .with-icon_odezhda-obuv-i-aksessuary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -510px -37px; width: 36px; height: 36px; } .with-icon_osveschenie:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -449px; width: 36px; height: 36px; } .with-icon_osveschenie:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -333px -449px; width: 36px; height: 36px; } .with-icon_osveschenie_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -449px; width: 36px; height: 36px; } .with-icon_podarochnaya-upakovka:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -449px; width: 36px; height: 36px; } .with-icon_podarochnaya-upakovka:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -111px -449px; width: 36px; height: 36px; } .with-icon_podarochnaya-upakovka_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -148px -449px; width: 36px; height: 36px; } .with-icon_posuda:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -74px -449px; width: 36px; height: 36px; } .with-icon_posuda:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -407px; width: 36px; height: 36px; } .with-icon_posuda_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -449px; width: 36px; height: 36px; } .with-icon_prazdniki:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -370px; width: 36px; height: 36px; } .with-icon_prazdniki:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -412px; width: 36px; height: 36px; } .with-icon_prazdniki_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -333px; width: 36px; height: 36px; } .with-icon_produkty-pitaniya:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -296px -412px; width: 36px; height: 36px; } .with-icon_produkty-pitaniya:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -222px -412px; width: 36px; height: 36px; } .with-icon_produkty-pitaniya_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -259px -412px; width: 36px; height: 36px; } .with-icon_sad-i-ogorod:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -412px; width: 36px; height: 36px; } .with-icon_sad-i-ogorod:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -111px -412px; width: 36px; height: 36px; } .with-icon_sad-i-ogorod_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -148px -412px; width: 36px; height: 36px; } .with-icon_shveynaya-galantereya:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -412px; width: 36px; height: 36px; } .with-icon_shveynaya-galantereya:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -370px; width: 36px; height: 36px; } .with-icon_shveynaya-galantereya_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -412px; width: 36px; height: 36px; } .with-icon_sobstvennoe-proizvodstvo:before, .with-icon_eksklyuzivnye-partnery:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -296px; width: 36px; height: 36px; } .with-icon_sobstvennoe-proizvodstvo:hover:before, .with-icon_eksklyuzivnye-partnery:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -148px; width: 36px; height: 36px; } .with-icon_sobstvennoe-proizvodstvo_fff:before, .with-icon_eksklyuzivnye-partnery_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -259px; width: 36px; height: 36px; } .with-icon_sport-i-otdyh:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -111px; width: 36px; height: 36px; } .with-icon_sport-i-otdyh:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -37px; width: 36px; height: 36px; } .with-icon_sport-i-otdyh_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px -74px; width: 36px; height: 36px; } .with-icon_stroitelstvo-i-remont:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -436px 0px; width: 36px; height: 36px; } .with-icon_stroitelstvo-i-remont:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -333px -375px; width: 36px; height: 36px; } .with-icon_stroitelstvo-i-remont_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -375px; width: 36px; height: 36px; } .with-icon_suveniry:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -296px -375px; width: 36px; height: 36px; } .with-icon_suveniry:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -222px -375px; width: 36px; height: 36px; } .with-icon_suveniry_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -259px -375px; width: 36px; height: 36px; } .with-icon_tekstil:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -185px -375px; width: 36px; height: 36px; } .with-icon_tekstil:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -111px -375px; width: 36px; height: 36px; } .with-icon_tekstil_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -148px -375px; width: 36px; height: 36px; } .with-icon_tovary-dlya-detey:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -74px -375px; width: 36px; height: 36px; } .with-icon_tovary-dlya-detey:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -375px; width: 36px; height: 36px; } .with-icon_tovary-dlya-detey_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -37px -375px; width: 36px; height: 36px; } .with-icon_tovary-dlya-vzroslyh:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -333px; width: 36px; height: 36px; } .with-icon_tovary-dlya-vzroslyh:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -259px; width: 36px; height: 36px; } .with-icon_tovary-dlya-vzroslyh_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -296px; width: 36px; height: 36px; } .with-icon_tvorchestvo:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -222px; width: 36px; height: 36px; } .with-icon_tvorchestvo:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -74px -338px; width: 36px; height: 36px; } .with-icon_tvorchestvo_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px 0px; width: 36px; height: 36px; } .with-icon_velosipedy:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -268px; width: 36px; height: 36px; } .with-icon_velosipedy:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -523px; width: 36px; height: 36px; } .with-icon_velosipedy_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -231px; width: 36px; height: 36px; } .with-icon_zootovary:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -473px -185px; width: 36px; height: 36px; } .with-icon_zootovary:hover:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -194px; width: 36px; height: 36px; } .with-icon_zootovary_fff:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -399px -74px; width: 36px; height: 36px; } .with-icon_more-arrow_grey:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -663px -454px; width: 4px; height: 6px; } .with-icon_zoom { font-size: 14px; } .with-icon_zoom:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -115px; width: 19px; height: 19px; margin-right: 8px; } .i-visa, .i-mastercard, .i-mir { display: inline-block; vertical-align: middle; width: 59px; } .i-visa { height: 16px; background: url("/image/i-visa.png") no-repeat; } .i-mastercard { width: 59px; height: 23px; background: url("/image/i-mastercard.png") no-repeat; } .i-mir { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -186px -277px; width: 50px; height: 14px; } input, textarea, select, option { outline: none; font-size: 100%; line-height: 1.8; padding: 0; margin: 0; font-family: "Open Sans"; box-sizing: border-box; } textarea { resize: vertical; } .textarea { position: relative; width: auto; background: #fff; border: 1px solid #c5c5bc; box-shadow: inset 0 1px 2px rgba(152, 152, 170, 0.6); border-radius: 4px; box-sizing: border-box; padding: .5em; } .textarea_1 { height: 100px; width: 100%; } .textarea.error { border-color: #db613d; } input[type="text"], input[type="password"], input:not([type]), .input_styled { -webkit-appearance: none; padding: 0 .5em; } .input_styled::-ms-clear { display: none; } input[type="password"] { padding-right: 20px; } /*for IE, Microsoft Edge*/ input[type="password"]::-ms-reveal, input[type="text"]::-ms-clear { display: none; } /*fix ios button style*/ input[type="submit"], input[type="button"], button { -webkit-appearance: none; } label { display: inline-block; } label input[type="checkbox"], label input[type="radio"] { margin-right: 5px; } .example { font: italic 13px/1 "Open Sans"; color: #aaa49b; max-height: 100%; } .invalid_message, .error-message, .district-error { font: italic 13px/1 "Open Sans"; color: #fb3a2f; } .success-message { font: italic 13px/1 "Open Sans"; color: #66cb2f; } .ex-form { margin-top: 1em; padding: 2em 1em; background: #f5f5ed; box-sizing: border-box; border-radius: 6px; max-width: 660px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); /* for checkout form dl + dl { margin-top: 1em; }*/ } .ex-form_with-title { padding-top: 1em; } .ex-form dl { margin: 0; } .ex-form dl:after { content: ""; display: table; clear: both; } .ex-form dt { float: left; width: 9.5em; margin: 0; font-weight: 400; } .ex-form dt label { font-size: 13px; } .ex-form dt + dd, .ex-form .repeated + dd { margin-left: 10em; } .ex-form dd { margin: 0 0 1.5em 0; } .ex-form dd .input, .ex-form dd .selectus, .ex-form dd .button { margin-top: -.4em; font-size: 14px; } .ex-form dd .link, .ex-form dd .input + .button { font-size: 13px; } .ex-form dd.control { margin-bottom: 0; } .ex-form dd .control__checkbox { margin-left: 1em; font-size: 13px; } .ex-form-indent { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #dfdedc; } #password-reset-success-form { position: relative; } #password-reset-success-form h5, #password-reset-success-form .h5 { margin-top: 0; } #password-reset-success-form .popup__close_symbol { position: absolute; top: -28px; right: -1px; cursor: pointer; } #password-reset-success-form p { font-size: 13px; margin: 0.7em 0.5em 1em 0; } #password-reset-success-form .example { line-height: 1.2; vertical-align: top; display: inline-block; width: 52%; } #password-reset-success-form dd .button { margin-top: 0; } .dl-form { /* for checkout form dl + dl { margin-top: 1em; }*/ } .dl-form dl { margin: 0; } .dl-form dl:after { content: ""; display: table; clear: both; } .dl-form dt { float: left; width: 9.5em; margin: 0; font-weight: 400; } .dl-form dt label { font-size: 13px; } .dl-form dt + dd, .dl-form .repeated + dd { margin-left: 10em; } .dl-form dd { margin: 0 0 1.5em 0; } .dl-form dd .input, .dl-form dd .selectus, .dl-form dd .button { margin-top: -.4em; font-size: 14px; } .dl-form dd .link, .dl-form dd .input + .button { font-size: 13px; } .dl-form dd.control { margin-bottom: 0; } .dl-form dd .control__checkbox { margin-left: 1em; font-size: 13px; } .dl-form_indent { margin-top: 2em; } .dl-form-city, .dl-form-index, .dl-form-addr, .dl-form-addr2 { display: inline-block; vertical-align: top; } .dl-form-city { width: 70%; margin-top: 1em; } .dl-form-index { width: 30%; } .dl-form-index dt { width: 5em; margin-right: 1em; text-align: right; } .dl-form-index dt + dd { margin-left: 6em; } .dl-form-addr { width: 60%; } .dl-form-addr2 { width: 40%; } .dl-form-addr2 dd { margin-left: 1em; } .dl-form .address-is-saved { padding-left: 1em; display: none; } .dl-form .font-small { font-size: 13px; } .label { position: relative; } .label.label_inline { display: inline-block; margin-right: .8em; } .label.label_inline:last-child { margin-right: 0; } .label_multi { padding-left: 1.2em; } .label_multi input[type="checkbox"] { position: absolute; top: .3em; left: 0; } .input, .retailrocket .input { width: 100%; /* Input additional controls */ } .input__decrease, .input__increase, .retailrocket .input__decrease, .retailrocket .input__increase { position: absolute; top: 4px; color: #989898; font-size: 18px; text-decoration: none; cursor: pointer; user-select: none; } .input__decrease.disable, .input__increase.disable, .retailrocket .input__decrease.disable, .retailrocket .input__increase.disable { opacity: .4; cursor: default; } .input__decrease, .retailrocket .input__decrease { left: 4px; } .input__decrease:before, .retailrocket .input__decrease:before { content: "−"; } .input__increase, .retailrocket .input__increase { right: 4px; } .input__increase:before, .retailrocket .input__increase:before { content: "+"; } .input-after-label, .retailrocket .input-after-label { margin-left: 1em; font-size: 13px; } .input_with-ctl-cities, .retailrocket .input_with-ctl-cities { width: calc(100% - 20px); } .input.input_with-ctl, .retailrocket .input.input_with-ctl { width: calc(100% - 40px); } .input.input_with-ctl + .ctl, .retailrocket .input.input_with-ctl + .ctl { float: right; margin-top: 2px; } .input-clear, .retailrocket .input-clear { position: absolute; right: 10px; top: 50%; margin-top: -7px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -587px; width: 11px; height: 12px; } .input_styled { position: relative; width: 100%; background: #fff; border: 1px solid #c5c5bc; box-shadow: inset 0 1px 2px rgba(152, 152, 170, 0.6); border-radius: 4px; box-sizing: border-box; height: 32px; } .input_styled:focus { border-color: #00aeef; } .input_styled.error { border-color: #db613d; } .callme-question { height: 75px; resize: none; overflow-y: auto; } .error-text { color: #ff372b; font-size: 13px; font-style: italic; } .input_auto { width: auto; } .input_1 { width: 220px; } .input_2 { width: 270px; } .input_3 { width: 410px; } .input_4 { max-width: 185px; } .input_tall { height: 35px; font-size: 15px; } .input_phone { max-width: 140px; } .input_pswd { max-width: 200px; } .pswd__gen-button { width: 123px; float: right; text-align: right; box-sizing: border-box; } .pswd__gen-button .button { font-size: 20px; padding-top: 0.7em; padding-bottom: 0.7em; } .choice-country { margin-left: 12px; cursor: pointer; display: inline; } .choice-country_active { width: 0; font-size: 0; } .choice-country_active:before { content: ''; width: 24px; height: 24px; display: inline-block; margin-bottom: -6px; } .choice-country .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .choice-country .with-icon_arrowup-blue:before, .choice-country #managers-toggle.opened .with-icon_arrowdown-blue:before, #managers-toggle.opened .choice-country .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .choice-country-popup .country:before { content: ''; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; float: none; } .contact_phone_wrapper { position: relative; } .contact_phone_wrapper input { padding-left: 75px; } .contact_phone_wrapper .choice-country { position: absolute; left: 0; top: 0; border-right: 1px solid #ccc; padding-right: 12px; height: 29px; padding-top: 3px; } .choice-type-of-ownership { padding: 5px 10px 5px 10px; cursor: pointer; background: #fdfdfd; /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%); /* IE10+ */ background: linear-gradient(to bottom, #fdfdfd 0%, #dbdbdb 100%); /* W3C */ border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .choice-type-of-ownership .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; margin-left: 18px; } .choice-type-of-ownership .with-icon_arrowup-blue:before, .choice-type-of-ownership #managers-toggle.opened .with-icon_arrowdown-blue:before, #managers-toggle.opened .choice-type-of-ownership .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; margin-left: 18px; } .choice-type-of-ownership-popup li { cursor: pointer; } .choice-type-of-ownership-popup li.active { font-weight: bold; } .input_amount[type="text"], .input_range[type="text"] { height: 28px; line-height: 28px; text-align: center; } .input_amount[type="text"] { padding-right: 14px; padding-left: 14px; } /* Header Search */ .search { display: inline-block; width: 100%; max-height: 32px; } .search__searchfield { overflow: hidden; position: relative; width: auto; background: #fff; border: 1px solid #c5c5bc; box-shadow: inset 0 1px 2px rgba(152, 152, 170, 0.6); border-radius: 4px; box-sizing: border-box; border: none; border-radius: 4px; } .search__searchfield:before { content: ""; position: absolute; top: 50%; margin-top: -7.5px; left: 8px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -65px; width: 15px; height: 15px; pointer-events: none; } .search__searchfield .search-input { width: 100%; line-height: normal; margin-top: 5px; padding-left: 29px; } .search__submit-button { width: 100px; float: right; text-align: right; box-sizing: border-box; } .search__select-button { position: relative; float: right; width: auto; border-left: 1px solid #ccc; background: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; } .search__select-button .select { position: relative; display: block; cursor: pointer; z-index: 1; border: none; height: 100%; text-align: center; } .search__select-button .select .selected { display: inline-block; margin: 0; padding: 0 .5em; text-decoration: none; } .search__select-button .select .selected:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 8px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .search__select-button .selectors { border-bottom-left-radius: 0; border-top-left-radius: 0; overflow-x: hidden; overflow-y: hidden; } .search__select-button .selectors ::-webkit-scrollbar { width: 5px; } .search__select-button .selectors ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .search__select-button .selectors ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .search__select-button .selectors .search-category-wrap { padding-right: 10px; overflow-y: auto; overflow-x: hidden; max-height: 695px; } .search__select-button .selectors input { position: absolute; left: -100px; } .search__select-button .selectors input:first-child + label { margin-top: 0; } .search__select-button .selectors label { display: block; margin: .5em 0; padding: 0; white-space: nowrap; cursor: pointer; } .search__select-button .selectors .selected { font-weight: bold; } .search__select-button .selectors:not(.hidden) { top: 100%; left: 0; height: auto; max-height: 52em; } .search input { border: none; background: none; } .search-tips { padding: 13px 11px; border-radius: 6px 0 0 6px; } .search-tips ::-webkit-scrollbar { width: 5px; } .search-tips ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .search-tips ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .search-tips .tips-wrap { max-height: 485px; overflow-y: auto; } .search-tips .tips-wrap.tips-enabled li:hover { background-color: #e8f2fb; } .search-tips .tips-wrap.tips-enabled .show-all-items:hover, .search-tips .tips-wrap.tips-enabled .h4:hover { background-color: white; } .search-tips .categories { position: relative; } .search-tips .h4, .search-tips .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .search-tips h2.h4, .search-tips .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .search-tips .h4.b-chponck__price, .search-tips .one-new-description h2.h4, .one-new-description .search-tips h2.h4, .search-tips .one-new-description .h4.b-chponck__price, .one-new-description .search-tips .h4.b-chponck__price { font-weight: 700; font-size: 14px; color: #507299; } .search-tips .toggle-tips { float: right; margin-right: 19px; font-size: 13px; font-weight: normal; } .search-tips ul { margin-top: 0; margin-bottom: 12px; } .search-tips ul:last-child { margin-bottom: 0; } .search-tips ul li { margin: 0 6px; padding: 5px 8px; position: relative; overflow: hidden; } .search-tips ul li:before { content: ''; float: none; margin-left: 0; } .search-tips ul li.selected .link, .search-tips ul li.selected .link_dark { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .search-tips ul li.selected .button { border-color: #002b41; } .search-tips ul li > a.elipsis { overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; } .search-tips ul li > a .highlight { font-weight: bold; } .search-tips ul li > a .price { position: absolute; right: 13px; padding-left: 30px; } .search-tips ul li > span { margin-left: 20px; font-size: 12px; font-style: italic; color: #afb8bb; } .search-tips button { margin: 17px 0 7px 0; } .search-tips hr { border-color: #bde3f0; margin: 13px; } .date_control .selectus { display: inline-block; width: 120px; margin: 0 .8em; } .date_control .selectus .selectors { max-height: 17em; } .input-fake { display: inline-block; position: relative; width: 60px; background: #fff; border: 1px solid #c5c5bc; box-shadow: inset 0 1px 2px rgba(152, 152, 170, 0.6); border-radius: 4px; box-sizing: border-box; transition: width 0.1s ease-in; } .input-fake.large { width: 80px; transition: width 0.1s ease-in; } .input-fake_amount { width: 80px; transition: width 0.1s ease-in; min-height: 30px; } .input-fake_amount.large { width: 90px; transition: width 0.1s ease-in; } .input-fake_amount .input_amount { min-height: 28px; } .input-fake_auto { width: auto; } .input-fake_300 { width: 300px; } .input-fake_450 { width: 450px; } .input-fake input { border: none; background: none; } .input-fake input.ui-autocomplete-input { padding-right: 28px; } .uploadFile_control { position: relative; } .input_fileupload { position: relative; overflow: hidden; width: calc(100% - 120px); } .input_fileupload + .button { margin-left: 20px; width: 100px; } .input_fileupload + .button input { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; margin: 0; padding: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .uploaded-preview { margin: -10px 0; } .uploaded-preview + .input_fileupload { margin-left: 10px; width: calc(100% - 172px); } .form-limited { max-width: 900px; } .big-label { font-size: 17px; font-weight: 700; } .input-fake.blured { box-shadow: 0 0 0 1px #1f84db, inset 0 1px 2px rgba(197, 197, 188, 0.7); border-color: transparent; } .input-fake.blured .ui-slider-amount { height: 0; } .select { display: inline-block; } .select .arrow_down:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -381px -367px; width: 10px; height: 6px; } .select .arrow_up:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -370px -367px; width: 10px; height: 6px; } .select .js-options li { cursor: pointer; } .select .js-options li:hover { color: #fb3a2f; } .flex-row { align-items: flex-start; display: flex; flex-direction: row; justify-content: space-between; } .form_blue { text-align: left; } .form_blue .input_wrapper { margin-bottom: 30px; } .form_blue .input_wrapper textarea { height: 90px; } .form_blue label { font-size: 13px; padding: 0 5px 0.6em; } .form_blue .input { font-size: 17px; } .form_blue .input_phone { max-width: 100%; padding: 1px 0 0 4.5em; width: 100%; } .form_blue .choice-country { height: 23px; position: absolute; left: 0; top: 0; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 4px 11px 4px 1px; } .form_blue .select-wrapper { margin: 0; } .form_blue .label { margin: -10px 0 15px; } .form_blue .label input { float: left; } .form_blue .label .example { color: #fff; display: block; line-height: 1.3; margin-left: 22px; } .form_blue .label .example a { border-bottom: 1px dashed rgba(255, 255, 255, 0.4); } .form_blue .label .example a:hover, .form_blue .label .example .search__select-button .selectors label:hover, .search__select-button .selectors .form_blue .label .example label:hover { border-color: rgba(255, 255, 255, 0); } .form_blue .button-wrapper { text-align: center; } .form_blue .label_wrapper, .form_blue .-for-checkbox { position: relative; margin-left: 20px; } .process-demo { position: absolute; top: 0; left: 0; bottom: 0; right: 100%; background: #1f84db; } .main-to-background { position: absolute; top: 100px; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: -1; } .search-results { position: relative; margin-top: 1px; line-height: 1.5; background: #fff; z-index: 100; } .search-results .catalog { width: auto; background: transparent; } @media screen and (max-width: 1077px) { .search-results .catalog .product { width: 33%; } } .search-results__similar, .search-results__mistake { display: block; margin-top: 1em; font-size: 13px; } .search-results .side-filter_rt { margin-top: .2em; } .search-results .popup__close { z-index: 331; } .search__select-button > input, .search__select-button > label { display: none; } .b-popup .corner-arrow { display: block; position: absolute; top: 0; width: 0; height: 0; margin: -9px 0 0 0; border-bottom: 9px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 101; } .b-popup .corner-arrow:before { box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.1); content: ''; height: 12px; left: -7px; position: absolute; transform: rotate(45deg); top: 4px; width: 16px; } .b-popup > .js-popup-close { position: absolute; top: 0; right: 8px; color: #afb8bb; font-size: 20px; font-weight: bold; cursor: pointer; } .b-popup > .js-popup-close:hover { color: #fb3a2f; } .b-popup_window { text-align: center; padding: 2.1em; width: 440px; } .b-popup_window p { font-size: 14px; } .b-popup_window.b-popup_continue-shopping { text-align: left; } .b-popup_window.b-popup_continue-shopping .button { font-size: 13px; display: inline-block; line-height: 1.2; } .b-popup_window.b-popup_continue-shopping .popup_nav-link { padding: 16px 0 0; } .b-popup_window.b-popup_continue-shopping .popup_note { color: #90908b; padding-top: 0; } .b-popup_window.b-popup_continue-shopping .popup-minsum_sum { display: inline-block; } .b-popup_window .popup-minsum_sum { font-size: 23px; padding: 4px 0 4px 0; } .b-popup_window .popup-minsum_sum .rur { font-size: 21px; } .b-popup_window .popup-minsum_sum .popup_note { padding-top: 0; } .b-popup_window .popup-minsum_sum .popup_note .link { font-size: 12px; font-weight: 100; font-style: italic; line-height: 20px; color: #aea59c; border-bottom-color: rgba(174, 165, 156, 0.3); } .b-popup_window .link { display: inline-block; font-weight: bold; font-size: 14px; } .b-popup_window .popup_note { display: block; font-style: italic; font-size: 12px; line-height: 20px; padding-top: 10px; color: #aea59c; } .b-popup_window .popup_delivery-note { padding-top: 6px; } .b-popup_window .popup_nav-link { padding-bottom: 35px; } .b-popup_window .button_grayscale { font-size: 14px; padding: 0.6em 2em; } .b-popup.b-popup-informer { font-size: 14px; width: 335px; padding-top: 30px; line-height: 21px; } .b-popup.b-popup-informer .b-popup-informer_date { font-size: 12px; text-align: right; font-style: italic; color: #b2bec1; margin-top: 7px; } .b-popup.b-popup-informer .popup__close_symbol { font-size: 25px; right: 15px; top: 10px; } .b-popup.js-popup-choice-city, .b-popup.js-popup-choice-city-order { padding: 34px 30px 24px 22px; min-width: 317px; } .b-popup.js-popup-choice-city .choice-city_wrapper-input, .b-popup.js-popup-choice-city-order .choice-city_wrapper-input { position: relative; } .b-popup.js-popup-choice-city .choice-city_wrapper-input .input, .b-popup.js-popup-choice-city-order .choice-city_wrapper-input .input { padding-right: 30px; font-size: 14px; } .b-popup.js-popup-choice-city .choice-city_wrapper-input .choice-city_autocomplete, .b-popup.js-popup-choice-city-order .choice-city_wrapper-input .choice-city_autocomplete { position: relative; z-index: 999; } .b-popup.js-popup-choice-city .ui-autocomplete-input + label, .b-popup.js-popup-choice-city-order .ui-autocomplete-input + label { position: absolute; padding-bottom: 0; margin-top: -14px; font-size: 20px; cursor: pointer; color: #afb8bb; right: 10px; top: 50%; } .b-popup.js-popup-choice-city .ui-autocomplete-input + label:hover, .b-popup.js-popup-choice-city-order .ui-autocomplete-input + label:hover { color: #fb3a2f; } .b-popup.js-popup-choice-city .choice-city_delivery-condition, .b-popup.js-popup-choice-city-order .choice-city_delivery-condition { color: #757575; font-style: italic; display: inline-block; font-size: 11px; margin: 8px 0 9px 0; white-space: normal; } .b-popup.js-popup-choice-city .more, .b-popup.js-popup-choice-city-order .more { font-size: 11px; display: inline-block; font-style: italic; margin-left: 6px; } .b-popup.js-popup-choice-city .button_clean, .b-popup.js-popup-choice-city-order .button_clean { color: #525252; position: relative; padding-left: 47px; padding-right: 47px; } .b-popup.js-popup-choice-city .button_clean:hover, .b-popup.js-popup-choice-city-order .button_clean:hover { color: #002b41; } .b-popup.js-popup-choice-city .ui-autocomplete, .b-popup.js-popup-choice-city-order .ui-autocomplete { position: relative; box-shadow: none; font-size: 13px; } .b-popup.js-popup-choice-city .ui-autocomplete li, .b-popup.js-popup-choice-city-order .ui-autocomplete li { color: #0085df; cursor: pointer; } .b-popup.js-popup-choice-city .ui-autocomplete li:hover, .b-popup.js-popup-choice-city-order .ui-autocomplete li:hover { color: #ff382b; } .b-popup.js-popup-choice-city .not-auth-city-wrapper p, .b-popup.js-popup-choice-city-order .not-auth-city-wrapper p { line-height: 15px; font-size: 14px; margin-bottom: 10px; } .b-popup.js-popup-choice-city .not-auth-city-wrapper p.city, .b-popup.js-popup-choice-city-order .not-auth-city-wrapper p.city { line-height: 23px; font-size: 22px; margin-top: 0; margin-bottom: 17px; } .b-popup.js-popup-choice-city .not-auth-city-wrapper .choice-city_buttons, .b-popup.js-popup-choice-city-order .not-auth-city-wrapper .choice-city_buttons { white-space: nowrap; } .b-popup.js-popup-choice-city .not-auth-city-wrapper .choice-city_buttons button, .b-popup.js-popup-choice-city-order .not-auth-city-wrapper .choice-city_buttons button { line-height: 14px; font-size: 13px; font-weight: bold; vertical-align: top; } .b-popup.js-popup-choice-city .not-auth-city-wrapper .choice-city_buttons .to-choice-wrapper, .b-popup.js-popup-choice-city-order .not-auth-city-wrapper .choice-city_buttons .to-choice-wrapper { display: inline-block; line-height: 14px; font-size: 13px; margin-left: 22px; vertical-align: top; padding-top: .6em; } .b-popup.js-popup-choice-city .district-field, .b-popup.js-popup-choice-city-order .district-field { margin-top: 21px; } .b-popup.js-popup-choice-city .district-field input[type=text], .b-popup.js-popup-choice-city-order .district-field input[type=text] { font-size: 14px; } .b-popup.image-popup .image-popup-img { height: auto; width: 100%; } .b-popup.jp-popup-reason-cancel { min-width: 330px; width: 330px; padding: 28px 35px 24px; } .b-popup.jp-popup-reason-cancel .corner-arrow { left: 71px; } .b-popup.jp-popup-reason-cancel .corner-arrow-right { left: auto; right: 71px; } .b-popup.jp-popup-reason-cancel .g-ul { margin: 5px 0; } .b-popup.jp-popup-reason-cancel .g-ul input { float: left; margin-top: 5px; } .b-popup.jp-popup-reason-cancel .g-ul label > span { display: block; overflow: hidden; padding-left: 5px; } .b-popup.jp-popup-reason-cancel .b-section { padding: 0; } .b-popup.jp-popup-reason-cancel .b-section textarea { min-height: 70px; width: 100%; } .b-popup.jp-popup-reason-cancel .error-message, .b-popup.jp-popup-reason-cancel .district-error { font-size: 12px; line-height: 1.5; } .b-popup.jp-popup-reason-cancel .control { margin-top: 15px; } .b-popup.jp-popup-reason-cancel .control .button { font-size: 14px; } .sl-currencies-popup .g-ul { padding-left: 1px; } .overlay-blue { top: 0; left: 0; width: 100%; height: 100%; z-index: 300; opacity: .53; position: fixed; background: #0b3359; } .product-preview_close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; cursor: pointer; background: url(/image/icons/close-big.png) no-repeat center; } .callme-send-success { background: #f5f5ed; text-align: center; } .callme-send-success p { padding: 0 20px; } .district-popup { top: 30px; width: 100%; z-index: 70; max-height: 150px; } .district-popup ul { margin-top: 0; font-size: 12px; } .district-popup ul li { cursor: pointer; color: #0085df; margin: .5em 0; } .district-popup ul li:hover { color: #ff382b; } .district-popup ul li:before { float: none; content: ''; margin-left: 0; } .district-select .slimScrollDiv { margin: -3px 0; position: absolute; } .district-select .slimScrollBar, .district-select .slimScrollRail { right: 15px; } .district-field .arrow_down, .info-date-block .arrow_down { display: inline-block; vertical-align: middle; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; width: 10px; height: 6px; margin-left: 4px; position: absolute; z-index: 10; right: 12px; top: 10px; } .district-field .arrow_up, .info-date-block .arrow_up { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .district-field .invalid_message, .info-date-block .invalid_message { display: inline-block; width: 100%; } .group-purchase-popup { text-align: left; } .group-purchase-popup .title-block { margin: 0; padding: 0; text-align: center; margin-bottom: 30px; } .group-purchase-popup .title-block .text { width: 50px; font-size: 21px; text-align: center; line-height: 18px; vertical-align: middle; } .group-purchase-popup .title-block .ctl { vertical-align: middle; } .group-purchase-popup .title-block .b-popup { text-align: left; font-size: 13px; top: -20px; min-height: 85px; } .group-purchase-popup .title-label { font-size: 16px; font-weight: 700; } .group-purchase-popup .group-purchase-city-label { font-size: 13px; margin-bottom: 10px; } .group-purchase-popup .city-choose-container { width: 83%; } .group-purchase-popup .city-choose-container .ui-autocomplete-input { font-size: 17px; } .group-purchase-popup .city-choose-container .ui-autocomplete-input + label { position: absolute; padding-bottom: 0; font-size: 20px; cursor: pointer; color: #afb8bb; top: 148px; right: 45px; } .group-purchase-popup .city-choose-container .ui-autocomplete-input + label:hover { color: #fb3a2f; } .group-purchase-popup .district-field { width: 100%; margin: 20px 0 20px; padding: 0; } .group-purchase-popup .district-field .arrow_down { top: 212px; right: 45px; } .group-purchase-popup .district-field .district-choose-container { width: 100%; } .group-purchase-popup .district-field .district-choose-container #group-purchase-district { width: 100%; font-size: 17px; } .group-purchase-popup .district-field .district-choose-container .district-popup { top: 233px; z-index: 999; } .group-purchase-popup .with-icon_q-op-blue:hover + .b-popup_on-hover { display: block; } .group-purchase-popup .list-container .there-is-no-organizers-margin { margin-top: 23px; } .group-purchase-popup .list-container .there-are-organizers-margin { margin-top: 33px; } .group-purchase-popup .list-container .margin-for-block-organizers { margin-bottom: 30px; } .group-purchase-popup .list-container .there-is-no-organizers-mobile { border-bottom: 1px solid #dcdcd5; padding: 10px 0; } .group-purchase-popup .list-container .scrollable-title { color: #afb8bb; font-style: italic; position: relative; text-align: left; font-size: 13px; display: block; margin-bottom: 5px; } .group-purchase-popup .list-container .slimScrollDiv { margin-top: 0; margin-bottom: 0; } .group-purchase-popup .list-container .scrollable ul { margin-top: 0; text-align: left; } .group-purchase-popup .list-container .scrollable ul li { margin-left: 0; } .group-purchase-popup .list-container .scrollable ul li:before { float: none; content: ''; margin-left: 0; } .group-purchase-popup .list-container .scrollable ul .medal { width: 22px; height: 22px; display: inline-block; vertical-align: middle; } .group-purchase-popup .list-container .scrollable ul .gold { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -272px -617px; width: 22px; height: 22px; } .group-purchase-popup .list-container .scrollable ul .silver { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -249px -617px; width: 22px; height: 22px; } .group-purchase-popup .list-container .scrollable ul .bronze { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -295px -617px; width: 22px; height: 22px; } .group-purchase-popup .list-container .scrollable ul .link_pseudo, .group-purchase-popup .list-container .scrollable ul .title_home .home-tab, .title_home .group-purchase-popup .list-container .scrollable ul .home-tab { display: inline; vertical-align: middle; margin-left: 10px; color: #002b41; border-bottom: dashed #afb8bb 1px; } .group-purchase-popup .list-container .scrollable ul .link_pseudo:hover, .group-purchase-popup .list-container .scrollable ul .title_home .home-tab:hover, .title_home .group-purchase-popup .list-container .scrollable ul .home-tab:hover { border-bottom: none; } .group-purchase-organizer-popup { text-align: left; width: 300px; } .group-purchase-organizer-popup .medal { width: 37px; height: 37px; display: inline-block; vertical-align: top; } .group-purchase-organizer-popup .gold { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -156px; width: 37px; height: 37px; } .group-purchase-organizer-popup .silver { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -118px; width: 37px; height: 37px; } .group-purchase-organizer-popup .bronze { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -80px; width: 37px; height: 37px; } .group-purchase-organizer-popup .content-right { width: 200px; display: inline-block; vertical-align: top; margin-left: 10px; } .group-purchase-organizer-popup .content-right .name { text-transform: uppercase; color: #002b41; font-weight: bold; } .group-purchase-organizer-popup .content-right .best { font-style: italic; color: #afb8bb; font-size: 12px; } .group-purchase-organizer-popup .content-right .url { margin-top: 10px; font-size: 12px; } .filter-select-popup { width: 100%; z-index: 70; max-height: 150px; } .filter-select-popup ul { margin-top: 0; font-size: 12px; } .filter-select-popup ul li { cursor: pointer; color: #0085df; margin: .5em 0; } .filter-select-popup ul li.disabled { color: rgba(0, 133, 223, 0.5); } .filter-select-popup ul li.disabled:hover { color: rgba(255, 56, 43, 0.5); } .filter-select-popup ul li:hover { color: #ff382b; } .filter-select-popup ul li:before { float: none; content: ''; margin-left: 0; } .filter-select .slimScrollDiv { margin: -3px 0; position: absolute; } .filter-select .slimScrollBar, .filter-select .slimScrollRail { right: 15px; } .filter-select-field { font-size: 14px; padding-right: 60px; } .filter-select-field label { width: 170px; } .filter-select-field .select-input { width: 170px; user-select: none; /*iOS масштабирует экран при фокусе инпута, если font-size меньше 16px*/ font-size: 16px; transform-origin: left; transform: scale(14/16); } .filter-select-field .arrow { display: inline-block; vertical-align: middle; width: 10px; height: 6px; margin-left: 4px; position: absolute; z-index: 10; left: 150px; bottom: 12px; } .filter-select-field .arrow_down { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .filter-select-field .arrow_up { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .b-popup_window.agreement-popup, .b-popup_window.agreement-popup div { text-align: left; } .b-popup.js-popup-choice-city, .popup.sl-currencies-popup, .sl-currencies-popup.ui-autocomplete, .search__select-button .sl-currencies-popup.selectors, .popup.sl-sale-popup, .sl-sale-popup.ui-autocomplete, .search__select-button .sl-sale-popup.selectors { z-index: 205; } .b-popup_account { left: 50%; margin-left: -280px; text-align: left; top: 100px; width: 560px; } .b-popup_account h2, .b-popup_account .b-chponck__price { margin: 0; } .b-popup_account p { font-size: 16px; } .b-popup_account .b-bill { margin-top: 20px; padding: 0; } .b-popup_account .b-bill p { font-size: 13px; } .b-popup_account .b-bill__label { font-size: 13px; } .b-popup_account .b-aside-buttons { padding: 0; } .b-popup_account .b-aside-buttons .button { font-size: 14px; margin-right: 15px; } .b-popup_account .b-aside-buttons .link { font-size: 13px; font-weight: normal; } .b-popup_account .tabs { margin-bottom: 26px; } .b-popup_account .b-bill-account-sum { margin-bottom: -10px; padding-top: 15px; margin-top: 20px; } .popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; background: rgba(0, 0, 0, 0.4); justify-content: center; z-index: 1000; align-items: center; } .popup_russian-mail-status { width: 315px; } .popup_russian-mail-status .corner-arrow { left: 30px; } .popup_russian-mail-status .comment { font-size: 14px; margin-bottom: 10px; padding: 8px 12px; } .popup_russian-mail-status p { font-size: 13px; } .popup_russian-mail-status .russian_mail_status { padding: 15px 0; } .popup_russian-mail-status .russian_mail_status .b { font-size: 15px; } .popup_russian-mail-status .russian_mail_status .example { font-size: 12px; } .popup_russian-mail-status .russian_mail_status:not(:last-child) { border-bottom: 1px solid #d5d5d5; } .b-popup_order_service { padding-top: 0.3em; text-align: left; width: 630px; } .b-popup_order_service .link { font-weight: normal; } .b-popup_order_service .catalog__item { margin: 1em 0; min-height: 10px; } .b-popup_order_service .catalog__item:hover { background: none; } .b-popup_order_service .catalog__item-main { margin-left: 0; min-height: 110px; padding-left: 115px; } .b-popup_order_service .catalog__item-preview { width: 110px; } .b-popup_order_service .catalog__item-preview:after { display: none; } .b-popup_order_service .catalog__item-preview img { max-width: 110px; } .b-popup_order_service .catalog__item-details { width: 250px; } .b-popup_order_service .catalog__item-price { text-align: left; width: 110px; } .b-popup_order_service .input-fake { width: 80px; } .b-popup_order_service form { border-top: 1px dashed #bfbfbf; margin: 0 -15px; padding: 1.3em 15px 0; } .b-popup_order_service form .input_wrapper { margin: 0.3em 0 1.2em; } .b-popup_order_service form .input_wrapper label { font-size: 14px; margin-bottom: .4em; } .b-popup_order_service form .input_wrapper input { margin-bottom: .4em; } .b-popup_order_service form .input_wrapper .example { font-size: 13px; margin: 0 0 0.4em; } .b-popup_order_service form .comment_blue { padding: 1em; } .b-popup_order_service .sum_wrapper { border-top: 1px dashed #bfbfbf; margin: 25px -15px 0; padding: 0.9em 15px 0; } .b-popup_order_service .sum_wrapper .button { float: right; margin-top: 17px; } .b-popup_order_service .sum_wrapper h5 { margin-top: 0; } /* SMARTBANNER */ .smartbanner { font-family: "Open Sans",Sans-Serif; height: 68px; min-width: 995px; } .smartbanner-show { margin-top: 68px; margin-bottom: 68px; } .smartbanner-windows, .smartbanner-android { background: white; box-shadow: none; line-height: 68px; box-sizing: border-box; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .smartbanner-windows .smartbanner-close, .smartbanner-android .smartbanner-close { text-shadow: none; background: transparent; box-shadow: none; font-size: 28px; color: #818181; margin: 0; padding: 2%; } .smartbanner-windows .smartbanner-icon, .smartbanner-android .smartbanner-icon { border-radius: 3px; width: 48px; height: 48px; margin-right: 3%; } .smartbanner-windows .smartbanner-info, .smartbanner-android .smartbanner-info { text-shadow: none; color: #7f7f7f; font-size: 11px; font-weight: 400; white-space: normal; width: 50%; margin-top: -1%; } .smartbanner-windows .smartbanner-info span, .smartbanner-android .smartbanner-info span { display: none; } .smartbanner-windows .smartbanner-title, .smartbanner-android .smartbanner-title { color: rgba(33, 63, 83, 0.75); font-size: 14px; font-weight: 400; margin-bottom: 1%; } .smartbanner-windows .smartbanner-button, .smartbanner-android .smartbanner-button { box-shadow: none; border: none; position: absolute; right: 0; top: 10%; } .smartbanner-windows .smartbanner-button-text, .smartbanner-android .smartbanner-button-text { color: #00233a; background: transparent; text-transform: uppercase; padding: 0 14px; font-size: 10px; } .smartbanner-ios { background: white; box-shadow: none; line-height: 68px; box-sizing: border-box; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .smartbanner-ios .smartbanner-close { text-shadow: none; background: transparent; box-shadow: none; font-size: 22px; color: #3c3c3c; margin: 0; padding: 2% 1%; } .smartbanner-ios .smartbanner-icon { border-radius: 10px; width: 48px; height: 48px; margin-right: 3%; box-shadow: none; } .smartbanner-ios .smartbanner-info { text-shadow: none; color: black; font-size: 10px; font-weight: 400; white-space: normal; width: 50%; margin-top: -1%; font-family: -apple-system, "Open Sans",Sans-Serif; } .smartbanner-ios .smartbanner-info span { display: none; } .smartbanner-ios .smartbanner-title { color: #3c3c3c; font-size: 14px; font-weight: 400; margin-bottom: 1%; } .smartbanner-ios .smartbanner-button { box-shadow: none; border: none; position: absolute; right: 0; top: 10%; background: none; } .smartbanner-ios .smartbanner-button-text { color: #157efb; background: transparent; text-transform: capitalize; padding: 8px 0; font-size: 13px; font-weight: 400; } /* END OF SMARTBANNER */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @-webkit-keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } .wobble { animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } 100% { transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } 100% { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 200px, 0); } 100% { opacity: 1; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 200px, 0); } 100% { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; animation-duration: .75s; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 100% { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 100% { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { transform: translateY(-100%); visibility: visible; } 100% { transform: translateY(0); } } @keyframes slideInDown { 0% { transform: translateY(-100%); visibility: visible; } 100% { transform: translateY(0); } } .slideInDown { animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { transform: translateX(-100%); visibility: visible; } 100% { transform: translateX(0); } } @keyframes slideInLeft { 0% { transform: translateX(-100%); visibility: visible; } 100% { transform: translateX(0); } } .slideInLeft { animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0); } } @keyframes slideInRight { 0% { transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0); } } .slideInRight { animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { transform: translateY(100%); visibility: visible; } 100% { transform: translateY(0); } } @keyframes slideInUp { 0% { transform: translateY(100%); visibility: visible; } 100% { transform: translateY(0); } } .slideInUp { animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { transform: translateY(0); } 100% { visibility: hidden; transform: translateY(100%); } } @keyframes slideOutDown { 0% { transform: translateY(0); } 100% { visibility: hidden; transform: translateY(100%); } } .slideOutDown { animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { visibility: hidden; transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { visibility: hidden; transform: translateX(-100%); } } .slideOutLeft { animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { transform: translateX(0); } 100% { visibility: hidden; transform: translateX(100%); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { visibility: hidden; transform: translateX(100%); } } .slideOutRight { animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { transform: translateY(0); } 100% { visibility: hidden; transform: translateY(-100%); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { visibility: hidden; transform: translateY(-100%); } } .slideOutUp { animation-name: slideOutUp; } @-webkit-keyframes add-1 { 60% { transform: scale3d(0.8, 0.8, 1); } 85% { transform: scale3d(1.1, 1.1, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes add-1 { 60% { transform: scale3d(0.8, 0.8, 1); } 85% { transform: scale3d(1.1, 1.1, 1); } 100% { transform: scale3d(1, 1, 1); } } @-webkit-keyframes add-2 { to { opacity: 0; transform: scale3d(1, 1, 1); } } @keyframes add-2 { to { opacity: 0; transform: scale3d(1, 1, 1); } } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ .selectus { position: relative; display: block; } .selectus .field_control { position: relative; } .selectus .select { position: relative; display: inline-block; text-decoration: none; padding: 0; width: 100%; height: 32px; line-height: 32px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 4px; background: -webkit-linear-gradient(to bottom, #fefefe 0, #f3f3f3 100%); background: -moz-linear-gradient(to bottom, #fefefe 0, #f3f3f3 100%); background: -ms-linear-gradient(to bottom, #fefefe 0, #f3f3f3 100%); background: linear-gradient(to bottom, #fefefe 0, #f3f3f3 100%); outline: none; z-index: 99; } .selectus .select:after { content: ''; display: inline-block; position: absolute; right: .5em; top: 50%; margin-top: -3px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .selectus .select .selected { display: inline-block; text-decoration: none; padding: 0 1.5em 0 .5em; margin: 0; border: none; box-sizing: border-box; } .selectus .selectors { position: absolute; width: 100%; padding: 1em .5em; overflow: auto; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 6px; background: #fff; z-index: 200; } .selectus .selectors input { position: absolute; left: -100px; } .selectus .selectors input:first-child + label { margin-top: 0; } .selectus .selectors label { display: block; margin: .5em 0; padding: 0; } .selectus .selectors .selected { font-weight: bold; } .selectus .selectors:not(.hidden) { top: 100%; left: 0; height: auto; max-height: 10em; margin-left: 0; margin-top: 1px; } .detect_no-cssgradients.detect_inlinesvg .selectus .select { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); } .detect_no-cssgradients.detect_no-inlinesvg .selectus .select { background: #fefefe; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_romance_approx', endColorstr='$color_concrete_approx',GradientType=0 ); } .hidden { display: block; max-height: 0; margin-left: -10000px; } /* Password */ .control_button_password { display: inline-block; position: absolute; right: .5em; top: 50%; margin-top: -7px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -284px; width: 21px; height: 14px; } .control_button_password_view { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -269px; width: 21px; height: 14px; } #login-form .field.password { display: block; } #login-form .field.password .control_button_password { top: 14px; } #signup-form .field.password { display: inline-block; width: 200px; } #signup-form .field.password .control_button_password { top: 14px; } /* forms */ .input.invalid, .input.error, .invalid .input { border: 1px solid #c16141; } .input.valid, .valid .input { border: 1px solid #66cb2f; } .field { position: relative; } .invalid_message { display: none; } .blured.invalid + .invalid_message, .blured.invalid .invalid_message { display: block; margin-top: .3em; } label.selected .link { cursor: default; border: none; color: #000; } .field.unselected { display: none; } #circularG { position: absolute; left: calc(50% - 70px); top: calc(50% - 70px); width: 50px; height: 50px; z-index: 90; } #circularG .circularG { position: absolute; background-color: #4873D7; width: 11px; height: 11px; border-radius: 8px; animation-name: bounce_circularG; animation-duration: 0.48s; animation-iteration-count: infinite; animation-direction: linear; } #circularG.infinite-preloader { position: relative !important; top: 20px !important; margin-bottom: 100px; } #circularG .infinite-preloader-info { position: relative; top: 60px; left: -85px; width: 220px; text-align: center; } #circularG .infinite-preloader-info .preloader-qty-info { font-size: 13px; color: #a3a3a3; font-style: italic; margin: 0px; } #circularG #circularG_1 { left: 0; top: 20px; animation-delay: 0.18s; } #circularG #circularG_2 { left: 5px; top: 5px; animation-delay: 0.24s; } #circularG #circularG_3 { top: 0; left: 20px; animation-delay: 0.3s; } #circularG #circularG_4 { right: 5px; top: 5px; animation-delay: 0.36s; } #circularG #circularG_5 { right: 0; top: 20px; animation-delay: 0.42s; } #circularG #circularG_6 { right: 5px; bottom: 5px; animation-delay: 0.48s; } #circularG #circularG_7 { left: 20px; bottom: 0; animation-delay: 0.54s; } #circularG #circularG_8 { left: 5px; bottom: 5px; animation-delay: 0.6s; } @-moz-keyframes bounce_circularG { 0% { -moz-transform: scale(1); } 100% { -moz-transform: scale(0.3); } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.3); } } @keyframes bounce_circularG { 0% { transform: scale(1); } 100% { transform: scale(0.3); } } .data-block .data-block__export { text-align: right; } .data-block .data-block__summary { font-size: 14px; margin-bottom: 3px; } .data-block .data-block__summary b { font-weight: bold; } .data-block .data-block__table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 1px solid #ddd; } .data-block .data-block__table thead { font-size: 15px; } .data-block .data-block__table tbody { font-size: 14px; } .data-block .data-block__table th { padding: 8px; border: 1px solid #ddd; vertical-align: bottom; } .data-block .data-block__table td { padding: 8px; border: 1px solid #ddd; vertical-align: top; } .data-block .data-block__table .not-set { color: #afb8bb; } .data-block .data-block__filter input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .data-block .data-block__filter input:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .data-block .data-block__filter input.range-picker { display: inline-block; width: 100px; } .data-block .data-block__filter td { white-space: nowrap; } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ #auth_page footer, #reset_password_page footer { border-top-color: transparent; } #auth_page .layout:before, #reset_password_page .layout:before { height: 100%; } #auth_page .decor, #reset_password_page .decor { position: absolute; width: 100%; } #auth_page .decor:before, #auth_page .decor:after, #reset_password_page .decor:before, #reset_password_page .decor:after { content: ""; position: absolute; } #auth_page .decor:before, #reset_password_page .decor:before { top: 100px; left: -100px; width: 385px; height: 382px; background: url("/image/reg_1.png"); } #auth_page .decor:after, #reset_password_page .decor:after { top: 0; right: -100px; width: 520px; height: 574px; background: url("/image/reg_2.png"); } .b-auth { margin: 0 auto; max-width: 500px; } .b-auth-controls { position: relative; margin-top: 3em; } .b-auth-controls__item { padding: .3em 0; color: #fff; text-transform: uppercase; font-weight: 700; } .b-auth-controls__item span { position: relative; } .b-auth-controls__item + .b-auth-controls__item { margin-left: 40px; } .b-auth-controls__selector { position: absolute; top: -5px; bottom: -5px; background: rgba(2, 62, 135, 0.4); border-radius: 6px; } .b-auth-layer { margin-left: -20px; } .b-auth__row { margin-top: 1em; } .b-auth__row_quiet { opacity: .75; } .b-auth__row label { font-style: italic; font-size: 14px; } .columns-auth { margin-top: 3em; } .columns-auth .icon { display: block; } .columns-auth .icon + p { margin-top: .5em; } .columns-auth .icon_1 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -119px -234px; width: 39px; height: 42px; } .columns-auth .icon_2 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -79px -234px; width: 39px; height: 42px; } .columns-auth .icon_3 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -159px -234px; width: 39px; height: 42px; } .columns-auth .icon_4 { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -38px -234px; width: 40px; height: 42px; } .columns-auth p { font-size: 13px; } #social_auth_enabled #login-form .field.password { display: block; } #social_auth_enabled #login-form .field.password .control_button_password { top: 17px; } #social_auth_enabled #signup-form .field.password { display: inline-block; width: 240px; } #social_auth_enabled #signup-form .field.password .control_button_password { top: 17px; } #social_auth_enabled .ex-form { margin-top: 1em; padding: 30px 40px; background: #f5f5ed; box-sizing: border-box; border-radius: 6px; max-width: 660px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); /* for checkout form dl + dl { margin-top: 1em; }*/ } #social_auth_enabled .ex-form label { font-size: 15px; } #social_auth_enabled .ex-form .auth_button { margin-top: 35px; margin-left: 86px; margin-bottom: 35px; } #social_auth_enabled .ex-form .auth_button .button { padding-top: 11px; padding-bottom: 11px; font-size: 15px; } #social_auth_enabled .ex-form .auth_button span { font-size: 13px; } #social_auth_enabled .ex-form .tab.selected { background: #dcdcd5; } #social_auth_enabled .ex-form .tabs { padding: 7px 0 12px 0; } #social_auth_enabled .ex-form_with-title { padding-top: 1em; } #social_auth_enabled .ex-form dl { margin: 0; } #social_auth_enabled .ex-form dl:after { content: ""; display: table; clear: both; } #social_auth_enabled .ex-form dt { float: left; width: 7em; margin: 0; font-weight: 400; } #social_auth_enabled .ex-form dt label { font-size: 13px; } #social_auth_enabled .ex-form dt + dd, #social_auth_enabled .ex-form .repeated + dd { margin-left: 85px; } #social_auth_enabled .ex-form dd { margin: 0 0 1.5em 0; } #social_auth_enabled .ex-form dd .input, #social_auth_enabled .ex-form dd .selectus, #social_auth_enabled .ex-form dd .button { margin-top: -.4em; font-size: 14px; } #social_auth_enabled .ex-form dd .link, #social_auth_enabled .ex-form dd .input + .button { font-size: 13px; } #social_auth_enabled .ex-form dd.control { margin-bottom: 0; } #social_auth_enabled .ex-form dd .control__checkbox { margin-left: 1em; font-size: 13px; } #social_auth_enabled .ex-form-indent { padding-top: 3px; margin-top: 0; border-top: none; text-align: center; position: relative; } #social_auth_enabled .ex-form-indent_or { background: #f5f5ed; position: absolute; bottom: -5px; left: 156px; font-size: 15px; padding: 0 10px; } #social_auth_enabled .ex-form-indent_trysoc { font-size: 15px; } #social_auth_enabled .ex-form-indent .trysoc_icon { margin: 12px 0 29px 0; } #social_auth_enabled .ex-form-indent .trysoc_icon a { border: none; margin-right: 9px; } #social_auth_enabled .ex-form-indent hr { margin-bottom: 24px; } #social_auth_enabled .ex-form .input_phone { -webkit-appearance: none; padding: 1px 0 0 4.5em; } #social_auth_enabled .ex-form .choice-country { position: absolute; left: 11px; top: 0; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 4px 11px 4px 1px; } #social_auth_enabled .ex-form .pass_field { margin-top: 28px; font-size: 14px; } #social_auth_enabled .ex-form .signup_pos { margin-bottom: 13px; } #social_auth_enabled .ex-form .bubble_gray { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -328px -617px; width: 8px; height: 13px; display: inline-block; position: absolute; right: 10px; top: calc((100% - 13px)/2); pointer-events: none; } #social_auth_enabled .ex-form .sign_button { margin: 64px 0 46px 92px; } #social_auth_enabled .ex-form .sign_button .button { padding: 11px 17px; font-size: 14px; } #social_auth_enabled .ex-form .district-field { height: 26px; } #social_auth_enabled .ex-form .district-field .district-popup { top: 33px; } #social_auth_enabled .ex-form .district-field .arrow_down { top: 14px; } #social_auth_enabled .ex-form .b-auth_ticks { margin-bottom: 28px; } #social_auth_enabled .label { position: relative; } #social_auth_enabled .label.label_inline { display: inline-block; margin-right: .8em; } #social_auth_enabled .label.label_inline:last-child { margin-right: 0; } #social_auth_enabled .label_multi { padding-left: 1.2em; } @-moz-document url-prefix() { #social_auth_enabled .label_multi { padding-left: 1.6em; } } #social_auth_enabled .label_multi input[type="checkbox"] { position: absolute; top: .3em; left: 0; } #social_auth_enabled .input_phone { max-width: none; } #social_auth_enabled .input_pswd { max-width: 240px; } #social_auth_enabled .pswd__gen-button { width: 123px; float: right; text-align: right; box-sizing: border-box; } #social_auth_enabled .pswd__gen-button .button { font-size: 14px; padding-top: 0.7em; padding-bottom: 0.7em; } #social_auth_enabled .choice-country { margin-left: 0; cursor: pointer; display: inline; } #social_auth_enabled .choice-country_active { width: 0; font-size: 0; } #social_auth_enabled .choice-country_active:before { content: ''; width: 24px; height: 24px; display: inline-block; margin-bottom: -6px; } #social_auth_enabled .choice-country .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } #social_auth_enabled .choice-country .with-icon_arrowup-blue:before, #social_auth_enabled .choice-country #managers-toggle.opened .with-icon_arrowdown-blue:before, #managers-toggle.opened #social_auth_enabled .choice-country .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } #social_auth_enabled #soc-auth-extra-data { position: relative; margin-bottom: 190px; top: 40px; } #social_auth_enabled #soc-auth-extra-data h2, #social_auth_enabled #soc-auth-extra-data .b-chponck__price { margin-bottom: 30px; } #social_auth_enabled #soc-auth-extra-data .sign_button { margin-top: 36px; } .b-auth#social_auth_enabled { margin: 0 auto; max-width: 430px; } .b-auth#social_auth_enabled .b-auth-controls { position: relative; margin-top: 3em; text-align: center; } .b-auth#social_auth_enabled .b-auth-controls__item { padding: .3em 0; color: #fff; text-transform: uppercase; font-weight: 700; } .b-auth#social_auth_enabled .b-auth-controls__item span { position: relative; } .b-auth#social_auth_enabled .b-auth-controls__item + .b-auth#social_auth_enabled .b-auth-controls__item { margin-left: 40px; } .b-auth#social_auth_enabled .b-auth-controls__selector { position: absolute; top: -5px; bottom: -5px; background: rgba(2, 62, 135, 0.4); border-radius: 6px; } .b-auth#social_auth_enabled .b-auth-layer { margin-left: -20px; } .b-auth#social_auth_enabled .b-auth__row { margin-top: 1em; } .b-auth#social_auth_enabled .b-auth__row_quiet { opacity: .75; } .b-auth#social_auth_enabled .b-auth__row label { font-style: italic; font-size: 14px; } .subscribed_label { font-size: 13px; font-style: italic; padding-left: 15px; color: #00e000; visibility: visible; } .subscribed_label.hidden { visibility: hidden; } .change-password-form { width: 483px; } .change-password-form .dl-form .control { margin-top: -8px; } .change-password-form .password { position: relative; } .change-password-form .password input { margin-bottom: .3em; } .change-password-form .control_button_password { cursor: pointer; margin-top: -5px; } .change-password-form .control button { height: 30px; } .change-password-form .control .button_clean { height: 32px; } #change-password-oldPassword + .control_button_password { margin-top: -6px; } .usr-items-list_verified { display: inline-block; position: relative; background: url(/image/icons/i_verified.png) no-repeat center; width: 14px; height: 14px; top: -4px; } .usr-items-list__sliza .select.input { width: auto; } .usr-items-list__sliza .select.input .select_active { color: #1f84db; border-bottom: 1px dashed; border-bottom-color: rgba(31, 132, 219, 0.3); cursor: pointer; } .usr-items-list__sliza .select.input .js-options { color: #1f84db; } .usr-items-list__sliza .select.input .js-options li:hover { color: #fb3a2f; } #legal-entity-form .inputs { display: flex; } #legal-entity-form .inputs .choice-type-of-ownership { white-space: nowrap; width: auto; } #legal-entity-form .inputs #name { margin-left: 10px; } .additional-phones dd { margin-left: 10em; } #managers-toggle.opened .with-icon_arrowdown-blue { margin-top: -1px; } /* Кабинет организатора совместных закупок */ .joint-purchase-cabinet .layout:before { height: 100%; } .joint-purchase-cabinet .joint-purchase-form-wrapper { border-radius: 9px; background: #f5f5ed; } .joint-purchase-cabinet .joint-purchase-form-wrapper .b-section { padding-bottom: 60px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .b-section:after { content: ''; position: absolute; bottom: 0; left: 2.5em; right: 2.5em; height: 1px; background: #ccc; } .joint-purchase-cabinet .joint-purchase-form-wrapper .b-section + .b-section { margin-top: 0; } .joint-purchase-cabinet .joint-purchase-form-wrapper .b-info__inner { position: relative; padding: 13px 28px 40px; } .joint-purchase-cabinet .joint-purchase-form-wrapper h2, .joint-purchase-cabinet .joint-purchase-form-wrapper .b-chponck__price { margin-bottom: 0; } .joint-purchase-cabinet .joint-purchase-form-wrapper h4 { margin: 1.5em 0 -0.2em; } .joint-purchase-cabinet .joint-purchase-form-wrapper h2.left, .joint-purchase-cabinet .joint-purchase-form-wrapper .left.b-chponck__price, .joint-purchase-cabinet .joint-purchase-form-wrapper h4.left { display: inline-block; vertical-align: text-bottom; margin-right: 0; float: none; } .joint-purchase-cabinet .joint-purchase-form-wrapper h2.left + .info, .joint-purchase-cabinet .joint-purchase-form-wrapper .left.b-chponck__price + .info, .joint-purchase-cabinet .joint-purchase-form-wrapper h4.left + .info { display: inline-block; vertical-align: text-bottom; margin-bottom: 2px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .contact_info_form { padding-top: 1.4em; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper { max-width: 98%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper label { font-size: 13px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper .jp-contact-value { width: calc(66% - 10px); display: inline-block; max-width: 100%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper input { max-width: calc(100% - 10px); } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper .input-phone { width: 230px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper > .input_wrapper { margin: 0; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper .arrow_down { display: inline-block; vertical-align: middle; margin-left: 4px; position: absolute; z-index: 10; right: 17px; top: 13px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper .district-popup { top: 33px; width: 100%; z-index: 70; max-height: 150px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper + .clearfix, .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper + .collorista-row, .joint-purchase-cabinet .joint-purchase-form-wrapper .collorista-footer .input_wrapper + .collorista-content, .collorista-footer .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper + .collorista-content, .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper + .l-indent-nearby-city, .joint-purchase-cabinet .joint-purchase-form-wrapper .payment-prepare-page .input_wrapper + .payment-prepare-info, .payment-prepare-page .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper + .payment-prepare-info { margin-top: 10px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .delete-form { position: absolute; top: 10px; right: 25px; z-index: 100; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row { position: relative; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .input_wrapper { display: inline-block; vertical-align: top; width: 48%; min-height: 32px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .input_wrapper:first-child { margin-right: 4%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row.inputs-row_with-price .input_wrapper { width: 38%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row.inputs-row_with-price .input_wrapper:first-child { margin-right: 4%; width: 58%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .select-with-input .with-icon { right: 11px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .select-with-input .select-popup { width: calc(100% - 21px); } @media only screen and (max-width: 1279px) { .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row.inputs-row_with-price { width: 100%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row.inputs-row_with-price + .input_wrapper { width: 100%; } } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row-naming { margin-bottom: -29px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper_shorter, .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .input_wrapper_shorter { width: 66%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_wrapper_delivery_price, .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .input_wrapper_delivery_price { width: 28%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .input_wrapper_quarter { width: 23%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .inputs-row .input_wrapper_quarter + .input_wrapper_quarter { margin-left: 4%; width: 19%; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select { display: inline-block; vertical-align: top; position: relative; background: #fff; border: 1px solid #c5c5bc; box-shadow: inset 0 1px 2px rgba(152, 152, 170, 0.6); border-radius: 4px; box-sizing: border-box; height: 32px; padding: 0 .5em; line-height: 30px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input { display: inline-block; width: 60%; height: 32px; padding: 4px 10px; position: absolute; right: 0; top: 0; z-index: 1; background: none; box-shadow: none; border-radius: 0; border-left: 1px solid #c5c5bc; box-sizing: border-box; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .arrow_down:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .arrow_down:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .arrow_up:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .arrow_up:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .with-icon_arrowdown-blue:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .with-icon_arrowup-blue:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select #managers-toggle.opened .with-icon_arrowdown-blue:before, #managers-toggle.opened .joint-purchase-cabinet .joint-purchase-form-wrapper .select .with-icon_arrowdown-blue:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .with-icon_arrowup-blue:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input #managers-toggle.opened .with-icon_arrowdown-blue:before, #managers-toggle.opened .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .js-options li, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .js-options li { cursor: pointer; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .js-options li:hover, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .js-options li:hover { color: #fb3a2f; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .with-icon, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .with-icon { position: absolute; right: 0; width: 22px; background: #fff; box-shadow: -6px 0 6px #fff; height: 24px; top: 4px; cursor: pointer; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .with-icon:before, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .with-icon:before { position: absolute; top: 50%; left: 2px; margin-top: -3px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .select .select_active, .joint-purchase-cabinet .joint-purchase-form-wrapper .select-with-input .select_active { overflow: hidden; height: 100%; display: block; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input-with-select { padding-right: calc(50% + .5em); } .joint-purchase-cabinet .joint-purchase-form-wrapper .input-with-select[type="number"]::-webkit-outer-spin-button, .joint-purchase-cabinet .joint-purchase-form-wrapper .input-with-select[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input-with-select[type="number"] { -moz-appearance: textfield; } .joint-purchase-cabinet .joint-purchase-form-wrapper .add-contacts-field { margin-top: 3em; } .joint-purchase-cabinet .joint-purchase-form-wrapper .add-contacts-field .select { width: calc(24% - 10px); margin-right: 10px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .add-contacts-field .input-with-select { padding-right: 10px; margin-right: 10px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .add-contacts-field .contact_phone_wrapper { display: inline-block; vertical-align: top; margin-right: 10px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .add-contacts-field .input-after-label { width: 10%; display: inline-block; vertical-align: top; } .joint-purchase-cabinet .joint-purchase-form-wrapper .repeat_remove_button, .joint-purchase-cabinet .joint-purchase-form-wrapper .repeat_remove_button_x { position: relative; font-size: 13px; font-style: italic; } .joint-purchase-cabinet .joint-purchase-form-wrapper .repeat_remove_button:after, .joint-purchase-cabinet .joint-purchase-form-wrapper .repeat_remove_button_x:after { content: '×'; display: block; position: absolute; left: 100%; top: 0; margin: 0 0 0 4px; font-size: 20px; line-height: 1; } .joint-purchase-cabinet .joint-purchase-form-wrapper .repeat_remove_button_x { position: absolute; right: 0; top: 24px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .repeat_remove_button_x:after { font-size: 28px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .checkbox-block .input_wrapper { display: inline-block; vertical-align: top; width: 25%; min-width: 180px; margin-top: 10px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .checkbox-block .-for-checkbox { display: inline-block; padding-left: 5px; vertical-align: top; } .joint-purchase-cabinet .joint-purchase-form-wrapper .checkbox-block .label { font-size: 15px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .checkbox-block .field { height: 24px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .checkbox-block .field.js-delivery-checkbox, .joint-purchase-cabinet .joint-purchase-form-wrapper .checkbox-block .field.js-organizer { height: auto; margin-top: 4px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .before_price, .joint-purchase-cabinet .joint-purchase-form-wrapper .after_price { display: inline-block; vertical-align: middle; width: 25px; line-height: 32px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .after_price { width: 18px; text-align: right; } .joint-purchase-cabinet .joint-purchase-form-wrapper .input_price { display: inline-block; vertical-align: middle; width: calc(100% - 50px); max-width: 107px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .pre-input-text { display: inline-block; vertical-align: middle; line-height: 32px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .fee_info_form { position: relative; } .joint-purchase-cabinet .joint-purchase-form-wrapper .fee_info_form .repeat_remove_button { position: absolute; top: 6px; right: 25px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .min-request-sum-block .before_price { width: auto; margin-right: 10px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .min-request-sum-block .input_price { width: 107px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .tabs_simple { margin-top: 15px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .tabs_simple .tab { line-height: 1.2; cursor: pointer; } .joint-purchase-cabinet .joint-purchase-form-wrapper .tabs_simple .tab input { display: none; } .joint-purchase-cabinet .joint-purchase-form-wrapper .tabs_simple .tab.selected { background: #dcdcd5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); } .joint-purchase-cabinet .joint-purchase-form-wrapper .save-user-data-block { padding-top: 44px; padding-bottom: 50px; } .joint-purchase-cabinet .joint-purchase-form-wrapper .update-user-data-button { font-size: 14px; } .joint-purchase-cabinet .extra_26 .b-info { border: 1px dashed rgba(0, 0, 0, 0.35); margin-top: 0; } .joint-purchase-cabinet .extra_26 .b-info .h3 { line-height: 1.2; } .joint-purchase-cabinet .extra_26 .b-info .round-ul + .button { font-size: 13px; width: 100%; margin-top: .8em; margin-bottom: 1em; } .joint-purchase-cabinet .extra_26 .b-info__rules { margin: 40px 0 1em; } .joint-purchase-cabinet .extra_26 .b-info__rules .h5 { font-size: 16px; margin-top: 0.1em; text-transform: uppercase; } .joint-purchase-cabinet .extra_26 .b-info__rules p { margin-top: 0.5em; } .joint-purchase-cabinet .extra_26 .b-info__rules .cart-bill-btn-block { margin: 1.3em 0 1em; } .joint-purchase-cabinet .extra_26 .b-info__rules .cart-bill-btn-block .button { width: auto; } @media only screen and (max-width: 1050px) { .joint-purchase-cabinet .extra_26 .b-info__rules .cart-bill-btn-block .button + .button { margin: 12px 0.5em 0 0; } } .joint-purchase-cabinet .extra_26 .b-info__rules .button { font-size: 13px; } .joint-purchase-cabinet .extra_26 .b-info__rules .button.button_grey { font-weight: normal; } .joint-purchase-cabinet .extra_26 .b-info__rules:first-child { margin-top: 0; } .joint-purchase-cabinet .extra_26 .no-margin { margin: 0; } .joint-purchase-cabinet .extra_26 .b-aside-text { margin-top: 2em; padding: 0 1em; } .joint-purchase-cabinet .extra_26 .b-aside-text dl { font-size: 14px; } .joint-purchase-cabinet .extra_26 .b-bill { background: #2a89cf; border-radius: 6px 6px 0 0; padding: 20px; } .joint-purchase-cabinet .extra_26 .b-bill.b-bill_create-purchase { margin-bottom: 40px; padding-top: 178px; position: relative; } .joint-purchase-cabinet .extra_26 .b-bill.b-bill_create-purchase .b-bill__title { margin-bottom: 23px; } .joint-purchase-cabinet .extra_26 .b-bill.b-bill_create-purchase:before { content: ''; display: block; width: 100%; height: 258px; position: absolute; top: 0; left: 0; background: url(/image/create-purchage-bg.jpg) no-repeat 50% 0; border-radius: 6px 6px 0 0; } .joint-purchase-cabinet .extra_26 .b-bill.b-bill_create-purchase:after { content: ''; display: block; position: absolute; top: -32px; left: -37px; background: url(/image/create-purchage.png); width: 424px; height: 200px; } .joint-purchase-cabinet .extra_26 .b-bill .-for-checkbox { opacity: .7; display: inline-block; width: calc(100% - 28px); vertical-align: top; margin-left: 4px; } .joint-purchase-cabinet .extra_26 .b-bill .flag + .b-bill__row { margin-top: 20px; } .joint-purchase-cabinet .extra_26 .button { font-size: 14px; } .joint-purchase-cabinet .extra_26 .arrow_down { display: inline-block; vertical-align: middle; margin-left: 4px; position: absolute; z-index: 10; right: 17px; top: 13px; } .joint-purchase-cabinet .info-date-block.input_wrapper p { font-size: 13px; margin-bottom: 6px; } .joint-purchase-cabinet .info-date-block.input_wrapper .example { color: rgba(255, 255, 255, 0.5); font-size: 14px; } .joint-purchase-cabinet .cart-bill-btn-block .button { width: 100%; } .joint-purchase-cabinet .joint-purchase-info .important.blue4, .joint-purchase-info .important.blue4 { background: rgba(15, 87, 144, 0.4); } .joint-purchase-cabinet .joint-purchase-info .important.blue4 + .joint-purchase-info-wrapper, .joint-purchase-info .important.blue4 + .joint-purchase-info-wrapper { margin-top: 12px; } .joint-purchase-cabinet .joint-purchase-info .joint-purchase-info-wrapper, .joint-purchase-info .joint-purchase-info-wrapper { border-radius: 9px; background: #fff; } .joint-purchase-cabinet .joint-purchase-info .b-section + .b-section, .joint-purchase-info .b-section + .b-section { margin-top: 0; } .joint-purchase-cabinet .joint-purchase-info .p-row .p-row-label, .joint-purchase-cabinet .joint-purchase-info .p-row .p-row-value, .joint-purchase-info .p-row .p-row-label, .joint-purchase-info .p-row .p-row-value { display: inline-block; vertical-align: top; box-sizing: border-box; width: 50%; max-width: 250px; } .joint-purchase-cabinet .joint-purchase-info .p-row .p-row-label, .joint-purchase-info .p-row .p-row-label { padding-right: 25px; } .joint-purchase-cabinet .joint-purchase-info .p-row .p-row-value, .joint-purchase-info .p-row .p-row-value { width: calc(100% - 250px); max-width: none; word-break: break-all; } .joint-purchase-cabinet .joint-purchase-info h5, .joint-purchase-info h5 { font-size: 13px; padding-left: 2px; } .joint-purchase-cabinet .joint-purchase-info .clearfix + h5, .joint-purchase-cabinet .joint-purchase-info .collorista-row + h5, .joint-purchase-cabinet .joint-purchase-info .collorista-footer .collorista-content + h5, .collorista-footer .joint-purchase-cabinet .joint-purchase-info .collorista-content + h5, .joint-purchase-cabinet .joint-purchase-info .l-indent-nearby-city + h5, .joint-purchase-cabinet .joint-purchase-info .payment-prepare-page .payment-prepare-info + h5, .payment-prepare-page .joint-purchase-cabinet .joint-purchase-info .payment-prepare-info + h5, .joint-purchase-info .clearfix + h5, .joint-purchase-info .collorista-row + h5, .joint-purchase-info .collorista-footer .collorista-content + h5, .collorista-footer .joint-purchase-info .collorista-content + h5, .joint-purchase-info .l-indent-nearby-city + h5, .joint-purchase-info .payment-prepare-page .payment-prepare-info + h5, .payment-prepare-page .joint-purchase-info .payment-prepare-info + h5 { margin-top: 1em; } .joint-purchase-cabinet .joint-purchase-info .change-info-block, .joint-purchase-info .change-info-block { padding-top: 44px; padding-bottom: 50px; } .joint-purchase-cabinet .joint-purchase-info .example, .joint-purchase-info .example { color: rgba(0, 0, 0, 0.5); font-size: 13px; display: inline-block; width: calc(100% - 240px); margin: 0 0 0 20px; vertical-align: middle; } .joint-purchase-cabinet .joint-purchase-info .jp-delivery-tabs, .joint-purchase-info .jp-delivery-tabs { margin: 20px 0; } .joint-purchase-cabinet .joint-purchase-info .jp-info-tab.selected, .joint-purchase-info .jp-info-tab.selected { background-color: #e6e6de; } .joint-purchase-cabinet .joint-purchase-info .jp-districts-group, .joint-purchase-info .jp-districts-group { font-size: 13px; } .joint-purchase-cabinet .joint-purchase-info .jp-districts-list-button, .joint-purchase-info .jp-districts-list-button { font-weight: normal; margin-top: 10px; } .joint-purchase-cabinet .joint-purchase-info .jp-delivery-adress, .joint-purchase-info .jp-delivery-adress { padding-right: 20px; } /*мои отзывы*/ .main_reviews .filtered-block { margin-bottom: 12px; padding-top: 5px; } .main_reviews .catalog-sort { float: none; } .reviews-right-filter { margin-top: 180px; } .reviews-right-filter .stars-grade { margin: 0; } .reviews-right-filter .stars-grade .star { margin-right: 5px; } .b-comment-image { float: left; vertical-align: top; width: 140px; } .cabinet-reviews .b-comment-description { min-height: 140px; padding-left: 160px; } .cabinet-reviews .b-comment-description .notice { background: #ffe5e5; border-radius: 5px; font-size: 13px; margin: 0 0 14px; padding: 11px 16px; } .cabinet-reviews .b-comment-description .textarea { resize: vertical; } .cabinet-reviews .b-comment.b-company-comment { margin-left: 180px; } .b-comment-link:first-child { font-weight: bold; margin-top: -5px; padding: 0 150px 20px 0; } .jp-contol-wrapper { padding-top: 35px; } .jp-contol-wrapper .catalog-sort { float: none; font-size: 12px; margin: 20px 0 10px; } .jp-contol-wrapper .popup.jp-popup-reason-cancel, .jp-contol-wrapper .jp-popup-reason-cancel.ui-autocomplete, .jp-contol-wrapper .search__select-button .jp-popup-reason-cancel.selectors, .search__select-button .jp-contol-wrapper .jp-popup-reason-cancel.selectors { text-align: left; right: 25px; } .jp-contol-wrapper .popup.jp-popup-reason-cancel .corner-arrow, .jp-contol-wrapper .jp-popup-reason-cancel.ui-autocomplete .corner-arrow, .jp-contol-wrapper .search__select-button .jp-popup-reason-cancel.selectors .corner-arrow, .search__select-button .jp-contol-wrapper .jp-popup-reason-cancel.selectors .corner-arrow { right: 1em; left: unset; } .jp-contol-wrapper .popup.jp-popup-reason-cancel textarea, .jp-contol-wrapper .jp-popup-reason-cancel.ui-autocomplete textarea, .jp-contol-wrapper .search__select-button .jp-popup-reason-cancel.selectors textarea, .search__select-button .jp-contol-wrapper .jp-popup-reason-cancel.selectors textarea { height: unset; } .jp-contol-wrapper .popup.jp-popup-reason-cancel .control .button, .jp-contol-wrapper .jp-popup-reason-cancel.ui-autocomplete .control .button, .jp-contol-wrapper .search__select-button .jp-popup-reason-cancel.selectors .control .button, .search__select-button .jp-contol-wrapper .jp-popup-reason-cancel.selectors .control .button { margin-left: 6px; } .section-jp-card { margin-top: 8px; padding: 1.5em; position: relative; } .section-jp-card + .b-section { margin-top: 8px; } .section-jp-card .b-avatar { left: 32px; position: absolute; top: 20px; width: 80px; height: 80px; line-height: 80px; text-align: center; text-transform: uppercase; font-size: 40px; font-weight: bold; color: white; background-color: #a5bed8; background-size: cover; border-radius: 80px; background-position: center; box-shadow: none; } .section-jp-card .section-text { padding-left: 120px; min-height: 100px; } .section-jp-card .flex-row { margin-bottom: 1em; } .section-jp-card .flag-comment .flag { margin-bottom: 7px; } .section-jp-card .flag-comment .flag:empty { display: none; } .section-jp-card .flag-comment .notice { color: #999; font-size: 12px; white-space: nowrap; } .section-jp-card .controls { flex-basis: auto; flex-shrink: 0; margin-top: -6px; text-align: right; } .section-jp-card .controls .button { margin: 0 0 1em 8px; } @media only screen and (max-width: 1450px) { .section-jp-card .controls { flex-shrink: 1; } } .section-jp-card .managers_contact-info { margin-top: 22px; } .section-jp-card .managers_contact-info a { display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .section-jp-card .user-info, .section-jp-card .jp-info, .section-jp-card .price-info { display: inline-block; font-size: 12px; overflow: hidden; padding-right: 2%; vertical-align: top; width: 38%; } .section-jp-card .user-info p, .section-jp-card .jp-info p, .section-jp-card .price-info p { font-size: 12px; } .section-jp-card .user-info p:not(:first-child), .section-jp-card .jp-info p:not(:first-child), .section-jp-card .price-info p:not(:first-child) { margin-top: 2em; } .section-jp-card .user-info .h4, .section-jp-card .user-info .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .section-jp-card .user-info h2.h4, .section-jp-card .user-info .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .section-jp-card .user-info .h4.b-chponck__price, .section-jp-card .jp-info .h4, .section-jp-card .jp-info .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .section-jp-card .jp-info h2.h4, .section-jp-card .jp-info .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .section-jp-card .jp-info .h4.b-chponck__price, .section-jp-card .price-info .h4, .section-jp-card .price-info .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .section-jp-card .price-info h2.h4, .section-jp-card .price-info .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .section-jp-card .price-info .h4.b-chponck__price { height: 40px; display: table-cell; vertical-align: bottom; } .section-jp-card .user-info .h4:empty, .section-jp-card .user-info .product__info .sl-description .sl-description-text h2.h4:empty, .product__info .sl-description .sl-description-text .section-jp-card .user-info h2.h4:empty, .section-jp-card .user-info .product__info .sl-description .sl-description-text .h4.b-chponck__price:empty, .product__info .sl-description .sl-description-text .section-jp-card .user-info .h4.b-chponck__price:empty, .section-jp-card .jp-info .h4:empty, .section-jp-card .jp-info .product__info .sl-description .sl-description-text h2.h4:empty, .product__info .sl-description .sl-description-text .section-jp-card .jp-info h2.h4:empty, .section-jp-card .jp-info .product__info .sl-description .sl-description-text .h4.b-chponck__price:empty, .product__info .sl-description .sl-description-text .section-jp-card .jp-info .h4.b-chponck__price:empty, .section-jp-card .price-info .h4:empty, .section-jp-card .price-info .product__info .sl-description .sl-description-text h2.h4:empty, .product__info .sl-description .sl-description-text .section-jp-card .price-info h2.h4:empty, .section-jp-card .price-info .product__info .sl-description .sl-description-text .h4.b-chponck__price:empty, .product__info .sl-description .sl-description-text .section-jp-card .price-info .h4.b-chponck__price:empty { display: none; } .section-jp-card .jp-info { padding-top: 5px; } .section-jp-card .jp-info p:first-child { height: 40px; display: table-cell; vertical-align: bottom; } .section-jp-card .jp-info p { line-height: 2; } .section-jp-card .jp-info p:not(:first-child) { margin-top: 14px; } .section-jp-card .price-info { padding-right: 0; padding-top: 19px; text-align: right; width: 18%; } .section-jp-card .price-info .price_heavy { font-size: 16px; } .section-jp-card .price-info p.price-markup { color: #a3a3a3; font-size: 13px; margin-top: 18px; } .section-jp-card .price-info p.price-markup .price_heavy { font-size: 13px; } .section-jp-card .h4, .section-jp-card .sl-description .sl-description-text h2.h4, .sl-description .sl-description-text .section-jp-card h2.h4, .section-jp-card .sl-description .sl-description-text .h4.b-chponck__price, .sl-description .sl-description-text .section-jp-card .h4.b-chponck__price, .section-jp-card .one-new-description h2.h4, .one-new-description .section-jp-card h2.h4, .section-jp-card .one-new-description .h4.b-chponck__price, .one-new-description .section-jp-card .h4.b-chponck__price { color: #000; font-size: 15px; font-weight: bold; line-height: 1.2; margin-bottom: 2em; } .section-jp-card .managers_phone-list { padding-bottom: 0; } .section-jp-card .input_wrapper { margin-top: 2em; width: 78%; } .section-jp-card .input_wrapper input, .section-jp-card .input_wrapper textarea { font-size: 12px; height: 32px; padding: 4px .5em; resize: none; overflow: hidden; } @media only screen and (max-width: 1279px) { .section-jp-card .user-info { width: 100%; } .section-jp-card .jp-info { width: 73%; } .section-jp-card .price-info { width: 25%; } .section-jp-card .input_wrapper { width: 95%; } } /* flags */ .catalog-holder { position: relative; } .catalog-holder .pagination-cart { margin-bottom: 0; } /*carousel*/ .carousel { position: relative; margin-top: 10px; } .carousel figure { position: relative; display: inline-block; vertical-align: top; margin: 5px; width: 70px; height: 70px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .carousel figure:hover .back { z-index: 2; } .carousel figure .front, .carousel figure .back { position: absolute; display: block; width: 100%; height: 100%; border-radius: 2px; } .carousel figure .front { background-color: #fff; background-position: center; background-repeat: no-repeat; z-index: 1; } .carousel figure .back { animation-duration: .25s; background: rgba(31, 132, 219, 0.8); line-height: 70px; text-align: center; } .carousel figure img { display: block; margin: 0 auto; width: 90%; } .carousel-close { float: right; margin: 0 1.9em 0 0; font-size: 13px; } .carousel-close + h3, .carousel-close + .h3 { margin-right: 100px; } /** * Переопределение стилей для карусели РР в корзине (товара нет в наличии) */ .backbone-cart-items-view .js-analogs { padding: 0; } .backbone-cart-items-view .hint-preview { left: 90px; } .cart_gift .hint-preview { left: 90px; } .rr-cart-analog-container .rr-widgettitle { display: none; } .rr-cart-analog-container .retailrocket.retailrocket-widget.retailrocket-theme-sima { margin: 0; } .rr-cart-analog-container .retailrocket.retailrocket-widget.retailrocket-theme-sima .rr-items { margin: 0; } .rr-cart-analog-container .products:not([data-type=multi]) .owl-next, .rr-cart-analog-container .products:not([data-type=multi]) .owl-prev { margin-top: -29px; } .rr-cart-analog-container .with-icon_abs:before { left: -5px; } .rr-cart-analog-container .retailrocket section.main, .rr-cart-analog-container .recommendation-list { width: 100%; } .catalog.cart-items-table.gift-cart-items .catalog__item-qt, .catalog.cart-items-table.gift-cart-items .catalog__item-total { font-size: 16px; font-weight: bold; text-align: center; } .catalog.cart-items-table.gift-cart-items .price__val { padding-left: 30px; } .catalog.cart-items-table.gift-cart-items .price_gift { padding-right: 31px; } .jp-orders-table { font-size: 13px; } .jp-orders-table p { font-size: 13px; margin-top: 5px; line-height: 1.3; } .jp-orders-table .i { color: #a3a3a3; } .jp-orders-table .catalog__item-main_compact { padding-left: 20px; padding-top: 1.8em; margin-right: 180px; } .jp-orders-table .catalog__item-details-wrapper { display: inline-block; width: 100%; position: relative; } .jp-orders-table .catalog__item-details, .jp-orders-table .catalog__item-details:first-child { width: 25%; display: block; box-sizing: border-box; padding: 0 10px 0 0; } .jp-orders-table .catalog__item-details + .catalog__item-details, .jp-orders-table .catalog__item-details:first-child + .catalog__item-details { padding-left: 0; } .jp-orders-table .catalog__item-details .link, .jp-orders-table .catalog__item-details:first-child .link { font-size: 15px; } .jp-orders-table .catalog__item-total { display: block; float: right; text-align: right; width: 180px; padding: 1.8em 10px 0 0; box-sizing: border-box; } .jp-orders-table .price_fee { padding-right: 25px; box-sizing: border-box; } .jp-orders-table .price_fee .price { font-style: normal; } .joint-purchase-control .b-bill + .b-bill { margin-top: 30px; } .joint-purchase-control .b-bill__row_wide { margin-top: 12px; margin-bottom: 0; padding-bottom: 0; } .joint-purchase-control .b-aside-text p { font-size: 14px; } .joint-purchase-control .b-aside-text .button_clean { font-size: 14px; margin-top: 1.4em; } .joint-purchase-control .b-aside-text .file { margin-right: 0; } .joint-purchase-control .jp-order-item .p-wrapper { position: relative; } .joint-purchase-control .jp-order-item .p-wrapper .b-popup_on-hover { width: 302px; left: -83px; bottom: calc(100% + 9px); text-align: left; } @media only screen and (max-width: 1721px) { .joint-purchase-control .jp-order-item .p-wrapper .b-popup_on-hover { left: -22px; } } .joint-purchase-control input:disabled:hover + .b-popup_on-hover { display: block; } /** * Стили кнопок qtyView у аналогов остуствующих товаров. * Пришлось сделать большую вложенность, чтобы перекрыть стили. */ .catalog__item.catalog__item_n-a { /** * Переопределяем стиль, чтобы все кнопки не перекрашивалсь при наведении на родительский catalog__item */ } .catalog__item.catalog__item_n-a .with-icon_plus { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -312px -277px; width: 14px; height: 14px; } .catalog__item.catalog__item_n-a:hover .incart .button { background: #fff; border: 1px solid rgba(0, 0, 0, 0.3); } .catalog__item.catalog__item_n-a:hover .incart .button .with-icon_plus { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -312px -277px; width: 14px; height: 14px; } .catalog__item.catalog__item_n-a:hover .product:hover { /** * При наведении на продукт, кнопка синяя */ } .catalog__item.catalog__item_n-a:hover .product:hover .incart .button { background: #1f84db; border: 0; /** * При наведении на продукт плюс белый */ /** * Цвет при наведении на кнопку, кнопка красная */ } .catalog__item.catalog__item_n-a:hover .product:hover .incart .button .with-icon_plus { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -342px -277px; width: 14px; height: 14px; } .catalog__item.catalog__item_n-a:hover .product:hover .incart .button:hover { background: #fb3a2f; } /* Блоки акции "Скидка за объём" */ .cart-action { border-radius: 4px; box-shadow: 0 1px 2px #d6d6e0; padding: 17px 10px 15px; margin: 20px 0 0; font-size: 13px; } .cart-action p { font-size: 13px; line-height: 1.3; } .cart-action .catalog__item-flags { padding-top: 0; } .cart-action .cart-action_text { position: relative; display: flex; } .cart-action .cart-action_text.cart-action_gift { margin-left: 75px; } .cart-action .cart-action_text .gift_image { padding-right: 10px; } .cart-action .gift-img { position: absolute; top: 0; left: -75px; width: 65px; height: 65px; } .cart-action .gift-img img { width: 100%; } .cart-action .action-name { font-size: 14px; } .cart-action .progress-block { color: #9da9b7; display: inline-block; width: 100%; margin: 12px 0 0; } .cart-action .progress-block .price { color: #000; } .cart-action .you-have, .cart-action .you-need { margin: 0 0 8px; float: left; } .cart-action .you-have { width: 65%; } .cart-action .you-need { width: 35%; float: right; text-align: right; } .cart-action .with-icon_check-ok { color: #57e037; } .cart-action .with-icon_check-ok:before { position: absolute; left: 100%; top: 3px; margin: 0 0 0 4px; } .cart-action .progress-bar { height: 3px; width: 100%; background: #e5e5e5; position: relative; border-radius: 3px; clear: both; } .cart-action .progress-line { height: 3px; width: 55%; background: #0054b7; position: absolute; top: 0; left: 0; border-radius: 3px; } .empty-cart .add-by-articul-wrapper { margin: 1em 0; } @media only screen and (max-width: 1600px) { .catalog__item-main_compact .catalog__item-details { width: 23%; } .catalog__item-main_compact .catalog__item-qt { text-align: right; } .jp-orders-table .catalog__item-main_compact .catalog__item-details { width: 25%; } } @media only screen and (max-width: 1200px) { .jp-orders-table .catalog__item-main_compact .catalog__item-details-wrapper { width: 100%; } .catalog.cart-items-table.gift-cart-items .catalog__item-details + .catalog__item-details { padding-left: 0; } } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ .category-menu { box-sizing: border-box; background-color: #fff; border-radius: 6px; padding: 1em 1.3em 1em 2em; } .category-menu:before, .category-menu:after { box-sizing: border-box; content: ''; display: table; } .category-menu:after { clear: both; } .category-menu__count { color: #7ea5a5; white-space: nowrap; } .category-menu__item { box-sizing: border-box; display: inline-block; vertical-align: top; padding: .7em .7em .2em 0; position: relative; margin: 0; min-height: 150px; } @media only screen and (min-width: 1600px) { .category-menu__item { width: 16.666666666%; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .category-menu__item { width: 20%; } } @media only screen and (max-width: 1200px) { .category-menu__item { width: 25%; } } .category-menu__item .opener { margin-left: .4em; } .category-menu__item:hover .opener { visibility: visible; } .category-menu__item .popup_positioner + .category-menu__count { padding-right: 20px; } .category-menu__item .popup_positioner + .category-menu__count + .opener { margin-left: -16px; } .category-menu__item .category-image { width: 84px; height: 84px; display: block; } .category-menu__item a { outline: none; } .category-menu-underlevel__item .opener, .category-menu__item .opener { display: inline-block; visibility: hidden; vertical-align: middle; text-indent: -1000px; overflow: hidden; cursor: pointer; opacity: .7; -webkit-backface-visibility: hidden; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -249px -560px; width: 13px; height: 12px; } .category-menu-underlevel__item .opener:hover, .category-menu__item .opener:hover { opacity: 1; } .category-menu-underlevel { box-sizing: border-box; border-radius: 6px; padding: 0.3em 1.3em 2.6em 0em; } .category-menu-underlevel:before, .category-menu-underlevel:after { box-sizing: border-box; content: ''; display: table; } .category-menu-underlevel:after { clear: both; } .category-menu-underlevel__item { box-sizing: border-box; display: inline-block; vertical-align: top; padding: .7em .7em .3em 0em; position: relative; margin: 0; } @media only screen and (min-width: 1600px) { .category-menu-underlevel__item { width: 20%; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .category-menu-underlevel__item { width: 25%; } } @media only screen and (max-width: 1200px) { .category-menu-underlevel__item { width: 33.333333333%; } } .category-menu-underlevel__item .opener { margin-left: -30px; } .category-menu-underlevel__item:hover .opener { visibility: visible; } .category-menu-underlevel__item .category-menu__count { margin-right: 35px; } .category-menu-underlevel__item .category-menu-underlevel_link { margin-right: 5px; } .backbone-categories-view .category-menu__item { margin-right: 25px; } .detect_no-csscolumns .category-menu li { display: inline-block; vertical-align: top; margin-right: 1em; } .category { margin-top: 1em; clear: both; } .category figure { display: block; float: left; } .category .owl-prev, .category .owl-next { top: 50%; } .category .tabs { margin-top: 1em; } .category-news { font-size: 13px; margin-top: 2em; } .category-news__item { position: relative; display: inline-block; vertical-align: top; width: 20%; padding-top: 165px; padding-right: 2em; box-sizing: border-box; } .category-news__date { position: absolute; top: 140px; left: 0; } .category-news__img { position: absolute; top: 0; left: 1em; } .category-news__img img { display: block; } .category-promo { position: relative; float: left; width: 400px; height: 260px; box-sizing: border-box; padding: 10px 10px 100px; background: #000; } .category-promo > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .category-promo__text { margin: 10px 0 0 185px; } .category-promo__countdown { position: absolute; bottom: 10px; left: 0; height: 80px; width: 100%; text-align: center; } .category-promo__countdown .countdown { display: inline-block; font-family: "Open Sans", sans-serif; } .category-promo__countdown .countdown_days, .category-promo__countdown .countdown_hours, .category-promo__countdown .countdown_minutes { display: inline-block; vertical-align: top; } .category-promo__countdown .countdown_number { display: inline-block; background: #fff; background: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%); background: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%); background: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%); background: linear-gradient(top, #fff 0%, #e9e9e9 100%); border-radius: 6px; box-shadow: inset 0 0 1px #f1f1f1, 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 30px; font-weight: bold; height: 1.6em; line-height: 1.6; width: 1em; } .category-promo__countdown .countdown_text { text-align: center; font-size: 13px; color: #000; margin-top: 8px; } .category-promo__countdown .countdown_dots { display: inline-block; vertical-align: top; padding: 14px 4px 0; } .category-promo__countdown .countdown_dot { display: block; width: 6px; height: 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.8); margin: 0 auto 7px; } .category-promo-holder { position: relative; width: 400px; height: 260px; float: right; } .category-promo-holder .caroufredsel_wrapper { border-radius: 6px; } .category-promo-wrapper { height: 100%; } .promo-text-1 { font-size: 12px; text-transform: uppercase; color: #fff; } .promo-text-2 { margin-top: 15px; font-size: 17px; color: #fff; font-weight: 700; } .all-promo .category-promo-block { display: inline-block; vertical-align: top; margin: 0 34px 38px 0; } .all-promo .category-promo-holder { float: none; } .all-promo .category-promo-holder img { border-radius: 5px; } .all-promo .category-promo { border-radius: 8px; background-color: transparent; float: none; background-size: 100%; position: absolute; top: 0; left: 0; } .all-promo .category-promo .link_white, .all-promo .category-promo .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .all-promo .category-promo .link_pseudo, .all-promo .category-promo .title_home .home-tab, .title_home .all-promo .category-promo .home-tab { font-size: 16px; color: #fff; border-bottom-color: rgba(255, 255, 255, 0.3); } .offer-page_description { padding-top: 1.2em; } .three-for-two-page_description { display: inline-block; font-size: 14px; padding-top: 1.2em; width: 100%; } .three-for-two-page_description .category-promo-holder { float: left; margin: 0 18px 38px 0; } /* Блок для подфильтровых страниц*/ .filter-pages-wrapper { position: relative; font-size: 14px; } .filter-pages-wrapper .filter-pages { display: inline-block; vertical-align: top; max-width: calc(100% - 30px); margin-bottom: 20px; } .filter-pages-wrapper .filter-page { font-size: 13px; margin: 0 4px 12px 0; display: inline-block; vertical-align: top; } .filter-pages-wrapper .filter-page a.active-subfilter-page { opacity: 0.3; } .filter-pages-wrapper .filter-pages-more { display: inline-block; vertical-align: top; margin: 7px 0 12px; font-size: 13px; } .h3 + .filter-pages-wrapper { margin-top: 18px; } .sl-description { position: relative; } .sl-description .sl-description-text { overflow: hidden; min-height: 50px; } .sl-description .sl-description-text li { font-size: 14px; } .sl-description .sl-description-text b, .sl-description .sl-description-text strong { font-weight: bold; } .sl-description .sl-description-text ol { list-style: decimal; } .sl-description .sl-description-text ol li { margin-left: 1.7em; font-size: 14px; } .sl-description .control-row { display: inline; box-shadow: 0 0 40px 15px white; background-color: #fff; width: 100%; position: absolute; bottom: 0; height: 25px; } .sl-description h1, .sl-description .h1, .sl-description .likeH1 { display: block; } .catalog-main .sl-description { position: absolute; bottom: 0; } .catalog-main .sl-description .sl-description-text { visibility: hidden; } .catalog-main .g-ul.category-menu { margin-top: 0; } .catalog-main .for-cat-without-items { visibility: hidden; opacity: 0; height: 0; transition: all 3s ease; overflow: hidden; } .selection-description { padding-top: 1em; } .category-product-block { min-height: 335px; } .catalog__list .catalog-tabs_wrap-items { display: inline-block; } .catalog__list .catalog__item-main { padding-left: 155px; } .catalog__list .catalog__item-checkbox { margin-left: 5px; margin-right: 10px; } .catalog__list .catalog__item-preview { left: 10px; } .catalog__list .catalog__item-flags { padding-left: 20px; padding-bottom: 2px; } .catalog__list .catalog__item-flags p { display: inline-block; margin: 0 3px; background: #fff; box-shadow: 0 1px 4px rgba(0, 61, 121, 0.25); border-radius: 4px; padding: 0 .2em; vertical-align: top; line-height: 1.5; } .catalog__list .catalog__item-details { width: 52%; padding-left: 20px; padding-right: 3%; } .catalog__list .catalog__item-details .catalog__item-title { font-size: 15px; line-height: 1.4; } .catalog__list .catalog__item-details .catalog__item-sid { -webkit-text-size-adjust: 100%; } .catalog__list .catalog__item-details .catalog__item-sid span { white-space: nowrap; } .catalog__list .catalog__item-details .catalog__item-sid .sid { color: #a3a3a3; } .catalog__list .catalog__item-details .catalog__item-link { -webkit-text-size-adjust: 100%; height: auto; max-height: 44px; min-height: 15px; } .catalog__list .catalog__item-details .catalog__item-link span.link { top: auto; height: auto; max-height: 44px; } .catalog__list .catalog__item-details .catalog__item-link:before { height: 0; } .catalog__list .catalog__item-details.warehouse-details { display: inline-block; margin: 0 auto; width: auto; min-width: 50%; color: #a3a3a3; line-height: 1.3; position: relative; padding: 0 20px 3px 0; max-width: 73px; } .catalog__list .catalog__item-details.warehouse-details span { display: inline-block; padding-right: 20px; } .catalog__list .catalog__item-details.warehouse-details .with-icon { width: 90px; } .catalog__list .catalog__item-details.warehouse-details .with-icon:before { position: relative; bottom: 4px; right: 0; display: none; } .catalog__list .catalog__item-details.warehouse-details .with-icon:after { content: ''; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px -560px; width: 12px; height: 11px; margin: -5px 4px 0 4px; display: inline-block; vertical-align: middle; } .catalog__list .catalog__item-details.warehouse-details .with-icon.with-icon_check-ok { width: 95px; } .catalog__list .catalog__item-details.warehouse-details .with-icon_check-few:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -386px -560px; width: 9px; height: 9px; margin-top: -2px; } .catalog__list .catalog__item-price, .catalog__list .btn-block { width: 18%; display: inline-block; vertical-align: top; text-align: left; padding-right: 3%; } .catalog__list .catalog__item-price .delivery-info, .catalog__list .btn-block .delivery-info { line-height: 1.2; padding-left: 5px; } .catalog__list .catalog__item-price .delivery-info + p, .catalog__list .btn-block .delivery-info + p { padding-left: 5px; } .catalog__list .catalog__item-price .catalog__item-qt, .catalog__list .catalog__item-price .catalog__item-btn, .catalog__list .btn-block .catalog__item-qt, .catalog__list .btn-block .catalog__item-btn { width: 52%; padding-left: 0; padding-right: 0; text-align: left; } .catalog__list .catalog__item-price .catalog__item-qt .button_add2cart, .catalog__list .catalog__item-price .catalog__item-btn .button_add2cart, .catalog__list .btn-block .catalog__item-qt .button_add2cart, .catalog__list .btn-block .catalog__item-btn .button_add2cart { width: 60px; padding: 11px 0; } .catalog__list .catalog__item-price .catalog__item-qt .button_add2cart:before, .catalog__list .catalog__item-price .catalog__item-btn .button_add2cart:before, .catalog__list .btn-block .catalog__item-qt .button_add2cart:before, .catalog__list .btn-block .catalog__item-btn .button_add2cart:before { will-change: transform, transition; } .catalog__list .catalog__item-price .catalog__item-qt.large .product__clear, .catalog__list .catalog__item-price .catalog__item-btn.large .product__clear, .catalog__list .btn-block .catalog__item-qt.large .product__clear, .catalog__list .btn-block .catalog__item-btn.large .product__clear { margin-left: -1px; } .catalog__list .catalog__item-price .catalog__item-btn, .catalog__list .btn-block .catalog__item-btn { text-align: right; width: 46%; } .catalog__list .catalog__item-price .price, .catalog__list .btn-block .price { padding-left: 5px; font-size: 13px; line-height: 1; } .catalog__list .catalog__item-price .price-block, .catalog__list .btn-block .price-block { min-height: 30px; } .catalog__list .catalog__item-price .price_heavy, .catalog__list .btn-block .price_heavy { display: block; line-height: 1; font-size: 20px; } .catalog__list .catalog__item-price .price_old, .catalog__list .btn-block .price_old { font-size: 13px; font-weight: bold; line-height: 1; top: -5px; padding-left: 0; margin-left: 5px; } .catalog__list .catalog-tabs__label { font-weight: bold; margin-right: 23px; display: inline-block; vertical-align: middle; } .catalog__list .catalog-tabs__items { vertical-align: middle; } .catalog__list .catalog__item-discount { text-align: left; color: #bebebe; padding-left: 5px; text-transform: lowercase; } .catalog__list .paid-delivery { font-weight: normal; padding-left: 5px; text-transform: lowercase; } .catalog__list .catalog__item-not-in-stock span { display: inline-block; font-weight: 700; padding: 1em 0; font-size: 80%; } @media only screen and (max-width: 1550px) { .catalog__list .catalog__item-details { width: 40%; padding: 3px 3% 3px 2%; } .catalog__list .catalog__item-price, .catalog__list .btn-block { width: 24%; } .catalog__list .catalog__item-price { padding-right: 3%; } .catalog__list .catalog__item-flags { padding-left: 2%; } } /* === Вывод "Сортировать по" и "Показывать: 20 50 100 Все" на разных строках */ @media only screen and (max-width: 1400px) { .catalog-sort, .catalog-show { width: 100%; float: none; text-align: left; } .use-wish-media-queries .products .product__qt { margin-right: 0; } .use-wish-media-queries .products .product__controls { white-space: nowrap; } .use-wish-media-queries .reducer_col { width: 15%; } .use-wish-media-queries .reducer_col + .reducer { margin-left: 18%; } } .use-search-media-queries .catalog-sort, .use-search-media-queries .catalog-show, .use-wish-media-queries .catalog-sort, .use-wish-media-queries .catalog-show { width: 100%; float: none; text-align: left; } @media only screen and (max-width: 1750px) { .use-cart-media-queries .catalog-sort, .use-cart-media-queries .catalog-show { width: 100%; float: none; text-align: left; } } /* === */ @media only screen and (max-width: 1200px) { .catalog__list .catalog__item-details { width: auto; display: block; min-width: 90%; } .catalog__list .btn-block, .catalog__list .catalog__item-price { width: 35%; padding-top: 15px; padding-left: 2%; margin-left: -3px; } .catalog__list .btn-block { width: 166px; padding-top: 10px; min-width: 30%; } } .promo_top_image { margin-top: 18px; } .promo_top_image img { display: block; width: 100%; max-height: 470px; border-radius: 6px; } .promo_top_image + .promo_upper_text { padding-top: 36px; } .promo_upper_text { font-size: 14px; } .breadcrumbs + .promo_upper_text { padding-top: 36px; } .category-menu-tile { display: inline-block; width: 100%; margin: 0 -7px; max-width: 1179px; } .category-menu-tile__item { float: left; position: relative; margin: 0 0 11px 0; padding: 0 7px; width: 50%; box-sizing: border-box; overflow: hidden; } .category-menu-tile__item img { max-width: 100%; height: auto; display: block; border-radius: 5px; } .category-menu-tile__item .category-name { position: absolute; top: 23px; left: 30px; max-width: 380px; border: none; color: #000; font-size: 1.375em; font-weight: bold; line-height: 1.1; padding-right: 26px; z-index: 200; } .category-menu-tile__item .category-name_white { color: #fff; } .category-menu-tile__item.tile-type3 { width: 25%; } .category-menu-tile__item:after { content: ''; border-radius: 5px; left: 7px; top: 0; right: 7px; bottom: 0; background: #00599d; transition: all 0.5s ease; z-index: 50; display: block; margin: 0; position: absolute; opacity: 0; } .category-menu-tile__item .category-more { display: none; position: absolute; top: 0; left: 7px; right: 7px; height: 100%; box-sizing: border-box; padding: 12% 24px 10px; z-index: 100; } .category-menu-tile__item .category-more ul { height: 100%; line-height: 1.2; overflow: hidden; column-gap: 10px; column-break-inside: avoid; column-fill: auto; column-count: 2; } .category-menu-tile__item .category-more li { display: inline-block; width: 100%; margin: 0.3em 0; } .category-menu-tile__item .category-more a.link { border: none; } .category-menu-tile__item .category-more a.more-link { color: #83b2db; border: none; } .category-menu-tile__item .category-more a.more-link:hover, .category-menu-tile__item .category-more .search__select-button .selectors label.more-link:hover, .search__select-button .selectors .category-menu-tile__item .category-more label.more-link:hover { color: #ffdab2; } .category-menu-tile__item.tile-type3 .category-more { padding-top: 24%; } .category-menu-tile__item.tile-type3 .category-more ul { column-count: 1; } .category-menu-tile__item .with-arrow-right { position: relative; padding-right: 10px; } .category-menu-tile__item .with-arrow-right:after { content: '›'; margin-left: 4px; } .category-menu-tile__item .blur-bg { overflow: hidden; transition: filter .4s ease-out; } .category-menu-tile__item.cf { clear: both; } .category-menu-tile__item:hover:after { opacity: 0.8; } .category-menu-tile__item:hover .blur-bg { filter: blur(5px); } .category-menu-tile__item:hover .category-name { color: #fff; } .category-menu-tile__item:hover .category-name:hover { color: #ded2d2; } .category-menu-tile__item:hover .category-more { display: block; } .category-menu-tile__item .headers-two-string { width: 11.4em; } .category-menu-tile__item:first-child .headers-two-string, .category-menu-tile__item:last-child .headers-two-string { width: 9.2em; } .category-menu-tile a.more-link { margin: .3em 0; display: inline-block; color: grey; position: relative; } @media only screen and (max-width: 1500px) { .category-menu-tile .category-menu-tile__item .category-name { font-size: 1.375em; left: 24px; padding-right: 24px; top: 21px; } .category-menu-tile .category-menu-tile__item:hover .category-more { padding-left: 19px; padding-right: 19px; } } @media only screen and (max-width: 1400px) { .category-menu-tile .category-menu-tile__item .category-name { font-size: 1.375em; left: 22px; padding-right: 22px; top: 19px; } .category-menu-tile .category-menu-tile__item:hover .category-more { padding-left: 17px; padding-right: 17px; } } @media only screen and (max-width: 1300px) { .category-menu-tile .category-menu-tile__item .category-name { font-size: 1.25em; left: 20px; padding-right: 20px; top: 17px; } .category-menu-tile .category-menu-tile__item:hover .category-more { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1200px) { .category-menu-tile .category-menu-tile__item .category-name { font-size: 1em; left: 17px; padding-right: 16px; top: 15px; } .category-menu-tile .category-menu-tile__item:hover .category-more { padding-left: 11px; padding-right: 11px; } } /* Страницы категорий с большими картинками подкатегорий и без каталога, например: "Посуда", "Цифровая электроника" */ .layout[data-jsmodel="big-images-category"] section.main { width: 100%; float: none; } .layout[data-jsmodel="big-images-category"] .likeH1 { text-align: center; display: block; } .categories-posuda { padding-bottom: 25px; } .categories-posuda .posuda-links { text-align: center; font-size: 14px; margin-bottom: 28px; } .categories-posuda .posuda-links .link { margin: 0 11px; } .categories-posuda .posuda-menu { max-width: 1308px; margin: 0 auto; text-align: justify; } @media only screen and (max-width: 1370px) { .categories-posuda .posuda-menu { max-width: 981px; } } @media only screen and (max-width: 1050px) { .categories-posuda .posuda-menu { max-width: 654px; } } .categories-posuda .category-menu__item { float: none; height: auto; width: auto; max-width: 303px; display: inline-block; vertical-align: top; margin: 0 12px 24px; text-align: center; } .categories-posuda .category-menu__item:before { content: none; display: none; } .categories-posuda .category-menu__item .category-image { width: 303px; height: 204px; border-radius: 5px; } .categories-posuda .category-menu__item .category-name { display: block; padding: 12px 10px 0; } .categories-posuda .category-menu__item a.link { font-size: 18px; font-weight: bold; border-bottom: none; } .categories-posuda .category-menu__item a[href*="oborudovanie-dlya-3d-pechati"] span { white-space: pre; } /*Страница категории "Лицензия"*/ .license-page .bg-holiday { background: url(/image/license/bg_top.jpg) no-repeat top center; } .license-page .bg-holiday .limit, .license-page .bg-holiday .terms-popup__inner { background: #fff; border-radius: 6px; padding-bottom: 1em; margin-bottom: 5em; } .license-page .layout { background: #029fdb; } .license-page .layout:before { content: none; display: none; } .license-page .b-promo { margin-top: 0; } .license-page .subscribe-wrapper:before { content: ''; display: block; width: 100%; height: 840px; background: url(/image/license/bg_bottom.jpg) no-repeat bottom center; position: absolute; bottom: 100%; left: 0; right: 0; } .license-page .chponki-wrapper .b-promo .b-tiles { margin-right: 16px; } .license-page .chponki-wrapper .b-promo .b-tiles + .b-chponcki { margin-right: 434px; } @media all and (max-width: 1566px) { .license-page .chponki-wrapper .b-promo .b-tiles { margin-right: 0; } .license-page .chponki-wrapper .b-promo .b-tiles + .b-chponcki { margin-right: 418px; } } @media all and (max-width: 1303px) { .license-page .chponki-wrapper .b-promo .b-tiles { display: none; } .license-page .chponki-wrapper .b-promo .b-tiles + .b-chponcki { margin-right: 0; max-width: 1105px; } } @media screen and (min-width: 1566px) { .license-page .chponki-wrapper { margin-left: 16px; } } .lucas-page .layout { background-color: #06213f; } .lucas-page .bg-holiday { background: url(/image/license/bg_lucas.png) no-repeat top center; } .paw-page .layout { background: #3b3b3b url(/image/license/pattern_fon_paw.jpg) repeat 0 0; } .paw-page .bg-holiday { background: url(/image/license/bg_paw.png) no-repeat top center; } .marvel-page .layout { background: #3b3b3b url(/image/license/pattern_fon_marvel.jpg) repeat 0 0; } .marvel-page .bg-holiday { background: url(/image/license/bg_marvel.png) no-repeat top center; } .winx-page .layout { background-color: #d83e96; } .winx-page .bg-holiday { background: url(/image/license/bg_top_winx.jpg) no-repeat top center, url(/image/license/bg_bottom_winx.jpg) no-repeat bottom center; padding-bottom: 120px; } .winx-page .bg-holiday .license-bottom { margin-bottom: 0; } .disney-page .layout { background: #3b3b3b url(/image/license/pattern_fon_disney.jpg) repeat 0 0; } .disney-page .bg-holiday { background: url(/image/license/bg_top_disney.png) no-repeat top center, url(/image/license/bg_bottom_disney.png) no-repeat bottom center; padding-bottom: 120px; } .disney-page .bg-holiday .license-bottom { margin-bottom: 0; } .me-to-you-page .layout { background: #3b3b3b url(/image/license/pattern_fon_metoyou.jpg) repeat 0 0; } .me-to-you-page .bg-holiday { background: url(/image/license/bg_metoyou.png) no-repeat top center; } .masha-i-medved-page .layout { background-color: #73cfdc; } .masha-i-medved-page .layout .bg-holiday { background: url(/image/license/bg_top_masha.png) no-repeat top center, url(/image/license/bg_bottom_masha.png) no-repeat bottom center, url(/image/license/bg_right_masha.jpg) no-repeat right top, url(/image/license/bg_left_masha.jpg) no-repeat left top; background-size: auto; padding-bottom: 120px; } .masha-i-medved-page .layout .bg-holiday .license-bottom { margin-bottom: 0; } .masha-i-medved-page .layout .bg-holiday .limit, .masha-i-medved-page .layout .bg-holiday .terms-popup__inner { padding-top: 258px; } .license-sub-category .layout:before { background: none; } @media screen and (max-width: 1170px) { .license-sub-category .bg-holiday { background-size: 2000px; } } .license-sub-category .bg-holiday .license-bottom_block { width: 770px; } .license-sub-category .bg-holiday .license-manager { margin: 0 20px 2em 0; } @media screen and (max-width: 1579px) { .license-sub-category .bg-holiday .license-manager { margin-left: 20px; } } .license-sub-category .bg-holiday .limit, .license-sub-category .bg-holiday .terms-popup__inner { padding-top: 282px; } .license-sub-category .bg-holiday .limit .reducer, .license-sub-category .bg-holiday .terms-popup__inner .reducer { margin-top: 0; } .license-sub-category .bg-holiday .limit .reducer .chponki-wrapper .b-tiles, .license-sub-category .bg-holiday .terms-popup__inner .reducer .chponki-wrapper .b-tiles { margin-right: 0; } @media all and (max-width: 1303px) { .license-sub-category .bg-holiday .limit .reducer .chponki-wrapper .b-tiles + .b-chponcki, .license-sub-category .bg-holiday .terms-popup__inner .reducer .chponki-wrapper .b-tiles + .b-chponcki { margin-right: 0; max-width: 1105px; } } .license-sub-category .bg-holiday .limit .reducer .category-wrapper, .license-sub-category .bg-holiday .terms-popup__inner .reducer .category-wrapper { background: white; border-radius: 11px; padding-left: 10px; margin-top: 45px; } .license-sub-category .bg-holiday .limit .reducer .category-wrapper .title.title_home, .license-sub-category .bg-holiday .terms-popup__inner .reducer .category-wrapper .title.title_home { padding-top: 25px; padding-left: 17px; } .license-sub-category .bg-holiday .limit .reducer .category-wrapper .control-row, .license-sub-category .bg-holiday .terms-popup__inner .reducer .category-wrapper .control-row { display: none; } .license-sub-category .bg-holiday .limit .reducer .category-wrapper .catalog-main .catalog-holder, .license-sub-category .bg-holiday .terms-popup__inner .reducer .category-wrapper .catalog-main .catalog-holder { padding-left: 7px; } .license-sub-category .bg-holiday .limit .reducer .category-wrapper .catalog-main .sl-description, .license-sub-category .bg-holiday .terms-popup__inner .reducer .category-wrapper .catalog-main .sl-description { display: none; } .license-sub-category .bg-holiday .limit .reducer .category-wrapper .catalog-main .wide, .license-sub-category .bg-holiday .terms-popup__inner .reducer .category-wrapper .catalog-main .wide { display: none; } .license-header { text-align: center; background: #fff; border-radius: 0 0 60px 60px; width: 920px; margin: 0 auto 142px; color: #0071bc; padding: 23px 0 31px; box-shadow: 0 6px 10px rgba(0, 113, 188, 0.39); } .license-header .h1 { color: #0071bc; font-size: 40px; margin-bottom: 11px; display: block; } .license-header .lead { color: #0071bc; font-size: 20px; } .category-menu_license-tm { max-width: 1228px; padding: 0; margin: 0 auto -38px; text-align: center; } .category-menu_license-tm .category-menu__item { padding: 0; width: 25%; margin: -111px 0 144px; text-align: center; } .category-menu_license-tm .category-menu__item .link { display: inline-block; border: none; } .category-menu_license-tm .category-image { width: 227px; height: 227px; margin: 0 auto; } .license-bottom { position: relative; z-index: 1; min-width: 995px; max-width: 1600px; margin: 0 auto 120px; padding: 0; text-align: center; } .license-bottom_block { background: #fff; border-radius: 6px; overflow: hidden; display: inline-block; vertical-align: top; width: 780px; height: 300px; text-align: left; margin: 0; box-sizing: border-box; } .license-bottom_block:first-child { margin-right: 40px; } .license-bottom_block .text { margin: 0 0 0 300px; padding: 2em 2em 0; } .license-bottom_block .license-manager_text { padding: 20px 31px 10px 45px; } .license-bottom_block img { display: block; } .license-bottom_block .button { font-size: 14px; } @media only screen and (max-width: 1630px) { .license-bottom_block:first-child { margin: 0 20px 2em; } } .license-bottom_block .contact-managers_info .button.contacts-manager_call { margin-left: 0.8em; } .license-manager_photo { width: 300px; height: 300px; float: left; } .license-manager_text .managers_speciality { font-size: 18px; } .license-manager_text .managers_name { font-size: 20px; padding-top: 2px; padding-bottom: 22px; } .license-manager_text .managers_contact-info > span { font-size: 18px; padding-top: 2px; padding-bottom: 4px; } .license-manager_text .managers_contact-info > span:before { top: 4px; } .license-manager_text .managers_phone-list { padding-bottom: 18px; } .license-manager_text .managers_phone-list .managers_phone span { font-size: 18px; } .license-join-us { background: #f2f2f2 url(/image/license/invite_bg.jpg) no-repeat 0 0; line-height: 1.4; } .license-join-us .text { padding-top: 4.5em; } .license-join-us .h3 { font-size: 18px; } .license-join-us .button { margin-top: 2em; } .popup_join { padding: 2em 2.4em; width: 450px; } .popup_join .h5 { text-align: center; font-size: 24px; margin-bottom: 18px; } .popup_join .popup__close_symbol { font-size: 25px; right: 15px; top: 1px; } .popup_join .input_join_phone { -webkit-appearance: none; padding: 1px 0 0 4.7em; max-width: 100%; } .popup_join .choice-country { position: absolute; left: 1px; top: 0; border-right: 1px solid rgba(0, 0, 0, 0.2); padding: 4px 11px 4px 1px; } .popup_join label { font-size: 15px; } .popup_join .join-us_bot { margin-bottom: 13px; } .popup_join .join-us_about { margin-bottom: 34px; } .popup_join .join-us_button { text-align: center; margin-bottom: 43px; } [data-jsview|="claims"].layout:before { height: 100%; } .claims-view { margin-bottom: 1em; } .create-claim { margin-top: 5px; } .claim-block { background-color: #fff; border-radius: 6px; padding: 2em 2em; margin: 1em 0; font-size: 13px; display: flex; justify-content: space-between; height: 34px; } .claim-block .info-block span { vertical-align: -30%; } .claim-block .info-block .claim-info { font-weight: bolder; } .claim-block .number .remove-claim { text-align: right; border-style: dashed; margin-left: 10px; cursor: pointer; } .claim-block .number span { cursor: pointer; } .claim-edit .content-container { background-color: #f5f5ed; border-radius: 6px; margin-bottom: 1em; padding: 1em 2em; } @media only screen and (max-width: 1250px) { .claim-edit .content-container { padding: 1em; } } .claim-edit .content-container h2, .claim-edit .content-container .b-chponck__price { margin-bottom: .5em; } .claim-edit .content-container .inner-text { padding: 0 1em; margin-bottom: 1em; } .claim-edit .text-block { background-color: #f5f5ed; border-radius: 6px; margin-bottom: 1em; padding: 1em; } .claim-edit .text-block label { display: block; margin-bottom: 1em; font-size: x-large; } .claim-edit .text-block textarea { display: block; width: 100%; } .claim-edit .text-block p { display: block; font: italic 13px/1 "Open Sans"; color: #bab6ad; } .claim-edit .save-temp { border-style: dashed; margin-left: 2em; font-size: smaller; } .claim-edit th { color: #bab6ad; font-size: smaller; } .claim-edit th:first-child { width: 131px; } .claim-edit th:nth-child(2) { width: 80px; } .claim-edit th:nth-child(3) { width: 135px; } .claim-edit th:nth-child(4) { width: 180px; } @media only screen and (max-width: 1250px) { .claim-edit th:nth-child(5) { min-width: 155px; } } .claim-edit td { vertical-align: top; } .claim-edit td .invoice-block div input { width: 131px; } .claim-edit td .sid-block div input { width: 80px; } @media only screen and (min-width: 1250px) { .claim-edit td:nth-child(4) { width: 180px; } } .claim-edit td .claim-comment { margin-bottom: 15px; } .claim-edit td > div { position: relative; margin: 5px 5px 0 0; } .claim-edit td > div .error-message, .claim-edit td > div .district-error { display: block; position: absolute; } .claim-edit td:nth-child(5) textarea::-webkit-input-placeholder { font: italic 13px/1 "Open Sans"; color: #bab6ad; } @media only screen and (max-width: 1250px) { .claim-edit td:nth-child(5) textarea { min-width: 155px; } } @media only screen and (min-width: 1250px) { .claim-edit td:nth-child(6) { min-width: 35px; } } .claim-edit td:nth-child(6) .remove-item-text { border-style: dashed; } @media only screen and (max-width: 1250px) { .claim-edit td:nth-child(6) .remove-item-text { display: none; } } .claim-edit td:nth-child(6) .remove-item { cursor: pointer; } .claim-edit .sent-qty { text-align: right; } .claim-edit .disabled { opacity: 0.5; } .claim-edit .hidden-on-default { opacity: 0; } .claim-edit .photo-caption { font: italic 13px/1 "Open Sans"; color: #bab6ad; } .claim-edit .photo-caption.caption-error { color: #fb3a2f; } .claim-edit .claim-photo-block { display: inline-block; padding: 5px; } .claim-edit .claim-photo-block img { height: 50px; width: 50px; } .claim-edit .claim-qty > div { display: flex; align-items: center; } .claim-edit .claim-qty > div label { width: 55%; } .claim-edit .claim-qty > div input { width: 40%; padding-left: 11%; text-align: center; } .claim-edit .claim-qty > div .reset-qty { position: relative; right: 36%; z-index: 2; cursor: pointer; } .claim-edit .input { font-size: 14px; } .claim-edit label { font-size: 14px; } .claim-edit .comment-message { display: block; font: italic 13px/1 "Open Sans"; color: #bab6ad; } .claim-edit .ordered_qty-error { display: block; top: 32px; left: 0; } .claim-edit .filter-select-popup { max-height: 180px; } .claim-edit table { margin-bottom: 20px; } .claim-edit table thead tr { border-top: 1px solid rgba(187, 187, 187, 0.4); } .claim-edit table tbody { font-size: 14px; } @media only screen and (min-width: 1250px) { .claim-edit table tbody .reasons { width: 170px; } } .claim-edit table tbody .reasons .field_input { display: block; } .claim-edit .add-claim-item { display: inline-block; margin-bottom: 15px; cursor: pointer; } .claim-edit .add-claim-item .with-icon { display: inline-block; height: 14px; margin-right: 10px; vertical-align: top; } .claim-edit .fileupload-wrapper { position: relative; cursor: pointer; } .claim-edit .fileupload-wrapper input.fileupload { position: absolute; top: 0; left: 0; width: 143px; height: 31px; opacity: 0; cursor: pointer; } .claim-edit .fileupload-wrapper label { cursor: pointer; } .send-claim { margin-top: 5px; } .claim-flag { margin: 0 1em; } #new_claim_edit { position: relative; min-width: 670px; } #new_claim_edit .content-container { padding: 2.5em; margin: 0; } #new_claim_edit .content-container .inline-inputs-2 > div { width: 47%; display: inline-block; } #new_claim_edit .content-container .inline-inputs-2 .claim-edit-invoice { margin-right: 3%; } #new_claim_edit .content-container .claim-edit-label { margin-bottom: 8px; font-size: 13px; } #new_claim_edit .content-container .claim-edit-block { margin-bottom: 25px; } #new_claim_edit .content-container .claim-edit-reason .switcher input { display: none; } #new_claim_edit .content-container .claim-edit-reason .switcher input:checked + label { background-color: #afb8bb; font-weight: 700; color: #fff; } #new_claim_edit .content-container .claim-edit-reason .switcher li { padding: 0; margin-bottom: 0; } #new_claim_edit .content-container .claim-edit-reason .switcher li label { font-size: 15px; border-radius: 4px; padding: 0.6em 0.8em; cursor: pointer; } #new_claim_edit .content-container .claim-edit-reason .switcher li:first-child { display: none; } #new_claim_edit .content-container .claim-edit-qty .claim-qty-block { display: inline-block; margin-right: 75px; } #new_claim_edit .content-container .claim-edit-qty .input-fake { width: 70px; } #new_claim_edit .content-container .claim-edit-qty .input-fake input { font-weight: 700; text-align: center; } #new_claim_edit .content-container .claim-edit-qty .input__decrease, #new_claim_edit .content-container .claim-edit-qty .input__increase { top: 0; } #new_claim_edit .content-container .claim-edit-qty .claim-edit-label { margin-right: 10px; } #new_claim_edit .content-container .claim-edit-comment .textarea { width: 100%; font-size: 14px; } #new_claim_edit .content-container .claim-edit-comment .photo-load { margin-top: 10px; display: inline-block; } #new_claim_edit .content-container .claim-edit-comment .photo-load .fileupload { font-size: 0; } #new_claim_edit .content-container .claim-edit-comment .photo-load .fileupload:hover ~ label { color: #fb3a2f; border-bottom-color: rgba(223, 74, 84, 0.3); } #new_claim_edit .content-container .claim-edit-comment .claim-photo-block { position: relative; } #new_claim_edit .content-container .claim-edit-comment .claim-photo-block img { width: 100px; height: 100px; } #new_claim_edit .content-container .claim-edit-comment .claim-photo-block .photo-remove { position: absolute; top: -8px; right: -1px; } #new_claim_edit .content-container .claim-edit-comment .claim-photo-block .photo-remove:before { border: 1px solid #afb8bb; border-radius: 6px; } #new_claim_edit .content-container .claim-edit-buttons { margin: 0; padding-top: 15px; } #new_claim_edit .popup__close_symbol, #new_claim_edit ~ .popup__close_symbol { font-size: 36px; right: 15px; } .claim-edit_new .claim-container { background-color: #fefefe; min-height: 150px; font-size: 15px; margin-bottom: 7px; } .claim-edit_new .claim-container .claim-item-thumbnail { float: left; padding: 5px; } .claim-edit_new .claim-container .claim-item-thumbnail .claim-item-img { width: 140px; height: 140px; } .claim-edit_new .claim-container .claim-item-info { display: inline-block; padding: 13px 0 0 20px; width: 53%; } .claim-edit_new .claim-container .claim-item-info .claim-item-flags { display: table-cell; } .claim-edit_new .claim-container .claim-item-info .claim-icon { display: inline-block; vertical-align: middle; margin-right: 6px; } .claim-edit_new .claim-container .claim-item-info .claim_photo_icon { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -370px; width: 19px; height: 15px; } .claim-edit_new .claim-container .claim-item-info .claim_comment_icon { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -420px; width: 17px; height: 16px; } .claim-edit_new .claim-container .claim-item-info .claim-item-fullname { margin: 5px 0 10px; overflow: hidden; height: 22px; display: inline-block; } .claim-edit_new .claim-container .claim-item-info .claim-item-nums-info { color: #a3a3a3; font-size: 80%; } .claim-edit_new .claim-container .claim-item-info .claim-item-nums-info .claim--item-invoice-number { margin-right: 25px; } .claim-edit_new .claim-container .claim-item-info .claim-item-controls { display: none; font-style: italic; font-size: 80%; margin-top: 19px; } .claim-edit_new .claim-container .claim-item-info .claim-item-controls span:first-child { margin-right: 15px; } .claim-edit_new .claim-container .claim-item-qtys { float: right; padding-right: 35px; } .claim-edit_new .claim-container .claim-item-qtys .qtys-container { display: table-cell; height: 120px; vertical-align: middle; font-size: 14px; text-align: right; } .claim-edit_new .claim-container .claim-item-qtys .qtys-container span { display: block; max-width: 125px; } .claim-edit_new .claim-container .claim-item-qtys .qtys-container b { font-weight: bold; } .claim-edit_new .claim-container:hover { background-color: #f5f9fa; } .claim-edit_new .claim-container:hover .claim-item-controls { display: block; } .claim-edit_new .add-claim-item-row { margin-top: 20px; } @media only screen and (max-width: 1200px) { .claim-edit_new .claim-container .claim-item-info { width: 39%; } .claim-edit_new .claim-container .claim-item-info .claim-item-controls { margin-top: 0; } .claim-edit_new .claim-container .claim-item-sid { display: block; } } #claim-item-aside .claim-b-bill-text { opacity: 0.6; } #claim-item-aside .save-temp-wrapper { margin-top: 15px; } #claim-item-aside .send-claim-wrapper { position: relative; } #claim-item-aside .send-claim-wrapper .b-popup_on-hover { color: black; width: calc(100% + 30px); bottom: calc(100% + 5px); left: -15px; opacity: 0; } #claim-item-aside .send-claim-wrapper .b-popup_on-hover .arrow { content: ''; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; margin: 0 0 0 -8px; border-top: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; display: none; } #claim-item-aside .send-claim-wrapper .send-claim:disabled ~ .b-popup_on-hover { opacity: 1; } #claim-item-aside .send-claim-wrapper:hover .b-popup_on-hover, #claim-item-aside .send-claim-wrapper:hover .arrow { display: block; } .claim-edit-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.4; } @keyframes for-modal { from { opacity: 0; } to { opacity: 1; } } .collorista { font-family: 'Ubuntu', 'Open Sans', serif; color: #333; } .collorista .layout:before { content: none; display: none; } .collorista .main-page > .limit, .collorista .main-page > .terms-popup__inner, .collorista .bg-holiday > .limit, .collorista .bg-holiday > .terms-popup__inner { max-width: 100%; padding-bottom: 0; z-index: auto; } .collorista .main-page > .limit > .reducer, .collorista .main-page > .terms-popup__inner > .reducer, .collorista .bg-holiday > .limit > .reducer, .collorista .bg-holiday > .terms-popup__inner > .reducer { margin: 0; } .collorista .link-white, .collorista a.link-white { color: #fff; border: none; transition: all .1s ease-out; } .collorista .link-white:hover, .collorista .link-white:focus, .collorista a.link-white:hover, .collorista .search__select-button .selectors label.link-white:hover, .search__select-button .selectors .collorista label.link-white:hover, .collorista a.link-white:focus { color: #fc5160; } .collorista-top .reducer { position: relative; margin: 0 1.4em; } .collorista-menu { padding: 0; margin: 0; position: absolute; top: 42px; text-align: center; width: 100%; z-index: 2; } .collorista-menu li { display: inline-block; padding: 0; margin: 0 25px; } .collorista-menu li:before { content: none; display: none; } .collorista-menu a.link-white { font-size: 14px; font-weight: 700; text-transform: uppercase; } /* слайдер */ .collorista-chponcki, .collorista-modal-wrap, .collorista-news-slider, .collorista-catalog-slider { height: 560px; overflow: hidden; position: relative; } .collorista-chponcki .owl-prev, .collorista-chponcki .owl-next, .collorista-modal-wrap .owl-prev, .collorista-modal-wrap .owl-next, .collorista-news-slider .owl-prev, .collorista-news-slider .owl-next, .collorista-catalog-slider .owl-prev, .collorista-catalog-slider .owl-next { width: 53px; height: 53px; margin-top: -26.5px; background: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); } .collorista-chponcki .owl-prev:after, .collorista-chponcki .owl-next:after, .collorista-modal-wrap .owl-prev:after, .collorista-modal-wrap .owl-next:after, .collorista-news-slider .owl-prev:after, .collorista-news-slider .owl-next:after, .collorista-catalog-slider .owl-prev:after, .collorista-catalog-slider .owl-next:after { font-family: "FontAwesome"; color: #7f7f7f; display: inline-block; position: absolute; left: 0; top: 0; width: 53px; height: 53px; line-height: 53px; text-align: center; text-indent: 0; font-size: 22px; transition: color .1s ease-out; } .collorista-chponcki .owl-prev:hover:not(.disabled), .collorista-chponcki .owl-next:hover:not(.disabled), .collorista-modal-wrap .owl-prev:hover:not(.disabled), .collorista-modal-wrap .owl-next:hover:not(.disabled), .collorista-news-slider .owl-prev:hover:not(.disabled), .collorista-news-slider .owl-next:hover:not(.disabled), .collorista-catalog-slider .owl-prev:hover:not(.disabled), .collorista-catalog-slider .owl-next:hover:not(.disabled) { background: #fff; width: 53px; height: 53px; } .collorista-chponcki .owl-prev:hover:not(.disabled):after, .collorista-chponcki .owl-next:hover:not(.disabled):after, .collorista-modal-wrap .owl-prev:hover:not(.disabled):after, .collorista-modal-wrap .owl-next:hover:not(.disabled):after, .collorista-news-slider .owl-prev:hover:not(.disabled):after, .collorista-news-slider .owl-next:hover:not(.disabled):after, .collorista-catalog-slider .owl-prev:hover:not(.disabled):after, .collorista-catalog-slider .owl-next:hover:not(.disabled):after { color: #fc5160; } .collorista-chponcki .owl-prev, .collorista-modal-wrap .owl-prev, .collorista-news-slider .owl-prev, .collorista-catalog-slider .owl-prev { left: 0; } .collorista-chponcki .owl-prev:after, .collorista-modal-wrap .owl-prev:after, .collorista-news-slider .owl-prev:after, .collorista-catalog-slider .owl-prev:after { content: '\f104'; } .collorista-chponcki .owl-next, .collorista-modal-wrap .owl-next, .collorista-news-slider .owl-next, .collorista-catalog-slider .owl-next { right: 0; } .collorista-chponcki .owl-next:after, .collorista-modal-wrap .owl-next:after, .collorista-news-slider .owl-next:after, .collorista-catalog-slider .owl-next:after { content: '\f105'; } .collorista-chponcki .owl-dots, .collorista-modal-wrap .owl-dots, .collorista-news-slider .owl-dots, .collorista-catalog-slider .owl-dots { position: absolute; bottom: 24px; width: 100%; text-align: center; } .collorista-chponcki .owl-dot, .collorista-modal-wrap .owl-dot, .collorista-news-slider .owl-dot, .collorista-catalog-slider .owl-dot { width: 16px; height: 16px; box-shadow: 0 0 0 1px #fff; border-radius: 50%; display: inline-block; margin: 0 7px; } .collorista-chponcki .owl-dot.active, .collorista-modal-wrap .owl-dot.active, .collorista-news-slider .owl-dot.active, .collorista-catalog-slider .owl-dot.active { background: #fff; } .collorista-chponcki .owl-item, .collorista-modal-wrap .owl-item, .collorista-news-slider .owl-item, .collorista-catalog-slider .owl-item { float: left; } .collorista-chponck { height: 560px; background-repeat: no-repeat; background-position: 50% 0; } .collorista-content { max-width: 920px; margin: 0 auto; color: #5e5e5e; font-size: 18px; line-height: 1.6; box-sizing: border-box; position: relative; } .collorista-content p, .collorista-content ul { font-size: 18px; } .collorista-content .image-link { display: block; border: none; } .collorista-content .image-link img { width: 100%; display: block; margin: 0 auto; } .collorista-about { background: url(/image/trademark/collorista/bg-about.jpg) no-repeat 50% 0; padding: 133px 0 0; } .collorista-about .collorista-content { background: #fff; padding: 46px 42px; border-top: 2px solid #fc5160; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } .collorista-about .left-title { position: absolute; top: 77px; left: 42px; font-size: 30px; color: #e92c3c; padding-top: 16px; } .collorista-about .left-title:before { content: ''; display: block; width: 57px; height: 3px; background: #fc5160; position: absolute; top: 0; left: 0; } .collorista-about .left-title span { display: block; } .collorista-about .left-title .b { font-weight: 500; color: #000; margin-top: -17px; } .collorista-about .right-text { margin-left: 242px; } .collorista-about .right-text ul { margin: 0; } .collorista-about .right-text li { margin: 0 0 0 1em; list-style: disc; } .collorista-about .right-text li:before { content: none; display: none; } .collorista-title { color: #000; font-size: 30px; display: block; text-align: center; position: relative; padding: 18px 0; } .collorista-title:before { content: ''; display: block; position: absolute; top: 0; left: 50%; margin: 0 0 0 -30px; width: 60px; height: 3px; background: #fc5160; } .collorista-title .b { font-weight: 500; } .collorista-advantages { padding-top: 48px; } .collorista-advantages .advantage-blocks { text-align: center; } .collorista-advantages .advantage-block { display: inline-block; width: 20%; vertical-align: top; color: #000; } .collorista-advantages .advantage-block p { max-width: 155px; font-size: 16px; font-style: italic; margin-left: auto; margin-right: auto; } .collorista-advantages .advantage-block p.b { font-weight: 500; font-size: 18px; font-style: normal; } .collorista-row { margin: 0 -12px; } .collorista-col { width: 33.33%; float: left; box-sizing: border-box; padding: 0 12px; } .collorista-col.action-small { width: 30.45%; } .collorista-col.action-small .image-link:first-child { margin-bottom: 24px; } .collorista-col.action-big { width: 39.1%; } .collorista-col .video_overview { position: relative; height: 214px; } .collorista-col .video_overview .video-preview { position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 1000; } .collorista-col .video_overview .video-preview .control-play { display: inline-block; position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; z-index: 10; cursor: pointer; opacity: 0.8; background-image: url(/image/trademark/collorista/play_button.png); width: 72px; height: 72px; } .collorista-col .video_overview .video-preview .control-play:hover { opacity: 1; } .collorista-col .video-preview { height: 214px; } .collorista-col .video_overview_caption { text-align: center; font-weight: 700; margin: 25px auto; width: 230px; line-height: 1.2; } .collorista-actions { padding-top: 15px; } .collorista-catalog { padding-top: 48px; } .collorista-catalog .collorista-row { margin: 0 -16px; } .collorista-catalog .collorista-col { padding: 0 16px; } .collorista-catalog .catalog-title { position: absolute; left: 0; bottom: 0; display: block; color: #fff; font-weight: 500; text-align: center; width: 100%; height: 143px; box-sizing: border-box; padding: 90px 0 0; overflow: hidden; transition: color .1s ease-out; } .collorista-catalog .catalog-title:before, .collorista-catalog .catalog-title:after { content: ''; display: block; position: absolute; left: 0; bottom: -100px; background: rgba(138, 209, 208, 0.83); width: 370px; height: 200px; transform: rotate(-15deg); transition: all .1s ease-out; } .collorista-catalog .catalog-title:after { left: -333px; bottom: -100px; transform: rotate(-18deg); } .collorista-catalog .catalog-title > span { position: relative; } .collorista-catalog .image-link { position: relative; } .collorista-catalog .image-link:hover .catalog-title { color: #fc5160; } .collorista-catalog .image-link:hover .catalog-title:before, .collorista-catalog .image-link:hover .catalog-title:after { background: rgba(255, 255, 255, 0.83); } .collorista-video-overview-gif { width: 285px; height: 214px; } .collorista-catalog-slider { height: auto; } .collorista-catalog-slider .owl-item { float: left; } .collorista-catalog-slider .owl-item .collorista-col { width: 100%; } .collorista-catalog-slider .catalog-title { bottom: -1px; } .collorista-catalog-slider .owl-prev, .collorista-catalog-slider .owl-next { left: 41px; visibility: hidden; } .collorista-catalog-slider .owl-next { left: auto; right: 41px; } .collorista-catalog-slider:hover .owl-prev, .collorista-catalog-slider:hover .owl-next { visibility: visible; } .collorista-call-me { background: #f0e3d5; padding: 30px 0 46px; margin-top: 45px; text-align: center; } .collorista-call-me .collorista-form { max-width: 458px; margin: 0 auto; } .collorista-call-me .collorista-input { width: 100%; margin-top: 22px; } .collorista-call-me .collorista-button { margin-top: 45px; width: 265px; height: 57px; line-height: 57px; } .collorista-form input { border: none; padding: 0 23px; height: 49px; line-height: 49px; border-radius: 0; max-width: none; } .collorista-input { background: #fff; } .collorista-button { background: #8ad1d0; color: #fff; font-weight: 500; text-align: center; cursor: pointer; transition: all .1s ease-out; } .collorista-button:hover, .collorista-button:focus { background: #fc5160; } .collorista-news { padding-top: 57px; } .collorista-news .collorista-news-slider { height: auto; overflow: hidden; margin: 0 -30px 0 -24px; } .collorista-news .collorista-news-slider .owl-item { float: left; } .collorista-news .collorista-news-slider .owl-prev, .collorista-news .collorista-news-slider .owl-next { left: 41px; margin: 0; top: 115px; visibility: hidden; } .collorista-news .collorista-news-slider .owl-next { left: auto; right: 41px; } .collorista-news .collorista-news-slider:hover .owl-prev, .collorista-news .collorista-news-slider:hover .owl-next { visibility: visible; } .collorista-news .collorista-news-item { width: 436px; display: inline-block; vertical-align: top; margin: 0 24px 10px; background: #fff; box-shadow: 0 0 13px rgba(0, 1, 3, 0.05); } .collorista-news .collorista-news-item:hover .image-link:before { background: none; } .collorista-news .news-text { padding: 0 25px 20px; } .collorista-news .image-link { position: relative; margin-bottom: 9px; } .collorista-news .image-link:before { background: rgba(255, 255, 255, 0.21); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } .collorista-news .image-link:hover + .news-name { color: #fc5160; border-color: rgba(252, 81, 96, 0.3); } .collorista-news .news-date { font-size: 16px; padding: 12px 0 5px; } .collorista-news .news-name { font-weight: 700; color: #000; border-color: rgba(0, 0, 0, 0.3); transition: all .1s ease-out; } .collorista-news .news-name:hover, .collorista-news .news-name:focus { color: #fc5160; border-color: rgba(252, 81, 96, 0.3); } .collorista-news .news-description { color: rgba(0, 0, 0, 0.7); } .collorista-contacts { padding-top: 60px; } .collorista-map { height: 300px; overflow: hidden; } .collorista-map .collorista-content { position: relative; } .collorista-map-info { position: absolute; bottom: 0; right: 0; height: 300px; background: rgba(255, 255, 255, 0.8); box-sizing: border-box; padding: 37px 40px 0; color: #000; } .collorista-map-info p { line-height: 1.2; font-size: 14px; } .collorista-map-info p.b-grey { color: #58636b; } .collorista-footer { background: #58636b; padding: 19px 0 34px; } .collorista-footer .collorista-content { color: rgba(255, 255, 255, 0.8); font-size: 14px; } .collorista-footer .collorista-content > div { float: left; } .collorista-footer-menu { width: 40%; } .collorista-footer-menu ul { margin: 0; display: inline-block; vertical-align: top; } .collorista-footer-menu ul:first-child { margin-right: 50px; } .collorista-footer-menu li { margin: 0; font-size: 14px; } .collorista-footer-menu li.h4 { font-size: 18px; font-weight: 500; } .collorista-footer-menu li:before { content: none; display: none; } .collorista-footer-subscribe { width: 40%; } .collorista-footer-subscribe .collorista-form { margin-top: 12px; } .collorista-footer-subscribe .collorista-form input { height: 43px; line-height: 43px; vertical-align: top; } .collorista-footer-subscribe .collorista-input { width: 63%; } .collorista-footer-subscribe .collorista-button { width: 37%; } .collorista-footer-copyright { width: 20%; text-align: right; } .collorista-footer-copyright img { margin: 8px 0 36px; } .collorista-modal { background: rgba(0, 0, 0, 0.6); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 500; } .collorista-modal:target { display: block; z-index: 5000; } .collorista-modal-wrap { background: #fff; box-shadow: 0 0 2px #ccc; height: auto; left: 50%; overflow: visible; position: absolute; top: 50%; width: 920px; transform: translateX(-460px) translateY(-280px); z-index: 5000; animation-name: for-modal; animation-duration: 1.5s; } .collorista-modal-wrap .modal-close { background: #8ad1d0; cursor: pointer; height: 58px; position: absolute; right: -58px; top: 0; width: 58px; } .collorista-modal-wrap .modal-close:before { color: #fff; content: "\f00d"; font: normal normal normal 16px/1 FontAwesome; margin: -8px 0 0 -6px; position: absolute; top: 50%; left: 50%; } .collorista-modal-wrap .modal-close:hover { background: #fc5160; } .collorista-modal-wrap .modal-content { background: #fff; padding: 60px 85px; } .collorista-modal-wrap .lookbook-slider { overflow: hidden; } .collorista-modal-wrap .lookbook-slider img { display: block; } .collorista-modal-wrap .owl-prev, .collorista-modal-wrap .owl-next { left: 21px; visibility: hidden; } .collorista-modal-wrap .owl-next { left: auto; right: 21px; } .collorista-modal-wrap .collorista-lookbook-content:hover .owl-prev, .collorista-modal-wrap .collorista-lookbook-content:hover .owl-next { visibility: visible; } .collorista-modal-wrap .one-new-description { color: #333; } .collorista-modal-wrap .one-new-description p, .collorista-modal-wrap .one-new-description li { font-size: 18px; } .collorista-modal-wrap .one-new-description .product__info .sl-description .sl-description-text h2.h4, .product__info .sl-description .sl-description-text .collorista-modal-wrap .one-new-description h2.h4, .collorista-modal-wrap .one-new-description .product__info .sl-description .sl-description-text .h4.b-chponck__price, .product__info .sl-description .sl-description-text .collorista-modal-wrap .one-new-description .h4.b-chponck__price, .collorista-modal-wrap .one-new-description h2.h4, .collorista-modal-wrap .one-new-description .h4.b-chponck__price { color: #333; font-size: 17px; font-weight: 700; } .collorista-modal-wrap .one-new-description .button { background: #8ad1d0; border-radius: 2px; font-size: 16px; font-weight: 700; margin-top: 10px; padding: 13px 35px; } .collorista-modal-wrap .news-date-added { color: #333; display: block; font-size: 23px; text-align: center; } .collorista-modal-wrap .title_home { font-size: 14px; padding: 12px 0; text-align: center; text-transform: uppercase; } .collorista-modal-news .collorista-modal-wrap { transform: translateX(-460px) translateY(-50%); top: 50%; padding: 5px; } .collorista-modal-news .modal-content { max-height: 560px; overflow: auto; } .collorista-modal-news ::-webkit-scrollbar { width: 5px; } .collorista-modal-news ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .collorista-modal-news ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .darite-schastie { background: #f5faff url(/image/trademark/fon.jpg) repeat 0 0; } .darite-schastie .main-page { background: none; } .darite-schastie .main-page:before { display: none; } .darite-schastie .auth-user-catalog-showed, .darite-schastie .js-auth-user-catalog-opener.opened:after { display: none; } .darite-schastie .slide-tm_main { background: url(/image/trademark/bg-slidetm.jpg) no-repeat 50% 50%; background-size: cover; min-height: calc(100vh - 152px); position: relative; display: none; } .darite-schastie .slide-tm_main:before { content: ''; background: url(/image/trademark/people.png) no-repeat 50% 100%; background-size: auto 100%; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .darite-schastie .slide-tm_main .limit, .darite-schastie .slide-tm_main .terms-popup__inner { padding: 7% 20px; max-width: 1182px; position: relative; z-index: 10; } .darite-schastie .slide-tm_main .slogan-tm { color: #212121; font-size: 41px; font-weight: 800; margin: 10% 0; max-width: 50%; } .darite-schastie .slide-tm_main .menu-tm { position: absolute; top: 7%; right: 60px; text-transform: uppercase; font-size: 14px; } .darite-schastie .slide-tm_main .menu-tm .best_deals { color: #212121; border: none; display: inline-block; vertical-align: middle; cursor: pointer; } .darite-schastie .slide-tm_main .menu-tm .best_deals:hover { color: #fb3a2f; } .darite-schastie .slide-tm_main .menu-tm .button { margin-left: 20px; width: 105px; font-weight: bold; padding: 18px 0; color: #fff; } .darite-schastie .slide-tm_main .menu-tm .button:hover { color: #fff; } .darite-schastie .slide-tm_main .soc-tm { position: absolute; bottom: 5%; left: 20px; font-size: 14px; color: #212121; } .darite-schastie .slide-tm_main .soc-tm p { padding: 0 0 20px; } .darite-schastie .slide-tm_main .soc-tm a { font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; margin-right: 15px; color: #212121; border: none; font-size: 32px; } .darite-schastie .slide-tm_main .soc-tm .ya-share2 { display: inline-block; vertical-align: middle; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__badge { width: 0; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link:hover, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link:hover, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link:hover, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link:hover, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link:hover { color: #fb3a2f !important; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link .ya-share2__badge, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link .ya-share2__badge, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link .ya-share2__badge, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link .ya-share2__badge, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link .ya-share2__badge { background-color: transparent; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link .ya-share2__icon, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link .ya-share2__icon, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link .ya-share2__icon, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link .ya-share2__icon, .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link .ya-share2__icon { background-image: none; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link:before { content: "\f189"; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link:before { content: "\f0d5"; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link:before { content: "\f230"; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link:before { content: "\f263"; } .darite-schastie .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link:before { content: "\f099"; } .darite-schastie .link_next { position: absolute; bottom: 50px; left: 50%; margin-left: -20px; color: #fff; font-weight: bold; text-transform: uppercase; border: none; font-size: 10px; z-index: 300; } .darite-schastie .link_next:before { content: "\f107"; font-family: 'FontAwesome'; position: absolute; top: 15px; left: 50%; margin-left: -5px; } .darite-schastie .link_next:hover { color: #fb3a2f; } .darite-schastie .slide-tm_spec { background: url(/image/trademark/bg-slide2.jpg) no-repeat 50% 50%; background-size: cover; height: 100vh; position: relative; text-align: center; display: none; } .darite-schastie .slide-tm_spec:before { content: ''; display: inline-block; width: 1px; vertical-align: middle; height: 100%; margin: 0 -1px; } .darite-schastie .slide-tm_spec .limit-spec { display: inline-block; vertical-align: middle; max-width: 96%; } .darite-schastie .slide-tm_spec .limit-spec .h2 { color: #fff; font-size: 32px; font-weight: 500; padding: 20px 0; } .darite-schastie .slide-tm_spec .limit-spec .spec_container { display: inline-block; margin: 0 auto; } .darite-schastie .slide-tm_spec .limit-spec .spec_container img { margin: 0 0 20px 20px; max-height: calc(100vh - 320px); border-radius: 5px; } .darite-schastie .slide-tm_spec .limit-spec .spec_container img:first-child { margin-left: 0; } .darite-schastie .slide-tm_spec .limit-spec .spec_container .spec-footer { background: url(/image/trademark/bg-spec.jpg) no-repeat 50% 0; border-radius: 5px; padding: 5% 0; font-size: 14px; } .darite-schastie .slide-tm_spec .limit-spec .spec_container .spec-footer label { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; width: 30%; text-align: left; } .darite-schastie .slide-tm_spec .limit-spec .spec_container .spec-footer .input { display: inline-block; width: 210px; } .darite-schastie .slide-tm_spec .limit-spec .spec_container .spec-footer .button { text-transform: uppercase; margin-left: 17px; } /* flags */ .dashboard.layout, .b-home-chponck.not_display + .dashboard.layout, .b-home-chponck.ui-helper-hidden-accessible + .dashboard.layout, .js-subscribe-popup .b-home-chponck.subscribe-block--folded + .dashboard.layout { background: url(/image/background.jpg) center 7px no-repeat; } .dashboard.layout:before, .b-home-chponck.not_display + .dashboard.layout:before, .b-home-chponck.ui-helper-hidden-accessible + .dashboard.layout:before, .js-subscribe-popup .b-home-chponck.subscribe-block--folded + .dashboard.layout:before { z-index: -1; height: 600px; background: -ms-linear-gradient(top, #3b8dbc 0%, #3b8dbc 20%, #53a5c7 35%, #fff 85%, #fff 100%); background: linear-gradient(top, #3b8dbc 0%, #3b8dbc 20%, #53a5c7 35%, #fff 85%, #fff 100%); } .dashboard .bg-holiday { background: #fff url(/image/background.jpg) center -116px no-repeat; margin-top: -32px; padding-top: 32px; } .detect_no-cssgradients.detect_inlinesvg .dashboard.layout:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNjRhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTc5YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .b-history__item { width: 100%; overflow: hidden; font-size: 14px; } .b-history__item:first-child { margin-top: 0; } .b-history .date { font-size: 13px; } .b-history__pic { float: left; width: 40px; padding-top: .5em; } .b-history__body { margin-left: 40px; } .b-set { width: 100%; } .b-set:after { content: ""; display: table; clear: both; } .b-set .carousel-set { margin-top: 1em; font-size: 13px; } .b-set .carousel-set figure { width: 140px; } .b-set__pics { position: relative; float: left; width: 250px; } .b-set__pics-ctl { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; } .b-set__body { margin-left: 250px; } .b-set__title { text-transform: none; font-size: 18px; margin-top: 0; line-height: 1.5; } .b-set__cat { margin-top: 1em; font-size: 14px; } .b-set__cat-item:first-child { text-transform: capitalize; } .b-novelty { width: 100%; overflow: hidden; font-size: 14px; } .b-novelty__pics { margin-top: 1em; } .b-novelty-settings { display: inline-block; vertical-align: middle; margin-top: -.3em; margin-left: .3em; } .b-novelty__ctl { font-size: 12px; font-style: italic; margin-left: 1em; } .b-title-note { position: relative; padding: .7em 1em; background: #0f5790; color: #fff; font-size: 13px; font-style: italic; border-radius: 6px; } .b-title-note:before { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 0; border-color: transparent #0f5790 transparent transparent; } h1 + .b-title-note, .likeH1 + .b-title-note, .h1 + .b-title-note { margin-left: 2em; } .b-novelty-title { display: inline-block; vertical-align: middle; margin-bottom: .5em; } .dashboard-selection { height: 280px; margin-bottom: 61px; } .dashboard-selection.trademarks-dashboard { height: 250px; margin-bottom: 1.5em; } .dashboard-selection.trademarks-dashboard .owl-stage-outer { height: 180px; } .dashboard-selection .price { display: block; } .dashboard-selection .price .price { display: inline-block; } .dashboard-selection .crsl-item .selection-link { border: 0; display: block; } .dashboard-selection .crsl-item .selection-link img { display: block; } .dashboard-selection .crsl-item .link-wrapper { width: 100%; margin-top: 20px; text-align: center; } .dashboard-selection .b-widget__button { margin: 0; position: absolute; left: 1em; bottom: 0; } .dashboard-selection .owl-stage-outer { height: 160px; } div.rr-items .owl-stage-outer { height: 100%; } .trademarks .h2 { margin-bottom: 1.5em; } /* * Страница подарков */ .all-gifts { padding-top: 17px; } .all-gifts .gift-item { width: 300px; display: inline-block; vertical-align: top; margin: 0 16px 55px 0; } .all-gifts .gift-item > a { font-weight: 600; font-size: 14px; } .all-gifts .gift-item:hover a { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .all-gifts .image-link { width: 100%; height: 200px; overflow: hidden; position: relative; border-radius: 5px; display: block; border-bottom: 0; margin: 0 0 12px 0; } .all-gifts .image-link .flag { position: absolute; left: 7px; bottom: 7px; } .all-gifts .gift-condition { font-size: 14px; margin: 0.7em 0 0; } .all-gifts .action-period { font-size: 12px; color: #9da9b7; margin: 0.7em 0 0.2em; } .all-gifts .action-period .flag { vertical-align: text-bottom; font-weight: 500; font-size: 13px; color: rgba(0, 0, 0, 0.4); margin-right: 4px; } .all-gifts .action-period .minutes:after { content: none; display: none; } .gift-item-view { margin-bottom: 10px; } .gift-item-view .image-link { border-bottom: 0; display: block; text-align: left; margin: 0 0 7px 0; max-width: 280px; } .gift-item-view .image-link img { display: block; width: 100%; } .gift-item-view .left { width: 24%; margin: 0; } .gift-item-view .right { width: 76%; margin: 0; } .gift-item-view .gift-description { padding: 0 0 25px 0; border-bottom: 1px solid #e6f1f4; margin: 0 0 18px 0; } .gift-item-view .tabs { margin-bottom: 1em; } .gift-item-view .tabs .link_external { margin-left: 0.8em; } .gift-item-view .tabs .link_external:hover { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .gifts-row { padding-left: 0; margin-bottom: 10px; } /*страница "Скидка за объем"*/ .volume-discount-description { margin-bottom: 1em; } .h2.h2_volume-discount { margin-bottom: 20px; } .tabs_volume-discount { margin: 0 0 20px; } /* flags */ .product__pic { box-sizing: border-box; padding-right: 1em; float: left; width: 49%; } .product__pic .picture { margin-top: 0; } .product__pic .picture .easyzoom_large-image img { width: 100%; } .product__pic .picture .pause-tooltip { font-size: 13px; line-height: 15px; padding: 9px 12px; display: none; font-weight: 500; width: 134px; height: 63px; top: -92px; left: -47px; background: #2a89cf; } .product__pic .picture .pause-tooltip:after { border-width: 6px 6px 0 6px; border-color: #2a89cf transparent transparent transparent; } .product__pic .picture .control-play { content: ''; display: inline-block; position: absolute; right: 20px; bottom: 20px; z-index: 10; cursor: pointer; width: 66px; height: 66px; opacity: 0.5; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px -71px; width: 66px; height: 66px; } .product__pic .picture .control-play:hover { opacity: 1; } .product__pic .picture .control-pause { content: ''; display: inline-block; position: absolute; right: 20px; bottom: 20px; z-index: 10; cursor: pointer; width: 66px; height: 66px; opacity: 0.5; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px 0px; width: 66px; height: 66px; } .product__pic .picture .control-pause:hover .pause-tooltip { display: block; } .product__pic .picture .control-pause:hover { opacity: 1; } .product .resizeBigImage .easyzoom_large-image img { width: 80%; } .product__info { float: left; width: 51%; position: relative; } .product__info .flags { min-height: 24px; width: calc(100% - 40px); margin-bottom: 2em; } .product__info .goods-fav-ctl { position: absolute; top: -4px; right: 0; } .product__info p { font-size: 13px; } .product__info .sl-description { overflow: hidden; } .product__info .sl-description .sl-description-text li { font-size: 13px; } .product__info .sl-description .sl-description-text ol { list-style: decimal; } .product__info .sl-description .sl-description-text ol li { margin-left: 1.6em; font-size: 13px; } .product__info .sl-description .sl-description-text img { max-width: 100%; } .product__info .sl-description .sl-description-text table { line-height: 1; max-width: 660px; } .product__info .sl-description .sl-description-text table tr:hover, .product__info .sl-description .sl-description-text table tr.active:hover { background: #f6f9fb; } .product__info .extra-notice-wrapper { margin: 6px 0 0; display: block; } .product__info .extra-notice-wrapper .comment, .product__info .extra-notice-wrapper .important { margin: 0; font-size: 13px; display: inline-block; line-height: 1; } .product__info .extra-notice-wrapper .price > span { font-weight: bold; } .product__info .extra-notice-wrapper .extra-notice-with-popup { position: relative; font-size: 13px; display: inline-block; } .product__info .matched_with_game { padding: 1em 0; } .product__info .matched_with_game .h3 { margin-bottom: 1em; } .product__info .matched_with_game .game-block { color: #fff; background: #1f84db; border-radius: 6px; padding: 20px 20px 25px 0; box-sizing: border-box; position: relative; } .product__info .matched_with_game .game-block a { color: #fff; outline: none; } .product__info .matched_with_game .game-block p { font-size: 14px; line-height: 1.45; } .product__info .matched_with_game .game-block .game-logo { width: 86px; height: 86px; display: block; position: absolute; top: 20px; left: 20px; border-bottom: none; } .product__info .matched_with_game .game-block .game-logo img { width: 100%; } .product__info .matched_with_game .game-block .text { margin: 0 0 0 133px; } .product__info .matched_with_game .game-block .button_more { text-decoration: none; display: inline-block; border-radius: 20px; padding: 5px 15px; border: none; background: #11c63b; font-size: 13px; font-weight: bold; color: #fff; margin: 2em 0 0; } .product__info .matched_with_game .game-block .name { font-weight: 500; border: none; text-decoration: none; font-size: 24px; line-height: 1.2; } .product__info .matched_with_game .game-block.kubiki3d, .product__info .matched_with_game .game-block.gb_red-yellow { background: #f44336; } .product__info .matched_with_game .game-block.kubiki3d .button_more, .product__info .matched_with_game .game-block.gb_red-yellow .button_more { background: #ffc107; } .product__info .matched_with_game .game-block.zimgonka, .product__info .matched_with_game .game-block.gb_indigo-green { background: #455184; } .product__info .matched_with_game .game-block.zimgonka .button_more, .product__info .matched_with_game .game-block.gb_indigo-green .button_more { background: #4caf50; } .product__info .matched_with_game .game-block.tanki, .product__info .matched_with_game .game-block.gb_green-red { background: #4caf50; } .product__info .matched_with_game .game-block.tanki .button_more, .product__info .matched_with_game .game-block.gb_green-red .button_more { background: #f96147; } .product__info .matched_with_game .game-block.volsebnoe-zerkalo, .product__info .matched_with_game .game-block.gb_brown-orange { background: #795548; } .product__info .matched_with_game .game-block.volsebnoe-zerkalo .button_more, .product__info .matched_with_game .game-block.gb_brown-orange .button_more { background: #f3a744; } .product__info .matched_with_game .game-block.world-of-animals, .product__info .matched_with_game .game-block.gb_blue-green { background: #1e94db; } .product__info .matched_with_game .game-block.world-of-animals .button_more, .product__info .matched_with_game .game-block.gb_blue-green .button_more { background: #11c63b; } .product__info .matched_with_game .game-block.evriki, .product__info .matched_with_game .game-block.gb_blue-orange { background: #0070cc; } .product__info .matched_with_game .game-block.evriki .button_more, .product__info .matched_with_game .game-block.gb_blue-orange .button_more { background: #d57f37; } .product__info .matched_with_game .game-block.korolevstvo, .product__info .matched_with_game .game-block.gb_pink-blue { padding: 30px 10px; background: #b450a8; } .product__info .matched_with_game .game-block.korolevstvo .button_more, .product__info .matched_with_game .game-block.gb_pink-blue .button_more { background: #4cbef9; } .product__info .matched_with_game .game-block.morkovmiss2, .product__info .matched_with_game .game-block.gb_green-orange { background: #40a944; } .product__info .matched_with_game .game-block.morkovmiss2 .button_more, .product__info .matched_with_game .game-block.gb_green-orange .button_more { background: #ff8100; } .product__info .matched_with_game .game-block.morkovmiss, .product__info .matched_with_game .game-block.gb_blue-green { background: #1e94db; } .product__info .matched_with_game .game-block.morkovmiss .button_more, .product__info .matched_with_game .game-block.gb_blue-green .button_more { background: #11c63b; } .product__info .matched_with_game .game-block.gonki, .product__info .matched_with_game .game-block.gb_darkblue-violet { background: #06448e; } .product__info .matched_with_game .game-block.gonki .button_more, .product__info .matched_with_game .game-block.gb_darkblue-violet .button_more { background: #88a0fd; } .product__info .matched_with_game .game-block.sima3d, .product__info .matched_with_game .game-block.gb_orange-red { background: #ff7f00; } .product__info .matched_with_game .game-block.sima3d .button_more, .product__info .matched_with_game .game-block.gb_orange-red .button_more { background: #fb3f12; } .product__controls { margin-top: 1.75em; } .product__controls .control { font: bold 100%/1.2 "Open Sans"; text-transform: uppercase; margin-right: 1em; white-space: nowrap; } .product__tags { margin-top: 3em; } .product__tags a.tag { margin-bottom: 5px; } .product_social-widget { margin-top: 1em; } .product .easyzoom { position: relative; } .product .easyzoom .easyzoom_large-image { cursor: zoom-in; } .product .easyzoom-flyout { position: absolute; top: 0; left: 100%; width: 400px; height: 400px; overflow: hidden; z-index: 100; border-radius: 6px; box-shadow: 0 10px 10px rgba(10, 10, 50, 0.2); } .product .easyzoom-notice { position: absolute; top: 50%; width: 100%; text-align: center; padding: 15px; } .flags + .b-triangle, .catalog-tabs + .b-triangle, .flags + .catalog-tabs { margin-top: 1em; } .side-items { list-style: none; padding: 0; margin: 0; } .side-items .side-items__item { overflow: hidden; position: relative; padding: .5em 0; margin: 0; min-height: 50px; } .side-items .side-items__item_selected { background: #e5eef8; border-radius: 8px; box-shadow: inset 0 2px 3px rgba(19, 37, 67, 0.25); } .side-items .side-items__item:hover { overflow: visible; } .side-items .side-items__item:hover .side-items-caption { z-index: 1; background: #fff; width: 210px; padding-left: 1em; box-shadow: 0 1px 6px rgba(148, 178, 197, 0.5); display: table; } .side-items .side-items__item:hover .side-items-caption__inner { visibility: visible; opacity: 1; width: 135px; } .side-items-caption { display: block; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; min-height: 65px; width: 62px; border-radius: 6px; box-sizing: border-box; font-size: 13px; text-align: left; border: 1px solid transparent; } .side-items-caption__img { float: right; width: 60px; height: 62px; text-align: center; } .side-items-caption__img img { vertical-align: middle; } .side-items-caption__img:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .side-items-caption__inner { visibility: hidden; opacity: 0; padding: 2px 0 2px 0; display: block; transition: opacity .1s ease-out; } /* Blocks */ .b-properties { margin-top: .5em; font-size: 13px; } @media only screen and (min-width: 1300px) { .b-properties { column-count: 2; column-gap: 1em; } } .b-properties__item { list-style: none; padding: .5em 0 0; margin: 0; white-space: nowrap; display: inline-flex; } .b-properties__label { display: inline-block; min-width: 220px; padding: 0 10px 0 0; background: url("/image/dot.gif") repeat-x 100% 1.2em; } @media only screen and (min-width: 1300px) and (max-width: 1565px) { .b-properties__label { min-width: 170px; } } .b-properties__label span { background: #fff; padding-right: 2px; } .b-properties__value { display: inline-block; min-width: 130px; white-space: normal; vertical-align: top; } @media only screen and (min-width: 1300px) and (max-width: 1565px) { .b-properties__value { min-width: 108px; } } .b-similar { position: relative; text-align: center; background: #fff; padding: .5em; border-radius: 6px; border: 1px dashed #bdd3dd; min-height: 550px; z-index: 2; } .b-similar__cat { position: absolute; right: 0; top: 15px; margin-left: 5px; transform: rotate(270deg); transform-origin: right top; font-size: 12px; white-space: nowrap; color: rgba(0, 43, 65, 0.5); } /* purchase panel */ .purchase { margin: .5em 0; } .purchase span.set-to-zero { display: inline-block; opacity: 0; } .purchase:hover .set-to-zero { cursor: pointer; opacity: 1; } .purchase__cell { padding: .2em 0; } .purchase__cell .input-fake_amount { width: 80px; } .purchase__cell_price .price, .purchase__cell_total .price { font-family: "Open Sans", Arial, sans-serif; } .purchase__cell_min, .purchase__cell_discount, .purchase__cell_qt-have { font-size: 13px; } .purchase__cell_eq, .purchase__cell_total { font-size: 135%; } .purchase__cell_eq { padding-right: .1em; } .purchase__cell_zero { font-size: 95%; font-weight: bold; } .purchase__cell_total { min-width: 90px; padding-right: .3em; } @media only screen and (max-width: 1100px) { .purchase__cell_total { padding-right: 0; } } .purchase__cell_price, .purchase__cell_oldprice { font-size: 135%; padding-right: 1em; } .purchase__cell_oldprice .price { font-weight: 400; } .purchase__cell_button { text-align: right; height: 40px; } .purchase__cell_qt-nowincart { text-align: right; padding-left: 0; min-width: 132px; } @media only screen and (min-width: 1300px) { .purchase__cell_qt-nowincart { padding-left: 3.3em; padding-right: 7px; } } .purchase__cell_qt-nowincart a { font-size: 13px; color: #000; border-bottom-color: rgba(0, 0, 0, 0.3); } .purchase__cell_qt-nowincart .nowincart-x { cursor: pointer; background: url(/img2/x-but.png) no-repeat 0 0; display: inline-block; width: 11px; height: 10px; } .purchase__cell_qt-have { padding-top: 0; padding-left: 3.7em; } .purchase__cell_amount { padding-right: .3em; min-width: 95px; } .purchase__cell_amount input { font-size: 110%; } @media only screen and (min-width: 1360px) { .purchase .slider-amount-wrap { transform: scale(1.2); } .purchase .purchase__cell_amount { width: 105px; } .purchase .input-fake_amount { width: 90px; } .purchase .input_amount[type="text"] { padding: 0 15px; } .purchase .purchase__cell_button { padding-left: 1em; } .purchase .purchase__cell_eq { padding-left: .3em; padding-right: .3em; } } .goods-prop-icon + .goods-prop-icon { margin-left: 5px; } .goods-prop-icon-external { position: relative; width: 36px; height: 36px; margin-right: 2px; } .goods-prop-icon-external img { vertical-align: middle; } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ .b-home-chponck { position: absolute; z-index: 101; text-align: center; background: #fff; overflow: hidden; height: 95px; opacity: 0; width: 100%; min-width: 994px; } .b-home-chponck:hover .b-home-chponck__close { opacity: 1; } .b-home-chponck__inner { padding: 34px 1.4em 27px; } .b-home-chponck__text { margin-bottom: 17px; } .b-home-chponck__title { font-size: 20px; font-weight: bold; } .b-home-chponck__img-link { display: block; width: 100%; height: 95px; border-bottom: none; } .b-home-chponck__img-link img { height: 95px; display: block; position: absolute; top: 0; left: 50%; margin-left: -800px; } .b-home-chponck__close { position: absolute; top: 10px; right: 10px; text-transform: uppercase; padding-right: 30px; font-size: 13px; opacity: 0; transition: opacity 0.25s ease-out; } .b-home-chponck__close:after { content: '×'; display: block; position: absolute; top: 5px; right: 12px; font-size: 19px; } #home_page:before { content: ''; display: block; width: 100%; height: 600px; position: absolute; top: 0; left: 0; background: -ms-linear-gradient(top, #3b8dbc 0%, #3b8dbc 20%, #53a5c7 35%, #fff 85%, #fff 100%); background: linear-gradient(top, #3b8dbc 0%, #3b8dbc 20%, #53a5c7 35%, #fff 85%, #fff 100%); z-index: -1; } #home_page .catalog-popup { top: 0; padding-top: 1em; z-index: 303; } #home_page.with_top_chponck .catalog-popup { top: 132px; } #home_page .layout { background: url(/image/background.jpg) center 7px no-repeat; } #home_page .layout:before, #home_page .layout:after { display: none; } #home_page .bg-holiday { background: #fff url(/image/background.jpg) center -116px no-repeat; margin-top: -32px; padding-top: 32px; } #home_page .header_home { height: 46px; min-height: 46px; margin-bottom: 164px; box-shadow: none; } #home_page .header_home .nav-home .logo { display: block; float: none; margin: 37px 0 0 -60px; position: absolute; top: 100%; left: 50%; } #home_page .header_home .nav-home__subitem { color: inherit; margin-left: 16px; } #home_page .header_home .nav-home__item_left { margin: 8px 25px 0; width: auto; } #home_page .header_home .nav-home__item_right { margin: 8px 47px 0 0; width: auto; } #home_page .header_home .nav-home__item_right .nav-home__subitem { margin-left: 0; } #home_page .header_home .nav-home__item_right .nav-home__subitem + .nav-home__subitem { margin-left: 26px; } @media screen and (max-width: 1140px) { #home_page .header_home .nav-home__item_right .nav-home__subitem + .nav-home__subitem { margin-left: 16px; } } .h2_thin { font-size: 36px; } .h2_centered { text-align: center; clear: both; } .nav-home { text-align: center; } .nav-home__item, .nav-home .logo { position: relative; z-index: 301; } .nav-home__item { margin: 48px 25px 0; width: 39%; } @media screen and (max-width: 1140px) { .nav-home__item { width: 32%; } } .nav-home__item_left { float: left; text-align: left; } .nav-home__item_right { float: right; text-align: right; margin: 47px; } .nav-home__subitem { white-space: nowrap; color: #fff; margin-left: 5%; } .nav-home__subitem:first-child { margin-left: 0; } .front-page .title_home { color: #fff; text-align: center; } .front-page .title_home h1, .front-page .title_home .likeH1, .front-page .title_home .h1 { font-weight: 100; font-size: 36px; color: #fff; } .front-page .title_home p { font-size: 16px; margin-top: 14px; } .nav-search_home { display: block; margin: 45px auto 0; max-width: 1140px; } .nav-search_home .search__submit-button { width: 123px; float: right; text-align: right; box-sizing: border-box; } .nav-search_home .search__submit-button .button { font-size: 20px; padding-top: 0.7em; padding-bottom: 0.7em; } .nav-search_home .search__select-button { height: 48px; position: relative; float: right; width: auto; border-left: 1px solid #ccc; background: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; } .nav-search_home .search__select-button .select { min-width: 177px; text-align: left; } .nav-search_home .search__select-button .selected { padding-top: 8px; padding-right: 45px; font-size: 20px; color: #7a7879; width: 100%; position: relative; box-sizing: border-box; } .nav-search_home .search__select-button .selected:after { position: absolute; right: 25px; top: 23px; } .nav-search_home .search__searchfield { display: block; overflow: hidden; height: 48px; padding-top: 5px; box-shadow: none; } .nav-search_home .search__searchfield:before { content: ''; position: absolute; top: 50%; margin-top: -12px; left: 13px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -515px; width: 24px; height: 24px; } .nav-search_home .search__searchfield.focused { padding-top: 4px; border: 1px solid #00aeef; } .nav-search_home .search__searchfield.focused:before { left: 12px; } .nav-search_home .search__searchfield.focused .search-input { padding-left: 49px; } .nav-search_home .search__searchfield .search-input { width: 100%; font-size: 20px; padding-left: 50px; } .nav-search_home .search__hint { font-size: 13px; color: #666; } .b-benefits { margin: 25px auto 65px; display: table; width: 100%; min-height: 40px; max-width: 1140px; } .b-benefits__item { width: 22%; margin-left: 3%; font-size: 15px; display: table-cell; vertical-align: middle; color: #666; padding: 0 20px 0 48px; position: relative; box-sizing: border-box; } .b-benefits__item:first-child { margin-left: 0; } .b-benefits__item:last-child { padding-left: 53px; } .b-benefits__item:before { content: ''; width: 39px; height: 38px; position: absolute; left: 0; top: 50%; margin-top: -19px; background: url("/image/icons_benefits.png") 0 0 no-repeat; } .b-benefits__item_order:before { background-position: 0 0; } .b-benefits__item_delivery:before { background-position: -39px 0; } .b-benefits__item_support:before { background-position: -78px 0; } .b-benefits__item_goods:before { background-position: -117px 0; } .b-benefits__item_vacancies:before { background: url("/image/icons/i_vac_icon1.png") 0 0 no-repeat; width: 45px; } .title_home { padding-top: 35px; } .title_home.home-tabs { text-align: center; } .title_home .home-tab-wrapper { display: inline-block; text-align: center; padding: 0 20px; } .title_home .home-tab { color: #fff; font-size: 24px; } .title_home .home-tab.active { color: #000; font-size: 36px; border: none; cursor: auto; } .catalog-home-wrapper { margin: 18px 0 60px; padding: 0 3.8em; position: relative; } @media only screen and (max-width: 1120px) { .catalog-home-wrapper { padding: 0; } } .catalog-home-wrapper .catalog-home { margin: 0 auto; padding: 26px 1em 17px; text-align: center; clear: both; background: rgba(255, 255, 255, 0.5); border-radius: 10px; position: relative; max-width: 1396px; } .catalog-home-wrapper .catalog-home:before { content: ''; display: block; width: 100%; height: 100%; background: url("/image/background.jpg") center -275px no-repeat; filter: blur(5px); position: absolute; top: 0; left: 0; border-radius: 10px; z-index: -1; } .catalog-home-wrapper .catalog-home .align-left-wrapper { text-align: left; width: 1306px; margin: 0 auto; } @media only screen and (max-width: 1504px) { .catalog-home-wrapper .catalog-home .align-left-wrapper { width: 980px; } } @media only screen and (max-width: 1180px) { .catalog-home-wrapper .catalog-home .align-left-wrapper { width: 100%; } } @media only screen and (max-width: 1366px) { .catalog-home-wrapper .catalog-home_expert .catalog-home__item:last-child { display: none; } } .catalog-home-wrapper .catalog-home__item { display: inline-block; vertical-align: top; width: 303px; height: 164px; position: relative; border-radius: 5px; overflow: hidden; margin: 0 10px; padding: 19px 0 16px; text-align: left; } @media only screen and (max-width: 1180px) { .catalog-home-wrapper .catalog-home__item { width: 33%; height: auto; padding: 19px 10px 16px; box-sizing: border-box; margin: 0; } } .catalog-home-wrapper .catalog-home__item-img { display: none; } .catalog-home-wrapper .catalog-home__item-info { padding: 7px 0 0; } .catalog-home-wrapper .catalog-home__item-info .blur-bg { display: none; } .catalog-home-wrapper .catalog-home__item-title { display: block; font-size: 18px; font-weight: 500; color: #333; padding: 0 0 0 50px; margin-bottom: 3px; position: relative; transition: none; } .catalog-home-wrapper .catalog-home__item-title:before { content: ''; display: block; position: absolute; top: -5px; left: 0; } .catalog-home-wrapper .catalog-home__item-title .link { transition: none; color: #333; } .catalog-home-wrapper .catalog-home__item-title:hover { color: #fb3a2f; } .catalog-home-wrapper .catalog-home__item-title:hover .link { color: #fb3a2f; } .catalog-home-wrapper .catalog-home__item-submenu { margin: 0; padding: 14px 0 0; } .catalog-home-wrapper .catalog-home__item-submenu-inner { font-size: 14px; position: relative; padding-bottom: 14px; } .catalog-home-wrapper .catalog-home__item-submenu-inner a { margin: 0; padding: 0 23px 0 0; border: none; transition: color 0.25s ease-out; line-height: 1.4; } .catalog-home-wrapper .catalog-home__item-submenu-inner a.inner-cat + .point { width: 4px; height: 4px; background: #ccc; border-radius: 50%; display: inline-block; margin: 0 6px 0 -14px; position: relative; vertical-align: middle; } .catalog-home-wrapper .catalog-home__item-submenu-inner a.inner-cat + .point:last-child { display: none; } .catalog-home-wrapper .catalog-home__item-submenu-inner a.more-inner-cat { display: inline-block; color: #808080; margin-top: 10px; position: relative; } .catalog-home-wrapper .catalog-home__item-submenu-inner a.more-inner-cat:after { content: ''; display: inline-block; vertical-align: middle; position: relative; left: 4px; } .catalog-home-wrapper .catalog-home__button { margin-top: 17px; } .catalog-home-wrapper.catalog-old-view, .catalog-home-wrapper.trademark-view-wrapper { margin-top: 0; } .catalog-home-wrapper.catalog-old-view .catalog-home, .catalog-home-wrapper.trademark-view-wrapper .catalog-home { background: none; padding: 0; } .catalog-home-wrapper.catalog-old-view .catalog-home:before, .catalog-home-wrapper.trademark-view-wrapper .catalog-home:before { content: none; display: none; } .catalog-home-wrapper.catalog-old-view .catalog-home .align-left-wrapper, .catalog-home-wrapper.trademark-view-wrapper .catalog-home .align-left-wrapper { text-align: center; width: 100%; } @media only screen and (max-width: 1504px) { .catalog-home-wrapper.catalog-old-view .catalog-home .align-left-wrapper, .catalog-home-wrapper.trademark-view-wrapper .catalog-home .align-left-wrapper { width: 100%; } } .catalog-home-wrapper.catalog-old-view .catalog-home__item, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item { margin: 18px 10px 2px; padding: 19px 0 21px; } @media only screen and (max-width: 1180px) { .catalog-home-wrapper.catalog-old-view .catalog-home__item, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item { width: 303px; height: 164px; margin: 18px 10px 2px; padding: 19px 0 21px; box-sizing: inherit; } } .catalog-home-wrapper.catalog-old-view .catalog-home__item:hover .catalog-home__item-submenu, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item:hover .catalog-home__item-submenu { max-height: 150px; transition: max-height 0.3s ease; } .catalog-home-wrapper.catalog-old-view .catalog-home__item:hover .catalog-home__item-submenu-inner:before, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item:hover .catalog-home__item-submenu-inner:before { opacity: 0.8; transition: opacity 0.3s ease; } .catalog-home-wrapper.catalog-old-view .catalog-home__item__button, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item__button { margin-top: 17px; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-img, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-img { display: block; position: absolute; top: 0; left: 0; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-img img, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-img img { display: block; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-img:hover + .catalog-home__item-info > .catalog-home__item-title > .link, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-img:hover + .catalog-home__item-info > .catalog-home__item-title > .link { /*color: $color_link_hover2 !important;*/ border-bottom-color: rgba(255, 218, 178, 0.3) !important; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-info, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; padding: 7px 19px 0; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-info:before, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-info:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #fff; opacity: .7; z-index: -1; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-info .blur-bg, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-info .blur-bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 100%; filter: blur(5px); z-index: -2; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-title, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-title { font-weight: bold; padding: 0; margin: 0; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-title:before, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-title:before { content: none; display: none; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-title .link, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-title .link { color: #000; transition: color 0.1s ease-out; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-title:hover, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-title:hover { color: #fb3a2f; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-title:hover .link, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-title:hover .link { color: #fb3a2f; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-submenu, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-submenu { overflow: hidden; max-height: 0; margin: 0 -19px; padding: 14px 19px 0; transition: max-height 0.3s ease; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-submenu-inner, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-submenu-inner { font-size: 13px; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-submenu-inner a, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-submenu-inner a { margin-right: 20px; padding: 0; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-submenu-inner a.inner-cat + .point, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-submenu-inner a.inner-cat + .point { background: #000; margin: 0 4px 0 -14px; } .catalog-home-wrapper.catalog-old-view .catalog-home__item-submenu-inner a.more-inner-cat, .catalog-home-wrapper.trademark-view-wrapper .catalog-home__item-submenu-inner a.more-inner-cat { margin: 8px 0 0; } /*для страницы "торговые марки" блоки с главной*/ .catalog-home-wrapper.trademark-view-wrapper { margin: -18px -10px; padding: 0; } .catalog-home-wrapper.trademark-view-wrapper .catalog-home .align-left-wrapper { text-align: left; } .b-facilities { margin: 48px 0 135px; } .b-facilities:before, .b-facilities:after { content: ''; position: absolute; } .b-facilities:before { width: 516px; height: 412px; left: -245px; top: 50%; margin-top: -60px; background: url("/image/home_left.jpg") 0 0 no-repeat; } .b-facilities:after { width: 516px; height: 412px; right: -190px; top: 50%; margin-top: -60px; background: url("/image/home_right.jpg") 0 0 no-repeat; } .b-facilities__item { position: relative; display: inline-block; vertical-align: top; width: 210px; padding-top: 86px; font-size: 15px; margin: 0 20px 23px; z-index: 1; } .b-facilities__item:before { content: ''; position: absolute; width: 178px; height: 75px; top: 0; left: 50%; margin-left: -89px; background: url("/image/icons_facilities.png") 0 0 no-repeat; } .b-facilities__item_fav:before { background-position: 0 0; } .b-facilities__item_cart:before { background-position: -178px 0; } .b-facilities__item_share:before { background-position: -356px 0; } .b-facilities__item_repeat:before { background-position: -534px 0; } .b-facilities__item_joint:before { background-position: -712px 0; } .b-facilities__button { margin-top: 11px; } .b-facilities__more-link { font-size: 13px; margin-top: 17px; } .l-facilities { margin: 60px 0 0; text-align: center; } /* Выпадающий каталог на главной странице авторизованного пользователя */ .auth-user-catalog { background: #e4f1f9; width: 100%; margin: 0; padding: 0; position: relative; display: block; border-top: 1px solid #d7e3ea; border-bottom: 1px solid #d7e3ea; height: 49px; } .auth-user-catalog:before, .auth-user-catalog:after { content: ''; position: absolute; top: 0; width: 50%; height: 100%; background: #00599d; } .auth-user-catalog:before { right: 100%; } .auth-user-catalog:after { left: 100%; } .auth-user-catalog .catalog-menu-wrapper { margin: 0 auto; max-width: 1400px; } .auth-user-catalog .more-cat-menu-wrapper { background: #e4f1f9; height: 49px; vertical-align: top; display: inline-block; margin-left: -6px; padding-left: 3px; } .auth-user-catalog .more-cat-menu-wrapper > span { display: inline-block; height: 49px; line-height: 48px; color: #002b41; border: none; font-weight: 500; font-size: 14px; position: relative; } .auth-user-catalog .more-cat-menu-wrapper > span:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; height: 0; margin: 0 0 0 -8px; border-bottom: 10px solid #00599d; border-left: 8px solid transparent; border-right: 8px solid transparent; display: none; z-index: 100; } .auth-user-catalog .more-cat-menu-wrapper.open-on-hover:hover .more-cat-menu, .auth-user-catalog .more-cat-menu-wrapper.open-on-click .more-cat-menu { opacity: 1; max-height: 1000px; } .auth-user-catalog .more-cat-menu-wrapper.open-on-hover:hover > span:after, .auth-user-catalog .more-cat-menu-wrapper.open-on-click > span:after { display: block; } .auth-user-catalog .more-cat-menu { background: #00599d; position: absolute; top: 100%; left: 0; width: 100%; height: auto; max-height: 0; opacity: 0; transition: max-height 0.6s ease-in-out, opacity 0.2s ease-in-out; z-index: 202; overflow: hidden; } .auth-user-catalog .more-cat-menu ul { padding: 0; position: relative; max-width: 1300px; margin: 0 auto; box-sizing: border-box; text-align: left; } @media screen and (max-width: 1080px) { .auth-user-catalog .more-cat-menu ul { padding-left: 1em; } } .auth-user-catalog .more-cat-menu li { display: inline-block; width: 12%; padding: 0 10px; margin: 0; text-align: center; box-sizing: border-box; vertical-align: top; } @media screen and (max-width: 1080px) { .auth-user-catalog .more-cat-menu li { width: 13%; } } .auth-user-catalog .more-cat-menu a, .auth-user-catalog .more-cat-menu .link.link_white, .auth-user-catalog .more-cat-menu .side-category .side-category_item.selected .link.link_pseudo, .side-category .side-category_item.selected .auth-user-catalog .more-cat-menu .link.link_pseudo, .auth-user-catalog .more-cat-menu .title_home .link.home-tab, .title_home .auth-user-catalog .more-cat-menu .link.home-tab { display: inline-block; box-sizing: border-box; width: 140px; height: 120px; position: relative; padding-top: 67px; text-align: center; border: none; font-weight: 500; font-size: 14px; vertical-align: top; border-radius: 3px; transition: background-color 0.4s ease-out; } .auth-user-catalog .more-cat-menu a:hover, .auth-user-catalog .more-cat-menu .search__select-button .selectors label:hover, .search__select-button .selectors .auth-user-catalog .more-cat-menu label:hover, .auth-user-catalog .more-cat-menu .link.link_white:hover, .auth-user-catalog .more-cat-menu .side-filter .collapse h3.link_white:hover, .side-filter .collapse .auth-user-catalog .more-cat-menu h3.link_white:hover, .auth-user-catalog .more-cat-menu .side-filter .collapse .side-category .side-category_item.selected h3.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .auth-user-catalog .more-cat-menu h3.link_pseudo:hover, .auth-user-catalog .more-cat-menu .side-category .side-category_item.selected .side-filter .collapse h3.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .auth-user-catalog .more-cat-menu h3.link_pseudo:hover, .auth-user-catalog .more-cat-menu .side-filter .collapse .title_home h3.home-tab:hover, .side-filter .collapse .title_home .auth-user-catalog .more-cat-menu h3.home-tab:hover, .auth-user-catalog .more-cat-menu .title_home .side-filter .collapse h3.home-tab:hover, .title_home .side-filter .collapse .auth-user-catalog .more-cat-menu h3.home-tab:hover, .auth-user-catalog .more-cat-menu .side-filter .collapse .link_white.h3:hover, .side-filter .collapse .auth-user-catalog .more-cat-menu .link_white.h3:hover, .auth-user-catalog .more-cat-menu .side-filter .collapse .side-category .side-category_item.selected .h3.link_pseudo:hover, .side-filter .collapse .side-category .side-category_item.selected .auth-user-catalog .more-cat-menu .h3.link_pseudo:hover, .auth-user-catalog .more-cat-menu .side-category .side-category_item.selected .side-filter .collapse .h3.link_pseudo:hover, .side-category .side-category_item.selected .side-filter .collapse .auth-user-catalog .more-cat-menu .h3.link_pseudo:hover, .auth-user-catalog .more-cat-menu .side-filter .collapse .title_home .h3.home-tab:hover, .side-filter .collapse .title_home .auth-user-catalog .more-cat-menu .h3.home-tab:hover, .auth-user-catalog .more-cat-menu .title_home .side-filter .collapse .h3.home-tab:hover, .title_home .side-filter .collapse .auth-user-catalog .more-cat-menu .h3.home-tab:hover, .auth-user-catalog .more-cat-menu .side-category .side-category_item.selected .link.link_pseudo:hover, .side-category .side-category_item.selected .auth-user-catalog .more-cat-menu .link.link_pseudo:hover, .auth-user-catalog .more-cat-menu .title_home .link.home-tab:hover, .title_home .auth-user-catalog .more-cat-menu .link.home-tab:hover { color: #fff; background-color: #006bb1; } .auth-user-catalog .more-cat-menu a:before, .auth-user-catalog .more-cat-menu .link.link_white:before, .auth-user-catalog .more-cat-menu .side-category .side-category_item.selected .link.link_pseudo:before, .side-category .side-category_item.selected .auth-user-catalog .more-cat-menu .link.link_pseudo:before, .auth-user-catalog .more-cat-menu .title_home .link.home-tab:before, .title_home .auth-user-catalog .more-cat-menu .link.home-tab:before { content: ''; display: block; position: absolute; top: 25px; left: 50%; margin: 0 0 0 -18px; width: 36px; height: 36px; } .auth-user-catalog .catalog-menu-ul-wrapper { width: 95%; max-width: 95%; overflow-x: hidden; display: inline-block; vertical-align: top; margin: 0; } @media screen and (max-width: 1300px) { .auth-user-catalog .catalog-menu-ul-wrapper { width: 90%; max-width: 90%; } } .auth-user-catalog ul.catalog-popup-menu { padding: 6px 0 0 40px; position: relative; margin: 0; box-sizing: border-box; height: 50px; overflow: hidden; text-align: justify; } .auth-user-catalog ul.catalog-popup-menu .hide-catalog { position: absolute; top: 2em; right: 2.6em; display: block; font-weight: bold; font-size: 13px; } .auth-user-catalog ul.catalog-popup-menu > li { display: inline-block; padding: .7em 2.2em .7em 0; } .auth-user-catalog ul.catalog-popup-menu > li > a, .auth-user-catalog ul.catalog-popup-menu > li > a.link { color: #002b41; border: none; font-weight: 500; position: relative; line-height: 1.2; } .auth-user-catalog ul.catalog-popup-menu > li > a:hover, .auth-user-catalog .search__select-button .selectors ul.catalog-popup-menu > li > label:hover, .search__select-button .selectors .auth-user-catalog ul.catalog-popup-menu > li > label:hover, .auth-user-catalog ul.catalog-popup-menu > li > a.link:hover, .auth-user-catalog .side-filter .collapse ul.catalog-popup-menu > li > a.h3:hover, .side-filter .collapse .auth-user-catalog ul.catalog-popup-menu > li > a.h3:hover, .auth-user-catalog .side-filter .collapse .search__select-button .selectors ul.catalog-popup-menu > li > label.h3:hover, .side-filter .collapse .search__select-button .selectors .auth-user-catalog ul.catalog-popup-menu > li > label.h3:hover, .auth-user-catalog .search__select-button .selectors .side-filter .collapse ul.catalog-popup-menu > li > label.h3:hover, .search__select-button .selectors .side-filter .collapse .auth-user-catalog ul.catalog-popup-menu > li > label.h3:hover, .auth-user-catalog .search__select-button .selectors ul.catalog-popup-menu > li > label.link:hover, .search__select-button .selectors .auth-user-catalog ul.catalog-popup-menu > li > label.link:hover { color: #fb3a2f; } .auth-user-catalog ul.catalog-popup-menu > li > a.active:after, .auth-user-catalog ul.catalog-popup-menu > li > a.link.active:after { content: ''; display: block; position: absolute; bottom: -16px; width: 100%; height: 2px; background: #002b41; } .auth-user-catalog .catalog-popup-ctls { margin-bottom: 2em; } .auth-user-catalog .catalog-popup-ctls .link { font-size: 14px; } .auth-user-catalog .catalog-submenu { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 10px; position: absolute; top: 100%; width: 687px; box-sizing: border-box; padding: 20px 35px; margin: 1px 0 0 -35px; z-index: 110; display: none; } .auth-user-catalog .catalog-submenu.submenu-right { right: 0; } @media screen and (max-width: 1600px) { .auth-user-catalog .catalog-submenu.submenu-right { right: 20px; margin-right: 1em; } } .auth-user-catalog .catalog-submenu .submenu-title { font-size: 18px; font-weight: bold; padding-top: 3px; } .auth-user-catalog .catalog-submenu .catalog-popup-ctls { margin-top: 1em; padding-top: 3px; } .auth-user-catalog .catalog-submenu ul.submenu { list-style: none; display: block; position: relative; columns: 3; } .auth-user-catalog .catalog-submenu ul.submenu li { display: inline-block; width: 100%; vertical-align: top; padding: 4px 0 3px; margin: 0; font-size: 13px; } .auth-user-catalog .catalog-submenu ul.submenu li:before { content: none; display: none; } .auth-user-catalog .catalog-submenu ul.submenu li a { line-height: 1.3; } .auth-user-catalog .catalog-submenu a.link:hover, .auth-user-catalog .catalog-submenu .side-filter .collapse a.h3:hover, .side-filter .collapse .auth-user-catalog .catalog-submenu a.h3:hover, .auth-user-catalog .catalog-submenu .side-filter .collapse .search__select-button .selectors label.h3:hover, .side-filter .collapse .search__select-button .selectors .auth-user-catalog .catalog-submenu label.h3:hover, .auth-user-catalog .catalog-submenu .search__select-button .selectors .side-filter .collapse label.h3:hover, .search__select-button .selectors .side-filter .collapse .auth-user-catalog .catalog-submenu label.h3:hover, .auth-user-catalog .catalog-submenu .search__select-button .selectors label.link:hover, .search__select-button .selectors .auth-user-catalog .catalog-submenu label.link:hover { color: #fb3a2f; border-color: rgba(223, 74, 84, 0.3); } .auth-user-catalog .corner-arrow { display: none; position: absolute; top: 100%; width: 0; height: 0; margin: -9px 0 0 -8px; border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 111; } .auth-user-catalog-showed { display: block; } .js-auth-user-catalog-opener { min-width: 96px; } .js-auth-user-catalog-opener.opened { position: relative; } .js-auth-user-catalog-opener.opened:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin: 0 0 0 -8px; border-bottom: 10px solid #00599d; border-left: 8px solid transparent; border-right: 8px solid transparent; } .js-auth-user-catalog-opener.opened .with-icon_arrowdown-white { display: none; } .l-recommended .news-blocks_wrapper { float: left; width: calc(100% - 350px); } @media (max-width: 1100px) { .l-recommended .news-blocks_wrapper .category-news__item { width: 25%; } .l-recommended .news-blocks_wrapper .category-news__item:last-child { display: none; } } .l-recommended .soc-widgets { float: right; } .l-recommended .soc-widgets_tabs { margin: 0 0 10px 0; } .l-recommended .soc-widgets_tabs .tab { margin: 0; padding: .3em .7em; } .l-recommended .soc-widgets_tabs .tab + .tab { margin-left: .4em; } .l-recommended .soc-widgets_tabs .tab.selected span { border: none; cursor: auto; color: #000; } .l-recommended .soc-widget iframe { display: block; } .l-recommended .soc-widget .widget { width: 190px; } /* Раздел "Лучшие предложения" на главной странице */ .best-offers { margin: 0 auto 84px; padding: 18px 0 0; max-width: 1303px; clear: both; } .best-offers:after { content: ""; display: table; clear: both; } .best-offers_links { text-align: center; padding: 0 0 23px; } .best-offers_links a.button { font-size: 14px; } .best-offers_links a.button + a.button { margin-left: 16px; } .best-offers_chponks .chponks-row { margin: 0 -1.4em; clear: both; text-align: center; } .best-offers_chponks .chponk { display: inline-block; vertical-align: top; padding: 11px; } .best-offers_chponks .chponk a { display: block; border: none; } .best-offers_chponks .chponk img { display: block; width: 100%; border-radius: 6px; } .best-offers_chponks .chponk_1 { width: 303px; } .best-offers_chponks .chponk_2 { width: 629px; } .best-offers_chponks .chponk_3 { width: 955px; } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /** * Стили для страницы Прайс-листы (/price/). */ .side-category_price .side-filter-ctl_indent2 { margin-top: 3em; } .price-list_page .responsive-inline-grid { padding-bottom: 38px; border-bottom: 1px solid #e6f1f4; } /** * Стили для страницы Менеджеры (/kontakty/managers/). */ .side-category-contacts .side-filter-ctl_indent2 { margin-top: 3.1em; } .side-category-contacts .side-filter-ctl_indent2 .selected { padding-right: 25px; } .side-category-contacts .contact-group-header { font-size: 16px; font-weight: 700; display: table; cursor: pointer; line-height: normal; width: 100%; text-transform: uppercase; } .side-category-contacts .contact-group-header .with-icon { display: table-cell; vertical-align: middle; width: 10px; } .side-category-contacts .contact-group-header .with-icon:before { margin-right: 12px; } .side-category-contacts .contact-group-header .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .side-category-contacts .contact-group-header .with-icon_arrowup-blue:before, .side-category-contacts .contact-group-header #managers-toggle.opened .with-icon_arrowdown-blue:before, #managers-toggle.opened .side-category-contacts .contact-group-header .with-icon_arrowdown-blue:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .side-category-contacts .side-category_item.contacts-item .link_pseudo, .side-category-contacts .side-category_item.contacts-item .title_home .home-tab, .title_home .side-category-contacts .side-category_item.contacts-item .home-tab { border-bottom: none; } .side-category-contacts .subcategory-list li { margin-left: 0; } .side-category-contacts hr { border-color: black; } .contacts-list_page, .warehouse-info-wrapper { padding: 22px; background: #fff; border-radius: 5px; } .contacts-list_page .contacts-list_header-info, .managers-block .contacts-list_header-info { font-size: 14px; padding: 0 0 52px 430px; /** * Список-автокомплит городов в разделе списка менеджеров. */ } .contacts-list_page .contacts-list_header-info .contacts-list_pseudo-popup, .managers-block .contacts-list_header-info .contacts-list_pseudo-popup { padding: 24px 20px 25px 15px; background: #fff; position: absolute; z-index: 5; left: 0; top: 0; /** * Активное окно выбора города. */ } .contacts-list_page .contacts-list_header-info .contacts-list_pseudo-popup .popup__close, .managers-block .contacts-list_header-info .contacts-list_pseudo-popup .popup__close { display: none; } .contacts-list_page .contacts-list_header-info .contacts-list_pseudo-popup.active, .managers-block .contacts-list_header-info .contacts-list_pseudo-popup.active { border-radius: 6px; padding-right: 105px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .contacts-list_page .contacts-list_header-info .contacts-list_pseudo-popup.active .popup__close, .managers-block .contacts-list_header-info .contacts-list_pseudo-popup.active .popup__close { display: block; } .contacts-list_page .contacts-list_header-info .ui-autocomplete, .managers-block .contacts-list_header-info .ui-autocomplete { margin-bottom: -20px; padding-bottom: 0; position: relative; box-shadow: none; border: none; } .contacts-list_page .contacts-list_header-info .ui-autocomplete li, .managers-block .contacts-list_header-info .ui-autocomplete li { font-size: 13px; cursor: pointer; color: #0085df; } .contacts-list_page .contacts-list_header-info .ui-autocomplete li:hover, .managers-block .contacts-list_header-info .ui-autocomplete li:hover { color: #ff372b; } .contacts-list_page .contacts-list_header-info .contacts-list_city_label, .contacts-list_page .contacts-list_header-info .input, .managers-block .contacts-list_header-info .contacts-list_city_label, .managers-block .contacts-list_header-info .input { display: inline-block; vertical-align: middle; } .contacts-list_page .contacts-list_header-info .contacts-list_city_label, .managers-block .contacts-list_header-info .contacts-list_city_label { font-size: 16px; width: 100px; } .contacts-list_page .contacts-list_header-info .input, .managers-block .contacts-list_header-info .input { width: 300px; line-height: 32px; } .contacts-list_page .contacts-list_header-info .input + label, .managers-block .contacts-list_header-info .input + label { vertical-align: middle; margin-left: -22px; position: relative; font-size: 20px; cursor: pointer; color: #afb8bb; z-index: 2; } .contacts-list_page .contacts-list_header-info .input + label:hover, .managers-block .contacts-list_header-info .input + label:hover { color: #fb3a2f; } .contacts-list_page .contacts-list_header-info .contacts-list_nav-link > a, .managers-block .contacts-list_header-info .contacts-list_nav-link > a { display: inline-block; margin-right: 12px; margin-top: 5px; } .contacts-list_page .contacts-list_header-info .contacts-list_hyper_link > a, .managers-block .contacts-list_header-info .contacts-list_hyper_link > a { display: inline-block; margin-top: 5px; } .contacts-list_page .responsive-inline-grid_item, .managers-block .responsive-inline-grid_item { margin-bottom: 80px; } .contacts-list_page .responsive-inline-grid_item:nth-last-of-type(1), .contacts-list_page .responsive-inline-grid_item:nth-last-of-type(2), .managers-block .responsive-inline-grid_item:nth-last-of-type(1), .managers-block .responsive-inline-grid_item:nth-last-of-type(2) { margin-bottom: 0; } .contacts-list_page .contact-managers_photo, .managers-block .contact-managers_photo { width: 90px; height: 90px; overflow: hidden; border-radius: 50%; margin-right: 45px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .contacts-list_page .contact-managers_photo img, .managers-block .contact-managers_photo img { width: 100%; } .contacts-list_page .contact-managers_info, .managers-block .contact-managers_info { margin-left: 140px; padding-top: 15px; } .managers_name { padding: 4px 0 18px 0; } #new_contacts_page { font-size: 12px; } .managers_region-list { padding: 2px 0 26px 0; } .managers_region-list2 { padding: 2px 0 26px 0; color: #64849f; } .managers_button-action { white-space: nowrap; } .managers_button-action .button + .button { margin-left: .4em; } .managers_contact-info { font-size: 12px; padding-bottom: 18px; } .managers_contact-info > span { position: relative; padding: 0 15px 0 25px; display: inline-block; width: 100%; margin-bottom: 7px; } .managers_contact-info > span:before { top: -1px; left: 0; width: 25px; height: 20px; content: ""; display: block; position: absolute; } .managers_contact-info .managers_email:before { background: url(/image/icons/i_contacts.png) no-repeat -2px center; } .managers_contact-info .managers_icq:before { background: url(/image/icons/i_contacts.png) no-repeat -34px center; } .managers_contact-info .managers_skype:before { background: url(/image/icons/i_contacts.png) no-repeat -64px center; } .managers_contact-info .managers_vk:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -252px -277px; width: 14px; height: 14px; left: 5px; top: 2px; } .managers_contact-info .managers_fb:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -267px -277px; width: 14px; height: 14px; left: 5px; top: 2px; } .managers_contact-info .managers_ok:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -327px -277px; width: 14px; height: 14px; left: 5px; top: 2px; } .managers_phone-list { font-style: italic; font-size: 11px; padding-bottom: 28px; } .managers_phone-list .managers_phone { line-height: 24px; } .managers_phone-list .managers_phone span { font-size: 14px; font-style: normal; } @media screen and (max-width: 1260px) { .float-container .float-right { float: none; } } .order-terms { margin-bottom: 100px; } .order-terms .conditions-managers { width: 335px; margin: 35px 0; } .order-terms .conditions-managers .contact-indent { float: right; } /** * Стили для страницы Доставка. */ .map { height: 500px; border-radius: 14px; overflow: hidden; position: relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .cities-list_country { padding-bottom: 5px; position: relative; font-size: 24px; display: block; } .cities-list_country:before { content: ''; width: 30px; height: 24px; display: inline-block; vertical-align: -10%; } .cities-list_country[data-country-id='112']:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -465px; width: 24px; height: 24px; } .cities-list_country[data-country-id='398']:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -540px; width: 24px; height: 24px; } .cities-list_country[data-country-id='643']:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -617px; width: 24px; height: 24px; } .cities-list_country[data-country-id='051']:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -440px; width: 24px; height: 24px; } .cities-list_country[data-country-id='417']:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -565px; width: 24px; height: 24px; } .cities-list { columns: 3; font-size: 15px; } .cities-list.g-ul { padding-bottom: 35px; } .cities-list li { position: relative; margin: 0; padding: .3em 0 .3em 2em; page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .cities-list li ins { display: block; position: absolute; left: 5px; color: #afb8bb; text-decoration: none; } a.dl-chponck { display: block; float: left; border: 0; margin: 0 20px 30px 0; } .del-comp-table-header { font-weight: bold; font-size: 17px; clear: both; } .del-comp-table { width: 100%; margin-top: 18px; } .del-comp-table td { border-top: 1px solid #e9f1f4; padding: 0.5em 0; height: 47px; vertical-align: middle; } .del-comp-table td:first-child { width: 420px; } @media only screen and (max-width: 1100px) { .del-comp-table td:first-child { width: 40%; } } .del-comp-table td:nth-child(2) { width: 270px; } @media only screen and (max-width: 1100px) { .del-comp-table td:nth-child(2) { width: auto; } } .warehouse-info-wrapper > p, .warehouse-info-wrapper .for-map { max-width: 1000px; } .warehouse-info-wrapper .for-map { clear: both; margin-top: 1em; } .warehouse-info-wrapper #our-map { max-width: 840px; } .warehouse-info-wrapper .contact-managers_photo { margin-top: 20px; } .warehouse-info-wrapper .managers_name, .warehouse-info-wrapper .managers_contact-info { padding-bottom: 0; } .warehouse-info-wrapper .responsive-inline-grid_item { width: 100%; max-width: 400px; margin-right: 20px; float: left; } .warehouse-info-wrapper .managers_name, .warehouse-info-wrapper .managers_speciality { font-size: 14px; } .warehouse-info-wrapper img { max-width: 100%; } .warehouse-info-wrapper.l-indent { overflow: inherit; } /* * Страница Заключение договора */ .contract_page h2, .contract_page .b-chponck__price, .contract_page .h2 { font-size: 1.3em; font-weight: bold; margin: 1.5em 0 1em; } .contract_page .blocks-row-element { height: 174px; display: table; } @media only screen and (max-width: 1024px) { .contract_page .blocks-row-element { height: 218px; } } .contract_page .blocks-row-element .b-info { margin: 0; display: table-cell; } .contract_page .blocks-row-element .b-info .g-ul { margin-top: 10px; } .contract_page .blocks-row-element .b-info .g-ul li { margin: 0.3em 0; } .contract_page .comment { max-width: 1050px; } /** * Страница Новинок (/new/). */ .novelty_page { font-size: 13px; } .novelty_page .tabs_simple { padding-bottom: 17px; } .novelty_page .tabs_simple .tab { font-size: 13px; } .novelty_page .catalog-sort { padding-bottom: 22px; } .novelty_page .responsive-inline-grid .responsive-inline-grid_item { box-sizing: border-box; padding: 0 5% 35px 0; } .novelty_page .responsive-inline-grid .responsive-inline-grid_item:nth-last-child(1), .novelty_page .responsive-inline-grid .responsive-inline-grid_item:nth-last-child(2), .novelty_page .responsive-inline-grid .responsive-inline-grid_item:nth-last-child(3) { padding-bottom: 0; } .novelty_page .novelty-item_title { font-size: 16px; margin-bottom: 7px; } .novelty_page .novelty-item_category { padding: 5px 0 3px 0; overflow: hidden; } .novelty_page .novelty-item_category .inline-block { font-size: 13px; line-height: 24px; padding-right: 5px; } .novelty_page .novelty-item_more { font-size: 13px; } @media screen and (max-width: 1280px) { .novelty_page .responsive-inline-grid_item { padding-right: 4%; } } .novelty-stage { width: 140px; } .novelty-stage .g-ul { font-size: 13px; } .item-count { color: #afb8bb; } /** * Раздел новинок. */ [data-jsview="novelty"] .likeH1 { font-weight: normal; font-size: 25px; } [data-jsview="novelty"] .likeH1 .b { font-weight: bold; font-size: 32px; } .novelty-root-category { width: 150px; } /* Стили для странрицы "Партнерская программа" */ .shop-section { padding: 0 15px; max-width: 1023px; margin: 0 auto 90px; } .shop-section .shop-section__title { font-size: 34px; line-height: 50px; text-align: center; display: block; color: black; font-weight: 500; } .shop-section .shop-section__desc span { display: inline-block; float: left; width: 33.333%; margin: 0; padding: 0; text-align: center; font-size: 18px; line-height: 43px; } .shop-section .shop-section__desc span:first-child { text-align: left; } .shop-section .shop-section__desc span:last-child { text-align: right; } .shop-section .shop-section__desc:after { display: block; content: ''; height: 0; clear: both; } .shop-first .shop-first__subtitle { font-size: 18px; line-height: 43pt; text-align: center; display: block; color: black; } .shop-first .shop-first__button { position: absolute; right: 15px; margin-top: 45px; z-index: 1; color: #fff !important; } .shop-first .shop-first__icons { margin: 0; padding: 0; list-style-type: none; } .shop-first .shop-first__icon { font-size: 15px; line-height: 32px; color: #787878; float: left; display: inline-block; width: 25%; margin: 38px 0 20px; padding: 0; box-sizing: border-box; background-repeat: no-repeat; position: relative; height: 30px; } .shop-first .shop-first__icon:before { content: ''; display: block; position: absolute; left: 0; } .shop-first .shop-first__icon:nth-child(1) { padding-left: 30px; } .shop-first .shop-first__icon:nth-child(1):before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -29px; width: 25px; height: 29px; } .shop-first .shop-first__icon:nth-child(2) { padding-left: 41px; } .shop-first .shop-first__icon:nth-child(2):before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -359px -305px; width: 36px; height: 30px; } .shop-first .shop-first__icon:nth-child(3) { padding-left: 41px; } .shop-first .shop-first__icon:nth-child(3):before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -560px; width: 36px; height: 26px; } .shop-first .shop-first__icon:nth-child(4) { padding-left: 34px; } .shop-first .shop-first__icon:nth-child(4):before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -587px; width: 29px; height: 29px; } .shop-first .shop-first__example { max-width: 100%; } .shop-first .shop-section__desc { margin-top: -92px; } .shop-second .shop-second__comps { margin-top: 15px; } .shop-second .shop-second__comps:after { display: block; content: ''; height: 0; clear: both; } .shop-second .shop-second__col { float: left; display: inline-block; width: 33.333%; margin: 0; padding: 0; } .shop-second .shop-second__col img { margin: 0 auto; display: block; } .shop-second .shop-second__col:nth-child(2) img { margin: 40px auto 59px; } .shop-second .shop-second__col p { margin: 0; text-align: center; background: transparent url(/image/icons/shop_ok.png) no-repeat center 20px; width: 100%; padding-top: 70px; } .shop-three .shop-section__title { margin-bottom: 50px; } .shop-three img { display: block; margin: 0 auto 10px; max-width: 100%; } .shop-three .shop-three__doc { text-align: center; font-size: 18px; line-height: 26px; margin-top: 35px; margin-bottom: 37px; } .shop-four { background: #f5f5ed; margin-bottom: -96px; padding: 3em 0 1.5em; } .shop-four:after, .shop-four:before { content: ""; position: absolute; background: #f5f5ed; top: 0; left: -5000px; bottom: 0; width: 10000px; z-index: -1; } .shop-four .ex-form { margin: 0 auto; max-width: 500px; border-radius: 0; box-shadow: none; z-index: 0; text-align: center; } .shop-four .ex-form dl { text-align: initial; } .shop-four .button { font-size: 15px; line-height: 15px; font-weight: 700; margin: 0; } .delivery-documents-table { width: 100%; margin-top: 1em; } .delivery-documents-table td { border: 1px solid #dcdcdc; padding: 10px; } .l-indent-nearby-city { clear: none; } /*стили для страницы тендеры*/ #tender-page .layout:before { height: 100%; } .tender-page > p { font-size: 13px; } .tender-page .catalog-row { background: none; padding: 14px 0 1px; max-width: 1080px; display: inline-block; width: 100%; } .tender-page .catalog-row .catalog-check { float: right; font-size: 14px; margin-top: -2px; } .tender-page .catalog-row .catalog-check input { float: left; margin-top: 5px; } .tender-page .tender-row { background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 20px 24px 13px; max-width: 1050px; display: inline-block; width: 100%; } .tender-page .tender-row .status-line { text-align: right; color: #a3a3a3; font-size: 14px; } .tender-page .tender-row .status-line .flag { float: left; margin: -1px 0 0 -1px; } .tender-page .tender-row .tender-name { font-size: 24px; padding: 14px 0 13px; } .tender-page .tender-row .tender-terms { display: inline-block; font-weight: bold; width: 395px; vertical-align: middle; font-size: 14px; } .tender-page .tender-row .tender-terms div { padding: 0 0 6px; } .tender-page .tender-row .tender-terms span { color: #aaa; float: left; width: 220px; } .tender-page .tender-row .tender-docs { display: inline-block; vertical-align: middle; font-size: 14px; } .tender-page .tender-row .tender-docs a { display: inline-block; vertical-align: top; padding: 0 45px 10px; text-decoration: none; border: none; position: relative; } .tender-page .tender-row .tender-docs a span { color: #767a7c; } .tender-page .tender-row .tender-docs a:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -214px; width: 24px; height: 30px; display: block; position: absolute; top: 5px; left: 0; } @media screen and (max-width: 1200px) { .tender-page .catalog-row .catalog-check { float: none; } .tender-page .catalog-row .catalog-sort { width: 100%; } .tender-page .tender-row .tender-terms, .tender-page .tender-row .tender-docs { max-width: 49%; } } /* Отображение нумерованного списка на статических страницах */ .static-page-content ol { list-style: decimal; } main section > .h2.action-is-finished, .l-main section > .h2.action-is-finished { margin: 0 0 2em; } /*Страница оплаты*/ .oplata-page .line-view-wrapper, .oplata-page .line-view-item { background: none; padding: 0; } .payment-info-page .tabs_payment-info-page .tab { padding-left: 53px; } .payment-info-page .tabs_payment-info-page .tab:before { content: ''; left: 3px; position: absolute; top: 6px; } .payment-info-page .tabs_payment-info-page .tab[data-content-id="#payment-card-tab-content"]:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -172px -175px; width: 44px; height: 44px; } .payment-info-page .tabs_payment-info-page .tab[data-content-id="#payment-bank-tab-content"]:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -217px -175px; width: 44px; height: 44px; } .payment-info-page .tabs_payment-info-page .tab[data-content-id="#payment-cash-tab-content"]:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -127px -175px; width: 44px; height: 44px; } .payment-info-page .tabs_payment-info-page .tab[data-content-id="#payment-credit-tab-content"]:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -82px -175px; width: 44px; height: 44px; } /*Электронный дркументооборот*/ .edo-page-content { padding: 25px 65px 25px 46px; } .edo-page-content .float-container { margin-bottom: 5em; max-width: 1130px; } .edo-page-content .float-container .float-left { height: auto; margin: 0 5em 0 0; max-width: 40%; } .edo-page-content .float-container .float-margin { padding-top: 30px; overflow: hidden; } .edo-page-content .float-container .example { line-height: 1.5; margin-top: 20px; } .edo-page-content .float-container .button { font-size: 14px; font-weight: bold; margin-top: 20px; } .edo-page-content .tile-block { display: inline-block; margin: 25px 2% 20px 0; vertical-align: top; width: 31%; } .edo-page-content .tile-block .float-left { float: left; margin-right: 20px; margin-top: 12px; } .edo-page-content .tile-block .text { overflow: hidden; } .edo-page-content .tile-block .text p { margin-top: 0.5em; } .edo-page-content .edo-step { border-bottom: 1px dashed #d7dbdd; padding: 40px 0; position: relative; } .edo-page-content .edo-step .text { display: inline-block; padding: 0 0 0 60px; position: relative; vertical-align: middle; width: 35%; } .edo-page-content .edo-step .text h2, .edo-page-content .edo-step .text .b-chponck__price { font-size: 18px; } .edo-page-content .edo-step .text .button { font-size: 14px; font-weight: bold; margin-top: 20px; } .edo-page-content .edo-step img { display: inline-block; height: auto; margin-left: 2%; max-width: 55%; vertical-align: middle; } .edo-page-content .edo-step .step-number { border-radius: 100%; border: 1px solid; font-size: 18px; left: 0; padding: 5px 14px; position: absolute; top: 4px; } .edo-page-content .edo-step.edo-step3 { border-bottom: none; } .edo-page-content .edo-step.edo-step3 .text { float: left; max-width: 50%; width: 45%; } .edo-page-content .edo-step.edo-step3 img { margin-left: 60px; margin-top: -100px; max-width: 93%; } .edo-page-content .comment { display: inline-block; margin-bottom: 70px; margin-left: 60px; } .edo-page-content .edo-contacts { max-width: 470px; } @media screen and (max-width: 1300px) { .edo-page-content { margin-right: -40px; padding: 0 0 0 5px; } .edo-page-content.line-view-item { padding: 22px; } .edo-page-content .float-container .float-left { margin-right: 2.5em; max-width: 42%; } .edo-page-content .float-container .float-margin { padding-top: 0; } .edo-page-content .tile-block { margin-right: 3%; width: 48%; } .edo-page-content .tile-block:nth-child(even) { margin-right: 0; } .edo-page-content .edo-step { padding-left: 60px; } .edo-page-content .edo-step .text { padding-left: 0; width: 100%; } .edo-page-content .edo-step .step-number { left: -60px; } .edo-page-content .edo-step img { margin: 30px 0 0; max-width: 100%; } .edo-page-content .edo-step.edo-step3 .text { float: none; max-width: 100%; } .edo-page-content .edo-step.edo-step3 img { margin-left: 0; margin-top: 30px; max-width: 100%; } } /*стили для информационной страницы "Совместные покупки на сайте сима-ленд*/ .jp_info_page .limit, .jp_info_page .terms-popup__inner { box-sizing: border-box; } .jp_info_page main.limit, .jp_info_page .limit.l-main, .jp_info_page .l-main.terms-popup__inner, .jp_info_page main.terms-popup__inner { max-width: 100%; padding: 0; } .jp_info_page main.limit .reducer, .jp_info_page .limit.l-main .reducer, .jp_info_page .l-main.terms-popup__inner .reducer, .jp_info_page main.terms-popup__inner .reducer { margin: 0; } .jp_info_page .jp-info-header { background: url(../image/sp2/jp_info/header.png) no-repeat 50% 0; height: 450px; margin: 0; } .jp_info_page .jp-info-header-text { margin: 0 auto; padding: 150px 470px 0 0; position: relative; width: 465px; } .jp_info_page .jp-info-header-text p { font-size: 18px; font-weight: 500; } .jp_info_page .jp-info-header-text h1, .jp_info_page .jp-info-header-text .h2 { font-size: 36px; font-weight: bold; margin-bottom: 35px; margin-top: 0; } .jp_info_page .jp-info-header-text h1 { margin-bottom: 0; } .jp_info_page .h2 { color: #002b41; } .jp_info_page .jp-info-ask { margin: 0 auto; padding: 20px; } .jp_info_page .jp-info-ask .jp-info-block { padding: 40px 10px; position: relative; text-align: center; } .jp_info_page .jp-info-ask .jp-info-block:before { background: url(../image/sp2/jp_info/ask1.png) no-repeat 0 50%; content: ''; height: 100%; left: 50%; margin-left: -695px; position: absolute; top: 0; width: 695px; } .jp_info_page .jp-info-ask .jp-info-block:after { content: ''; display: inline-block; height: 542px; vertical-align: middle; width: 1px; } .jp_info_page .jp-info-ask .jp-info-block .jp-info-text { display: inline-block; padding: 20px 0 20px 540px; position: relative; text-align: left; vertical-align: middle; width: 380px; } .jp_info_page .jp-info-ask .jp-info-block .jp-info-text p { font-size: 15px; } .jp_info_page .jp-info-ask .jp-info-block .jp-info-text .h2 { font-size: 24px; } .jp_info_page .jp-info-ask .jp-info-block.jp-info-block_reverse:before { background: url(../image/sp2/jp_info/ask2.png) no-repeat 0 50%; margin-left: -60px; width: 811px; } .jp_info_page .jp-info-ask .jp-info-block.jp-info-block_reverse:after { content: ''; display: inline-block; height: 487px; } .jp_info_page .jp-info-ask .jp-info-block.jp-info-block_reverse .jp-info-text { padding: 20px 540px 20px 0; } .jp_info_page .jp-info-ask .jp-info-block.jp-info-block_full:before, .jp_info_page .jp-info-ask .jp-info-block.jp-info-block_full:after { display: none; } .jp_info_page .jp-info-ask .jp-info-block.jp-info-block_full .jp-info-text { max-width: 100%; padding-left: 0; padding-right: 0; text-align: center; width: 100%; } .jp_info_page .jp-info-ask .jp-info-block .image_with_tags { background: url(../image/sp2/jp_info/ask3.png) no-repeat 50% 0; height: 567px; position: relative; } .jp_info_page .jp-info-ask .jp-info-block .image_with_tags span { font-size: 15px; line-height: 1.2; left: 50%; position: absolute; } .jp_info_page .jp-info-ask .jp-info-block .image_with_tags .tag1 { margin-left: -263px; top: 15px; } .jp_info_page .jp-info-ask .jp-info-block .image_with_tags .tag2 { margin-left: 95px; top: 15px; } .jp_info_page .jp-info-ask .jp-info-block .image_with_tags .tag3 { margin-left: 155px; bottom: 25%; } .jp_info_page .jp-info-ask .jp-info-block .image_with_tags .tag4 { margin-left: -263px; bottom: 25%; } .jp_info_page .jp-info-advantages { background: linear-gradient(to top left, #9ecee8, #fdfeff); padding: 100px 30px; text-align: center; } .jp_info_page .jp-info-advantages .flex-row { margin: auto; max-width: 780px; } .jp_info_page .jp-info-advantages .flex-row img { margin: 50px auto 10px; } .jp_info_page .jp-info-advantages p { color: #002b41; font-size: 18px; line-height: 1.3; max-width: 140px; } .jp_info_page .jp-info-order { padding: 50px 0; } .jp_info_page .jp-info-order .limit, .jp_info_page .jp-info-order .terms-popup__inner { max-width: 960px; min-width: 960px; } .jp_info_page .jp-info-order .h2 { padding: 30px 30px 0; text-align: center; } .jp_info_page .jp-info-order .button-wrapper { margin-top: -25px; text-align: center; } .jp_info_page .jp-info-order .button-wrapper .button { font-size: 14px; } .jp_info_page .step_white, .jp_info_page .step_gray { padding: 60px 0; } .jp_info_page .step_white .jp-info-text, .jp_info_page .step_gray .jp-info-text { display: inline-block; padding-left: 90px; position: relative; vertical-align: middle; width: 300px; } .jp_info_page .step_white .jp-info-text .h4, .jp_info_page .step_white .jp-info-text .product__info .sl-description .sl-description-text h2.h4, .product__info .sl-description .sl-description-text .jp_info_page .step_white .jp-info-text h2.h4, .jp_info_page .step_white .jp-info-text .product__info .sl-description .sl-description-text .h4.b-chponck__price, .product__info .sl-description .sl-description-text .jp_info_page .step_white .jp-info-text .h4.b-chponck__price, .jp_info_page .step_gray .jp-info-text .h4, .jp_info_page .step_gray .jp-info-text .product__info .sl-description .sl-description-text h2.h4, .product__info .sl-description .sl-description-text .jp_info_page .step_gray .jp-info-text h2.h4, .jp_info_page .step_gray .jp-info-text .product__info .sl-description .sl-description-text .h4.b-chponck__price, .product__info .sl-description .sl-description-text .jp_info_page .step_gray .jp-info-text .h4.b-chponck__price { font-size: 18px; line-height: 1.3; margin: 0; } .jp_info_page .step_white img, .jp_info_page .step_gray img { display: inline-block; margin-left: -95px; vertical-align: middle; } .jp_info_page .step_white img.plus_margin, .jp_info_page .step_gray img.plus_margin { margin-left: 50px; } .jp_info_page .step_white .step-number, .jp_info_page .step_gray .step-number { border-radius: 100%; border: 1px solid; color: #64849f; font-size: 18px; left: 35px; padding: 5px 14px; position: absolute; top: -9px; } .jp_info_page .step_gray { background: #f7f9fa; padding-left: 70px; } .jp_info_page .step_gray img { margin-bottom: -25px; margin-left: -40px; margin-right: -20px; } .jp_info_page .jp-info-now { background: linear-gradient(to top left, #9ecee8, #fdfeff); padding: 45px 30px 0; } .jp_info_page .jp-info-now .limit, .jp_info_page .jp-info-now .terms-popup__inner { max-width: 960px; min-width: 960px; } .jp_info_page .jp-info-now .limit > img, .jp_info_page .jp-info-now .terms-popup__inner > img { display: inline-block; margin-left: -29px; vertical-align: top; } .jp_info_page .jp-info-now .limit .jp-info-text, .jp_info_page .jp-info-now .terms-popup__inner .jp-info-text { display: inline-block; padding: 55px 0 30px 10px; vertical-align: top; width: 380px; } .jp_info_page .jp-info-now .limit .jp-info-text .h2, .jp_info_page .jp-info-now .terms-popup__inner .jp-info-text .h2 { font-size: 24px; } .jp_info_page .jp-info-now .limit .button-wrapper, .jp_info_page .jp-info-now .terms-popup__inner .button-wrapper { padding: 45px 0 0; } .jp_info_page .jp-info-now .limit .button-wrapper .button, .jp_info_page .jp-info-now .terms-popup__inner .button-wrapper .button { font-size: 14px; } .jp_info_page .jp-info-feedback { max-height: 100%; padding: 80px 30px 100px; text-align: center; } .jp_info_page .jp-info-feedback:before { background: url(../image/sp2/jp_info/bg-left.png) no-repeat 0 0; bottom: 0; content: ''; height: 351px; left: 50%; margin-left: -900px; position: absolute; width: 494px; } .jp_info_page .jp-info-feedback:after { background: url(../image/sp2/jp_info/bg-right.png) no-repeat 100% 100%; bottom: 0; content: ''; height: 410px; margin-right: -900px; position: absolute; right: 50%; width: 453px; } .jp_info_page .jp-info-feedback .limit, .jp_info_page .jp-info-feedback .terms-popup__inner { max-width: 780px; min-width: 780px; position: relative; } .jp_info_page .jp-info-feedback .contact-manager { font-size: 14px; margin: 50px auto 0; text-align: left; width: 500px; } .jp_info_page .jp-info-feedback .contact-manager .contact-managers_photo { float: left; width: 90px; height: 90px; overflow: hidden; border-radius: 50%; margin-right: 45px; margin-left: 20px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .jp_info_page .jp-info-feedback .contact-manager .contact-managers_photo img { height: auto; width: 100%; } .jp_info_page .jp-info-feedback .contact-manager .contact-managers_info { margin-left: 160px; padding-top: 15px; } .las-igras { /* форма Заказать звонок */ /* навигация */ /* преимущества */ /* табы выбора вида игр (детские-взрослые) */ /* описание */ /* форма "Остались вопросы?" */ /* блок с картой */ /* футер */ } .las-igras .layout { background: url(/image/trademark/las_igras/bg-1.jpg) 50% 0; } .las-igras .layout:before { display: none; content: none; } .las-igras .limit, .las-igras .terms-popup__inner { background: #fff; padding-bottom: 1em; } .las-igras .limit > .reducer, .las-igras .terms-popup__inner > .reducer { margin-top: 0; padding-top: 38px; } .las-igras header .limit, .las-igras header .terms-popup__inner { background: #e4f1f9; } .las-igras .las-header { width: 100%; background: url(/image/trademark/las_igras/bg-header.jpg) 50% 0; height: 579px; position: relative; border-bottom: 10px solid #231f20; } .las-igras .social { font-size: 14px; font-weight: 500; position: absolute; left: 50%; top: 101px; margin-left: -200px; } .las-igras .social-icon { width: 46px; height: 46px; display: inline-block; vertical-align: top; border: none; margin: 14px 10px 0 0; background: url(/image/trademark/las_igras/social.png) no-repeat -5px -5px; } .las-igras .social-icon.instagram:hover { background-position: -5px -55px; } .las-igras .social-icon.vk { background-position: -55px -5px; } .las-igras .social-icon.vk:hover { background-position: -55px -55px; } .las-igras .las-callme-form { position: absolute; left: 0; bottom: 23px; width: 100%; text-align: center; } .las-igras .las-callme-form .error + .error-text { display: block; position: absolute; text-align: left; left: 12px; line-height: 125%; top: 60px; vertical-align: top; } .las-igras .las-callme-form-spacer { height: 0; background-color: #231f20; transition: height .5s; } .las-igras .las-callme-form-spacer_extended { height: 40px; } .las-igras .las-form { margin: 0 auto; } .las-igras .las-name, .las-igras .las-phone { display: inline-block; vertical-align: top; position: relative; } .las-igras .las-name:before, .las-igras .las-phone:before { content: '\f007'; font-family: 'FontAwesome'; color: #6e6e6e; display: block; position: absolute; top: 15px; left: 15px; } .las-igras .las-phone:before { content: '\f095'; } .las-igras .las-input { border: none; border-radius: 3px; height: 46px; line-height: 46px; width: 281px; margin: 0 10px 0 0; box-sizing: border-box; padding: 0 10px 0 40px; font-size: 13px; vertical-align: top; position: initial; } .las-igras .error-text { display: none; } .las-igras .las-button { border: none; border-radius: 3px; height: 46px; line-height: 46px; width: 211px; margin: 0; background: #00a651; padding: 0; font-weight: normal; color: #fff; font-size: 18px; vertical-align: top; } .las-igras .las-button:hover, .las-igras .las-button:focus { background: #ed1550; } .las-igras .las-nav-wrapper { background: #009247; } .las-igras .las-nav { display: table; width: 1016px; margin: 0 auto; padding-left: 50px; } @media only screen and (max-width: 1061px) { .las-igras .las-nav { width: 100%; padding-left: 0; } } .las-igras .las-nav-link { color: #fff; font-size: 15px; font-weight: 700; text-align: center; background: -ms-linear-gradient(left, #009247 0%, #11703f 65%); background: linear-gradient(left, #009247 0%, #11703f 65%); display: table-cell; vertical-align: middle; width: 20%; transform: skewX(30deg); padding: 0 24px; height: 80px; cursor: pointer; } .las-igras .las-nav-link > span { display: inline-block; transform: skewX(-30deg); line-height: 1.2; } .las-igras .las-nav-link:hover { background: -ms-linear-gradient(left, #179943 0%, #7ab633 65%); background: linear-gradient(left, #179943 0%, #7ab633 65%); } .las-igras .las-advantages { height: 656px; margin-top: -80px; background: #fff url(/image/trademark/las_igras/bg-advantages.jpg) no-repeat 50% 0; text-align: center; } .las-igras .las-advantage { margin: 420px 10px 0 15px; display: inline-block; vertical-align: top; width: 200px; font-size: 16px; line-height: 1.2; box-sizing: border-box; padding: 0 10px; } .las-igras .las-advantage > span { display: block; } .las-igras .las-advantage .b { font-size: 18px; line-height: 1.4; margin-bottom: 10px; } .las-igras .las-advantage_1 { transform: rotate(-5deg); margin: 410px 0 0 20px; width: 210px; padding: 0 0 0 25px; } .las-igras .las-advantage_2 { transform: rotate(1deg); margin-top: 430px; } .las-igras .las-advantage_4 { transform: rotate(6.5deg); } .las-igras .las-title { display: block; text-align: center; background: #fff; margin: 0; color: #221e1f; } .las-igras .slogan { padding-top: 50px; font-size: 210%; } .las-igras .title_home { display: none; } .las-igras .las-games-cats_wrapper { background: #fff; } .las-igras .las-games-cats { width: 980px; display: table; margin: 0 auto; padding: 40px 0 0; } .las-igras .las-games-cat { height: 80px; width: 50%; display: table-cell; vertical-align: middle; transform: skewX(30deg); color: #002b41; font-size: 14px; position: relative; padding: 0 0 0 140px; cursor: pointer; } .las-igras .las-games-cat > span { display: inline-block; transform: skewX(-30deg); } .las-igras .las-games-cat .cat-name { border-bottom: 1px dashed rgba(0, 0, 0, 0.3); } .las-igras .las-games-cat.selected { cursor: auto; } .las-igras .las-games-cat.selected .cat-name { border-bottom: none; font-weight: bold; } .las-igras .las-games-cat .cat-counter { margin-left: 5px; color: #7ea5a5; font-weight: normal; } .las-igras .las-games-cat:before { content: ''; display: block; position: absolute; top: 10px; left: 50px; background: url(/image/trademark/las_igras/infant.png) no-repeat 0 0; width: 64px; height: 64px; transform: skewX(-30deg); } .las-igras .las-games-cat_infant { background: -ms-linear-gradient(right, #c1db5b 0%, #fff 100%); background: linear-gradient(right, #c1db5b 0%, #fff 100%); } .las-igras .las-games-cat_infant:hover { background: -ms-linear-gradient(right, #a0bf29 0%, #fff 100%); background: linear-gradient(right, #a0bf29 0%, #fff 100%); } .las-igras .las-games-cat_adult { padding-left: 120px; background: -ms-linear-gradient(left, #82c3f1 0%, #fff 100%); background: linear-gradient(left, #82c3f1 0%, #fff 100%); } .las-igras .las-games-cat_adult:hover { background: -ms-linear-gradient(left, #57ade9 0%, #fff 100%); background: linear-gradient(left, #57ade9 0%, #fff 100%); } .las-igras .las-games-cat_adult:before { left: 30px; background: url(/image/trademark/las_igras/adult.png) no-repeat 0 0; } .las-igras .seo-text-category { display: none; } .las-igras .las-about { text-align: center; background: #eefbff; padding: 2.4em 0 4em; } .las-igras .las-about .h1, .las-igras .las-about .h2 { font-size: 30px; font-weight: 500; } .las-igras .las-about .h2 { color: #3c50a3; margin: .8em 0; } .las-igras .las-about-text { max-width: 1335px; margin: 0 auto; text-align: justify; column-count: 2; column-gap: 2em; } .las-igras .las-about-text p { font-size: 18px; line-height: 1.7; } .las-igras .las-about-text p .b-red { color: #ed1651; } .las-igras .las-manager-form { background: #324c9b; text-align: center; color: #fff; padding: 40px 0 46px; } .las-igras .las-manager-form .las-manager-form_inner-container { width: 500px; margin: 0 auto; } .las-igras .las-manager-form .h2 { font-size: 30px; font-weight: 500; } .las-igras .las-manager-form > p { color: rgba(255, 255, 255, 0.64); font-style: italic; font-size: 16px; line-height: 1.2; } .las-igras .las-manager-form .las-input-container { margin: 22px auto 0; width: 458px; position: relative; } .las-igras .las-manager-form .las-input { width: 458px; height: 49px; border-radius: 0; display: block; margin: 22px auto 0; font-size: 18px; padding: 0 23px; } .las-igras .las-manager-form .error { border: 4px solid #ff5d89; padding: 0 19px; } .las-igras .las-manager-form .error + .error-icon { width: 30px; height: 30px; background: url(/image/trademark/las_igras/cross.png) no-repeat 0px 0px; position: absolute; right: -40px; top: 10px; transform: scale(0.75); } .las-igras .las-manager-form .error ~ .error-text { color: #ff5d89; font-size: 13px; font-style: italic; position: absolute; top: 0; right: -560px; width: 500px; text-align: left; font-size: 16px; line-height: 140%; display: block; } .las-igras .las-manager-form .las-button { width: 265px; height: 57px; border-radius: 0; background: #ed1550; margin: 25px 0 0; } .las-igras .las-manager-form .las-button:hover, .las-igras .las-manager-form .las-button:focus { background: #00a651; } .las-igras .las-map { height: 300px; position: relative; } .las-igras .las-container { margin: 0 auto; position: relative; max-width: 1495px; } .las-igras .las-map-info-container { height: 300px; width: 400px; position: absolute; bottom: 0; right: 0; } .las-igras .las-map-info { position: absolute; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.8); height: 300px; width: 360px; box-sizing: border-box; padding: 80px 64px 0; line-height: 1.2; margin-right: 200px; } .las-igras .totop { margin: 15px; padding: 0; width: 60px; height: 60px; background: #fff; border-radius: 50%; } .las-igras .layout { margin-bottom: -177px; } .las-igras .for_footer { height: 177px; } .las-igras footer { background: #221e1f; min-height: 177px; border: none; padding: 0; font-size: 14px; } .las-igras footer .link_white, .las-igras footer .side-category .side-category_item.selected .link_pseudo, .side-category .side-category_item.selected .las-igras footer .link_pseudo, .las-igras footer .side-category .side-category_item.selected .title_home .home-tab, .side-category .side-category_item.selected .title_home .las-igras footer .home-tab, .las-igras footer .title_home .side-category .side-category_item.selected .home-tab, .title_home .side-category .side-category_item.selected .las-igras footer .home-tab, .las-igras footer .title_home .home-tab, .title_home .las-igras footer .home-tab { opacity: .6; } .las-igras footer .link_white:hover, .las-igras footer .side-category .side-category_item.selected .link_pseudo:hover, .side-category .side-category_item.selected .las-igras footer .link_pseudo:hover, .las-igras footer .title_home .home-tab:hover, .title_home .las-igras footer .home-tab:hover, .las-igras footer .link_white:focus, .las-igras footer .side-category .side-category_item.selected .link_pseudo:focus, .side-category .side-category_item.selected .las-igras footer .link_pseudo:focus, .las-igras footer .title_home .home-tab:focus, .title_home .las-igras footer .home-tab:focus { color: #fff; border-bottom: none; } .las-igras .las-footer-block { display: inline-block; vertical-align: top; width: 33.33%; } .las-igras .las-footer-menu { padding: 20px 0 0; } .las-igras .las-footer-menu > ul li:before { content: ''; } .las-igras .las-footer-logo { text-align: center; color: rgba(255, 255, 255, 0.5); } .las-igras .las-logo { padding: 14px 0 5px; } .las-igras .las-footer-social { padding: 30px 0 0; text-align: right; color: rgba(255, 255, 255, 0.6); } .las-igras .las-footer-social .social-icon { margin: 14px 0 0 10px; } .lesson_pages { background: url(/image/lesson_pages/bg.png) no-repeat 50% 0; background-size: 100% auto; min-width: 995px; } .lesson_pages .lesson_header { position: relative; height: 440px; } .lesson_pages .soc-links { background: url(/image/lesson_pages/soc-bg.png) no-repeat 0 0; position: absolute; bottom: 20px; right: 0; width: 300px; height: 127px; padding: 60px 20px 20px 40px; } .lesson_pages .soc-links a { color: #000; font-size: 27px; text-decoration: none; border: none; padding-left: 40px; position: relative; display: block; line-height: 1.5; } .lesson_pages .soc-links a:before { content: ''; position: absolute; top: 50%; left: 0; width: 30px; height: 32px; margin-top: -16px; display: block; } .lesson_pages .soc-links a.link-blog:before { background: url(/image/lesson_pages/link-blog.png) no-repeat 0 0; } .lesson_pages .soc-links a.link-ig { padding-right: 70px; display: inline-block; } .lesson_pages .soc-links a.link-ig:before { background: url(/image/lesson_pages/link-ig.png) no-repeat 0 0; } .lesson_pages .soc-links a.link-ig:after { content: ''; position: absolute; top: 50%; right: 0; width: 61px; height: 37px; margin-top: -16px; display: block; background: url(/image/lesson_pages/hearts.png) no-repeat 0 0; } .lesson_pages .soc-links a:hover, .lesson_pages .soc-links .search__select-button .selectors label:hover, .search__select-button .selectors .lesson_pages .soc-links label:hover { opacity: 0.7; } .lesson_pages .container { padding: 0 30px; max-width: 607px; margin: 0 auto; position: relative; } .lesson_pages .video-block { margin: 0 0 35px; } .lesson_pages .video-block * { max-width: 100%; } .lesson_pages .sima-logo { text-align: center; padding: 5px 0 30px; color: #877e7b; } .lesson_pages .sima-logo a { color: #877e7b; border: none; font-size: 20px; display: block; } .lesson_pages .sima-logo a:hover, .lesson_pages .sima-logo .search__select-button .selectors label:hover, .search__select-button .selectors .lesson_pages .sima-logo label:hover { opacity: 0.7; } .lesson_pages .sima-logo span { font-size: 9px; } @media only screen and (max-width: 1800px) { .lesson_pages .lesson_header { height: 410px; } } @media only screen and (max-width: 1500px) { .lesson_pages .lesson_header { height: 350px; } .lesson_pages .soc-links { background-size: auto 100%; width: 200px; height: 107px; padding: 30px 15px 15px 30px; } .lesson_pages .soc-links a { font-size: 18px; padding-left: 25px; margin-top: 10px; } .lesson_pages .soc-links a.link-blog:before, .lesson_pages .soc-links a.link-ig:before { height: 20px; width: 20px; background-size: 20px 20px; margin-top: -10px; } .lesson_pages .soc-links a.link-ig { padding-right: 40px; } .lesson_pages .soc-links a.link-ig:after { margin-top: -11px; width: 31px; background-size: 31px auto; } } @media only screen and (max-width: 1300px) { .lesson_pages .lesson_header { height: 260px; } } .page_manager { background: url(/image/fon-pagemaneger.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed; position: relative; min-height: 100%; text-align: center; margin: 0; } .page_manager:before { display: none; } .page_manager .close-link { position: absolute; top: 2em; right: 2em; font-family: OpenSans, sans-serif; font-weight: 400; cursor: pointer; text-decoration: none; border: none; } .page_manager .close-link:before { content: ""; display: inline-block; width: 40px; height: 40px; margin-right: .5em; vertical-align: middle; background: url("/image/icons/close.png") no-repeat; } .page_manager .container { margin: auto; position: relative; padding: 5% 15px; max-width: 520px; } .page_manager .container h1 { color: #fff; margin: 0 0 20px; padding: 0; } .mark-manager-block { background: #1f84db; color: #fff; border-radius: 6px; padding: 1em 0; font-size: 13px; margin: 20px auto; } .mark-manager-block .b-manager__ava { width: 113px; height: 113px; background-size: cover; border-radius: 113px; background-position: center; margin: 30px auto; box-shadow: none; } .mark-manager-block .b-manager__name { margin-top: .4em; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: 1px; } .mark-manager-block .text { font-size: 24px; font-weight: 500; padding: 13px 20px; line-height: 1.3; } .mark-manager-block .marks-block { padding: 0 0 30px; margin: 0 auto; } .mark-manager-block .marks-list { list-style: none; padding: 0 25px; margin: 0; } .mark-manager-block .mark { display: inline-block; vertical-align: top; width: 20%; text-transform: uppercase; font-weight: bold; padding: 95px 0 0; margin: 0 -2px; font-size: 11px; opacity: 0.5; position: relative; cursor: pointer; transition: all 0.5s ease; min-height: 25px; } .mark-manager-block .mark:before { content: ''; position: absolute; top: 20px; left: 50%; width: 65px; height: 65px; margin-left: -33px; background: url(/image/icons/mark1.svg) no-repeat 0 0; background-size: 65px 65px; } .mark-manager-block .mark:hover { opacity: 0.7; } .mark-manager-block .mark.active { opacity: 1; font-size: 14px; padding-top: 100px; min-height: 20px; } .mark-manager-block .mark.active:before { width: 78px; height: 78px; background-size: 78px 78px; margin-left: -39px; top: 12px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); border-radius: 100%; } .mark-manager-block .mark.mark2:before { background-image: url(/image/icons/mark2.svg); } .mark-manager-block .mark.mark3:before { background-image: url(/image/icons/mark3.svg); } .mark-manager-block .mark.mark4:before { background-image: url(/image/icons/mark4.svg); } .mark-manager-block .mark.mark5:before { background-image: url(/image/icons/mark5.svg); } .mark-manager-block .mark-pane { display: none; transition: all 1s ease; line-height: 1.3; padding: 10px 30px; } .mark-manager-block .mark-pane.active { display: block; padding-top: 22px; } .mark-manager-block .mark-pane .manager-grade-form { width: 100%; max-width: 440px; margin: 0 auto; padding: 20px 0 0; } .mark-manager-block .mark-pane .textarea { width: 100%; height: 100px; margin: 0 0 27px; padding: 10px 17px; font-style: italic; font-size: 14px; } .mark-manager-block .mark-pane .textarea:focus { font-style: normal; } .mark-manager-block .mark-pane .manager-grade-btn { border-radius: 15px; color: #fff; background: none; border: 1px solid rgba(255, 255, 255, 0.3); padding: 7px 15px; cursor: pointer; } .mark-manager-block .mark-pane .manager-grade-btn:hover { border-color: rgba(255, 255, 255, 0.7); } .mark-manager-block .description > p { /*

приходит из базы */ font-weight: 500; } .mark-manager-block .link-cabinet { font-weight: normal; color: #fff; border-bottom-color: #63a9e6; } .mark-manager-block .link-cabinet:hover { border: none; } .mark-manager-block a.link-yandex { display: inline-block; border: 1px solid #63a9e6; padding: 6px 30px 6px 10px; margin: 17px auto 5px; border-radius: 15px; color: #fff; } .mark-manager-block a.link-yandex:hover, .mark-manager-block .search__select-button .selectors label.link-yandex:hover, .search__select-button .selectors .mark-manager-block label.link-yandex:hover { border-color: rgba(255, 255, 255, 0.7); } /* * Страница списка новостей. */ .news-list_page { margin-top: 0; } .news-list_page .b-pagination { padding-left: 21px; } .line-view-wrapper { background: #fff; border-radius: 5px; padding-bottom: 20px; } .category-news-list .category-news-item { margin-left: 0; } .category-news-list .category-news-item:before { content: none; } .category-news-list .category-news-item a { border: none; } .category-news-list .category-news-item a span.link_pseudo, .category-news-list .category-news-item a .title_home span.home-tab, .title_home .category-news-list .category-news-item a span.home-tab { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .category-news-list .category-news-item a:hover span.link_pseudo, .category-news-list .category-news-item .search__select-button .selectors label:hover span.link_pseudo, .search__select-button .selectors .category-news-list .category-news-item label:hover span.link_pseudo, .category-news-list .category-news-item a:hover .title_home span.home-tab, .title_home .category-news-list .category-news-item a:hover span.home-tab, .category-news-list .category-news-item .search__select-button .selectors label:hover .title_home span.home-tab, .title_home .category-news-list .category-news-item .search__select-button .selectors label:hover span.home-tab, .search__select-button .selectors .category-news-list .category-news-item label:hover .title_home span.home-tab, .title_home .search__select-button .selectors .category-news-list .category-news-item label:hover span.home-tab { border-bottom-color: rgba(223, 74, 84, 0.3); } .category-news-list .category-news-item.selected a span.link_pseudo, .category-news-list .category-news-item.selected a .title_home span.home-tab, .title_home .category-news-list .category-news-item.selected a span.home-tab { border: none; } /* * Список новостей. */ .news-list-info { margin-top: -6px; } .news-list-category, .one-new-description .news-list-category { font-size: 13px; margin: 30px 0; } .news-list-category a, .one-new-description .news-list-category a { display: inline-block; position: relative; margin: 2px 25px 2px 0; padding: 4px 10px; border: 1px solid #ded9d9; border-right: none; border-radius: 2px 0 0 2px; color: #5b5954; } .news-list-category a:before, .news-list-category a:after, .one-new-description .news-list-category a:before, .one-new-description .news-list-category a:after { content: ''; position: absolute; top: -2px; right: -6px; height: 17px; width: 3px; background: #ded9d9; transform: rotate(-32deg); background: -ms-linear-gradient(right, transparent 33.33%, #ded9d9 66.66%, transparent 100%); background: linear-gradient(right, transparent 33.33%, #ded9d9 66.66%, transparent 100%); } .news-list-category a:after, .one-new-description .news-list-category a:after { bottom: -2px; top: auto; transform: rotate(32deg); } .news-list-category a:hover, .news-list-category .search__select-button .selectors label:hover, .search__select-button .selectors .news-list-category label:hover, .one-new-description .news-list-category a:hover, .one-new-description .news-list-category .search__select-button .selectors label:hover, .search__select-button .selectors .one-new-description .news-list-category label:hover { border-color: #fb3a2f; } .news-list-category a:hover:before, .news-list-category .search__select-button .selectors label:hover:before, .search__select-button .selectors .news-list-category label:hover:before, .news-list-category a:hover:after, .news-list-category .search__select-button .selectors label:hover:after, .search__select-button .selectors .news-list-category label:hover:after, .one-new-description .news-list-category a:hover:before, .one-new-description .news-list-category .search__select-button .selectors label:hover:before, .search__select-button .selectors .one-new-description .news-list-category label:hover:before, .one-new-description .news-list-category a:hover:after, .one-new-description .news-list-category .search__select-button .selectors label:hover:after, .search__select-button .selectors .one-new-description .news-list-category label:hover:after { background: #fb3a2f; background: -ms-linear-gradient(right, transparent 33.33%, #fb3a2f 66.66%, transparent 100%); background: linear-gradient(right, transparent 33.33%, #fb3a2f 66.66%, transparent 100%); } .news-date-added { color: #93acb5; font-size: 14px; } /* * Стандартный строковый вид. */ .line-view-item { padding: 22px 65px 24px 21px; margin-bottom: 3px; } .line-view-item:after { content: ''; display: table; clear: both; } .line-view-item .line-view-img { width: 230px; } .line-view-item .line-view-description { margin-left: 252px; } .line-view-item .line-view-description p { margin-top: 11px; line-height: 20px; } .line-view-item .line-view-description .news-list-category { margin-top: 10px; display: block; } .line-view-item .line-view-title { font-size: 24px; padding: 10px 0 0 0; } /* * Страница одной новости */ .one-new-description { /* Шаблоны для новостей */ } .one-new-description a { display: inline-block; border: 0; outline: none; } .one-new-description a img { display: block; } .one-new-description b, .one-new-description strong { font-weight: 700; } .one-new-description ol { list-style: decimal; } .one-new-description ol li { margin-left: 1.7em; font-size: 14px; } .one-new-description li a { display: inline; } .one-new-description a > img:hover { opacity: .6; } .one-new-description a.no_opacity > img:hover { opacity: 1; } .one-new-description img { max-width: 100%; } .one-new-description img[usemap*="#"] { max-width: none; } .one-new-description .template_1big-4small { margin: 20px 0 0; } .one-new-description .template_1big-4small:after { content: ""; display: table; clear: both; } .one-new-description .template_1big-4small img { display: block; max-width: 100%; } .one-new-description .template_1big-4small a { display: block; } .one-new-description .template_1big-4small .img-block { float: left; box-sizing: border-box; } .one-new-description .template_1big-4small .img-big { max-width: 500px; width: 57%; } .one-new-description .template_1big-4small .img-big .price { display: block; } .one-new-description .template_1big-4small .img-big .button { display: inline-block; } .one-new-description .template_1big-4small .img-links-block { width: 43%; } .one-new-description .template_1big-4small .img-links-block img { width: 100%; max-width: 150px; margin: 0 auto; } .one-new-description .template_1big-4small .img-links-block .img-link { text-align: center; display: inline-block; vertical-align: top; padding: 0 0 30px 6%; max-width: 49%; box-sizing: border-box; } @media only screen and (max-width: 1400px) { .one-new-description .template_1big-4small .img-links-block .img-link { padding-bottom: 20px; } } @media only screen and (max-width: 1200px) { .one-new-description .template_1big-4small .img-links-block .img-link { padding-bottom: 15px; } } .one-new-description .template_1big-4small .img-links-block .price { display: block; margin: 20px 0 11px; } @media only screen and (max-width: 1200px) { .one-new-description .template_1big-4small .img-links-block .price { margin: 10px 0 5px; } } .one-new-description .template_1big-4small .img-links-block .price_old { display: inline-block; margin: 0; } .one-new-description .template_1big-4small .img-links-block .name { margin-top: 5px; max-width: 150px; } @media only screen and (max-width: 1200px) { .one-new-description .template_1big-4small .img-links-block .name { font-size: 13px; } } .one-new-description .template_1big-4small .img-links-block .name + .price { margin: 0 0 5px; } .one-new-description .template_1big-4small .img-links-block a.button { display: inline-block; } .one-new-description .template_1big-4small.with-text .img-big a { display: inline; } .one-new-description .template_1big-4small.with-text_middle .img-block { display: inline-block; vertical-align: middle; float: none; } .one-new-description .template_1big-4small.with-text_middle .img-big { width: 56%; text-align: left; } .one-new-description .template_1big-4small.with-text_middle .img-big a { display: inline; } .one-new-description .template_goods-row { width: 100%; display: block; clear: both; text-align: center; margin: 20px 0; } .one-new-description .template_goods-row .goods-block { width: 22%; position: relative; text-align: center; display: inline-block; vertical-align: top; } .one-new-description .template_goods-row .goods-block img { display: block; max-width: 100%; } .one-new-description .template_goods-row .goods-block .price { display: block; } .one-new-description .template_goods-row .goods-block .button { margin-top: 5px; } @media only screen and (max-width: 1200px) { .one-new-description .template_goods-row .goods-block p { font-size: 13px; } } .one-new-description .template_goods-table, .one-new-description .template_goods-table_500 { max-width: 848px; margin: 20px 0; } .one-new-description .template_goods-table .goods-tr, .one-new-description .template_goods-table_500 .goods-tr { display: table; width: 100%; } .one-new-description .template_goods-table .goods-tr + .goods-tr, .one-new-description .template_goods-table_500 .goods-tr + .goods-tr { border-top: 1px solid #e0e3e5; } .one-new-description .template_goods-table .goods-tr .tr-image, .one-new-description .template_goods-table .goods-tr .tr-text, .one-new-description .template_goods-table_500 .goods-tr .tr-image, .one-new-description .template_goods-table_500 .goods-tr .tr-text { width: 50%; display: table-cell; vertical-align: middle; padding: 8px 12px; } .one-new-description .template_goods-table .goods-tr img, .one-new-description .template_goods-table_500 .goods-tr img { max-width: 100%; } .one-new-description .template_goods-table .goods-tr .tr-text + .tr-image, .one-new-description .template_goods-table_500 .goods-tr .tr-text + .tr-image { text-align: right; } .one-new-description .template_goods-table_500 .goods-tr .tr-image { width: 62%; } .one-new-description .template_goods-table_500 .goods-tr .tr-text { width: 38%; } .one-new-description .template_goods-blocks3 { clear: both; text-align: center; margin: 20px 0; } .one-new-description .template_goods-blocks3 .blocks3-block { width: 32%; display: inline-block; vertical-align: top; text-align: center; padding: 0 0 20px 0; } .one-new-description .template_goods-blocks3 .blocks3-block img { max-width: 100%; } .one-new-description .template_goods-blocks3 .blocks3-block .price { display: block; } .one-new-description .template_goods-blocks3 .blocks3-block .button { margin-top: 5px; } .one-new-big-image { margin: 20px 0 0; clear: both; max-width: 600px; } .one-new-big-image img { width: 100%; } .images-row { clear: both; margin: 20px -10px 10px; } .images-row .img-wrapper { float: left; width: 25%; box-sizing: border-box; padding: 0 10px; } .images-row .img-wrapper img { width: 100%; } .images-row:before, .images-row:after { content: ''; display: table; } .images-row:after { clear: both; } .news-wrapper { float: left; width: 76%; margin-right: 4%; } .news-wrapper .news-wrapper { float: none; width: 100%; margin: 0; } .news-wrapper .title_home { padding-top: 8px; padding-bottom: 15px; } .news-wrapper .social { margin: 1.5em 0 0; } .news-wrapper .cf .button_grey { margin-top: 30px; } .news-wrapper .subscribe-block { background: #c6ddeb; border-radius: 5px; float: right; margin-left: 20px; padding: 35px; width: 240px; margin-top: 1.5em; } .news-wrapper .subscribe-block img { float: left; margin-right: 20px; } .news-wrapper .subscribe-block p { font-size: 12px; margin: -2px 0 0 80px; } .category-news-list { width: 20%; margin-left: -2px; float: left; } .category-news-list > *:first-child { margin-top: 5.3em; } .category-news-list .h3 + .side-filter-ctl_indent2 { margin-top: 2px; } .last-videobl { display: inline-block; width: 100%; margin-top: 40px; } .last-videobl .h1 { display: block; } .last-videobl .video-item { margin: 30px -5px 30px 0; width: 20%; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.1; } .last-videobl .video-item .line-view-title { width: 220px; line-height: 20px; margin-top: 7px; } .last-videobl .video-item img { max-width: 100%; height: auto; } .last-videobl .news-video-wrapper { width: 200px; } .last-videobl .news-video-wrapper iframe { height: 110px; } @media only screen and (max-width: 1400px) { .last-videobl .video-item .line-view-title { width: 185px; } .last-videobl .news-video-wrapper { height: 97px; width: 175px; } } @media only screen and (max-width: 1200px) { .last-videobl .video-item .line-view-title { width: 145px; } .last-videobl .news-video-wrapper { height: 75px; width: 135px; } } .last-videobl .link_external { padding-right: 32px; } .last-videobl .link_external:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -99px -220px; width: 16px; height: 13px; margin-top: -4px; margin-left: 4px; } .last-videobl .link_video { position: relative; display: block; margin: 0 0 20px; max-width: 80%; } .last-videobl .link_video:before, .last-videobl .link_video:after { content: ''; height: 0; width: 0; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); opacity: 0; } .last-videobl .link_video:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -221px -71px; width: 66px; height: 66px; } .last-videobl .link_video:hover:before, .last-videobl .link_video:hover:after { width: 100%; height: 100%; opacity: 1; } .last-videobl .link_video:hover:after { width: 66px; height: 66px; position: absolute; top: 50%; left: 50%; margin-top: -33px; margin-left: -33px; } .similar-news { margin-left: -15em; clear: both; padding: 40px 1.4em; } .similar-news .h3 { margin-bottom: 30px; } .main-news-block { margin-bottom: 20px; } .main-news-block .h1 { padding: 35px 0; display: block; } .line-view-news-item { width: 20%; display: inline-block; margin: 0 -4px 15px 0; font-size: 13px; vertical-align: top; } .line-view-news-item img { margin: 0 15px 30px; max-width: 145px; width: 100%; height: auto; } .line-view-news-item .news-date-added { font-size: 13px; } .line-view-news-item .news-list-info { padding-bottom: 5px; } .line-view-news-item .line-view-title { padding-right: 20px; } .filtered-block { margin: 10px 0 20px; font-size: 13px; line-height: 1.2; } .filtered-block strong { color: #000; font-weight: bold; display: inline-block; vertical-align: middle; margin-right: 15px; } .filtered-block .tag-filter { display: inline-block; position: relative; margin: 2px 25px 2px 0; padding: 7px 20px 7px 10px; background: #b1c1cf; border-radius: 2px 0 0 2px; color: #fff; vertical-align: middle; } .filtered-block .tag-filter:before { content: ''; position: absolute; top: 0; right: -10px; height: 0; width: 0; border-left: 10px solid #b1c1cf; border-top: 15px solid transparent; border-bottom: 14px solid transparent; } .filtered-block .tag-filter .but-close { width: 11px; height: 11px; position: absolute; top: 3px; right: 3px; color: #fff; font-size: 20px; cursor: pointer; } .filtered-block .tag-filter .but-close:hover { color: #fb3a2f; } .filtered-block .tag-filter:hover { opacity: 0.9; } .filtered-block .link_pseudo, .filtered-block .title_home .home-tab, .title_home .filtered-block .home-tab { font-size: 14px; } .news-list_page .side-filter-ctl_indent { border-top: 1px solid #d7dbdd; max-width: 190px; padding-top: 10px; margin-top: 12px; } .news-list_page .category-filter-label { max-width: 170px; display: block; position: relative; padding-right: 20px; } .news-list_page .category-filter-label:before { content: ''; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; position: absolute; top: 9px; right: 0; } .news-list_page .category-filter-label.open:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .news-comments { margin-top: 120px; } /* flags */ #order_page .layout:before { height: 680px; } #order_page .catalog__item-title:before { left: 100%; } #order_page .re-ordering { text-align: center; } #order_page .re-ordering button { max-width: 235px; margin-bottom: 6px; } #order_page .wide { display: none; } .title .flag { background: #fff; } .order-authors .order-authors__ava { position: relative; display: inline-block; width: 30px; margin-right: -7px; } .order-authors .order-authors__ava:hover { z-index: 1; } .order-authors .order-authors__ava img { display: block; } .order-authors .order-authors__letter { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; margin-right: -7px; background: #60b4d0; color: #fff; } .order-authors .order-authors__letter_ctl { width: 28px; height: 28px; line-height: 28px; border-radius: 28px; border: 1px solid #1f84db; background: #fff; color: #1f84db; font-size: 12px; font-weight: 700; cursor: pointer; } .order-n { font-size: 17px; color: #002b41; margin: 0 0 .8em; } .order-n span { font-weight: 700; } .order-comments { width: 100%; margin-top: 1em; box-sizing: border-box; } .order-comments .order-comments__item { margin-top: .5em; } .order-comments .order-comments__ava { width: 30px; margin-right: .5em; vertical-align: middle; } .order-comments .order-comments__author { font-style: italic; } .order .order-ctl { margin-left: .4em; opacity: .4; color: #002b41; font-weight: 400; transition: opacity .1s; } .order .order-ctl:hover { opacity: 1; } .order .order-data { display: block; margin-top: 1.4em; color: #002b41; } .order .order-data .column { display: inline-block; box-sizing: border-box; } .order .order-data .order-data_white { color: #fff; } .order .order-data p { line-height: 1.7; margin-top: 0; } .order .order-data .order-data_page-orders { margin-top: 1em; } .order .order-label { font-weight: 700; } .order .order-data-title { margin-top: .4em; font-weight: 700; } #agree_by_phone_block { width: 322px; padding: 15px 10px 5px; border-radius: 5px; } #agree_by_phone_block .input-phone { width: 80%; } .choose-del-date .delivery-choice-time.disabled { opacity: 0.5; } .choose-del-date .slimScrollDiv { margin-top: 0; margin-bottom: 0; } .choose-del-date .form-comment { margin-left: 0; } .choose-del-date h4 { font-size: 18px; } .choose-del-date .tabs { margin: -12px 0 5px; } .choose-del-date .label { font-size: 13px; } .choose-del-date .delivery-list-goods { margin: 0 0 15px; max-height: 100%; position: relative; } .choose-del-date .delivery-list-goods .order-goods-ctl:before { display: none; } .delivery-list-goods-popup { text-align: left; width: 400px; font-size: 14px; } .delivery-list-goods-popup h3 { font-size: 23px; font-weight: normal; margin: -10px 0 10px; text-transform: none; } .delivery-list-goods-popup .scrollable { max-height: 400px; overflow: auto; } .delivery-list-goods-popup .good_item:not(:last-child) { margin-bottom: 8px; min-height: 60px; } .delivery-list-goods-popup .good_item img { float: left; height: auto; margin: 5px 10px 0 0; width: 60px; } .delivery-list-goods-popup .good_item .good__item-preview { overflow: hidden; } .delivery-list-goods-popup .good_item .link { display: inline; font-weight: normal; } .delivery-list-goods-popup .good_item .good__info { font-size: 13px; margin-top: 0.2em; } .delivery-list-goods-popup .good_item .good__info .amount { float: right; } .delivery-list-goods-popup .good_item .good__info span:last-child { color: #a3a3a3; } /* Страница заказа незарегистрированного пользователя из Екатеринбурга */ .checkout-page main > .reducer, .checkout-page .l-main > .reducer, .joint-purchase-request main > .reducer, .joint-purchase-request .l-main > .reducer { max-width: 1111px; margin-left: auto; margin-right: auto; margin-top: 2.5em; } .checkout-page main > .reducer.reducer_col, .checkout-page .l-main > .reducer.reducer_col, .joint-purchase-request main > .reducer.reducer_col, .joint-purchase-request .l-main > .reducer.reducer_col { margin: 1.5em 1.4em 0; } @media only screen and (max-width: 1190px) { .checkout-page main > .reducer, .checkout-page .l-main > .reducer, .joint-purchase-request main > .reducer, .joint-purchase-request .l-main > .reducer { margin-left: 1.4em; margin-right: 1.4em; } } .checkout-page aside.extra, .joint-purchase-request aside.extra { width: 28%; max-width: 311px; } .checkout-page section.main, .joint-purchase-request section.main { width: 70%; max-width: 740px; } .checkout-page .contact_info_form .input_wrapper:first-child, .joint-purchase-cabinet .contact_info_form .input_wrapper:first-child, .joint-purchase-request .contact_info_form .input_wrapper:first-child { margin-top: 0; } .checkout-page .b-section, .joint-purchase-cabinet .b-section, .joint-purchase-request .b-section { padding: 2em 2.5em; position: relative; } .checkout-page .b-section:after, .joint-purchase-cabinet .b-section:after, .joint-purchase-request .b-section:after { content: ''; position: absolute; bottom: 0; left: 2.5em; right: 2.5em; height: 1px; background: #ccc; } .checkout-page .b-section:last-child:after, .joint-purchase-cabinet .b-section:last-child:after, .joint-purchase-request .b-section:last-child:after { content: none; display: none; } .checkout-page h2, .checkout-page .b-chponck__price, .joint-purchase-cabinet h2, .joint-purchase-cabinet .b-chponck__price, .joint-purchase-request h2, .joint-purchase-request .b-chponck__price { margin-bottom: 11px; } .checkout-page .column2_2, .joint-purchase-cabinet .column2_2, .joint-purchase-request .column2_2 { padding: 0; width: 100%; } .checkout-page .stick, .joint-purchase-cabinet .stick, .joint-purchase-request .stick { margin: 0; } .checkout-page #agree_by_phone_block, .joint-purchase-cabinet #agree_by_phone_block, .joint-purchase-request #agree_by_phone_block { width: 100%; padding: 0; } .checkout-page #agree_by_phone_block .sticker, .joint-purchase-cabinet #agree_by_phone_block .sticker, .joint-purchase-request #agree_by_phone_block .sticker { background: #e9f1f4; border-radius: 9px; margin: 1em 0; padding: 1em; } .checkout-page .dl-form_indent, .joint-purchase-cabinet .dl-form_indent, .joint-purchase-request .dl-form_indent { margin: 0; } .checkout-page .suggestion-option_street .suggestions-mobile, .joint-purchase-cabinet .suggestion-option_street .suggestions-mobile, .joint-purchase-request .suggestion-option_street .suggestions-mobile { max-width: 245px !important; margin-left: 82px; } .checkout-page .suggestion-option_street .suggestions-mobile .suggestions-suggestion, .joint-purchase-cabinet .suggestion-option_street .suggestions-mobile .suggestions-suggestion, .joint-purchase-request .suggestion-option_street .suggestions-mobile .suggestions-suggestion { padding-left: 10px !important; } .checkout-page .suggestion-option_house .suggestions-mobile, .joint-purchase-cabinet .suggestion-option_house .suggestions-mobile, .joint-purchase-request .suggestion-option_house .suggestions-mobile { max-width: 245px !important; margin-left: 368px; } .checkout-page .suggestion-option_house .suggestions-mobile .suggestions-suggestion, .joint-purchase-cabinet .suggestion-option_house .suggestions-mobile .suggestions-suggestion, .joint-purchase-request .suggestion-option_house .suggestions-mobile .suggestions-suggestion { padding-left: 10px !important; } .checkout-page .input_wrapper, .joint-purchase-cabinet .input_wrapper, .joint-purchase-request .input_wrapper { position: relative; margin: 1.4em 0 0; } .checkout-page .input_wrapper > .label, .joint-purchase-cabinet .input_wrapper > .label, .joint-purchase-request .input_wrapper > .label { font-size: 13px; } .checkout-page .input_wrapper label, .joint-purchase-cabinet .input_wrapper label, .joint-purchase-request .input_wrapper label { display: block; font-size: 14px; margin: 0 0 .4em 0; } .checkout-page .input_wrapper input, .joint-purchase-cabinet .input_wrapper input, .joint-purchase-request .input_wrapper input { max-width: 422px; } .checkout-page .input_wrapper .example, .joint-purchase-cabinet .input_wrapper .example, .joint-purchase-request .input_wrapper .example { color: #aaa; margin: 7px 0 0; max-width: 422px; } .checkout-page .contact_phone_wrapper, .joint-purchase-cabinet .contact_phone_wrapper, .joint-purchase-request .contact_phone_wrapper { position: relative; } .checkout-page .contact_phone_wrapper input, .joint-purchase-cabinet .contact_phone_wrapper input, .joint-purchase-request .contact_phone_wrapper input { padding-left: 75px; } .checkout-page .contact_phone_wrapper .choice-country, .joint-purchase-cabinet .contact_phone_wrapper .choice-country, .joint-purchase-request .contact_phone_wrapper .choice-country { position: absolute; left: 0; top: 0; border-right: 1px solid #ccc; padding-right: 12px; height: 29px; padding-top: 3px; } .checkout-page .textarea + .example, .joint-purchase-cabinet .textarea + .example, .joint-purchase-request .textarea + .example { display: block; color: #aaa; margin: .2em 0 0; } .checkout-page .promo-parent-block .input-promo, .joint-purchase-cabinet .promo-parent-block .input-promo, .joint-purchase-request .promo-parent-block .input-promo { width: 190px; } .checkout-page .promo-parent-block .promo-example, .joint-purchase-cabinet .promo-parent-block .promo-example, .joint-purchase-request .promo-parent-block .promo-example { display: block; font: italic 13px/1 "Open Sans"; color: #aaa; margin: 7px 0 0; } .checkout-page .promo-parent-block .success-message, .joint-purchase-cabinet .promo-parent-block .success-message, .joint-purchase-request .promo-parent-block .success-message { display: block; color: #66cb2f; margin: 7px 0 0; } .checkout-page .label_multi, .joint-purchase-cabinet .label_multi, .joint-purchase-request .label_multi { padding: .15em 0 0 1.6em; } .checkout-page .dl-form-city, .joint-purchase-cabinet .dl-form-city, .joint-purchase-request .dl-form-city { margin-top: 13px; margin-bottom: 40px; } .checkout-page .delivery-types-tabs h4, .joint-purchase-cabinet .delivery-types-tabs h4, .joint-purchase-request .delivery-types-tabs h4 { margin-bottom: 15px; } .checkout-page .dl-form, .joint-purchase-cabinet .dl-form, .joint-purchase-request .dl-form { max-width: 652px; box-sizing: border-box; padding: 13px 21px 35px 21px; background: #f5f5ed; border-radius: 10px; } .checkout-page .dl-form .input_wrapper, .joint-purchase-cabinet .dl-form .input_wrapper, .joint-purchase-request .dl-form .input_wrapper { display: inline-block; width: 49.9%; box-sizing: border-box; padding-left: 21px; padding-right: 21px; vertical-align: top; } .checkout-page .dl-form .input_wrapper.-wide, .joint-purchase-cabinet .dl-form .input_wrapper.-wide, .joint-purchase-request .dl-form .input_wrapper.-wide { width: 100%; } .checkout-page .dl-form .input_wrapper.-wide > .field, .joint-purchase-cabinet .dl-form .input_wrapper.-wide > .field, .joint-purchase-request .dl-form .input_wrapper.-wide > .field { max-width: none; } .checkout-page .dl-form .-for-checkbox, .joint-purchase-cabinet .dl-form .-for-checkbox, .joint-purchase-request .dl-form .-for-checkbox { display: inline-block; padding-left: 5px; width: 90%; vertical-align: top; } .checkout-page .dl-form .form-stick, .joint-purchase-cabinet .dl-form .form-stick, .joint-purchase-request .dl-form .form-stick { padding: 16px; border-radius: 6px; margin-top: 26px; margin-left: 21px; margin-right: 21px; background: #dcdcd5; font-size: 14px; } .checkout-page .error-message, .checkout-page .district-error, .joint-purchase-cabinet .error-message, .joint-purchase-cabinet .district-error, .joint-purchase-request .error-message, .joint-purchase-request .district-error { margin-top: 7px; word-break: break-all; } .checkout-page .tabs.delivery-types, .joint-purchase-cabinet .tabs.delivery-types, .joint-purchase-request .tabs.delivery-types { max-width: 652px; margin-top: 0; margin-bottom: 40px; } .checkout-page .tabs.delivery-types li, .joint-purchase-cabinet .tabs.delivery-types li, .joint-purchase-request .tabs.delivery-types li { margin: 0; width: 100%; } .checkout-page .tabs.delivery-types li.tab, .joint-purchase-cabinet .tabs.delivery-types li.tab, .joint-purchase-request .tabs.delivery-types li.tab { line-height: 1.5; padding: 0; margin-right: .5em; position: relative; } .checkout-page .tabs.delivery-types li.head, .joint-purchase-cabinet .tabs.delivery-types li.head, .joint-purchase-request .tabs.delivery-types li.head { color: #afb8bb; font-size: 14px; } .checkout-page .tabs.delivery-types li > span, .checkout-page .tabs.delivery-types li > label > span, .joint-purchase-cabinet .tabs.delivery-types li > span, .joint-purchase-cabinet .tabs.delivery-types li > label > span, .joint-purchase-request .tabs.delivery-types li > span, .joint-purchase-request .tabs.delivery-types li > label > span { vertical-align: top; display: inline-block; box-sizing: border-box; padding-left: 14px; } .checkout-page .tabs.delivery-types li > span:first-child, .checkout-page .tabs.delivery-types li > label > span:first-child, .joint-purchase-cabinet .tabs.delivery-types li > span:first-child, .joint-purchase-cabinet .tabs.delivery-types li > label > span:first-child, .joint-purchase-request .tabs.delivery-types li > span:first-child, .joint-purchase-request .tabs.delivery-types li > label > span:first-child { width: calc(100% - 230px); } .checkout-page .tabs.delivery-types li > span:first-child input[type="radio"], .checkout-page .tabs.delivery-types li > label > span:first-child input[type="radio"], .joint-purchase-cabinet .tabs.delivery-types li > span:first-child input[type="radio"], .joint-purchase-cabinet .tabs.delivery-types li > label > span:first-child input[type="radio"], .joint-purchase-request .tabs.delivery-types li > span:first-child input[type="radio"], .joint-purchase-request .tabs.delivery-types li > label > span:first-child input[type="radio"] { float: left; margin: 5px 5px 0 0; width: 13px; } .checkout-page .tabs.delivery-types li > span:first-child > span.link_dark, .checkout-page .tabs.delivery-types li > label > span:first-child > span.link_dark, .joint-purchase-cabinet .tabs.delivery-types li > span:first-child > span.link_dark, .joint-purchase-cabinet .tabs.delivery-types li > label > span:first-child > span.link_dark, .joint-purchase-request .tabs.delivery-types li > span:first-child > span.link_dark, .joint-purchase-request .tabs.delivery-types li > label > span:first-child > span.link_dark { display: inline-block; padding-left: 38px; width: calc(100% - 65px); } .checkout-page .tabs.delivery-types li > span:first-child > span.with-icon:before, .checkout-page .tabs.delivery-types li > label > span:first-child > span.with-icon:before, .joint-purchase-cabinet .tabs.delivery-types li > span:first-child > span.with-icon:before, .joint-purchase-cabinet .tabs.delivery-types li > label > span:first-child > span.with-icon:before, .joint-purchase-request .tabs.delivery-types li > span:first-child > span.with-icon:before, .joint-purchase-request .tabs.delivery-types li > label > span:first-child > span.with-icon:before { left: 15px; position: absolute; top: 4px; margin-right: 6px; } .checkout-page .tabs.delivery-types li > span:nth-child(2), .checkout-page .tabs.delivery-types li > label > span:nth-child(2), .joint-purchase-cabinet .tabs.delivery-types li > span:nth-child(2), .joint-purchase-cabinet .tabs.delivery-types li > label > span:nth-child(2), .joint-purchase-request .tabs.delivery-types li > span:nth-child(2), .joint-purchase-request .tabs.delivery-types li > label > span:nth-child(2) { width: 130px; } .checkout-page .tabs.delivery-types li > span:last-child, .checkout-page .tabs.delivery-types li > label > span:last-child, .joint-purchase-cabinet .tabs.delivery-types li > span:last-child, .joint-purchase-cabinet .tabs.delivery-types li > label > span:last-child, .joint-purchase-request .tabs.delivery-types li > span:last-child, .joint-purchase-request .tabs.delivery-types li > label > span:last-child { width: 100px; } .checkout-page .tabs.delivery-types li > span:last-child .price, .checkout-page .tabs.delivery-types li > label > span:last-child .price, .joint-purchase-cabinet .tabs.delivery-types li > span:last-child .price, .joint-purchase-cabinet .tabs.delivery-types li > label > span:last-child .price, .joint-purchase-request .tabs.delivery-types li > span:last-child .price, .joint-purchase-request .tabs.delivery-types li > label > span:last-child .price { white-space: normal; } .checkout-page .tabs.delivery-types li label, .joint-purchase-cabinet .tabs.delivery-types li label, .joint-purchase-request .tabs.delivery-types li label { display: block; width: 100%; text-align: left; padding-top: 13px; padding-bottom: 13px; } .checkout-page .tabs.delivery-types li label:hover, .joint-purchase-cabinet .tabs.delivery-types li label:hover, .joint-purchase-request .tabs.delivery-types li label:hover { background: #f6f9fb; } .checkout-page .tabs.delivery-types li .example, .joint-purchase-cabinet .tabs.delivery-types li .example, .joint-purchase-request .tabs.delivery-types li .example { margin: 8px 0 10px 75px; } .checkout-page .tabs.delivery-types li label, .joint-purchase-cabinet .tabs.delivery-types li label, .joint-purchase-request .tabs.delivery-types li label { display: block; width: 100%; text-align: left; padding-top: 13px; padding-bottom: 13px; } .checkout-page .tabs.delivery-types li label:hover, .joint-purchase-cabinet .tabs.delivery-types li label:hover, .joint-purchase-request .tabs.delivery-types li label:hover { background: #f6f9fb; } .checkout-page .tabs:not(.delivery-types) li, .joint-purchase-cabinet .tabs:not(.delivery-types) li, .joint-purchase-request .tabs:not(.delivery-types) li { display: block; margin-bottom: 26px; } .checkout-page .tabs:not(.delivery-types) li .info, .joint-purchase-cabinet .tabs:not(.delivery-types) li .info, .joint-purchase-request .tabs:not(.delivery-types) li .info { margin-right: 10px; } .checkout-page .tabs:not(.delivery-types) li img, .joint-purchase-cabinet .tabs:not(.delivery-types) li img, .joint-purchase-request .tabs:not(.delivery-types) li img { vertical-align: middle; } .checkout-page .tabs:not(.delivery-types) li input, .joint-purchase-cabinet .tabs:not(.delivery-types) li input, .joint-purchase-request .tabs:not(.delivery-types) li input { margin-right: 15px; } .checkout-page #delivery-address-list .example, .checkout-page #legal_entity_block .example, .joint-purchase-cabinet #delivery-address-list .example, .joint-purchase-cabinet #legal_entity_block .example, .joint-purchase-request #delivery-address-list .example, .joint-purchase-request #legal_entity_block .example { margin-bottom: 17px; } .checkout-page .switcher, .joint-purchase-cabinet .switcher, .joint-purchase-request .switcher { margin-top: 9px; } .checkout-page .switcher li, .joint-purchase-cabinet .switcher li, .joint-purchase-request .switcher li { margin-bottom: 8px; cursor: pointer; } .checkout-page .switcher li.selected, .joint-purchase-cabinet .switcher li.selected, .joint-purchase-request .switcher li.selected { background: none; color: #000; font-weight: normal; border: 1px dashed #afb8bb !important; } .checkout-page .switcher .delivery_address.from_history, .joint-purchase-cabinet .switcher .delivery_address.from_history, .joint-purchase-request .switcher .delivery_address.from_history { min-width: 130px; position: relative; } .checkout-page .switcher .delivery_address.from_history .tag_delivery_address, .joint-purchase-cabinet .switcher .delivery_address.from_history .tag_delivery_address, .joint-purchase-request .switcher .delivery_address.from_history .tag_delivery_address { background: #fff; color: #afb8bb; font-size: 9px; left: 11px; padding: 0 10px; position: absolute; top: -6px; } .checkout-page .template-list-header, .joint-purchase-cabinet .template-list-header, .joint-purchase-request .template-list-header { font-size: 13px; } .checkout-page .choice-type-of-ownership, .joint-purchase-cabinet .choice-type-of-ownership, .joint-purchase-request .choice-type-of-ownership { display: inline-block; width: auto; padding: 4px 10px; position: absolute; left: 21px; top: 24px; z-index: 1; background: none; box-shadow: none; border-radius: 0; border-right: 1px solid #c5c5bc; } .checkout-page .legal-entity-name, .joint-purchase-cabinet .legal-entity-name, .joint-purchase-request .legal-entity-name { padding-left: 149px; } .checkout-page h4, .joint-purchase-cabinet h4, .joint-purchase-request h4 { margin-bottom: 27px; } .checkout-page .column2_2, .joint-purchase-cabinet .column2_2, .joint-purchase-request .column2_2 { margin-bottom: 40px; } .checkout-page .delivery-choice-date, .checkout-page .delivery-choice-time, .checkout-page .pickup-delivery-choice-date, .checkout-page .pickup-delivery-choice-time, .joint-purchase-cabinet .delivery-choice-date, .joint-purchase-cabinet .delivery-choice-time, .joint-purchase-cabinet .pickup-delivery-choice-date, .joint-purchase-cabinet .pickup-delivery-choice-time, .joint-purchase-request .delivery-choice-date, .joint-purchase-request .delivery-choice-time, .joint-purchase-request .pickup-delivery-choice-date, .joint-purchase-request .pickup-delivery-choice-time { display: inline-block; width: 172px; position: relative; } .checkout-page .delivery-choice-date .label, .checkout-page .delivery-choice-time .label, .checkout-page .pickup-delivery-choice-date .label, .checkout-page .pickup-delivery-choice-time .label, .joint-purchase-cabinet .delivery-choice-date .label, .joint-purchase-cabinet .delivery-choice-time .label, .joint-purchase-cabinet .pickup-delivery-choice-date .label, .joint-purchase-cabinet .pickup-delivery-choice-time .label, .joint-purchase-request .delivery-choice-date .label, .joint-purchase-request .delivery-choice-time .label, .joint-purchase-request .pickup-delivery-choice-date .label, .joint-purchase-request .pickup-delivery-choice-time .label { display: block; margin: 0 0 .4em; } .checkout-page .delivery-choice-date .js-popup-positioned-opener, .checkout-page .delivery-choice-time .js-popup-positioned-opener, .checkout-page .pickup-delivery-choice-date .js-popup-positioned-opener, .checkout-page .pickup-delivery-choice-time .js-popup-positioned-opener, .joint-purchase-cabinet .delivery-choice-date .js-popup-positioned-opener, .joint-purchase-cabinet .delivery-choice-time .js-popup-positioned-opener, .joint-purchase-cabinet .pickup-delivery-choice-date .js-popup-positioned-opener, .joint-purchase-cabinet .pickup-delivery-choice-time .js-popup-positioned-opener, .joint-purchase-request .delivery-choice-date .js-popup-positioned-opener, .joint-purchase-request .delivery-choice-time .js-popup-positioned-opener, .joint-purchase-request .pickup-delivery-choice-date .js-popup-positioned-opener, .joint-purchase-request .pickup-delivery-choice-time .js-popup-positioned-opener { position: relative; display: block; } .checkout-page .delivery-choice-date .del-date, .checkout-page .delivery-choice-date .del-time, .checkout-page .delivery-choice-time .del-date, .checkout-page .delivery-choice-time .del-time, .checkout-page .pickup-delivery-choice-date .del-date, .checkout-page .pickup-delivery-choice-date .del-time, .checkout-page .pickup-delivery-choice-time .del-date, .checkout-page .pickup-delivery-choice-time .del-time, .joint-purchase-cabinet .delivery-choice-date .del-date, .joint-purchase-cabinet .delivery-choice-date .del-time, .joint-purchase-cabinet .delivery-choice-time .del-date, .joint-purchase-cabinet .delivery-choice-time .del-time, .joint-purchase-cabinet .pickup-delivery-choice-date .del-date, .joint-purchase-cabinet .pickup-delivery-choice-date .del-time, .joint-purchase-cabinet .pickup-delivery-choice-time .del-date, .joint-purchase-cabinet .pickup-delivery-choice-time .del-time, .joint-purchase-request .delivery-choice-date .del-date, .joint-purchase-request .delivery-choice-date .del-time, .joint-purchase-request .delivery-choice-time .del-date, .joint-purchase-request .delivery-choice-time .del-time, .joint-purchase-request .pickup-delivery-choice-date .del-date, .joint-purchase-request .pickup-delivery-choice-date .del-time, .joint-purchase-request .pickup-delivery-choice-time .del-date, .joint-purchase-request .pickup-delivery-choice-time .del-time { display: block; background: #fff; border: 1px solid #c5c5bc; box-shadow: inset 0 1px 2px rgba(152, 152, 170, 0.6); border-radius: 4px; box-sizing: border-box; height: 32px; position: relative; padding: 0 .5em; line-height: 30px; } .checkout-page .delivery-choice-date .with-icon, .checkout-page .delivery-choice-time .with-icon, .checkout-page .pickup-delivery-choice-date .with-icon, .checkout-page .pickup-delivery-choice-time .with-icon, .joint-purchase-cabinet .delivery-choice-date .with-icon, .joint-purchase-cabinet .delivery-choice-time .with-icon, .joint-purchase-cabinet .pickup-delivery-choice-date .with-icon, .joint-purchase-cabinet .pickup-delivery-choice-time .with-icon, .joint-purchase-request .delivery-choice-date .with-icon, .joint-purchase-request .delivery-choice-time .with-icon, .joint-purchase-request .pickup-delivery-choice-date .with-icon, .joint-purchase-request .pickup-delivery-choice-time .with-icon { position: absolute; right: .5em; top: 4px; } .checkout-page .delivery-choice-time, .joint-purchase-cabinet .delivery-choice-time, .joint-purchase-request .delivery-choice-time { margin-left: 37px; } .checkout-page .pickup-info, .joint-purchase-cabinet .pickup-info, .joint-purchase-request .pickup-info { display: inline-block; background: #e9f1f4; border-radius: 9px; margin: 0 0 1em 1em; padding: 1em; width: 40%; } .checkout-page #hypermarket-map, .joint-purchase-cabinet #hypermarket-map, .joint-purchase-request #hypermarket-map { border: none; display: block; text-align: center; } .checkout-page #hypermarket-map img, .joint-purchase-cabinet #hypermarket-map img, .joint-purchase-request #hypermarket-map img { margin: auto; } .checkout-page #hypermarket-map:hover, .joint-purchase-cabinet #hypermarket-map:hover, .joint-purchase-request #hypermarket-map:hover { opacity: 0.8; } .checkout-page .pickup_types, .joint-purchase-cabinet .pickup_types, .joint-purchase-request .pickup_types { display: inline-block; vertical-align: top; max-width: 50%; } .checkout-page .pickup_types .label, .joint-purchase-cabinet .pickup_types .label, .joint-purchase-request .pickup_types .label { display: block; white-space: nowrap; } .checkout-page .pickup_types .pickup-type-label, .joint-purchase-cabinet .pickup_types .pickup-type-label, .joint-purchase-request .pickup_types .pickup-type-label { vertical-align: top; display: inline-block; white-space: normal; max-width: 80%; } .checkout-page .pickup_types .pickup-type-label.-wide, .joint-purchase-cabinet .pickup_types .pickup-type-label.-wide, .joint-purchase-request .pickup_types .pickup-type-label.-wide { max-width: 605px; } .checkout-page .pickup_types .pickup-type-note, .joint-purchase-cabinet .pickup_types .pickup-type-note, .joint-purchase-request .pickup_types .pickup-type-note { font-style: italic; font-size: 13px; color: #fb3a2f; } .checkout-page .pickup_types .g-ul, .joint-purchase-cabinet .pickup_types .g-ul, .joint-purchase-request .pickup_types .g-ul { margin-left: 1em; } .checkout-page .pickup_types .input_wrapper, .joint-purchase-cabinet .pickup_types .input_wrapper, .joint-purchase-request .pickup_types .input_wrapper { display: inline-block; } .checkout-page .pickup_types .input_wrapper label, .joint-purchase-cabinet .pickup_types .input_wrapper label, .joint-purchase-request .pickup_types .input_wrapper label { font: inherit; font-weight: 700; padding-left: 0; } .checkout-page .pickup_types .choose-del-date, .checkout-page .pickup_types .choose-del-date-pickup, .joint-purchase-cabinet .pickup_types .choose-del-date, .joint-purchase-cabinet .pickup_types .choose-del-date-pickup, .joint-purchase-request .pickup_types .choose-del-date, .joint-purchase-request .pickup_types .choose-del-date-pickup { margin-left: 1em; display: inline-block; vertical-align: top; } .checkout-page .pickup_types .choose-del-date .form-comment, .checkout-page .pickup_types .choose-del-date-pickup .form-comment, .joint-purchase-cabinet .pickup_types .choose-del-date .form-comment, .joint-purchase-cabinet .pickup_types .choose-del-date-pickup .form-comment, .joint-purchase-request .pickup_types .choose-del-date .form-comment, .joint-purchase-request .pickup_types .choose-del-date-pickup .form-comment { font: italic 13px/1 "Open Sans"; margin: .2em 0 0; } .checkout-page .pickup_types .choose-del-date-pickup, .joint-purchase-cabinet .pickup_types .choose-del-date-pickup, .joint-purchase-request .pickup_types .choose-del-date-pickup { display: block; } .checkout-page .pickup_types .delivery-types, .joint-purchase-cabinet .pickup_types .delivery-types, .joint-purchase-request .pickup_types .delivery-types { width: 385px; display: inline-block; } .checkout-page .pickup_types .map-block, .joint-purchase-cabinet .pickup_types .map-block, .joint-purchase-request .pickup_types .map-block { display: inline-block; width: 50%; vertical-align: top; } .checkout-page .pickup_types input, .joint-purchase-cabinet .pickup_types input, .joint-purchase-request .pickup_types input { vert-align: top; margin-top: 5px; margin-right: 20px; } .checkout-page .pickup_types .pickup_type-comment, .joint-purchase-cabinet .pickup_types .pickup_type-comment, .joint-purchase-request .pickup_types .pickup_type-comment { display: block; margin-left: 35px; white-space: normal; } .checkout-page ul li:last-child label, .joint-purchase-cabinet ul li:last-child label, .joint-purchase-request ul li:last-child label { margin-bottom: 0; } .checkout-page .other-organizer-url, .joint-purchase-cabinet .other-organizer-url, .joint-purchase-request .other-organizer-url { display: block; } .checkout-page .tabs_legal_status, .joint-purchase-cabinet .tabs_legal_status, .joint-purchase-request .tabs_legal_status { margin-bottom: 43px; } .checkout-page .tabs_legal_status .tab, .joint-purchase-cabinet .tabs_legal_status .tab, .joint-purchase-request .tabs_legal_status .tab { cursor: pointer; } .hypermarket-map-popup { left: calc(50% - 450px); } .sklad-map-popup { left: calc(50% - 450px); padding: 30px 0 0; } .sklad-map-popup .order-done-map { margin: 0; width: 900px; } .joint-purchase-request .dl-form { background: #fff; padding: 0; max-width: 100%; } .joint-purchase-request .dl-form .input_wrapper { padding: 0; } .joint-purchase-request .link_grey { color: #a3a3a3; } .joint-purchase-request .link_grey:hover { color: #fb3a2f; } .joint-purchase-request .choose-organizer { padding: 26px 0 43px; position: relative; } .joint-purchase-request .choose-organizer:before, .joint-purchase-request .choose-organizer:after { content: ''; position: absolute; top: 0; right: 100%; width: 44px; height: 100%; background: rgba(158, 193, 209, 0.1); display: none; } .joint-purchase-request .choose-organizer:after { right: auto; left: 100%; } .joint-purchase-request .choose-organizer:hover, .joint-purchase-request .choose-organizer .selected { background: rgba(158, 193, 209, 0.1); } .joint-purchase-request .choose-organizer:hover:before, .joint-purchase-request .choose-organizer:hover:after, .joint-purchase-request .choose-organizer .selected:before, .joint-purchase-request .choose-organizer .selected:after { display: block; } .joint-purchase-request .choose-organizer .label { font-size: 16px; } .joint-purchase-request .choose-organizer .medal { position: absolute; top: 25px; left: 25px; width: 22px; height: 22px; } .joint-purchase-request .choose-organizer .gold { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -272px -617px; width: 22px; height: 22px; } .joint-purchase-request .choose-organizer .silver { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -249px -617px; width: 22px; height: 22px; } .joint-purchase-request .choose-organizer .bronze { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -295px -617px; width: 22px; height: 22px; } .joint-purchase-request .tabs:not(.delivery-types) li { margin-bottom: 0; } .joint-purchase-request .tabs:not(.delivery-types) li input { margin-right: 38px; position: absolute; top: 30px; } .joint-purchase-request .jp-organizer-info_wrapper { display: inline-block; width: 100%; padding: 0 0 0 60px; box-sizing: border-box; } .joint-purchase-request .jp-organizer-info_wrapper p { font-size: 13px; line-height: 1.6; margin-top: 0; } .joint-purchase-request .jp-organizer-info_wrapper .b { font-size: 13px; padding-top: 1em; } .joint-purchase-request .jp-organizer-info_wrapper .i, .joint-purchase-request .jp-organizer-info_wrapper .link_grey { color: #a3a3a3; line-height: 1.2; } .joint-purchase-request .jp-organizer-info { width: calc(100% - 150px); float: left; } .joint-purchase-request .jp-organizer-info .price_small { font-size: 14px; } .joint-purchase-request .jp-organizer-info_fee { width: 150px; float: left; } .joint-purchase-request .jp-organizer-info_fee .price { font-size: 20px; } .joint-purchase-request .jp-organizer-info_block { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding-right: 10%; } .joint-purchase-request h5 + .jp-organizer-info_block { margin-top: 1em; } .joint-purchase-request .jp-organizer-more-info { font-size: 13px; margin-top: 20px; } .joint-purchase-request .other-organizers .h3 { font-size: 16px; } .joint-purchase-request .other-organizers li { margin: 20px 0; } .joint-purchase-request .b-bill__row { position: relative; } .joint-purchase-request .with-icon_q-op-blue + .b-popup_on-hover { color: #000; width: 100%; } .joint-purchase-request .with-icon_q-op-blue:hover + .b-popup_on-hover { display: block; } .joint-purchase-request .b-popup_brown { width: 540px; padding-top: 0; padding-bottom: 1em; } .joint-purchase-request .b-popup_brown .b-section { background: none; padding: 2em 0; text-align: left; } .joint-purchase-request .b-popup_brown .b-section:after { left: 0; right: 0; } .joint-purchase-request .js-purchases-list { font-size: 15px; margin: 15px 0; } .joint-purchase-request .jp-liability-text { color: rgba(0, 0, 0, 0.6); line-height: 1.5; padding-bottom: 30px; } .joint-purchase-request .jp-liability-text p { margin-top: 0.6em; } .jp-organizer-info-popup.b-popup_brown { width: 540px; padding-top: 0; padding-bottom: 1em; margin-left: -270px; } .jp-organizer-info-popup.b-popup_brown .b-section { background: none; padding: 2em 0; text-align: left; position: relative; } .jp-organizer-info-popup.b-popup_brown .b-section:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #ccc; } .jp-organizer-info-popup.b-popup_brown .b-section:last-child:after { content: none; display: none; } .agreements > div { margin-top: 20px; white-space: nowrap; } .agreements input { margin-right: 9px; margin-top: 5px; vertical-align: top; } .agreements label { font-size: 14px; font-style: italic; white-space: normal; } /* Страница "Оплата банковской картой на сайте" */ .payment-prepare-page .layout:before { background: url("/image/bg.jpg") no-repeat 50% 0; height: 100%; } .payment-prepare-page .h1 { display: block; text-align: center; margin: 1.7em auto 1.1em; max-width: 350px; } .payment-prepare-page .payment-prepare { width: 528px; margin: 0 auto; padding: 40px 65px 20px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-sizing: border-box; position: relative; background: #fff; } .payment-prepare-page .payment-prepare:after { content: ''; display: block; position: absolute; top: -52px; left: 340px; margin: 0; background: url(/image/reg_1.png) 0 0 no-repeat; background-size: 100%; width: 230px; height: 210px; } .payment-prepare-page .payment-prepare .h2 { max-width: 280px; } .payment-prepare-page .notice { font-style: italic; font-size: 13px; color: #aaa; } .payment-prepare-page .payment-table { width: 100%; font-size: 15px; margin: 1.2em 0 0; } .payment-prepare-page .payment-table tr { border-top: 1px solid #d7dbdd; } .payment-prepare-page .payment-table tr:first-child { border-top: none; } .payment-prepare-page .payment-table td { padding: 30px 0; } .payment-prepare-page .payment-table .payment-id { font-weight: bold; width: 33%; } .payment-prepare-page .payment-table .payment-amount { font-size: 16px; width: 33%; } .payment-prepare-page .payment-table .payment-status { text-align: right; width: 33%; white-space: nowrap; } .payment-prepare-page .payment-table .payment-status .button-group { position: relative; } .payment-prepare-page .payment-table .payment-status .button-group .error-message, .payment-prepare-page .payment-table .payment-status .button-group .district-error { bottom: 0; right: 0; position: absolute; } .payment-prepare-page .payment-table .payment-status .button-group.with-error { padding-bottom: 20px; } .payment-prepare-page .payment-table .with-icon_check-ok { color: #57e037; font-weight: bold; display: inline-block; padding: 0 21px 0 0; } .payment-prepare-page .payment-table .with-icon_check-ok:before { position: absolute; top: 6px; right: 0; margin: 0; } .payment-prepare-page .payment-table .button { font-size: 14px; } .payment-prepare-page .payment-prepare-info { margin: 7em 0 0; } .payment-prepare-page .payment-prepare-info .info-block { float: left; width: 33.33%; padding: 0 0 0 36px; box-sizing: border-box; } .payment-prepare-page .payment-systems { margin-top: 5px; font-size: 14px; } .payment-prepare-page .payment-systems td { padding: 10px 0; } .payment-prepare-page .payment-systems .i-visa, .payment-prepare-page .payment-systems .i-mastercard { margin: 0 10px 5px 0; } /* Попап с товарами c ограничениями */ .restricted-goods-popup { width: 400px; text-align: left; padding: 20px 30px; /*потом убрать и установить координаты с помощью js*/ position: fixed; left: 50%; margin-left: -200px; top: 16%; /*end*/ } .restricted-goods-popup .scrollable { max-height: 278px; overflow-y: auto; margin: 17px 0 10px; padding-bottom: 10px; } .restricted-goods-popup .scrollable ul { margin: 0; } .restricted-goods-popup ::-webkit-scrollbar { width: 5px; } .restricted-goods-popup ::-webkit-scrollbar-track { background: rgba(51, 51, 51, 0.2); border-radius: 7px; } .restricted-goods-popup ::-webkit-scrollbar-thumb { border-radius: 7px; background: #afb8bb; } .restricted-goods-popup .restricted-product { list-style: none; margin: 10px 0; padding: 0 0 0 75px; position: relative; min-height: 65px; } .restricted-goods-popup .restricted-product:before { content: none; display: none; } .restricted-goods-popup .restricted-product:first-child { margin-top: 0; } .restricted-goods-popup .restricted-product_name { display: inline; font-weight: normal; } .restricted-goods-popup .restricted-product_img { position: absolute; top: 0; left: 0; width: 65px; height: 65px; } .restricted-goods-popup .restricted-product_img img { width: 100%; display: block; } .restricted-goods-popup .restricted-product_row { display: inline-block; width: 100%; clear: both; font-size: 13px; } .restricted-goods-popup .restricted-product_sid { color: #afb8bb; } .restricted-goods-popup .restricted-product_qty { float: right; } .restricted-goods-popup .button-wrapper { text-align: center; position: relative; } .restricted-goods-popup .button-wrapper:before { content: ''; display: block; width: 100%; height: 20px; position: absolute; bottom: 100%; left: 0; margin-bottom: 10px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); } .restricted-goods-popup .button-wrapper .button { font-size: 14px; } .restricted-goods-popup .restricted-goods-popup_del { margin-top: 20px; } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ #orders_page footer { border-top-color: transparent; } #orders_page .layout:before { height: 100%; } #orders_page .b-widget_light { overflow: hidden; } #orders_page .b-orders { overflow: visible; } #orders_page .with-icon_check-ok { color: #57e037; font-weight: bold; display: inline-block; padding: 0 21px 0 0; } #orders_page .with-icon_check-ok:before { position: absolute; top: 6px; right: 0; margin: 0; } #orders_page .awaiting { color: #ff534a; font-weight: bold; } #orders_page .order-data_page-orders { color: #000; } #orders_page .order-data_page-orders p { font-size: 13px; } .tabs_order-item { margin-top: 25px; } .order-item .catalog { border-radius: 6px; } .order-item .jp-orders-table .catalog__item-total__inner { padding-right: 25px; } .order-item .reducer_col { margin-left: 0; margin-top: 0; width: 10em; } .order-item .reducer_col .h3 { text-transform: uppercase; } .order-item .reducer_col .g-menu { margin-left: -0.5em; } .order-item .reducer_col .g-menu .g-menu__item span { padding: 0.3em 0.5em; } .order-item .reducer_col .g-menu .g-selected span { background: #1f84db; } .order-item .reducer_col .g-menu li:last-child { margin-top: 15px; } .order-item .reducer_col + .reducer { margin-left: 12em; margin-top: 0; } .order-item .catalog-sort, .order-item .catalog-show { width: 100%; float: none; text-align: left; } .order-item .account_number { clear: both; color: #a3a3a3; font-size: 12px; font-weight: normal; text-align: right; } @media only screen and (max-width: 1200px) { .order-item .catalog__item-main.catalog__item-main_compact > div.catalog__item-total { width: 41%; } } #order_account_page .b-bill__row { margin-top: 0; } #order_account_page .b-bill__row.b-bill_delimiter_top { margin-top: 10px; } #order_account_page .b-bill__row.b-bill_delimiter_top h5 + p { margin-top: 3px; } #order_account_page .b-aside-buttons { margin-top: 0; } #order_account_page .b-aside-buttons .button { max-width: 200px; padding: .8em 1em; } #order_account_page .account_ok { color: #51DE32; display: block; font-size: 13px; margin: 0 0 25px 20px; } #order_account_page .catalog__list .catalog__item-main { padding-left: 135px; } .jp-order-item .link.link_pseudo, .jp-order-item .title_home .link.home-tab, .title_home .jp-order-item .link.home-tab { display: inline-block; font-size: 13px; margin: 5px -5px 0 0; } .b-order-button { margin-top: 2em; } .b-orders__body { margin-left: 0; } .order-products { margin-top: 1em; } .order-product { display: inline-block; margin-right: 1em; margin-bottom: 1em; text-align: center; font-size: 14px; color: #afb8bb; } .orders-sort { margin-top: 1em; font-size: 13px; } .orders-sort .ctl { margin-left: .7em; } .order-view { margin-top: 1em; } .order-controls { position: absolute; top: 1em; right: 1em; } .order-controls .ctl { margin-left: .4em; } .order-controls a.ctl { border-bottom: 0; } .order-controls .with-icon { padding-left: 34px; } .order-controls .with-icon + .button { margin-left: 1em; } .order-controls .with-icon_reload:before { box-shadow: inset 0 0 0 4px #fff; position: absolute; top: 1px; left: 8px; } .order-controls .with-icon_x-grey:before { position: absolute; top: 8px; left: 13px; } .order-controls .button { min-width: 127px; } .order-author-name { margin-left: 14px; font-size: 13px; } .order-goods-ctl { position: relative; display: inline-block; margin-top: 1.5em; } .order-goods-ctl:after { content: ''; display: inline-block; margin-left: 5px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -205px -129px; width: 10px; height: 6px; } .order-goods-ctl.active:after { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -407px -404px; width: 10px; height: 6px; } .order-goods-ctl:before { content: ''; display: block; position: absolute; top: -10px; left: -16px; width: 1132px; height: 1px; background: #e5e5e5; } .column.order-destination { display: block; width: 100%; margin-bottom: 1em; } @media screen and (min-width: 1300px) { .order-data_page-orders { width: 95%; } .order-data_page-orders .column { width: 25%; } .column.order-destination { display: inline-block; padding: 0 1em 0 0; } .column.order-destination + .column { padding-left: 1em; } } .order-ctl-icon { opacity: 0; margin-left: .5em; } .order-ctl-icon:before { position: relative; top: -2px; } .order-ctl:hover .order-ctl-icon { opacity: 1; } .order-done_status { font-weight: bold; margin-left: 10px; padding: 0 5px; } .order-done_subtitle { font-style: italic; margin: 1.55em 0 .3em 0; } .order-done { padding: 20px 20px 70px 0; } .order-done h2, .order-done .b-chponck__price, .order-done .h2 { padding-bottom: 5px; } .order-done .elastic { display: block; margin: 36px auto 52px auto; } .order-done .order-done_text-title { margin-top: 42px; } .order-done .order-done_attention { font-size: 15px; margin-bottom: -11px; } .order-done .order-done_note { position: relative; display: inline-block; font-weight: bold; font-size: 14px; margin: 30px 0 12px -1em; padding: 1.3em 1.3em 1.3em 4em; } .order-done .order-done_note:before { content: ''; display: block; height: 23px; width: 34px; position: absolute; top: 17px; left: 10px; background-image: url(/image/order/payment-cart-ico.png); } .order-done .order-done_get-order { margin: 18px auto; display: inline-block; font-size: 15px; } .order-done .button_grayscale { font-weight: bold; } .order-done-manager { display: inline-block; width: 100%; padding-top: 1.4em; } .order-done-manager .manager_photo { float: left; width: 90px; } .order-done-manager .manager_photo img { width: 100%; display: block; } .order-done-manager .manager_info { margin-left: 110px; font-size: 14px; } .order-done-manager .manager_name { margin-bottom: 5px; } .order-done-manager .manager_phone { font-style: italic; font-size: 13px; } .order-done-manager .manager_phone span { font-style: normal; font-size: 14px; } .order-done_aside { border-radius: 5px; } .order-done_aside .b-bill { padding: 12px 10px; } .order-done_aside .b-bill__title + .b-bill__row { margin-top: 10px; } .order-done_aside .b-bill__row { margin-top: 7px; } .order-done_aside .b-bill_symbol { padding-right: 15px; } .order-done_aside .b-bill_delimiter_top { padding: 7px 10px 0 10px; margin: 7px -10px 0 -10px; border-top: 1px dashed #bfbfbf; } .order-done_aside .b-bill_delimiter_top h5, .order-done_aside .b-bill_delimiter_top .h5 { padding-top: 2px; padding-bottom: 2px; } .order-done_aside .order-done_way { padding-bottom: 5px; } .order-done_aside .order-done_total_sum { font-weight: bold; font-size: 20px; float: none; } .order-done_aside .total-sum .b-bill__label { float: none; } .order-done_aside .total-sum .b-bill__value { float: none; font-weight: bold; font-size: 29px; } .order-done_aside .total-sum .b-bill__value .rur { font-weight: normal; } .order-done-map { margin: 20px auto; } .order-done-map img { height: auto; max-width: 100%; } /** * Очередной костыль, без которого не проходит тест OrderCheckout. */ [data-jsview='checkout'] .holder .b-bill .price.price_small .rur { margin-left: .05em; } [data-jsview='checkout'] #total-error { width: 212px; margin-top: 30px; padding: 0 .5em; } /** * Fix теста SearchSept */ [data-jsview='search'] #price .section-inside { margin-right: 1px; } .part-page .bg-holiday { background: #fff url(/image/background_part.jpg) center 0 no-repeat; background-size: auto 370px; padding-top: 21px; position: relative; } .part-page .reducer { margin-top: 0; } .part-page footer { padding-top: 1.5em; } .part-page .part-search-container { margin: 320px auto 0; max-width: 1200px; } .part-page .part-search-block { background: #195b91; border-radius: 10px; box-sizing: border-box; color: #fff; display: inline-block; margin-bottom: 30px; padding: 45px 30px; text-align: center; vertical-align: top; width: 100%; } .part-page .part-search-block.part-search-block_small { width: calc(50% - 15px); } .part-page .part-search-block.part-search-block_small:nth-child(odd) { margin-right: 30px; } .part-page .part-search-block:last-child { margin-bottom: 0; } .part-page .part-search-block .h2 { font-size: 32px; padding: 0 0 18px; text-align: center; } .part-page .part-search-block .input_wrapper { display: flex; flex-direction: row; justify-content: space-between; margin: auto; max-width: 1060px; text-align: left; } .part-page .part-search-block .input_wrapper .search__searchfield { width: 100%; } .part-page .part-search-block .input_wrapper .search__searchfield input { border: none; } .part-page .part-search-block .input_wrapper .button { margin-left: 10px; } .part-page .part-search-block .example { color: #fff; display: block; font-size: 13px; font-style: normal; padding: 8px 0; text-align: left; } .part-page .part-search-block .example .link_pseudo, .part-page .part-search-block .example .title_home .home-tab, .title_home .part-page .part-search-block .example .home-tab { color: #fff; } .part-page .part-search-block .button-wrapper { margin-top: 30px; text-align: center; } .part-page .part-search-block .button-wrapper .button_blue { padding: 0.9em 1.3em; } #part-help-popup { text-align: left; width: 560px; } #part-help-popup .h2 { margin: 0 0 1em; } #part-help-popup .input_wrapper { margin-bottom: 0.6em; } #part-help-popup .input_wrapper label { font-size: 13px; margin-bottom: .4em; } #part-help-popup .input_wrapper input { font-size: 13px; margin-bottom: .4em; } #part-help-popup .input_wrapper .flex-row { margin-top: 15px; } #part-help-popup .input_wrapper label + .flex-row { margin-top: 0; } #part-help-popup .input_wrapper .link_pseudo, #part-help-popup .input_wrapper .title_home .home-tab, .title_home #part-help-popup .input_wrapper .home-tab { display: inline-block; font-size: 13px; font-weight: normal; } #part-help-popup .flex-row .input_wrapper { width: 228px; } #part-help-popup .link_remove { font-size: 13px; font-weight: normal; margin-top: 6px; } #part-help-popup .button-wrapper { margin: 30px 0 10px; } .part-table .table-flex-cell { flex-basis: 15%; } .part-table .table-flex-cell:first-child { flex: 105px 0 0; } .part-table .table-flex-cell:nth-child(5) { flex-basis: 25%; flex-shrink: 2; } @media only screen and (min-width: 1250px) { .part-page .bg-holiday { background-size: auto; } .part-page .part-search-container { margin-top: 347px; } .part-page .part-search-block .h2 { font-size: 36px; } .part-page .part-search-block input { font-size: 20px; } .part-page .part-search-block .search__searchfield:before { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -617px -515px; width: 24px; height: 24px; margin-top: -12px; left: 12px; } .part-page .part-search-block .search__searchfield .search-input { padding: 5px 18px 11px 50px; } .part-page .input_wrapper .button { font-size: 20px; } .part-page .select-wrapper .popup-opener { font-size: 20px; padding: 9px 30px 9px 15px; } } .section-column-menu { display: inline-block; font-size: 14px; padding-top: 30px; width: calc(100% / 3); } .section-column-menu .h2 { margin-bottom: 20px; } .section-column-menu .b-section { padding: 2em; } .section-column-menu .b-section .search__searchfield { border: 1px solid #c5c5bc; } .section-column-menu .b-section .search__searchfield input { background: none; border: none; font-size: 15px; margin-top: 0; padding: 0.3em 0.3em 0.3em 29px; } @media only screen and (max-width: 1250px) { .section-column-menu .b-section { padding: 1em; } } .section-column-text { box-sizing: border-box; display: inline-block; padding-left: 2em; padding-top: 30px; width: calc(100% / 3 * 2); } .section-column-text .h2 { margin-bottom: 20px; } @media only screen and (max-width: 1250px) { .section-column-text { padding-left: 1em; } } .side-filter-unfolding, .side-filter_autopart { margin: 0; } .side-filter-unfolding li, .side-filter_autopart li { margin: 1.5em 0; } .side-filter-unfolding li:before, .side-filter_autopart li:before { display: none; } .side-filter-unfolding .ul-level, .side-filter_autopart .ul-level { padding-left: 1em; } .side-filter_autopart li { margin: 1.3em 0; } .side-filter_autopart li .active { background: #f5f5ed; display: block; margin: -0.5em -2em; padding: 0.5em 2em; } @media only screen and (max-width: 1250px) { .side-filter_autopart li .active { margin: -0.5em -1em; padding: 0.5em 1em; } } .section-part-detail { padding: 1.5em; } .section-part-detail + .b-section { margin-top: 0.5em; } .section-part-detail img { display: inline-block; height: auto; margin: -5px 10px; vertical-align: top; width: 180px; } .section-part-detail .section-text { display: inline-block; vertical-align: top; width: calc(100% - 255px); } .section-part-detail .section-text p { margin-top: 0.5em; } .section-part-detail .section-text .detail { color: #999; font-size: 13px; margin: 0 0 1.5em; } .section-part-detail .section-text .link_pseudo, .section-part-detail .section-text .title_home .home-tab, .title_home .section-part-detail .section-text .home-tab { font-size: 12px; margin-left: 7px; } .catalog__item-autopart { margin-top: 35px; padding: 0 15px; } .catalog__item-autopart .catalog__item-details { display: inline-block; float: none; vertical-align: top; width: 325px; } .catalog__item-autopart .catalog__item-details .link_title { font-size: 15px; } .catalog__item-autopart .catalog__item-details .catalog__item-sid { margin-top: 5px; } .catalog__item-autopart .catalog__item-details .catalog__item-sid p { font-size: 13px; } .catalog__item-autopart .catalog__item-details .sid { color: #a3a3a3; margin-top: 0.1em; } .catalog__item-autopart .table-part { display: inline-block; margin: 0; vertical-align: top; width: calc(100% - 330px); } .catalog__item-autopart .table-row:hover { background: #f5f9fa; } .catalog__item-autopart .table-cell { box-sizing: border-box; display: inline-block; padding: 0.5em; vertical-align: top; width: 11%; } .catalog__item-autopart .table-cell:first-child { width: 30%; } .catalog__item-autopart .table-cell:nth-child(2) { width: 48%; } .catalog__item-autopart .table-cell:nth-child(2) .table-cell { padding: 0; width: 49%; } .catalog__item-autopart .table-cell p { font-size: 13px; margin-top: 0.2em; } .catalog__item-autopart .table-cell .product-stars { margin-bottom: 3px; max-width: 100%; } .catalog__item-autopart .table-cell .offer-rating { font-size: 13px; } .catalog__item-autopart .table-cell .warehouse-details { color: #a3a3a3; } .catalog__item-autopart .table-cell .warehouse-details .with-icon { width: 90px; } .catalog__item-autopart .table-cell .warehouse-details .with-icon:before { position: relative; bottom: 4px; right: 0; display: none; } .catalog__item-autopart .table-cell .warehouse-details .with-icon:after { content: ''; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -292px -560px; width: 12px; height: 11px; margin: -5px 4px 0 4px; display: inline-block; vertical-align: middle; } .catalog__item-autopart .table-cell .warehouse-details .with-icon.with-icon_check-ok { display: block; line-height: 1.2; width: 95px; } .catalog__item-autopart p.delivery-info { font-size: 13px; margin-top: 0; padding-top: 0; } .catalog__item-autopart .catalog__item-price { float: none; } .catalog__item-autopart .catalog__item-btn { width: 100%; padding-left: 0; padding-right: 0; text-align: left; } .catalog__item-autopart .link-more { font-size: 13px; margin-left: 0.5em; } @media only screen and (max-width: 1400px) { .catalog__item-autopart .catalog__item-details { width: 100%; } .catalog__item-autopart .table-part { margin-left: -0.5em; width: 100%; } .catalog__item-autopart .catalog__list .catalog__item-price, .catalog__item-autopart .catalog__list .btn-block { padding-top: 0; width: auto; } } .section-part-unit { position: relative; text-align: center; } .section-part-unit img { height: auto; margin: auto; max-width: 100%; } .section-part-unit .with-icon_zoom { left: 2em; position: absolute; top: 25px; } .related-items .products.owl-carousel { padding: 0 20px 20px 20px; } .related-items .retailrocket-widget[data-algorithm="related"] { display: none; } .retailrocket .recommendation-list { max-height: 290px; overflow: hidden; } .retailrocket .recommendation-list.owl-loaded { overflow: visible; max-height: unset; } .preview-product { padding: 25px 40px; border-radius: 3px; min-height: 500px; background: #fff; position: absolute; z-index: 301; width: 950px; height: auto; /** * Элементы, которые необходимо скрыть в окне превью товара. */ } .preview-product .likeH1 { font-size: 17px; } .preview-product .goods-fav-ctl { margin-left: 10px; } .preview-product .product.cf { padding-top: 25px; } .preview-product .product__pic { width: 396px; padding-right: 25px; } .preview-product .product__pic .item-card-viewport-3d img { width: 100%; } .preview-product .flags { padding-top: 6px; } .preview-product .input_amount[type="text"], .preview-product .input_range[type="text"] { height: 23px; line-height: 23px; } .preview-product .input__decrease, .preview-product .input__increase { top: 2px; } .preview-product .purchase__cell_qt-have { padding-left: 1em; text-align: center; } .preview-product .purchase__cell_total { max-width: 110px; } .preview-product .full-description_link { line-height: 1; padding: 0.6em 1em; border-radius: 100px; display: inline-block; color: #000; border: 1px solid rgba(0, 0, 0, 0.3); } .preview-product .full-description_link:hover { border: 1px solid #000; } .preview-product .product_social-widget { margin-top: 3em; } .preview-product .thumbs img { margin-right: .85em; } .preview-product .owl-prev { left: 6px; } .preview-product .owl-next { right: 6px; } .preview-product .product__tags, .preview-product .product-delivery-info { display: none; } @media only screen and (min-width: 1320px) { .preview-product .b-triangle { font-size: 85%; min-width: 389px; } .preview-product .b-properties { column-count: 1; } } .formal-offer-popup { padding: 25px 40px; border-radius: 3px; min-height: 500px; background: #fff; position: absolute; z-index: 301; width: 950px; height: auto; padding: 35px 0 25px 40px; } .formal-offer-popup .formal-offer { padding-right: 40px; max-height: 800px; overflow-y: scroll; } .formal-offer-popup .sub-title { font-size: 17px; font-weight: bold; } .formal-offer-popup .no-list-marker li { margin-left: 0; } .formal-offer-popup .no-list-marker li:before { display: none; } .b-info__paid-delivery { position: relative; } .b-info__paid-delivery .with-icon_q-op-blue:hover + .b-popup_on-hover { display: block; } .b-info__paid-delivery .popup-position { left: 40px; } .b-info__paid-delivery .paid-delivery_note { padding-top: 5px; font-size: 13px; display: inline-block; width: 48%; margin-right: 1%; vertical-align: top; } .b-info__paid-delivery .paid-delivery_note-long { display: block; width: 100%; margin: 0; padding: 0; } .b-info__paid-delivery .paid-delivery_block { display: block; } .b-info__paid-delivery .paid-delivery_choice-city { margin-left: 10px; display: inline-block; width: auto; } .b-info__paid-delivery .paid-delivery_city-block { display: inline-block; vertical-align: top; margin-right: 15px; } .b-info__paid-delivery .paid-delivery_city-block .with-icon_q-op-blue:before { margin-top: -3px; } .b-info__paid-delivery .paid-delivery_caption { font: italic 13px/1 "Open Sans"; color: #666; } .b-info__product-loan-payment { font-size: 13px; } .image-popup { padding: 25px 40px; border-radius: 3px; min-height: 500px; background: #fff; position: absolute; z-index: 301; width: 950px; height: auto; padding: 5px; min-height: initial; width: auto; } .image-popup img { height: 100%; } /* Вкладка "Оставить отзыв" или "Отзывы" */ .b-comments { margin-top: 1em; margin-bottom: 3em; position: relative; } .b-comments .error { color: #ff372b; font-size: 13px; font-style: italic; } .b-comments .short { display: inline-block; margin-top: 0; width: auto; } .b-comments .short .ya-share2 { margin-top: 1em; } .b-comments__form { position: relative; margin: 18px 0 42px; font-size: 13px; } .b-comments__form .comment-block { position: relative; } .b-comments__form .textarea { font-style: italic; line-height: 1.4; margin: 7px 0 2px; height: 100%; min-height: 100px; box-sizing: border-box; overflow-x: hidden; resize: none; padding-bottom: 2em; /* + .error-text { display: none; }*/ } .b-comments__form .textarea.error { border-color: #c16141; /* + .error-text { display: block; }*/ } .b-comments__form .char-counter { position: absolute; right: 1em; bottom: 1em; } .b-comments__form .char-counter.error { color: #db613d; } .b-comments__form .ex-form { max-width: 100%; padding: 16px 18px 30px; } .b-comments__form h2, .b-comments__form .b-chponck__price { font-size: 24px; margin-bottom: 24px; } .b-comments__form .control { margin-top: 23px; } .b-comments__form .comment-notice { line-height: 1.5; } .b-comments__form .comment-notice .link { color: #aaa49b; } .b-comments__form .comment-notice .link:hover, .b-comments__form .comment-notice .side-filter .collapse h3:hover, .side-filter .collapse .b-comments__form .comment-notice h3:hover, .b-comments__form .comment-notice .side-filter .collapse .h3:hover, .side-filter .collapse .b-comments__form .comment-notice .h3:hover { color: #666; } .b-comment { margin: 18px 0 0; padding: 18px; font-size: 13px; position: relative; } .b-comment:hover { background: rgba(158, 193, 209, 0.1); } .b-comment.your-comment:before, .b-comment.comment-rejected:before, .b-comment.comment-on-moderation:before { content: "Ваш отзыв"; color: #00e000; position: absolute; top: 15px; right: 18px; font-style: italic; } .b-comment.comment-on-moderation:before { content: "Отзыв на модерации"; color: #f00; } .b-comment.comment-rejected:before { content: "Отзыв отклонен"; color: #f00; } .cabinet-reviews .b-comment.your-comment:before { content: "Отзыв опубликован"; } .b-comment__content { font-size: 14px; word-wrap: break-word; } .b-comment__row { display: inline-block; width: 100%; } .b-comment__row .b-comment__col { float: left; width: 50%; } .b-comment__edit { display: inline-block; opacity: 0; } .b-comment__edit .edit-comment { margin: 0 15px; vertical-align: top; } .b-comment:hover .b-comment__edit { opacity: 0.8; } .b-comment__public input, .b-comment__public label { cursor: pointer; display: inline-block; vertical-align: middle; margin-top: 6px; } .b-comment__public label { padding-left: 4px; } .b-comment__public .input-wrapper { display: inline-block; margin-right: 10%; } .b-comment__public .input-wrapper:last-child { margin-right: 0; } .b-comment__author_date { color: rgba(0, 0, 0, 0.4); margin-top: 13px; float: left; max-width: 50%; word-wrap: break-word; } .b-comment__usefulness { float: right; color: rgba(0, 0, 0, 0.4); margin-top: 13px; } .b-comment__usefulness span { display: inline-block; text-align: right; } .b-comment.b-company-comment { margin: 0 0 15px 18px; padding: 6px 18px; } .b-comment.b-company-comment .b-comment__author_date { float: none; } .b-comment.b-company-comment .b-comment__author_date .with-icon_simaland { margin-left: 3px; opacity: 0.3; } .thumb { position: relative; font-weight: 500; } .thumb input { opacity: 0; z-index: 0; width: 16px; height: 15px; position: absolute; top: 0; right: 0; } .thumb label { width: 16px; height: 15px; position: relative; z-index: 1; cursor: pointer; } .thumb label.thumb_disabled { cursor: default; } .thumbs_up { color: #66cb2f; } .thumbs_up label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -338px -157px; width: 16px; height: 15px; } .thumbs_up label:hover:not(.thumb_disabled), .thumbs_up label:focus:not(.thumb_disabled) { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -622px; width: 16px; height: 15px; } .thumbs_up input:checked + label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -622px; width: 16px; height: 15px; } .thumbs_down { color: #fb3a2f; } .thumbs_down label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -606px; width: 16px; height: 15px; margin-bottom: -5px; } .thumbs_down label:hover:not(.thumb_disabled), .thumbs_down label:checked:not(.thumb_disabled) { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -563px -523px; width: 16px; height: 15px; } .thumbs_down input:checked + label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -563px -523px; width: 16px; height: 15px; } .thumbs_counter { display: inline-block; padding: 0 2px 0 12px; } /* stars rate */ .grade-input { position: relative; padding: 7px 0 20px; /*+ .error-text { margin-top: -20px; display: none; } &.error + .error-text { display: block; }*/ } .grade-input .stars { overflow: hidden; position: relative; display: inline-block; margin-right: 10px; } .grade-input input { opacity: 0; width: 16px; height: 15px; position: absolute; top: -1px; z-index: 0; line-height: 1; } .grade-input label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -338px -125px; width: 16px; height: 15px; width: 16px; height: 15px; float: right; cursor: pointer; margin-right: 8px; position: relative; z-index: 1; } .grade-input input:checked ~ label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -590px; width: 16px; height: 15px; } .grade-input input:checked ~ label:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -168px -560px; width: 16px; height: 15px; } .grade-input label:hover, .grade-input label:hover ~ label { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -168px -560px; width: 16px; height: 15px; } .grade-input #star-1 { left: 0; } .grade-input #star-2 { left: 23px; } .grade-input #star-3 { left: 49px; } .grade-input #star-4 { left: 75px; } .grade-input #star-5 { left: 101px; } .star-comment { display: inline-block; } /* stars in comments */ .stars-grade { position: relative; display: inline-block; margin-bottom: 13px; } .stars-grade .star { width: 16px; height: 15px; display: inline-block; margin: 0 8px 0 0; background-repeat: no-repeat; } .stars-grade .star.full { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -590px; width: 16px; height: 15px; } .stars-grade .star.big { width: 20px; height: 19px; margin: 0 6px -1px -2px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -646px -95px; width: 20px; height: 19px; } .stars-grade .star.empty { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -338px -125px; width: 16px; height: 15px; } /* product stars */ .product-stars { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; transition: max-width 1s; overflow: hidden; white-space: nowrap; max-width: 90px; margin-right: 10px; } .product-stars .star { width: 9px; height: 9px; display: inline-block; margin: 0 4px 0 0; } .product-stars .star.full { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -376px -560px; width: 9px; height: 9px; } .product-stars .star.big { width: 12px; height: 10px; margin: 0 3px 0 -1px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -119px -162px; width: 12px; height: 10px; } .product-stars .star.empty { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -396px -560px; width: 9px; height: 9px; } .product-stars .star.half { width: 12px; height: 10px; margin: 0 3px 0 -1px; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -272px -220px; width: 12px; height: 10px; } .product-stars .reviews-counter { color: rgba(0, 0, 0, 0.4); margin-left: 3px; } .reviews-rules-text { text-align: left; } .reviews-rules-popup { max-width: 1700px; max-height: 510px; } .product-modifiers .modifiers-more_wrapper { display: none; } .product-modifiers .modifiers-hidden { overflow: visible; } /** Notification subscribe**/ .notification-subscribe-wrapper { display: table; margin-bottom: 1em; } .notification-subscribe-wrapper .ex-form { max-width: 100%; } .notification-subscribe-wrapper .icon-container { display: table-cell; width: 82px; height: 100%; padding-left: 15px; padding-right: 20px; } .notification-subscribe-wrapper .icon-container .notification-icon { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -175px; width: 81px; height: 58px; } .notification-subscribe-wrapper .header-block { display: table-cell; vertical-align: top; } .notification-subscribe-wrapper .main-block { padding-top: 10px; padding-left: 117px; } .notification-subscribe-wrapper .main-block p { font-size: 85%; } .notification-subscribe-wrapper .subscribe-inputs-wrapper { padding-top: 25px; width: 100%; font-size: 14px; display: table; } .notification-subscribe-wrapper .subscribe-inputs-wrapper .input-wrapper { display: table-cell; width: 100%; padding-right: 10px; vertical-align: middle; } .notification-subscribe-wrapper .subscribe-inputs-wrapper .input-wrapper .filled-input { background: #fff url(/image/i_mail_grey.png) no-repeat 11px 9px; padding-left: 38px; } .notification-subscribe-wrapper .subscribe-inputs-wrapper .error-message, .notification-subscribe-wrapper .subscribe-inputs-wrapper .district-error { font-size: 12px; margin: 5px 0; } .notification-subscribe-wrapper .subscribe-inputs-wrapper .button { display: table-cell; } .notification-subscribe-wrapper .success-notification-subscribe { background: #e9f1f4; border-radius: 4px; margin-top: 0.5em; padding: 15px 15px 15px 0; } .notification-subscribe-wrapper .success-notification-subscribe .text-block { display: table-cell; vertical-align: middle; font-size: 85%; } .notification-subscribe-wrapper .success-notification-subscribe .notification-success-icon { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -47px -65px; width: 86px; height: 64px; } .notification-subscribe-wrapper .success-notification-subscribe span.subscribed-email { font-style: italic; } @media screen and (max-width: 1150px) { .notification-subscribe-wrapper .ex-form .header-block { font-size: 85%; } .notification-subscribe-wrapper .ex-form .main-block { padding-left: 0; } .notification-subscribe-wrapper .ex-form .main-block p { font-size: 80%; } .notification-subscribe-wrapper .ex-form .icon-container { padding: 10px 10px 0 0; } .notification-subscribe-wrapper .ex-form .subscribe-inputs-wrapper { display: block; } .notification-subscribe-wrapper .ex-form .subscribe-inputs-wrapper .input-wrapper { display: block; width: 100%; padding: 0; margin-bottom: 15px; } .notification-subscribe-wrapper .ex-form .subscribe-inputs-wrapper .button { display: block; } } /*для автозапчастей*/ .part-offer-number { font-size: 13px; padding: 6px 0; } .part-offer-number .stars { margin-left: 5px; } .part-offers-block { padding-top: 55px; } .part-offers-block h5 { font-size: 16px; text-transform: uppercase; } .part-offers-block .catalog-sort { margin: 15px -5px 27px; } .product .catalog__item-autopart { margin: 0; padding: 0; } @media only screen and (max-width: 1400px) { .product .catalog__item-autopart .table-cell { width: 19%; } .product .catalog__item-autopart .table-cell:first-child { width: 30%; } .product .catalog__item-autopart .table-cell:nth-child(2) { width: 30%; } .product .catalog__item-autopart .table-cell:nth-child(2) .table-cell { padding: 0; width: 100%; } .product .catalog__item-autopart .table-cell .flex-row { flex-direction: column; } .product .catalog__item-autopart .table-cell .flex-row .table-cell { order: 2; } .product .catalog__item-autopart .table-cell .flex-row .table-cell-price { order: 1; } .product .catalog__item-autopart .table-cell .flex-row .table-cell-price .price, .product .catalog__item-autopart .table-cell .flex-row .table-cell-price .catalog__item-discount { padding-left: 0; } } .application-model { font-size: 14px; padding: 7px 0; } .application-model .active { font-weight: bold; } .application-model .table-application { margin-top: 12px; } .application-model .table-application .table-cell { width: 19%; } .application-model .table-application .table-cell:first-child { width: 26%; } .application-model .table-application .table-cell:nth-child(2) { width: 14%; } .application-model .table-application .table-cell:nth-child(3) { width: 22%; } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ #recommend_page footer { border-top-color: transparent; } #recommend_page .layout:before { height: 100%; } body.cursor-resizing { cursor: move; cursor: ew-resize; } h1 .ctl, .likeH1 .ctl, .h1 .ctl { margin-left: 10px; opacity: 0.7; position: relative; top: -0.1em; vertical-align: middle; } main section > p, .l-main section > p { margin-bottom: 1.4em; } main section > h2, .l-main section > h2, main section > .b-chponck__price, .l-main section > .b-chponck__price, main section > .h2, .l-main section > .h2 { margin-bottom: 0.3em; margin-top: 1.5em; } .auto-order { color: #000; margin-bottom: 1em; } .auto-order__img-cont { width: 30%; } .auto-order__description-cont { width: 70%; box-sizing: border-box; padding-left: 10px; } .auto-order__img-wrap { position: relative; letter-spacing: -0.31em; width: 100%; box-sizing: border-box; } .auto-order__img { text-indent: 0; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; position: relative; *zoom: 1; *display: inline; width: 70px; padding: 0; margin-bottom: 0.5em; box-sizing: border-box; text-align: center; vertical-align: middle; overflow: hidden; } .auto-order__buttons { margin-top: 1em; } .order-stat { background-color: #195b91; color: #fff; position: relative; margin-bottom: 1em; } .order-stat h3, .order-stat .h3 { font-size: 1.1em; font-weight: normal; margin-top: 1em; text-transform: none; } .order-stat__controls { position: absolute; right: 1em; top: 1em; } .order-stat__controls .ctl { opacity: 0.6; } .order-stat .tabs_small { margin-bottom: 1em; margin-top: 1em; } .order-stat .tabs_small > span { font-size: 13px; padding: 0.4em; } .order-stat .tabs_small > span:first-child { padding-left: 0; } .order-stat .tabs_small .tab.selected { background-color: #134d7a; } .order-stat__date-control { width: 100%; position: relative; white-space: nowrap; overflow: hidden; background-color: #0d3452; border-radius: 30px; height: 35px; margin-top: 0.9em; } .order-stat__date-control:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 37px; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0d3452), color-stop(25%, #0d3452), color-stop(100%, rgba(13, 52, 82, 0))); background: -ms-linear-gradient(to right, #0d3452 0%, #0d3452 25%, rgba(13, 52, 82, 0) 100%); background: linear-gradient(to right, #0d3452 0%, #0d3452 25%, rgba(13, 52, 82, 0) 100%); border-bottom-left-radius: 30px; border-top-left-radius: 30px; z-index: 1; } .order-stat__date-control:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 37px; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(13, 52, 82, 0)), color-stop(75%, #0d3452), color-stop(100%, #0d3452)); background: -ms-linear-gradient(to right, rgba(13, 52, 82, 0) 0%, #0d3452 75%, #0d3452 100%); background: linear-gradient(to right, rgba(13, 52, 82, 0) 0%, #0d3452 75%, #0d3452 100%); border-bottom-right-radius: 30px; border-top-right-radius: 30px; z-index: 1; } .order-stat__date-control-left { position: absolute; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -584px -521px; width: 29px; height: 29px; left: 3px; top: 4px; z-index: 2; cursor: pointer; } .order-stat__date-control-left:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -60px -587px; width: 29px; height: 29px; } .order-stat__date-control-right { position: absolute; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -120px -587px; width: 29px; height: 29px; right: 3px; top: 4px; cursor: pointer; z-index: 2; } .order-stat__date-control-right:hover { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -90px -587px; width: 29px; height: 29px; } .order-stat__date-control-wrap { position: relative; margin: 0 40px; display: inline-block; } .order-stat__date-control-year { position: relative; display: inline-block; } .order-stat__date-control-year .link { color: rgba(255, 255, 255, 0.4); border-bottom: 1px dashed rgba(255, 255, 255, 0.2); } .order-stat__date-control-year .link:hover, .order-stat__date-control-year .side-filter .collapse h3:hover, .side-filter .collapse .order-stat__date-control-year h3:hover, .order-stat__date-control-year .side-filter .collapse .h3:hover, .side-filter .collapse .order-stat__date-control-year .h3:hover { color: #fff; border-bottom-color: #fff; } .order-stat__date-control-month { display: inline-block; font-size: 0.9em; line-height: 33px; padding: 0 10px; position: relative; color: rgba(255, 255, 255, 0.4); -moz-user-select: none; user-select: none; } .order-stat__date-control-year-tag { bottom: 3px; font-size: 0.5em; height: 0.5em; left: 10px; line-height: 0.5em; position: absolute; } .order-stat__date-control-drag { left: 0; position: absolute; top: 0; padding-bottom: 2px; background-color: #fff; } .order-stat__date-control-drag-left-handle { position: absolute; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -208px -150px; width: 10px; height: 15px; left: -5px; top: 50%; margin-top: -7px; cursor: move; cursor: ew-resize; z-index: 1; } .order-stat__date-control-drag-right-handle { position: absolute; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -208px -150px; width: 10px; height: 15px; right: -5px; top: 50%; margin-top: -7px; cursor: move; cursor: ew-resize; z-index: 1; } .order-stat__date-control-drag .order-stat__date-control-month { color: #000; } .order-stat__date-control-drag .order-stat__date-control-month .link { color: #000; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); } .order-stat__date-control-drag .order-stat__date-control-month .link:hover, .order-stat__date-control-drag .order-stat__date-control-month .side-filter .collapse h3:hover, .side-filter .collapse .order-stat__date-control-drag .order-stat__date-control-month h3:hover, .order-stat__date-control-drag .order-stat__date-control-month .side-filter .collapse .h3:hover, .side-filter .collapse .order-stat__date-control-drag .order-stat__date-control-month .h3:hover { color: #fb3a2f; border-bottom-color: #fb3a2f; } .order-stat__date-control-drag-wrap { position: relative; display: inline-block; } .order-stat__date-control-drag-service { position: relative; width: 100%; overflow: hidden; } .order-stat__graph { position: relative; width: 100%; margin: 1.6em 0 2em 0; } .order-stat__graph-row { position: relative; margin: 0 0 0.8em 0; letter-spacing: -0.31em; width: 100%; box-sizing: border-box; } .order-stat__graph-row::before { display: none; } .order-stat__goods-title { text-indent: 0; display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; position: relative; *zoom: 1; *display: inline; width: 25%; width: calc(186px - 1px); padding: 0; box-sizing: border-box; } .order-stat__bar-container { text-indent: 0; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; position: relative; *zoom: 1; *display: inline; width: 75%; width: calc(100% - 185px); padding: 0; box-sizing: border-box; } .order-stat__bar { height: 28px; width: 0; background-color: #467ba5; border-radius: 3px; position: relative; } .order-stat__sum { position: absolute; left: 100%; margin-left: 10px; font-weight: bold; white-space: nowrap; line-height: 28px; opacity: 0; } .order-stat__sum .rur { font-weight: normal; } .order-stat__total { position: relative; margin: 0; letter-spacing: -0.31em; width: 100%; box-sizing: border-box; } .order-stat__total-item { text-indent: 0; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; position: relative; *zoom: 1; *display: inline; box-sizing: border-box; } .order-stat__total-item1 { padding-right: 100px; width: 20%; } .order-stat__total-item2 { padding-right: 120px; width: 25%; } .order-stat__total-item3 { padding-right: 80px; width: 20%; } .order-stat__total-item4 { padding-right: 70px; width: 35%; } .order-stat__total-value { font-size: 2.2em; position: relative; font-weight: bold; } .order-stat__total-value .rur { font-weight: 400; } .order-stat__total-description { font-size: 13px; font-weight: normal; left: 100%; line-height: 17px; margin-left: 5px; position: absolute; top: 0.5em; } .crsl-items { margin-top: 0; } .tabs-order-period { margin-bottom: 0.8em; } .shkola_talantov { font-family: 'Roboto Slab', serif; padding: 0 0 64px; } .shkola_talantov .manual_block { margin: 0 auto; padding: 0 30px; max-width: 900px; } .shkola_talantov .manual_h1 { width: 100%; background: #f387b7; text-align: center; font-size: 28px; font-weight: 700; text-transform: uppercase; padding: 15px 0; margin: 44px 0 30px; } .shkola_talantov p { font-size: 18px; line-height: 1.2; } .shkola_talantov ol { list-style: decimal; margin-left: 1.3em; } .shkola_talantov ol li { margin: 0 0 35px; font-size: 18px; } .shkola_talantov ol li:first-child { margin-top: 15px; } .shkola_talantov ol li img { display: block; margin: 40px auto 0; } .shkola_talantov ol li p + p.b { margin-top: 35px; } .shkola_talantov .img-blocks { display: table; width: 100%; text-align: center; } .shkola_talantov .img-blocks .img-block { float: left; width: 33.33%; padding: 20px 0 0; } .shkola_talantov .img-blocks .img-block img { margin: 10px auto 15px; } .shkola_talantov_wool, .shkola_talantov_christmas_ball, .shkola_talantov_soap_wisp { background: url(/image/lesson_pages/bg_picture_wool.jpg) no-repeat 50% 0; background-size: 100% auto; min-height: 100vh; } .shkola_talantov_wool .container, .shkola_talantov_christmas_ball .container, .shkola_talantov_soap_wisp .container { margin: auto; max-width: 860px; padding: 525px 50px 30px; } .shkola_talantov_wool .video-block, .shkola_talantov_christmas_ball .video-block, .shkola_talantov_soap_wisp .video-block { margin: 0 auto 65px; text-align: center; } .shkola_talantov_wool .video-block .name, .shkola_talantov_christmas_ball .video-block .name, .shkola_talantov_soap_wisp .video-block .name { font-family: 'Open Sans', Arial; font-size: 32px; font-weight: bold; line-height: 1.2; margin: 0 0 35px; } .shkola_talantov_wool .video-block *, .shkola_talantov_christmas_ball .video-block *, .shkola_talantov_soap_wisp .video-block * { max-width: 100%; } .shkola_talantov_wool .video-block .video-container, .shkola_talantov_christmas_ball .video-block .video-container, .shkola_talantov_soap_wisp .video-block .video-container { border-radius: 10px; margin: 0 auto; max-width: 668px; overflow: hidden; } .shkola_talantov_wool .video-block video, .shkola_talantov_christmas_ball .video-block video, .shkola_talantov_soap_wisp .video-block video { border-radius: 10px; } @media only screen and (max-width: 1650px) { .shkola_talantov_wool .container, .shkola_talantov_christmas_ball .container, .shkola_talantov_soap_wisp .container { padding-top: 470px; } } @media only screen and (max-width: 1300px) { .shkola_talantov_wool .container, .shkola_talantov_christmas_ball .container, .shkola_talantov_soap_wisp .container { padding-top: 350px; } } @media only screen and (max-width: 1100px) { .shkola_talantov_wool .container, .shkola_talantov_christmas_ball .container, .shkola_talantov_soap_wisp .container { padding-top: 300px; } } @media only screen and (max-width: 800px) { .shkola_talantov_wool, .shkola_talantov_christmas_ball, .shkola_talantov_soap_wisp { background-size: auto 465px; min-width: 320px; } .shkola_talantov_wool .video-block .name, .shkola_talantov_christmas_ball .video-block .name, .shkola_talantov_soap_wisp .video-block .name { font-size: 20px; } } .shkola_talantov_christmas_ball { background-image: url(/image/lesson_pages/bg_christmas_ball.jpg); } .shkola_talantov_soap_wisp { background-image: url(/image/lesson_pages/bg_soap_wisp.jpg); } /* flags */ /* Новая страница Совместных покупок */ #sp_page .layout:before { height: 1511px; background: #def2f1 url(/image/sp2/sp_bg1_top.jpg) center 150px no-repeat; } #sp_page .main-page > main.limit, #sp_page .main-page > .limit.l-main, #sp_page .main-page > .l-main.terms-popup__inner, #sp_page .main-page > main.terms-popup__inner, #sp_page .bg-holiday > main.limit, #sp_page .bg-holiday > .limit.l-main, #sp_page .bg-holiday > .l-main.terms-popup__inner, #sp_page .bg-holiday > main.terms-popup__inner { max-width: 100%; padding-bottom: 0; } #sp_page main .reducer, #sp_page .l-main .reducer { margin: 1.5em 0 0; } #sp_page .h1, #sp_page h1 { font-size: 35px; color: #000; text-align: center; display: block; line-height: 1.4; } #sp_page .h1.blue, #sp_page h1.blue { color: #1f84db; } #sp_page .main-title { max-width: 500px; margin: 102px auto 0; } #sp_page .main-title span { display: block; } #sp_page .main-title span b { font-size: 72px; } #sp_page .main-title span.right-span { text-align: right; font-size: 23px; margin-top: 18px; } #sp_page .main-title span.right-span + span { margin-top: -48px; } #sp_page .ex-img { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); display: block; max-width: 100%; } #sp_page .ok-content, #sp_page .forum-content { display: none; } #sp_page .step { max-width: 970px; margin: 0 auto; box-sizing: border-box; position: relative; } #sp_page .step .n-block-left, #sp_page .step .n-block-right { float: left; box-sizing: border-box; width: 50%; } #sp_page .step_1-wrapper { position: relative; padding: 0 0 154px 0; background: url(/image/sp2/sp_bg1_bottom.jpg) center bottom no-repeat; } #sp_page .step_1 { margin: 183px auto 0; padding: 0 60px 50px; position: relative; } #sp_page .step_1:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; background: #fff; } #sp_page .step_2 { margin-top: -106px; margin-bottom: 40px; } #sp_page .step_2 .h1 { color: #fff; } #sp_page .step_2:before { content: ''; position: absolute; top: -30px; right: -41px; background: url(/image/sp2/sp_step2.png) no-repeat 0 0; width: 225px; height: 210px; } #sp_page .step_2 .tab-content:after { content: ""; display: table; clear: both; } #sp_page .step_2 .tab-content > .n-block-left { padding-right: 55px; } #sp_page .step_2 .tab-content > .n-block-right { padding-left: 55px; } #sp_page .step_2 .ok-content .comment { margin: 0; } #sp_page .step_2 .ok-content .comment b { font-weight: bold; } #sp_page .step_2 .forum-content .n-title { padding: 0; } #sp_page .step_3-wrapper { background: url(/image/sp2/sp_bg2.jpg) center top no-repeat; } #sp_page .step_3 { min-height: 666px; padding: 46px 0 37px; box-sizing: border-box; } #sp_page .step_3 .n-blocks:after { content: ""; display: table; clear: both; } #sp_page .step_3 .n-blocks > .n-block-left { padding-right: 27px; } #sp_page .step_3 .n-blocks > .n-block-right { padding-left: 27px; } #sp_page .step_3 .n-blocks + .h3 { margin-top: 34px; } #sp_page .step_3 .n-blocks + .h3 + .n-blocks .n-block { padding-top: 15px; } #sp_page .step_3 .n-title + p, #sp_page .step_3 .n-title + p + ul { margin-left: 53px; } #sp_page .step_3 .h3, #sp_page .step_3 .h3 + .title { text-align: center; font-size: 18px; } #sp_page .step_3 .h3 + .title { margin-top: 14px; } #sp_page .step_3 img + div { margin-top: 40px; } #sp_page .step_3 img + div p + .b { margin-top: 20px; } #sp_page .step_3.ok-content img + div { margin-top: 80px; } #sp_page .step_3.forum-content ul + div { margin-top: 100px; } #sp_page .step_3.forum-content .important { margin-top: 100px; } #sp_page .step_3.forum-content p.important { margin-top: 0; } #sp_page .step_3 .important { padding: 37px 53px; box-sizing: border-box; margin-top: 20px; } #sp_page .step_3 .important p:first-child { font-size: 18px; line-height: 1.8; margin-bottom: 20px; } #sp_page .step_3 .important b { font-weight: bold; } #sp_page .step_3 ul { margin-top: 10px; } #sp_page .step_3 ul li { margin: .4em 0 .4em 1.3em; } #sp_page .step_3 .b-info { display: inline-block; } #sp_page .step_3 .b-info b { font-weight: bold; font-size: 14px; } #sp_page .step_4-wrapper { background: url(/image/sp2/sp_bg3.jpg) center top no-repeat; min-height: 1020px; } #sp_page .step_4 { padding: 24px 0 0; } #sp_page .step_4:before { content: ''; position: absolute; top: -118px; right: -25px; background: url(/image/sp2/sp_step4.png) no-repeat 0 0; width: 196px; height: 228px; } #sp_page .step_4 .h1.blue { margin-top: 88px; } #sp_page .step_4 .bubles { position: absolute; top: 1019px; left: 0; width: 100%; height: 30px; z-index: 1; } #sp_page .step_4 .bubles:before, #sp_page .step_4 .bubles:after { content: ''; width: 80px; height: 30px; position: absolute; top: 0; background: url(/image/sp2/buble1.png) no-repeat 0 0; } #sp_page .step_4 .bubles:before { left: -15px; } #sp_page .step_4 .bubles:after { background-image: url(/image/sp2/buble2.png); right: -27px; } #sp_page .soc-description { display: inline-block; width: 100%; vertical-align: top; margin: 28px 0 0; position: relative; } #sp_page .soc-description .ex-img { float: left; display: block; margin: 4px 32px 0 0; } #sp_page .soc-description .text { margin-left: 278px; } #sp_page .soc-description .b { line-height: 1; margin-bottom: 9px; } #sp_page .soc-description p { line-height: 1.7; } #sp_page .tabs { margin: 22px 0 0; } #sp_page .tabs .tab { padding: 12px 14px 18px; } #sp_page .tabs .tab.selected { background: #fff; } #sp_page .tabs .tab.selected span { font-weight: bold; border-bottom: none; cursor: auto; color: #000; } #sp_page .n-block { padding: 40px 0 0; } #sp_page .n-block .n-title { padding: 0 0 16px; display: inline-block; width: 100%; } #sp_page .n-block .n-title + p { margin-top: 0; } #sp_page .n-block .n-title .b { margin-left: 53px; } #sp_page .n-block .n-circle { border: 1px solid #363636; border-radius: 50%; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 18px; float: left; } #sp_page .n-block .b { font-size: 18px; padding-top: 6px; } #sp_page .n-block p + img, #sp_page .n-block img + p, #sp_page .n-block ul + img { margin-top: 30px; } #sp_page .n-block .comment { padding: 15px 20px 20px; margin: 40px 0 0 -20px; max-width: 380px; } #sp_page .sp-form-section { background: #f5f5ed; padding: 2em 0 1em; margin: 0; } #sp_page .sp-form-section .h3 { margin-bottom: 10px; } #sp_page .sp-form-section .a_c { font-size: 18px; } #sp_page .sp-form-section .ex-form { margin: 0 auto; max-width: 500px; border-radius: 0; box-shadow: none; z-index: 0; text-align: center; } #sp_page .sp-form-section .ex-form dl { text-align: initial; } #sp_page .advantages-blocks { text-align: center; column-width: 240px; margin: 44px 0 0; } #sp_page .advantages-blocks .advantages-block { padding: 172px 0 0; text-align: center; } #sp_page .advantages-blocks .advantages-block p { font-size: 18px; line-height: 2; margin: 6px 0; } #sp_page .advantages-blocks .advantages-block a { font-size: 14px; line-height: 1.4; } #sp_page .advantages-blocks .advantages-block_1 { background: url(/image/sp2/st4_icon1.png) center top no-repeat; } #sp_page .advantages-blocks .advantages-block_2 { background: url(/image/sp2/st4_icon2.png) center top no-repeat; } #sp_page .advantages-blocks .advantages-block_3 { background: url(/image/sp2/st4_icon3.png) center top no-repeat; } #sp_page .advantages-list .advantages-li { position: relative; padding: 10px 0 0 90px; min-height: 52px; font-size: 18px; } #sp_page .advantages-list .advantages-li:before { content: ''; width: 62px; height: 62px; position: absolute; left: 0; top: 0; background: url(/image/sp2/st4_icons.png) 0 0 no-repeat; } #sp_page .advantages-list .advantages-li_1 { margin: 60px 0 0 250px; } #sp_page .advantages-list .advantages-li_2 { margin: 20px 0 0 360px; } #sp_page .advantages-list .advantages-li_2:before { background-position: -62px 0; } #sp_page .advantages-list .advantages-li_3 { margin: 30px 0 0 450px; padding-top: 0; } #sp_page .advantages-list .advantages-li_3:before { background-position: -124px 0; } #sp_page .advantages-list .advantages-li_4 { margin: 65px 0 0 500px; padding-top: 0; } #sp_page .advantages-list .advantages-li_4:before { background-position: -186px 0; } .subscribe-popup-button { position: fixed; bottom: 44%; right: 0; z-index: 300; width: 50px; height: 180px; cursor: pointer; background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px 0px; width: 46px; height: 174px; } .js-subscribe-popup { right: 0.5%; top: 36%; width: 19em; font-size: 13px; text-align: center; z-index: 301; } .js-subscribe-popup .status-icon { margin: auto; width: 90px; height: 70px; } .js-subscribe-popup .status-icon.notification_normal { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: 0px -175px; width: 81px; height: 58px; } .js-subscribe-popup .status-icon.notification_error { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -47px 0px; width: 86px; height: 64px; } .js-subscribe-popup .status-icon.notification_success { background-image: url(/image/spritesheet.png?version=1501833526579); background-position: -134px 0px; width: 86px; height: 64px; } .js-subscribe-popup .subscribe-popup-inner * { margin-top: 1em; } .js-subscribe-popup .subscribe-input { font-size: 17px; height: 35px; } .js-subscribe-popup .subscribe-input--full { background: #fff url(/image/i_mail_grey.png) no-repeat 11px 9px; border: 1px solid #1f84db; outline: none; padding-left: 38px; } .js-subscribe-popup .subscribe-input--full.error { border-color: #c16141; } .js-subscribe-popup h4 { font-weight: 700; } .js-subscribe-popup .normal-header { color: black; } .js-subscribe-popup .red-header { color: #ff7455; } .js-subscribe-popup .green-header { color: #00402e; } .js-subscribe-popup a { color: #aaa49b; text-decoration: solid underline #aaa49b; border-bottom: none; } .js-subscribe-popup a:hover, .js-subscribe-popup .search__select-button .selectors label:hover, .search__select-button .selectors .js-subscribe-popup label:hover { color: #1f84db; } .js-subscribe-popup .with-icon_reload { padding-left: 2.5em; } .js-subscribe-popup .with-icon_reload:before { box-shadow: inset 0 0 0 4px #fff; position: absolute; top: 1px; left: 8px; } .js-subscribe-popup .example { font-size: 12px; padding: 0 0.5em; } .successful-subscription { background: #2384c0 url(/image/fon-pagemaneger.jpg) no-repeat 50% 100%; background-size: cover; background-attachment: fixed; } .successful-subscription .blue-block { background: #1f84db; position: fixed; top: 50%; left: 50%; width: 520px; height: 280px; margin: -160px 0 0 -260px; border-radius: 5px; color: #fff; text-align: center; box-sizing: border-box; padding: 44px 60px 0; } .successful-subscription .blue-block .h2 { font-size: 28px; font-weight: 500; padding-bottom: 6px; } .successful-subscription .blue-block p { font-weight: 500; line-height: 1.3; } .successful-subscription .blue-block .button { margin: 31px 0 0; font-size: 14px; padding: .8em 1.6em; } /* flags */ .nav-menu { margin-top: 2em; } .nav-menu__item { display: block; } .nav-menu__item.g-selected { display: inline-block; } .terms-page main.limit, .terms-page .limit.l-main, .terms-page .l-main.terms-popup__inner, .terms-page main.terms-popup__inner { background: url("/image/reg_2.png") no-repeat right 60px; } .terms-description h3, .terms-description .h3 { text-transform: none; font-size: 1.2em; } .terms-description .padded { margin-right: 370px; } .payment-list { position: relative; letter-spacing: -0.31em; width: 100%; margin-top: 1.2em; } .payment-list__item { text-indent: 0; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; position: relative; *zoom: 1; *display: inline; width: 170px; padding: 0 40px 0 0; margin-bottom: 2em; } .payment-list__img { position: relative; min-height: 75px; } .payment-list + p { margin-top: -0.5em; } .payment-list:-o-prefocus, .payment-list { word-spacing: -0.43em; } @media only screen and (max-width: 1550px) { .payment-list { width: 850px; } } .agreement { margin: 1.2em 0; max-width: 900px; } .agreement__col1 { vertical-align: middle; } .agreement__col1 img { float: left; } .agreement__col1 p { margin-left: 100px; } .agreement__col2 { vertical-align: middle; } .agreement__col2 img { float: left; } .agreement__col2 p { margin-left: 83px; } .important-discount { display: table; padding-left: 93px; height: 60px; position: relative; margin-top: 2em; } .important-discount:before { content: ""; position: absolute; top: 12px; left: 20px; background: url("/image/discount.png") no-repeat left top; width: 62px; height: 60px; } .important__inner { display: table-cell; vertical-align: middle; } .delivery-description { background: url("/image/reg_1.png") no-repeat right -40px; margin-top: 3.5em; } .delivery-description h3, .delivery-description .h3 { text-transform: none; font-size: 1.2em; } .delivery-description .padded { margin-right: 370px; } .docs-exchange { display: table; width: 80%; max-width: 1000px; margin: 2em 0 3em 0; min-height: 65px; } .docs-exchange img { display: table-cell; } .docs-exchange div { display: table-cell; vertical-align: middle; padding-left: 2em; } .tundra { background: #000; } .tundra .main-page { background: none; color: #fff; } .tundra .main-page:before { display: none; } .tundra .main-page h1, .tundra .main-page .b-pagination__page { color: #fff; } .tundra .main-page .b-pagination__page_selected { background: #fff; color: #000; } .tundra .main-page .catalog, .tundra .main-page .catalog-row { color: #000; } .tundra .main-page .sl-description .control-row { background: none; box-shadow: none; } .tundra .auth-user-catalog-showed, .tundra .js-auth-user-catalog-opener.opened:after { display: none; } .tundra .slide-tm_main { background: url(/image/trademark/tundra/bg-slidetm.jpg) no-repeat 50% 50%; background-size: cover; min-height: 700px; max-height: 1080px; height: calc(100vh - 152px); position: relative; } @media screen and (max-width: 1200px) { .tundra .slide-tm_main .limit .img-tm, .tundra .slide-tm_main .terms-popup__inner .img-tm { height: 372px; } } .tundra .slide-tm_main .limit, .tundra .slide-tm_main .terms-popup__inner { padding: 4% 20px 4%; max-width: 1182px; position: relative; z-index: 10; } .tundra .slide-tm_main .slogan-tm { color: #fff; font-size: 48px; font-weight: 800; margin: 13% 0 15%; max-width: 50%; line-height: 1.3; text-transform: uppercase; } .tundra .slide-tm_main .img-tm { position: absolute; top: 50%; height: 531px; text-align: center; right: 20px; margin-top: -155px; max-height: 60%; } .tundra .slide-tm_main .img-tm img { margin: auto; width: auto; max-height: 100%; } .tundra .slide-tm_main .logo-tm { display: inline-block; vertical-align: middle; width: 30%; margin-right: 10%; } .tundra .slide-tm_main .logo-tm img { max-width: 100%; height: auto; } .tundra .slide-tm_main .menu-tm { display: inline-block; width: 58%; text-align: right; text-transform: uppercase; font-size: 14px; vertical-align: middle; white-space: nowrap; } .tundra .slide-tm_main .menu-tm .link { color: #fff; border: none; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 20px; } .tundra .slide-tm_main .menu-tm .link:hover, .tundra .slide-tm_main .menu-tm .side-filter .collapse h3:hover, .side-filter .collapse .tundra .slide-tm_main .menu-tm h3:hover, .tundra .slide-tm_main .menu-tm .side-filter .collapse .h3:hover, .side-filter .collapse .tundra .slide-tm_main .menu-tm .h3:hover { color: #1f84db; } .tundra .slide-tm_main .menu-tm .button { margin-left: 20px; width: 105px; font-weight: bold; padding: 18px 0; color: #fff; } .tundra .slide-tm_main .menu-tm .button:hover { color: #fff; } .tundra .slide-tm_main .soc-tm { position: absolute; bottom: 5%; left: 20px; font-size: 14px; color: #fff; } .tundra .slide-tm_main .soc-tm p { padding: 0 0 20px; } .tundra .slide-tm_main .soc-tm a { font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; margin-right: 15px; color: #fff; border: none; font-size: 32px; } .tundra .slide-tm_main .soc-tm .ya-share2 { display: inline-block; vertical-align: middle; } .tundra .slide-tm_main .soc-tm .ya-share2__badge { width: 0; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link:hover, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link:hover, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link:hover, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link:hover, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link:hover { color: #1f84db !important; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link .ya-share2__badge, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link .ya-share2__badge, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link .ya-share2__badge, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link .ya-share2__badge, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link .ya-share2__badge { background-color: transparent; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link .ya-share2__icon, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link .ya-share2__icon, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link .ya-share2__icon, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link .ya-share2__icon, .tundra .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link .ya-share2__icon { background-image: none; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_vkontakte .ya-share2__link:before { content: "\f189"; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_gplus .ya-share2__link:before { content: "\f0d5"; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_facebook .ya-share2__link:before { content: "\f230"; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_odnoklassniki .ya-share2__link:before { content: "\f263"; } .tundra .slide-tm_main .soc-tm .ya-share2__item_service_twitter .ya-share2__link:before { content: "\f099"; } .tundra .link_next { position: absolute; bottom: 40px; left: 50%; margin-left: -150px; color: #fff; font-weight: bold; text-transform: uppercase; border: none; font-size: 10px; z-index: 300; width: 300px; text-align: center; cursor: pointer; } .tundra .link_next:before { content: "\f107"; font-family: 'FontAwesome'; position: absolute; top: 15px; left: 50%; margin-left: -5px; } .tundra .link_next:hover { color: #1f84db; } .tundra .slides-bg { background: url(/image/trademark/tundra/bg-blocks.jpg) no-repeat 50% 0%; background-size: cover; } .tundra .slide-tm { height: 100vh; position: relative; text-align: center; max-height: 1100px; min-height: 700px; } .tundra .slide-tm:before { content: ''; display: inline-block; width: 1px; vertical-align: middle; height: 100vh; max-height: 1100px; margin: 0 -3px; min-height: 100%; } .tundra .slide-tm .spec_container { display: inline-block; margin: 0 auto; max-width: 1200px; position: relative; padding: 0 40px 60px; vertical-align: middle; } .tundra .slide-tm .h2 { color: #fff; font-size: 32px; font-weight: 500; padding: 25px 0 40px; } .tundra .slide-tm_spec .limit-spec { display: inline-block; vertical-align: middle; max-width: 96%; } .tundra .slide-tm_spec .limit-spec a { border: none; } .tundra .slide-tm_spec .spec_container .col-25, .tundra .slide-tm_spec .spec_container .col-50 { display: inline-block; box-sizing: border-box; max-width: 25%; padding: 0 10px; margin: 0 -2px; vertical-align: middle; } .tundra .slide-tm_spec .spec_container .col-25 img, .tundra .slide-tm_spec .spec_container .col-50 img { width: auto; max-width: 100%; margin: 0 0 18px; border-radius: 5px; } .tundra .slide-tm_spec .spec_container .col-25 .col-50, .tundra .slide-tm_spec .spec_container .col-50 .col-50 { padding-left: 0; } .tundra .slide-tm_spec .spec_container .col-50 { max-width: 50%; } .tundra .slide-tm_spec .spec-footer { background: url(/image/trademark/tundra/bg-spec.png) no-repeat 50% 0; border-radius: 5px; padding: 5% 0; font-size: 14px; color: #000; } .tundra .slide-tm_spec .spec-footer label { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; width: 22%; text-align: left; margin-top: -3px; } .tundra .slide-tm_spec .spec-footer .input { display: inline-block; width: 210px; } .tundra .slide-tm_spec .spec-footer .button { text-transform: uppercase; margin-left: 17px; } .tundra .slide-tm_history .spec_container .h2 { letter-spacing: 0.1em; } .tundra .slide-tm_history .history-tm { position: relative; margin: 0 auto; max-width: 1175px; width: 95%; } .tundra .slide-tm_history .about-text { background: #fff; border-radius: 5px; color: #000; width: 38%; padding: 70px 5%; text-align: left; line-height: 1.6; position: relative; z-index: 5; display: inline-block; vertical-align: middle; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .tundra .slide-tm_history .history-img { display: inline-block; vertical-align: middle; width: 48%; margin-left: -5px; height: auto; z-index: 3; position: relative; } .tundra .slide-tm_history .history-text { position: relative; z-index: 1; margin: -40px auto 0; max-width: 80%; color: #000; background: #f2f2f2; padding: 70px 50px 50px; border-radius: 5px; height: calc(100vh/4); } .tundra .slide-tm_history .history-date-block { display: inline-block; width: 48%; margin-top: -40px; vertical-align: top; position: relative; height: 100%; padding-bottom: 25px; text-align: left; } .tundra .slide-tm_history .history-date-block:before { content: ''; position: absolute; left: 30%; top: 0; width: 4px; background: #ddd; height: 100%; } .tundra .slide-tm_history .history-date { position: absolute; left: 30%; top: 65%; font-size: 14px; font-weight: bold; color: #b5b5b6; padding-left: 73px; margin-left: -51px; width: 55%; cursor: pointer; } .tundra .slide-tm_history .history-date:before { content: ''; border: 4px solid #9e9e9e; width: 12px; height: 12px; border-radius: 20px; position: absolute; top: -2px; left: 43px; display: block; background: #f2f2f2; box-shadow: 0 0 0 10px #f2f2f2; } .tundra .slide-tm_history .history-date:first-child { top: 30%; } .tundra .slide-tm_history .history-date:last-child { top: 100%; } .tundra .slide-tm_history .history-date .year { position: absolute; top: 0; left: 0; } .tundra .slide-tm_history .history-date.active { color: #1f84db; } .tundra .slide-tm_history .history-date.active:before { border-color: #1f84db; } .tundra .slide-tm_history .history-text-block { text-align: left; line-height: 1.9; display: none; overflow: hidden; width: 50%; vertical-align: middle; height: 100%; } .tundra .slide-tm_history .history-text-block h4 { color: #000; font-size: 22px; line-height: 1.4; } .tundra .slide-tm_history .history-text-block.active { display: inline-block; } .tundra .slide-tm_cat .type-tm { display: inline-block; width: 32%; padding: 0 10px; box-sizing: border-box; } .tundra .slide-tm_cat .type-tm img { max-width: 100%; height: auto; display: block; } .tundra .slide-tm_cat .textbl { background: #fff; border-radius: 0 0 5px 5px; padding: 20px 0; } .tundra .slide-tm_cat .textbl p { padding: 0 40px; color: #000; text-align: left; line-height: 1.6; min-height: 120px; } .tundra .slide-tm_cat .button { margin-top: 30px; font-weight: bold; padding: 18px 25px; color: #fff; display: inline-block; } .tundra .slide-tm_cat .button:hover { color: #fff; } .tundra .slide-tm_news .date { color: #8b8d9b; font-style: normal; font-size: 14px; } .tundra .slide-tm_news .h3 { font-size: 22px; margin: 11px 0 0; text-transform: none; font-weight: normal; line-height: 1.3; } .tundra .slide-tm_news .last-news { display: inline-block; vertical-align: middle; width: 49%; z-index: 10; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .tundra .slide-tm_news .last-news img { border-radius: 5px 5px 0 0; display: block; width: 100%; height: auto; } .tundra .slide-tm_news .last-news .text-news { background: #fff; color: #2f3035; border-radius: 0 0 5px 5px; padding: 30px 65px; text-align: left; line-height: 1.6; } .tundra .slide-tm_news .last-news .text-news p { font-size: 16px; } .tundra .slide-tm_news .last-news .text-news .date { font-size: 14px; } .tundra .slide-tm_news .other-news { border-radius: 5px; display: inline-block; vertical-align: middle; padding: 15px 20px 15px 0; width: 50%; margin: 0 -8px; z-index: 5; position: relative; text-align: left; color: #2f3035; max-height: 570px; overflow: hidden; } .tundra .slide-tm_news .other-news .control-arrows { width: 100%; height: 30px; position: absolute; left: 0; z-index: 6; cursor: pointer; display: block; } .tundra .slide-tm_news .other-news .control-arrows:before { content: ''; width: 29px; height: 29px; background-image: url(/image/arr-up-down.png); position: absolute; left: 50%; margin-left: -15px; } .tundra .slide-tm_news .other-news .control-arrows.arrow-up { top: 0; } .tundra .slide-tm_news .other-news .control-arrows.arrow-up:hover:before { background-position: 0 -31px; } .tundra .slide-tm_news .other-news .control-arrows.arrow-up:before { background-position: 0 -91px; bottom: 0; } .tundra .slide-tm_news .other-news .control-arrows.arrow-down { bottom: 0; } .tundra .slide-tm_news .other-news .control-arrows.arrow-down:hover:before { background-position: 0 -1px; } .tundra .slide-tm_news .other-news .control-arrows.arrow-down:before { background-position: 0 -61px; top: 0; } .tundra .slide-tm_news .other-news .news-container { max-height: 570px; overflow: hidden; } .tundra .slide-tm_news .other-news .news-container .newsbl { background: #f2f2f2; max-height: 192px; width: 100%; border-top: 2px solid #d9d9d9; margin-top: -2px; padding: 20px; display: inline-block; box-sizing: border-box; } .tundra .slide-tm_news .other-news .news-container .newsbl img { float: left; margin-right: 20px; max-width: 38%; height: auto; max-height: 150px; } .tundra .slide-tm_news .other-news .news-container .newsbl .text-news { overflow: hidden; } .tundra .slide-tm_news .other-news .news-container .newsbl .h3 { font-size: 16px; font-weight: bold; } .tundra .slide-tm_video { min-height: 854px; } .tundra .slide-tm_video .spec_container { width: 90%; } .tundra .slide-tm_video .video-wrapper { max-width: 975px; position: relative; z-index: 10; margin: 0 auto; border-radius: 5px; overflow: hidden; cursor: pointer; max-height: 550px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .tundra .slide-tm_video .video-wrapper video, .tundra .slide-tm_video .video-wrapper source { height: auto; display: block; max-width: 100%; } .tundra .slide-tm_video .video-wrapper .vjs-poster { background: url(https://stnew.sima-land.ru/share/474.jpg); background-size: cover; } .tundra .slide-tm_video .video-wrapper .vjs-poster.vjs-hidden { display: inline-block !important; } .tundra .slide-tm_video .video-wrapper .vjs-playing .vjs-poster.vjs-hidden { display: none !important; } .tundra .slide-tm_video .other-video { width: 76%; margin: 0 auto; position: relative; z-index: 5; border-radius: 5px; margin-top: -5px; background: #f2f2f2; padding: 35px 0; } .tundra .slide-tm_video .other-video .owl-stage-outer { max-height: 143px; } .tundra .slide-tm_video .other-video .videobl { display: inline-block; padding: 0 20px; vertical-align: top; margin: 0 0 0 -2px; cursor: pointer; } .tundra .slide-tm_video .other-video .videobl img { max-width: 48%; height: auto; margin: 0 20px 0 12px; float: left; } .tundra .slide-tm_video .other-video .owl-item:nth-child(even) { border-left: 2px solid #d9d9d9; box-sizing: border-box; } .tundra .slide-tm_video .other-video .name-video { overflow: hidden; text-align: left; color: #2f3035; font-weight: bold; margin: 0; line-height: 1.4; } .tundra .float_menu { position: fixed; top: 0; right: 0; padding: 0 30px; height: 100vh; z-index: 100; } .tundra .float_menu:before { content: ''; display: inline-block; width: 1px; vertical-align: middle; height: 100vh; margin: 0 -3px; min-height: 100%; } .tundra .float_menu ul { list-style: none; padding: 0; display: inline-block; vertical-align: middle; } .tundra .float_menu li { padding: 8px 0; } .tundra .float_menu li:before { display: none; } .tundra .float_menu li .link { display: block; padding-left: 6px; position: relative; text-transform: uppercase; color: #fff; border: none; cursor: pointer; } .tundra .float_menu li .link:before { width: 6px; height: 6px; border-radius: 6px; background: #7a7a7a; content: ''; position: absolute; display: block; top: 5px; left: 0; } .tundra .float_menu li .link span { display: none; } .tundra .float_menu li .link:hover, .tundra .float_menu li .side-filter .collapse h3:hover, .side-filter .collapse .tundra .float_menu li h3:hover, .tundra .float_menu li .side-filter .collapse .h3:hover, .side-filter .collapse .tundra .float_menu li .h3:hover { color: #1f84db; } .tundra .float_menu li.active .link { color: #7e7e7e; cursor: text; } .tundra .float_menu li.active .link:before { background: #fff; } .tundra .float_menu:hover { background: #000; transition: all 1s linear; z-index: 1000; } .tundra .float_menu:hover li .link { padding: 0; } .tundra .float_menu:hover li .link:before { display: none; } .tundra .float_menu:hover li .link span { display: block; } .tundra .slide-tm-js .catalog-right-filter section:hover:before { display: none; } .tundra .slide-tm-js .catalog-right-filter p { color: #000; } @media screen and (max-width: 1200px), screen and (max-height: 850px) { .tundra .slide-tm_main .logo-tm { width: 20%; margin-right: 3%; } .tundra .slide-tm_main .menu-tm { width: 72%; padding-right: 3%; } .tundra .slide-tm_main .img-tm { right: 80px; } .tundra .link_next { bottom: 30px; } .tundra .slide-tm_spec .spec_container .col-50 .col-50 { margin-top: -5px; } .tundra .slide-tm_spec .spec_container { max-width: 800px; } .tundra .slide-tm_spec .spec_container .col-50 img, .tundra .slide-tm_spec .spec_container .col-25 img { max-height: calc(100vh - 250px); margin: 0 auto 18px; } .tundra .slide-tm_history .about-text { padding: 30px 3%; width: 42%; } .tundra .slide-tm_history .history-text { padding: 50px 20px; } .tundra .slide-tm_history .history-date, .tundra .slide-tm_history .history-date-block:before { left: 20%; } .tundra .slide-tm_news .h3 { font-size: 18px; } .tundra .slide-tm_news .last-news { width: 49%; } .tundra .slide-tm_news .last-news .text-news { padding: 30px; } .tundra .slide-tm_news .last-news .text-news p { font-size: 14px; } .tundra .slide-tm_news .other-news .newsbl .h3 { font-size: 14px; } .tundra .slide-tm_news .other-news .newsbl .h3 + p { display: none; } .tundra .slide-tm_video .videoblock { max-width: 750px; } .tundra .slide-tm_video .other-video { padding: 25px 0; } .tundra .slide-tm_video .other-video .videobl img { width: 40%; } } @media screen and (max-height: 850px) { .tundra .slide-tm_main .slogan-tm { font-size: 36px; } .tundra .slide-tm_spec .spec_container { max-width: 800px; } .tundra .slide-tm .h2 { padding: 25px 0; font-size: 25px; } } .scrollable-background { width: 100%; height: 100%; padding: 0; margin: 0; } .scrollable-background .scrollablefixed { top: 0; left: 0; width: 100%; height: 100%; background: #6699cc url(/image/fon-pagemaneger.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed; position: fixed; z-index: 50; } @media only screen and (max-width: 995px) { .scrollable-background .scrollablefixed { display: none; } } .scrollable-background section { position: relative; width: 100%; min-width: 995px; z-index: 100; } .scrollable-background section h2, .scrollable-background section .b-chponck__price { font-size: 200%; font-weight: 700; } .scrollable-background section p { font-size: 15px; line-height: 1.5; } .scrollable-background footer { position: relative; border-top: 0; padding-top: 44%; margin-top: 0; z-index: 60; } .scrollable-background footer:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 995px; background: url("/image/clouds.jpg") no-repeat 50% bottom; background-size: contain; } .scrollable-background .footer-bar { position: absolute; bottom: 2em; left: 2em; text-align: left; } .scrollable-background .footer-bar__item { margin-right: 1em; } .scrollable-background .center { text-align: center; } .scrollable-background .promo-limit { min-width: 900px; } .scrollable-background .promo-limit_max { max-width: 1400px; } .scrollable-background .col-50 { display: inline-block; vertical-align: top; box-sizing: border-box; width: 50%; } .scrollable-background .slide-last { margin-bottom: -180px; padding-top: 40px; background-color: transparent; } .slide-unsubscribe, .section-slide { min-height: 100%; text-align: center; } .slide-unsubscribe:before, .section-slide:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; min-height: 100vh; } .slide-unsubscribe .message, .section-slide .message { max-width: 520px; display: inline-block; vertical-align: middle; width: 80%; margin: 2em auto; } .slide-unsubscribe .message p, .section-slide .message p { font-size: 14px; line-height: 1.5; font-weight: 500; } .slide-unsubscribe .scroll-helper, .section-slide .scroll-helper { margin-top: 27px; width: 60%; line-height: 1.5; display: inline-block; text-align: center; color: #1a6a9d; font-size: 18px; font-weight: 700; } .slide-unsubscribe .scroll-to-rr, .section-slide .scroll-to-rr { background-image: url(/image/arrow_down.png); display: block; margin: .5em auto 0; width: 39px; height: 40px; cursor: pointer; } .slide-unsubscribe .message_block, .section-slide .message_block { background: #1f84db; color: #fff; border-radius: 6px; padding: 40px 60px; margin: 20px auto; font-size: 14px; } .slide-unsubscribe .message_block a, .slide-unsubscribe .message_block .email, .section-slide .message_block a, .section-slide .message_block .email { color: #fff; border: none; font-weight: 500; } .slide-unsubscribe .message_block h2, .slide-unsubscribe .message_block .b-chponck__price, .section-slide .message_block h2, .section-slide .message_block .b-chponck__price { font-size: 28px; font-weight: 500; padding-bottom: 12px; line-height: 1.3; } .slide-unsubscribe .message_block .h2, .section-slide .message_block .h2 { margin: 0 0 25px; } .slide-unsubscribe .message_block button:not(.button_grayscale), .section-slide .message_block button:not(.button_grayscale) { border-radius: 15px; color: #fff; background: none; border: 1px solid rgba(255, 255, 255, 0.3); padding: 7px 15px; cursor: pointer; font-size: 13px; } .slide-unsubscribe .message_block button:not(.button_grayscale):hover, .section-slide .message_block button:not(.button_grayscale):hover { border-color: rgba(255, 255, 255, 0.8); } .slide-unsubscribe .unsubscribe-form, .slide-unsubscribe .action-form, .section-slide .unsubscribe-form, .section-slide .action-form { width: 100%; max-width: 440px; margin: 0 auto; padding: 20px 0 0; } .slide-unsubscribe .unsubscribe-form a, .slide-unsubscribe .action-form a, .section-slide .unsubscribe-form a, .section-slide .action-form a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 13px; } .slide-unsubscribe .unsubscribe-form a:hover, .slide-unsubscribe .unsubscribe-form .search__select-button .selectors label:hover, .search__select-button .selectors .slide-unsubscribe .unsubscribe-form label:hover, .slide-unsubscribe .action-form a:hover, .slide-unsubscribe .action-form .search__select-button .selectors label:hover, .search__select-button .selectors .slide-unsubscribe .action-form label:hover, .section-slide .unsubscribe-form a:hover, .section-slide .unsubscribe-form .search__select-button .selectors label:hover, .search__select-button .selectors .section-slide .unsubscribe-form label:hover, .section-slide .action-form a:hover, .section-slide .action-form .search__select-button .selectors label:hover, .search__select-button .selectors .section-slide .action-form label:hover { border-color: rgba(255, 255, 255, 0.8); } .slide-unsubscribe .unsubscribe-form a.get-back, .slide-unsubscribe .action-form a.get-back, .section-slide .unsubscribe-form a.get-back, .section-slide .action-form a.get-back { border: none; } .slide-unsubscribe .unsubscribe-form button:not(:only-child), .slide-unsubscribe .action-form button:not(:only-child), .section-slide .unsubscribe-form button:not(:only-child), .section-slide .action-form button:not(:only-child) { margin-right: 34px; } .slide-unsubscribe .unsubscribe-reason, .section-slide .unsubscribe-reason { width: 100%; height: 100px; margin: 0 0 12px; padding: 10px 17px; font-style: italic; font-size: 14px; text-align: left; color: #a3a3a3; } .slide-unsubscribe .unsubscribe-reason:focus, .section-slide .unsubscribe-reason:focus { font-style: normal; } .slide-unsubscribe .error-message, .slide-unsubscribe .district-error, .section-slide .error-message, .section-slide .district-error { margin-top: 7px; } .slide-unsubscribe label.label, .section-slide label.label { margin: 0; } .slide-unsubscribe input[type=checkbox], .section-slide input[type=checkbox] { float: left; } .slide-unsubscribe input[type=checkbox] + label, .section-slide input[type=checkbox] + label { margin-top: -17px; } .slide-unsubscribe .choice-country_active, .section-slide .choice-country_active { display: inline; } .slide-unsubscribe .input_wrapper, .section-slide .input_wrapper { position: relative; } .slide-unsubscribe .popup-wrapper, .section-slide .popup-wrapper { position: relative; } .slide-unsubscribe .popup-wrapper .with-icon, .section-slide .popup-wrapper .with-icon { cursor: pointer; opacity: 0.5; position: absolute; right: 15px; top: 10px; } .slide-unsubscribe .label_wrapper, .slide-unsubscribe .-for-checkbox, .section-slide .label_wrapper, .section-slide .-for-checkbox { position: relative; margin-left: 20px; } .slide-unsubscribe .popup, .slide-unsubscribe .ui-autocomplete, .slide-unsubscribe .search__select-button .selectors, .search__select-button .slide-unsubscribe .selectors, .section-slide .popup, .section-slide .ui-autocomplete, .section-slide .search__select-button .selectors, .search__select-button .section-slide .selectors { width: 100%; } .slide-unsubscribe .popup ul, .slide-unsubscribe .ui-autocomplete ul, .slide-unsubscribe .search__select-button .selectors ul, .search__select-button .slide-unsubscribe .selectors ul, .section-slide .popup ul, .section-slide .ui-autocomplete ul, .section-slide .search__select-button .selectors ul, .search__select-button .section-slide .selectors ul { margin: 0; } .slide-unsubscribe .popup ul .link, .slide-unsubscribe .ui-autocomplete ul .link, .slide-unsubscribe .search__select-button .selectors ul .link, .search__select-button .slide-unsubscribe .selectors ul .link, .section-slide .popup ul .link, .section-slide .ui-autocomplete ul .link, .section-slide .search__select-button .selectors ul .link, .search__select-button .section-slide .selectors ul .link { border: none; margin-left: 0; } .slide-unsubscribe .popup ul .link:before, .slide-unsubscribe .ui-autocomplete ul .link:before, .slide-unsubscribe .search__select-button .selectors ul .link:before, .search__select-button .slide-unsubscribe .selectors ul .link:before, .section-slide .popup ul .link:before, .section-slide .ui-autocomplete ul .link:before, .section-slide .search__select-button .selectors ul .link:before, .search__select-button .section-slide .selectors ul .link:before { display: none; } .slide-retail { padding: 40px 0; background-color: white; } .slide-retail .limit, .slide-retail .terms-popup__inner { width: 90%; } /* flags */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ #user_page footer, .layout_blue footer { border-top-color: transparent; } #user_page .layout:before, .layout_blue .layout:before { height: 100%; } .user-menu { margin-top: 2em; } .user-menu + .user-menu { margin-top: 1em; } .user-prof { width: 100%; overflow: hidden; } .user-prof__ava { float: left; width: 90px; height: 90px; border-radius: 90px; background-position: center; margin: 0 auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); border: 1px solid #afb8bb; } .user-prof__greeting { display: inline-block; margin-right: .7em; } .user-prof__exit { margin-top: .5em; font-size: 13px; font-style: italic; } .user-prof__edit { margin-top: .5em; font-size: 13px; font-style: italic; } .user-prof__contact { font-size: 14px; margin-top: 1em; } .user-prof__contact + .user-prof__contact { margin-top: .3em; } .usr-items-list { width: 100%; margin-top: 1.5em; font-size: 14px; } .usr-items-list__label { font-weight: 700; } .usr-items-list__value { margin-top: .3em; } .usr-items-list__item:hover .usr-items-list__ctls { display: inline; } .usr-items-list__item + .usr-items-list__item { margin-top: 1em; padding-top: 1em; border-top: 1px solid #e6e9ea; } .usr-items-list__ctls { display: none; margin-left: 1em; font-size: 13px; font-style: italic; font-weight: 400; } .usr-items-list__ctls .ctl + .ctl { margin-left: 1em; } .usr-items-list .usr-items-list__sliza { border-bottom: 1px solid #e7e8ea; padding-bottom: 10px; margin-bottom: 10px; } .usr-items-list .usr-items-list__sliza #is-sliza-enabled { margin-top: 12px; float: left; } .usr-items-list .usr-items-list__sliza label[for='is-sliza-enabled'] { margin: 7px 0 0 5px; } .usr-items-list .without_name { color: #999; } .usr-items-list .tag { background: #f6f5ed; border-radius: 3px; float: right; font-size: 13px; font-weight: normal; margin-top: -2px; padding: 5px 10px; } .usr-items-end { margin-top: 1.5em; } .another-recipient { font-size: 13px; margin: 0 0 1.5em; } .another-recipient label { vertical-align: top; } .dl-form .b-popup_on-hover { font-size: 13px; } .city-select { line-height: 30px; font-size: 13px; } .b-card { position: relative; } .b-card__face_back { display: none; } .b-card + .b-section, .b-card + .b-card { margin-top: 1em; } .b-card .b-section { margin-top: 0; } #DCExposeMask { background: #000; display: none; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 1000; } #DCLoader { background: #f2f2ee url("//api.direct-credit.ru/images/ajax_loader.gif") no-repeat 10px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; display: inline-block; height: 51px; position: absolute; width: 51px; z-index: 10001; } #DCFrameBlock { background: none; position: absolute; z-index: 10000; } #DCFrameBlock #DCCloseFrame { cursor: pointer; height: 36px; position: absolute; right: -18px; top: -18px; width: 36px; z-index: 10001; } #DCClosePopup { background: white; border: none; border-color: #E5E5E5 #DBDBDB #D2D2D2; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; display: none; left: 160px; padding: 10px; position: absolute; top: 100px; width: 360px; z-index: 2000; } #DCClosePopup .DCTitle { color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; text-align: center; } #DCClosePopup .textBlock { color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; margin: 10px 0px; padding: 0px 0px 10px; text-align: left; } #DCCloseBlock .textBlock a { border-bottom: 1px dashed #2EB6E6; color: #2EB6E6; text-decoration: none; } #DCClosePopup .textBlock a:hover, #DCClosePopup .textBlock .search__select-button .selectors label:hover, .search__select-button .selectors #DCClosePopup .textBlock label:hover { border-bottom: 1px dashed white; } #DCClosePopup table tr td { margin: 0px; padding: 0px; } #DCClosePopup table tr td.DCLeft { text-align: left; } #DCClosePopup table tr td.DCRight { text-align: right; } #DCClosePopup #DCCancelButton, #DCClosePopup #DCAgreeButton { background-image: url("//api.direct-credit.ru/images/button_blue.jpg"); border: none; color: white; cursor: pointer; height: 30px; text-align: center; width: 150px; } #DCClosePopup .buttonRed { background-image: url("//api.direct-credit.ru/images/button_red.jpg") !important; } #DCClosePopup .buttonYellow { background-image: url("//direct-credit.ru/widget/images/button_yellow.jpg") !important; } #DCClosePopup .buttonPurple { background-image: url("//direct-credit.ru/widget/images/button_purple.jpg") !important; } #DCClosePopup #DCCancelButton { background-position: 0px 0px; } #DCClosePopup #DCCancelButton:hover { background-position: 0px -30px; } #DCClosePopup #DCAgreeButton { background-position: 0px -60px; } #DCClosePopup #DCAgreeButton:hover { background-position: 0px -90px; } .DCPadding10 { padding: 10px; } .dc-credit { width: 300px; height: 50px; font-family: 'Open Sans', sans-serif; font-size: 15px; -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dc-price { display: inline-block; position: relative; float: left; width: 30%; height: 30%; padding: 5px 0; background: #ffffff; text-align: center; z-index: 5; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .dc-price p { margin: 0; font-size: 90%; color: #999999; } .dc-price p:first-child { font-size: 130%; color: #000000; } .dc-btn { display: inline-block; position: relative; float: right; width: 70%; height: 100%; border: none; outline: none; background: none; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 100%; font-weight: 700; letter-spacing: 1px; line-height: 50px; color: #ffffff !important; cursor: pointer; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .dc-btn:after { position: absolute; top: 50%; left: -5px; margin: -10px 0 0 -10px; width: 20px; height: 20px; background: #ffffff; content: ''; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dc-credit:active .dc-btn:after { left: 0px; } .dc-credit.red .dc-btn { background-color: #ff1300; } .dc-credit.red:hover .dc-btn { background-color: #ff4e40; } .dc-credit.red:active .dc-btn { background-color: #bf3330; } .dc-credit.orange .dc-btn { background-color: #ff8940; } .dc-credit.orange:hover .dc-btn { background-color: #ffa873; } .dc-credit.orange:active .dc-btn { background-color: #ff6200; } .dc-credit.green .dc-btn { background-color: #238d43; } .dc-credit.green:hover .dc-btn { background-color: #00bd39; } .dc-credit.green:active .dc-btn { background-color: #007b25; } .dc-credit.turquoise .dc-btn { background-color: #1d7074; } .dc-credit.turquoise:hover .dc-btn { background-color: #01939a; } .dc-credit.turquoise:active .dc-btn { background-color: #006064; } .dc-credit.blue .dc-btn { background-color: #4573d5; } .dc-credit.blue:hover .dc-btn { background-color: #6c8dd5; } .dc-credit.blue:active .dc-btn { background-color: #1142aa; } .dc-credit.purple .dc-btn { background-color: #5e2580; } .dc-credit.purple:hover .dc-btn { background-color: #6f0aaa; } .dc-credit.purple:active .dc-btn { background-color: #47036f; } .dc-credit.metallic .dc-btn { background-color: #575757; } .dc-credit.metallic:hover .dc-btn { background-color: gray; } .dc-credit.metallic:active .dc-btn { background-color: #4c4c4c; }